/* CSS Document */
html { overflow-y:scroll;  background-color:#FFFFFF;}
body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:0;}

#block{ width:908px; margin:0 auto;}
h1{width:198px; height:77px; background:url(../img/logo.gif) no-repeat 0 0; float:left; margin:0; padding:0;}
h2{ margin:24px 0 2px 0; *margin-bottom:-5px; padding:0;}

/*-----CAPÇALERA + MENÚ-----*/
#capcalera{ width:908px; height:77px; margin:40px 0 0 0; *margin-bottom:-10px; padding:0; /*background-color:#FFCCFF;*/}
#capcalera span{ display:none;}
#capcalera ul{ height:17px; list-style:none; margin:35px 0 0 0; padding:0; float:right; display:inline;}
#capcalera li{ height:17px; float:left; padding:0px; margin:0;}
#capcalera li a{ height:17px; overflow:hidden; display:block; margin:0px;}

#quienes_somos a {width:121px; background:url(../img/quienes_somos.gif) 0px 0px no-repeat;}
#servicios a{width:82px; background:url(../img/servicios.gif) 0px 0px no-repeat;}
#experiencia a{width:97px; background:url(../img/experiencia.gif) 0px 0px no-repeat;}
#contacta a{width:184px; background:url(../img/contacta.gif) 0px 0px no-repeat;}

#quienes_somos a:hover, #servicios a:hover, #experiencia a:hover, #contacta a:hover { background-position:0 -17px;}
#quienes_somos a.selected, #servicios a.selected, #experiencia a.selected, #contacta a.selected { background-position:0 -17px;}

/*-----SUBMENÚ-----*/
#capcalera ul li ul{display:none; width:196px; height:85px; padding:13px 0px 0px 0px; margin:0px; border:0px; position:absolute; z-index:200; background:url(../img/base_submenu.gif) no-repeat 0 0;}
#capcalera ul li:hover ul{display:block;}
#capcalera ul li ul li { display:block; float:none; margin:0px; padding:0px; background-image:none; background:url(../img/estrella.gif) no-repeat 8px 2px; padding-left:22px; margin:4px 0 0 0; font-weight:bold; color:#000; }
#capcalera ul li ul li a{ width:100%; background-image:none; color:#000; text-decoration:none; }
#capcalera ul li ul li a:hover{color:#3A4F97; text-decoration:none;}
#capcalera ul li ul li a.selected{ color:#3A4F97; text-decoration:none;}

