/* CSS Document */

/*MENÚ PRINCIPAL*/
#menuPrint {display:none;}
#menu {position:relative; width:954px; height:37px; background-image:url(../../../assets/img/fons_menu.gif);}
ul {list-style:none; margin:0; padding:0; }
ul li {padding:0; float:left;}
ul li a {display:block; width:121px; height:37px; /*Quito el padding, pero le pongo altura*/ text-decoration:none;}
ul li a:hover {background-position:bottom;}
ul li a span {display:none; /*Oculto el texto*/}


#mhome {background-image:url(../../img/menu_home.gif); width:82px;}
#mempresa {background-image:url(../../img/menu_empresa.gif); width:80px;}
#mproductos {background-image:url(../../img/menu_productos.gif); width:94px;}
#mproyectos {background-image:url(../../img/menu_proyectos.gif); width:173px;}
#mgarantia {background-image:url(../../img/menu_garantia.gif); width:86px;}
#mcertificados {background-image:url(../../img/menu_certificados.gif); width:121px;}
#mcontacto {background-image:url(../../img/menu_contacto.gif); width:85px;}



/*MENU IDIOMES*/

#menuIdiomes {position:absolute; height:10px; top:5px; right:20px; z-index:90;}
#menuIdiomes ul {list-style:none; margin:0; padding:0;}
#menuIdiomes ul li {padding:0; float:left;}
#menuIdiomes ul li a {display:block; height:10px; /*Quito el padding, pero le pongo altura*/ text-decoration:none;}
#menuIdiomes ul li a:hover {background-position:bottom;}
#menuIdiomes ul li a span {display:none; /*Oculto el texto*/}


#mespanol {background-image:url(../../img/idi_espanol.gif); width:56px;}
#menglish {background-image:url(../../img/idi_english.gif); width:51px;}
#mfrancaise {background-image:url(../../img/idi_francaise.gif); width:65px;}
#mfrancaise2 {background-image:url(../../img/idi_francaise2.gif); width:64px;}
#mcatala {background-image:url(../../img/idi_catala.gif); width:49px;}
#mMapaWeb {background-image:url(../../img/idi_mapaweb.gif); width:64px;}


/*MENU CERTIFICA*/
#peuCertifica {position:absolute; top:5px; right:30px; z-index:30;}
#peuCertifica ul {list-style:none; margin:0; padding:0;} #peuCertifica ul li {padding:0; float:left;}
#peuCertifica ul li a {display:block; height:13px; /*Quito el padding, pero le pongo altura*/ text-decoration:none;}
#peuCertifica ul li a:hover {background-position:bottom;} #peuCertifica ul li a span {display:none; /*Oculto el texto*/}

#mleyenda {background-image:url(../../img/b_leyenda.gif); width:101px;}

/*MENU LATERAL*/
#lateralPrint {display:none;}
#menuLateral {position:absolute; z-index:100; margin:18px 35px 35px 35px;  *margin-top:8px; padding-left:10px; width:175px;/*margin-top:20px; *margin-top:-15px; pagines internes*/}
#menuLateral, ul ul{overflow:hidden; background:#fff; text-align:left; color:#fff;}
#menuLateral table {border-collapse:collapse; padding:0; margin:0;}
#menuLateral ul {margin-left:1em; list-style:none; margin:0; padding:0;}
#menuLateral li {padding:0;  float:left;  *height:28px;/*text-indent:0.5em; text amb marge a l'esquerra*/}
#menuLateral li.drop {margin-bottom:-2px; }
#menuLateral li a, 
#menuLateral li a:visited {display:block; width:165px; height:25px; text-decoration:none;}
#menuLateral li a.last, 
#menuLateral li a.last:visited {display:block;}
#menuLateral li ul {display:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menuLateral li a span {display:none; /*Oculto el texto*/}

#menuLateral li:hover a, #menuLateral li.drop a:hover{border:0; background-position: 0px -25px; background-repeat: no-repeat;}
#menuLateral li:hover ul, #menuLateral li a:hover ul {display:block; height:100%; width:165px; *width:163px; margin:2px 0 10px 0; *margin-top:28px;}
#menuLateral li:hover ul li a, #menuLateral li a:hover ul li a {height:10px;  background:#fff; background-image:url(../img/llista_submenu.gif); background-position:left center; background-repeat:no-repeat; color:#484848; margin:4px 0; *padding-top:0; padding-left:10px;}
#menuLateral li:hover ul li:hover a, #menuLateral li a:hover ul li a:hover {background:#bfd6e8; color:#484848;}

#subChiringuito {background-image:url(../../img/sub_chiringuito.gif); width:165px;}
#subAseos {background-image:url(../../img/sub_aseos.gif); width:165px;}
#subDuchas {background-image:url(../../img/sub_duchas.gif); width:165px;}
#subPergolas {background-image:url(../../img/sub_pergola.gif); width:165px;}
#subSalvamento {background-image:url(../../img/sub_salvamento.gif); width:165px;}
#subPasarelas {background-image:url(../../img/sub_pasarela.gif); width:165px;}
#subMultifuncion {background-image:url(../../img/sub_multifuncion.gif); width:165px;}
#subPapeleras {background-image:url(../../img/sub_papeleras.gif); width:165px;}
#subSenaletica {background-image:url(../../img/sub_senaletica.gif); width:165px;}
#subMobiliario {background-image:url(../../img/sub_mobiliario.gif); width:165px;}

#subOtros {background-image:url(../../img/sub_otros.gif); width:165px;}

/*MENU PRODUCTES FICHA*/
#menuFicha {position:relative; height:12px;}
#menuFicha ul {list-style:none; margin:0; padding:0;}
#menuFicha ul li {padding:0; float:left;}
#menuFicha ul li a {display:block; height:12px; /*Quito el padding, pero le pongo altura*/ text-decoration:none;}
#menuFicha ul li a:hover {background-position:bottom;}
#menuFicha ul li a span {display:none; /*Oculto el texto*/}


#mfdescripcio {background-image:url(../../img/m_fich_01.gif); width:125px;}
#mffotos {background-image:url(../../img/m_fich_02.gif); width:83px;}
#mfconstructiva {background-image:url(../../img/m_fich_03.gif); width:134px;}
#mfmodelos {background-image:url(../../img/m_fich_04.gif); width:61px;}
#mfdimension {background-image:url(../../img/m_fich_05.gif); width:87px;}
#mfvideos {background-image:url(../../img/m_fich_08.gif); width:54px;}
#mfdetalles {background-image:url(../../img/m_fich_06.gif); width:69px;}
#mfmontaje {background-image:url(../../img/m_fich_07.gif); width:65px;}


#ico1 { background:url(../../../assets/img/ico-mediterranean2.png);}
#ico2 { background:url(../../../assets/img/ico-caribean2.png);}
#ico3 { background:url(../../../assets/img/ico-urban2.png);}
#ico4 { background:url(../../../assets/img/ico-atlantic2.png);}