body{font-size:62.5%;background:#003366 url(../img/bg_body.gif) repeat-y center top; font-family:verdana,arial,sans-serif; color:#99CCFF;padding:0;margin:0;line-height:1.4; height: 100%;}
#intro{background:#003366 ;padding:0;margin:0;text-align:center}

a{color:#fff;text-decoration:underline;}
a:hover{text-decoration:underline;}
h1,h2{margin:0;padding:0;font-size:1.6em;font-family:arial;}

input,textarea{margin:0;padding:0;font-family:verdana,arial,sans-serif; font-size:1em; color:#99CCFF;}
img{border:0;}
form,p{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;padding:0;}
.tit{display:block;}
.clear{clear:both;height:0;font-size:0;}

/*estructura*/
#parent {display: block;min-height: 100%;_height:100%;width: 100%;position: absolute;top: 0px;left: 0px;z-index: 0;}
#contenidor{width:976px;margin:0 auto;background:#012D5A url(../img/bg_contingut.gif) repeat-y center top;padding-bottom:50px;}
#capcalera{background:#fff url(../img/bg_header.jpg) repeat-x 0 0;height:105px;padding:0 0 0 0;}
#logo{width:245px;float:left;padding:2px 0 3px;border-left:1px solid #185069;}
#idiomes{height:38px;float:right;padding:6px 30px 0 0; width:200px;}
#idiomes a{display:block;float:right;color:#787878;font-weight:bold;text-decoration:none;padding:2px 4px 3px 24px;}
#idiomes a:hover{text-decoration:underline;}
#idiomes a#catala{background:url(../img/ico_catala.gif) no-repeat 0 0;}
#idiomes a#castella{background:url(../img/ico_castella.gif) no-repeat 0 0;}
#idiomes a#english{background:url(../img/ico_engl.gif) no-repeat 0 0;}

#menu{background:url(../img/bg_menu_empresa.jpg) no-repeat 0 0;height:32px;width:565px;float:right;clear:right;}
#empresa #menu{background-image:url(../img/bg_menu_empresa.jpg)}
#proyectos #menu{background-image:url(../img/bg_menu_proyectos.jpg)}
#clientes #menu{background-image:url(../img/bg_menu_clientes.jpg)}
#noticias #menu{background-image:url(../img/bg_menu_noticias.jpg)}
#contacto #menu{background-image:url(../img/bg_menu_contacto.jpg)}

/*nom?s es mostra per defecte la imatge de la secci? seleccionada, la resta mostren les imatges de background*/
#empresa #mEmpresa img,#proyectos #mProyectos img,#clientes #mClientes img,#noticias #mNoticias img,#contacto #mContacto img{visibility:hidden;} 

#menu ul{margin:0 0 0 9px;}
#menu li{display:block;float:left;}
#menu li a{display:block;padding:20px 9px 0;height:12px;width:91px;}
#menu li a img{visibility:hidden;}
*html #menu li a:hover{visibility:visible;}
#menu li a:hover img{visibility:visible;}

#subMenu{height:29px;width:975px;clear:both;background:#fff;border-left:1px solid #204C6C}
#subMenu ul{float:right;padding:8px 0 0 0;}
#subMenu li{display:block;float:left;}
#subMenu a{color:#666;font-family:arial,verdana,sans-serif;text-decoration:none;padding:0 27px 0 10px;text-transform:uppercase;font-size:1.2em;}
#subMenu a:hover{color:#003366;}
#subMenu .on a{color:#0099CC;font-weight:bold}

#cos{padding:0;}
#foto img,#titol img{display:block;}
#titol{padding:9px 0 6px 92px;}
#text{width:370px;float:right;background:url(../img/separador_titol.gif) no-repeat 112px 0;padding:9px 124px 0 0;}
#text p{padding:0 0 15px;text-align:justify;}
#imatge{width:375px;float:left;padding:16px 0 13px 105px;background:url(../img/bg_img.gif) no-repeat 100px 12px;}
#titol {background-repeat:no-repeat;background-position:92px 9px;min-height:26px;_height:26px;}
#titol span{visibility:hidden;}

#peu{width:100%;padding:5px 0;background:url(../img/separador_peu.gif) no-repeat center top;text-align:center;margin:40px 0 0; position: absolute;left: 0;bottom: 0;}

/* instalacions */
#bgImgs{background:url(../img/bg_img_instalacions.jpg) no-repeat 85px 0;width:975px;}
#ampliacio{float:left;width:335px;padding:13px 0 23px 102px;}
#instalacions{float:right;width:508px;}
#instalacions ul{margin:21px 0 0 9px;width:385px;}
#instalacions li{float:left;display:block;padding:0 3px 3px 0;}
#instalacions li a{border:1px solid #999;display:block;}
/* #instalacions li a:hover,#instalacions li.on a {border:1px solid #eeee00;} */
#instalacions #titol{padding-left:0;padding-top:85px;background-position:0 56px;}
#instalacions #text{float:none;padding-left:10px;}

/*proyectos*/
#preproyectos {margin:20px 0 20px 30px;}
#preproyectos ul{margin:0 0 0 10px;padding:0;}
#preproyectos ul li{float:left;margin-right:20px;width:163px;}


#menuproyectos {margin:1px 0 0 1px;background:url(../img/top_menu.gif) no-repeat 0 top;width:205px;float:left;}
#menuproyectos ul{margin:9px 0 0 0;padding:0;background:#fff;}
#menuproyectos li{margin-left:1px}

#menuproyectos li a{padding:3px 0 0 25px;display:block;color:#fff;text-decoration: none;width:198px;height:24px;font-family:tahoma;font-size:1.2em;}

#menuproyectos li.cm1 a{background:url(../img/fons_menu1.gif) no-repeat 0 0;}
#menuproyectos li.cm1 a:hover{background:url(../img/fons_menu1_on.gif) no-repeat 0 0;}
#menuproyectos li.cm1 a.ac{background:url(../img/fons_menu1_on.gif) no-repeat 0 0;font-weight:bold}
#menuproyectos li.cm2 a{background:url(../img/fons_menu2.gif) no-repeat 0 0;}
#menuproyectos li.cm2 a:hover{background:url(../img/fons_menu2_on.gif) no-repeat 0 0;}
#menuproyectos li.cm2 a.ac{background:url(../img/fons_menu2_on.gif) no-repeat 0 0;font-weight:bold}
#menuproyectos li.cm3 a{background:url(../img/fons_menu3.gif) no-repeat 0 0;}
#menuproyectos li.cm3 a:hover{background:url(../img/fons_menu3_on.gif) no-repeat 0 0;}
#menuproyectos li.cm3 a.ac{background:url(../img/fons_menu3_on.gif) no-repeat 0 0;font-weight:bold}
#menuproyectos li.cm4 a{background:url(../img/fons_menu4.gif) no-repeat 0 0;}
#menuproyectos li.cm4 a:hover{background:url(../img/fons_menu4_on.gif) no-repeat 0 0;}
#menuproyectos li.cm4 a.ac{background:url(../img/fons_menu4_on.gif) no-repeat 0 0;font-weight:bold}
#menuproyectos li.cm5 a{background:url(../img/fons_menu5.gif) no-repeat 0 0;}
#menuproyectos li.cm5 a:hover{background:url(../img/fons_menu5_on.gif) no-repeat 0 0;}
#menuproyectos li.cm5 a.ac{background:url(../img/fons_menu5_on.gif) no-repeat 0 0;font-weight:bold}
#pincha {padding:30px 10px 30px 20px;background:#fff url(../img/bot_menu.gif) no-repeat 0 bottom;color:#003169;font-family:tahoma;font-size:1.1em;height:200px}
#pincha .boto {margin:10px 0 0 20px;}
#pincha a{display:block;text-align:center;background:url(../img/Esp/b_clientes.jpg) no-repeat 0 0;}
#pincha a:hover{display:block;text-align:center;background:url(../img/Esp/b_clientes_on.jpg) no-repeat 0 0;}
#contingut {padding:20px 120px 0 95px;width:755px}
#contingut .titol {font-family:arial;font-size:1.6em;color:#fff;font-weight:bold}
#contingut .textintro {color:#7fcdfd;font-family:verdana;font-size:1em;padding:20px 0 0 0}

#totafitxa {padding:35px 0 20px 0;;margin-left:97px;}
#subMenuV {background:url(../img/fons_submenu.gif) no-repeat 0 0;float:left;width:259px}
#subMenuV ul{margin:7px 0 0 0;padding:0;}
#subMenuV li{margin:2px 0 0 0;width:auto;background:url(../img/linea_submenu.gif) no-repeat 0 bottom;}
#subMenuV li a{padding:3px 0 0 30px;display:block;color:#00cdfc;text-decoration: none;width:auto;height:24px;font-family:verdana;font-size:1.2em;background:url(../img/li_submv.gif) no-repeat 10px 5px;}
#subMenuV li a:hover{padding:3px 0 0 30px;display:block;color:#013368;text-decoration: none;height:24px;font-family:verdana;font-size:1.2em;background:url(../img/fons_item_submenu_over.gif) no-repeat 0 0;}
#subMenuV li a.on{padding:3px 0 0 30px;display:block;color:#fff;font-weight:bold;text-decoration: none;width:auto;height:24px;font-family:verdana;font-size:1.2em;background:url(../img/fons_item_submenu_on.gif) no-repeat 0 0;}
#fitxa {padding:7px 0 5px 0;background: url(../img/fons_imatge.gif) no-repeat 0 0;float:left;width:530px}
#foto {margin:0;padding:0 5px 0 0;margin-bottom:1px}
#fitxa #peufoto {margin:0 0 0 8px;}
#peufoto #titolfoto {float:left;padding:2px 0 0 25px;background:url(../img/fons_titfoto.gif) repeat-x 0 0;height:24px;width:343px;font-size:1.4em;color:#fff;font-family:tahoma}
#peufoto #titolfoto2 {float:left;padding:2px 0 0 25px;background:url(../img/fons_titfoto.gif) repeat-x 0 0;height:24px;width:430px;font-size:1.4em;color:#fff;font-family:tahoma}
#peufoto #titolfoto3 {float:left;padding:2px 0 0 25px;background:url(../img/fons_titfoto.gif) repeat-x 0 0;height:24px;width:373px;font-size:1.4em;color:#fff;font-family:tahoma}
#peufoto #numfoto{float:left;width:89px;}
#numfoto li{float:left;border-left:1px solid #fff;}
#numfoto li a{text-align:right;display:block;color:#fff;text-decoration: none;width:28px;height:29px;font-family:verdana;font-size:1.4em;background:url(../img/fons_num.gif) no-repeat 0 0;}
#numfoto li a:hover{text-align:right;display:block;color:#fff;text-decoration: none;width:28px;height:29px;font-family:verdana;font-size:1.4em;background:url(../img/fons_num_on.gif) no-repeat 0 0;}
#numfoto li a.on{text-align:right;display:block;color:#fff;text-decoration: none;width:28px;height:29px;font-family:verdana;font-size:1.4em;background:url(../img/fons_num_on.gif) no-repeat 0 0;}
#infoprojecte {padding:0 0 0 0;background:#fff url(../img/fons_peu_img.gif) no-repeat 0 0;}

#infoprojecte .tinfoproj{margin:0}
#infoprojecte #foto{padding:0 0 0 8px;}
.tinfoproj{color:#666;}
.tinfoproj .td1 {width:100px;padding:5px 5px 5px 15px;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #d3d3d3}
.tinfoproj .td2 {width:310px;padding:5px;;border-bottom:1px solid #d3d3d3}
.tinfoproj .td11 {width:100px;padding:5px 5px 20px 15px;font-weight:bold;text-transform:uppercase;}
.tinfoproj .td22 {width:310px;padding:5px 5px 20px 5px;}
#borderbot {background:url(../img/bottom_fons_img.gif) no-repeat -10px bottom;padding:10px 10px 10px 20px;*padding-top:5px;clear:left;}

/** noticies **/
#noticias #text{width:450px;float:right;background:url(../img/separador_titol.gif) no-repeat 112px 0;padding:9px 84px 0 0;}
#noticias #text li{background:url(../img/li_not.gif) repeat-x 0 0;color:#fff;font-size:1.4em;font-family:tahoma;padding:2px 0 0 10px;margin-bottom:20px}
#noticias #text .titular {color:#70cafc;font-family:verdana;font-size:0.7em;padding:20px 0;font-weight:bold}
#noticias #text .txnot {color:#fff;font-family:verdana;font-size:0.7em;padding:0 80px 20px 0;font-weight:normal}
#noticias #text .txnot2 {color:#fff;font-family:verdana;font-size:0.7em;padding:0 50px 20px 0;font-weight:normal}
#noticias #text .vermas {margin-bottom:20px;text-align:right}
#noticias #text .vermas a{background:url(../img/bg_bt_flecha.gif) no-repeat 0 0;color:#0099c9;font-size:0.7em;font-weight:bold;text-decoration:none;padding:5px 40px 8px 40px}
#noticias #text .vermas a:hover{background:url(../img/bg_bt_fletxa_on.gif) no-repeat 0 0;color:#fff;}
#noticias #fotonot  {float:left;}
#noticias #fotonot #foto  {background:url(../img/fons_imatge_noticias.gif) no-repeat 10px 50px;padding:61px 60px 20px 25px}
#noticias #fotonot #irnot {margin:40px 0 20px 40px}
#noticias #fotonot #irnot a{background:url(../img/bg_bt_noticias.gif) no-repeat 60px 0;color:#0099c9;font-size:0.8em;font-weight:bold;text-decoration:none;padding:5px 40px 8px 90px} 
#noticias #fotonot #irnot a:hover{background:url(../img/bg_bt_noticias_on.gif) no-repeat 60px 0;color:#fff;} 


/** contacto **/
#contacto #text{width:450px;float:right;background:url(../img/separador_titol.gif) no-repeat 112px 0;padding:9px 84px 0 0;}
#contacto #text li{background:url(../img/li_not.gif) repeat-x 0 0;color:#fff;font-size:1.4em;font-family:tahoma;padding:2px 0 0 10px;margin-bottom:20px}
#contacto .formulari p {margin:0 0 0 0;}
.contacto label {color:#7eccfd;width:100px;float:left;font-size:0.8em;font-weight:bold;text-transform:uppercase}
*html .contacto label {width:80px;}
.contacto .formulari input {border:0;background-color:#00588a;width:336px;color:#fff;font-size:0.8em;padding:2px}
.contacto .formulari textarea {border:0;background-color:#00588a;width:336px;color:#fff;font-size:0.8em;padding:2px}
#contacto .formulari .botons{text-align:Right;width:440px}
#contacto .formulari .botons input {width:121px;float:right;color:#0099c9;font-size:0.8em;font-weight:bold;display:block;background:url(../img/bg_bt_flecha.gif) no-repeat right top;padding:3px 30px 8px 40px;cursor:pointer;}
#contacto .formulari .botons input[type="submit"]:hover {color:#fff;background:url(../img/bg_bt_fletxa_on.gif) no-repeat right top;}
.contacto #fotonot  {float:left;padding:150px 0 600px 100px;line-height:2.5em}
.contacto #fotonot a{color:#7eccfd}
.contacto #cos {background:url(../img/mapa_croquis.gif) no-repeat 2px 400px;}
*html .contacto #cos {height:400px}

.trabaja label {color:#7eccfd;width:180px;float:left;font-size:0.8em;font-weight:bold;text-transform:uppercase}
*html .trabaja label {width:160px;}
.trabaja .formulari input {border:0;background-color:#00588a;width:256px;color:#fff;font-size:0.8em;padding:2px}
.trabaja .formulari select {border:0;background-color:#00588a;width:256px;color:#fff;font-size:0.8em;padding:2px}
.trabaja .formulari textarea {border:0;background-color:#00588a;width:256px;color:#fff;font-size:0.8em;padding:2px}

/** clientes **/
#clientes #text{width:800px;float:right;background:url(../img/separador_titol.gif) no-repeat 210px 0;padding:9px 80px 0 50px;}
#clientes #text ul {padding:20px 110px 0 0;}
#clientes #text li{background:url(../img/fons_li_clientes.gif) no-repeat 300px 2px;color:#7eccfd;font-size:1em;font-family:tahoma;padding:3px 0 0 320px;margin-bottom:10px;width:480px}
#clientes #text li a{color:#80ccff;text-decoration:none}
#clientes #text li .verproj {float:right}
#clientes #text li .verproj a{background: url(../img/i-verprojecto.gif) no-repeat 0 0; padding:0 0 2px 30px;color:#80ccff;text-decoration:none}

a.verpdf {background:url(../img/pdf_f1.gif) no-repeat 0 10px;padding:25px 0 10px 50px;}