.barra_sup{color:#3A4F97; background-color:#3A4F97;	height:8px; padding:0px; margin:0px 0px; *margin-bottom:-7px; border: 0px solid #3A4F97; clear:both; width: 100%;}
.barra_inf{color:#3A4F97; background-color:#3A4F97;	height:2px; padding:0px; margin:0px 0px; *margin-top:-7px; border:0px solid #3A4F97; clear:both; width: 100%;}
.barra_1px{color:#3A4F97; background-color:#3A4F97;	height:1px; padding:0px; margin:0px 0px; border: 0px solid #3A4F97; clear:both; width: 100%;}
.barra_2px{color:#3A4F97; background-color:#3A4F97;	height:2px; padding:0px; margin:2px 0px 0px 0px; *margin-bottom:-7px; *margin-top:-5px; border: 0px solid #3A4F97; clear:both; width: 100%;}

/*-----MARQUES-----*/
#marques{ width:908px; margin:0; padding:0; list-style:none; float:left; display:inline; }
.marca_block{ float:left; width:215px; margin:8px 16px 0 0;}
.marca_block h3{ height:66px; width:215px; border-bottom:1px solid #3A4F97; margin:0; padding:0;}
.marca_block p{ height:66px; background-color:#E9E9E9; margin:0; padding:8px; font-weight:bold; color:#3A4F97;}
.marca_block a{ text-decoration:none; font-weight:bold; color:#3A4F97;}
.marca_block a:hover{ text-decoration:underline; font-weight:bold; color:#3A4F97;}

/*-----CONTINGUT-----*/
#contingut{width:908px; margin:0; padding:16px 0 0 0; /*background-color:#99FFFF;*/ background:url(../img/mosaic.gif) repeat-y 0 0;}
#submenu{ width:215px; margin:0 16px 0 0; padding:0 0 16px 0; float:left; list-style:none; background-color:#FFFFFF;}
#submenu ul{ margin:0; padding:0; list-style:none; }
#submenu li{ background:url(../img/estrella.gif) no-repeat 8px 2px; padding-left:22px; margin:8px 0 0 0; font-weight:bold; color:#000;}
#submenu li a{ color:#000; text-decoration:none;}
#submenu li a:hover{ color:#3A4F97; text-decoration:none;}
#submenu li a.selected{ color:#3A4F97; text-decoration:none;}

#submenu li ul{ margin:0; *margin-top:-7px; padding:0; list-style:none; }
#submenu li ul li{ background:url(../img/redonda_gris.gif) no-repeat 2px 4px; padding-left:12px; padding-bottom:4px; margin:4px 0 0 0; font-weight:bold; color:#999999; border-bottom:1px solid #999999;}
#submenu li ul li.selected{ background:url(../img/redonda_azul.gif) no-repeat 2px 4px; padding-left:12px; padding-bottom:4px; margin:4px 0 0 0; font-weight:bold; color:#999999; border-bottom:1px solid #999999;}
#submenu li ul li a{ color:#999999; text-decoration:none;}
#submenu li ul li a:hover{ color:#3A4F97; text-decoration:none;}
#submenu li ul li a.selected{ color:#3A4F97; text-decoration:none;}


#texto{ width:677px; margin:0 0 24px 0; padding:0; float:right; /*background-color:#00CCCC;*/}
#texto h2{ font-size:25px; font-weight:bold; color:#3A4F97; margin:0 0 16px 0;}
#texto h3{ font-size:14px; font-weight:bold; color:#000; margin:0 0 0 0;}
#texto h4{ font-size:16px; font-weight:bold; color:#3A4F97; margin:0 0 4px 0;}
#texto p{ margin:0 0 8px 0; padding:0;}
#texto b{ color:#3A4F97;}
#texto p.dades_contacte{ margin:0 0 2px 0; padding:0;}
#texto img{ float:right; border-bottom:8px solid #3A4F97; margin:0 0 12px 16px;}
#texto img.dest{ float:right; border-bottom:none; margin:0 0 12px 16px;}
#texto img.tot{ border-bottom:none; margin:16px 0; float:none; margin-left:10%;}
#texto ul{ margin:0 0 8px 16px; padding:0; list-style:none; }
#texto li{ background:url(../img/redonda_azul.gif) no-repeat 0 4px; padding-left:10px; margin:0 0 6px 0;}
#texto a{ color:#3A4F97; font-weight:bold; text-decoration:underline;}
#texto a:hover{color:#999999; font-weight:bold; text-decoration:underline;}


/*-----PEU-----*/
#peu{ width:908px; margin:0; margin-top:24px; border-top:2px solid #BDBDBD;}
#peu p{ margin:0; padding:6px 4px 0 4px; }
#peu p.dades{ float:left; width:700px;}
#peu p.area_client{ float:right; width:180px; text-align:right;}
#peu ul{ list-style:none; margin:0; padding:0; display:inline;}
#peu ul li{ font-size:11px; color:#FFF; display:inline; padding:0px 2px 0px 5px; margin:0; border-left:1px solid #FFF;}
#peu a{ color:#3A4F97; font-weight:bold; text-decoration:underline;}
#peu a:hover{color:#999999; font-weight:bold; text-decoration:underline;}
#peu a.selected{ color:#999999; text-decoration:none;}

/*-----IMPORTANT:-----*/
/*Pasa porque en css una caja no debe crecer si crecen otras cajas que lleve dentro flotadas (IE lo interpreta mal y siempre crece, lo que suele producir otros problemas).
Entonces para que crezca, hay que producir un corte, un salto de línea, lo que obliga a que el espacio "virtual" que ocupan las cajas flotadas se convierta en espacio "físico", y entonces la caja contenedora sí crece para albergar a las que tiene dentro.
El último error se debía a que, aunque fuerces ese corte, si dices que la caja mide el 100%, mide el 100% y punto, y el corte no puede cambiar eso (no así en IE, que hace lo que le da la gana y crece siempre).*/
.clear { clear:both;}