/* CSS Document */
html { overflow-y:scroll;  background-color:#FFFFFF; height:100%;}
body {  height:100%; background-color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif; font-size:11px; color:#000; margin:0; padding:0;}

a{ color:#00545E; font-weight:bold; text-decoration:none;}
a:hover{color:#000; font-weight:bold; text-decoration:none;}

#block{ width:936px; margin:0 auto; /*background-color:#0066CC;*/}

/*------ CAPÇALERA -------*/
#capcalera{ width:936px; height:67px; margin:8px 0 16px 0;}
h1{width:94px; height:67px; background:url(../img/logo_uoc.jpg) no-repeat 0 0; float:left; margin:0; padding:0;}
#idiomes{ width:200px; height:/*40*/24px; font-family:Helvetica, Arial, sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; float:right; text-align:right; }
span{ display:none;}

/*------ CONTINGUT -------*/
#contingut{ width:936px; margin-top:12px;}
h2{ font-size:28px; color:#000000; font-weight:bold; font-style:italic; margin:0 0 0px 0; padding:0; }
h3{ font-family: Helvetica, Arial, sans-serif; font-size:18px; font-weight:bold; color:#00545E; margin:0 0 1px 0; padding:0;}
h4{ font-size:12px; color:#000000; font-weight:normal; font-style:italic; margin:0 0 10px 0; padding:0;}

hr{ border:1px #000000 dotted;}

#contingut #block1{ width:448px; float:left; margin-right:40px;}
#contingut #block2{ width:448px; float:left;}
#contingut #block1 h3, #contingut #block2 h3{ font-size:16px;}
#zona_interactiva{width:448px; background-color:#CCCCCC;}
#zona_interactiva #block_zi_1{ width:214px; float:left; margin-right:20px;}
#zona_interactiva #block_zi_2{ width:214px; float:left;}
#zona_interactiva #block_zi_1 h3, #zona_interactiva #block_zi_2 h3 { font-size:13px; line-height:13px; margin-bottom:8px;}

/*------ PEU -------*/
#peu{ width:946px; margin:0 auto; border-top:1px solid #FFF; margin-top:8px;}

#mail{ width:341px; height:23px; margin-top:8px; float:left;}
#mail a {width:341px; height:23px; display:block; background-image:url(../img/boto_mail.png); background-repeat:no-repeat;}
#mail a:hover { background-position:0px -23px;}
#mail a.selected { background-position:0px -23px;}
#mail span{ display:none;}

#frase_peu{ width:560px; height:35px; float:left; margin-top:12px; margin-left:43px; background-image:url(../img/frase_peu.png); background-repeat:no-repeat; background-position:0 0;}



/*-----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;}