/* CSS Document */
html{height:100%; text-align:center;}
body{margin:0px; padding:0px 0px 0px 0px; width:100%; height:auto; font-size:62.5%;font-family:Arial,Verdana, Helvetica, sans-serif;}
ul, ol, dl, dt, dd, li, p, h1, h2, h3, h4, h5, h6, form, img, q, blockquote{margin:0px;padding:0px;border:0px;list-style-type:none}
#todo{height:auto; width:780px; margin:auto; text-align:left; padding:0px; }
/*el margin auto de TODO es el que centra la página*/

/*CABECERA*/
#contenedorLOGOS { width:343px; float:left; }
#contenedor2 { width:780px; height:auto; float:left; background:url(../img/linea_menu.jpg) repeat-y} 
#pecera { float:left; width:437px; height:267px; background-image:url(../img/pecera.jpg)}

/*menu*/
#menu { width:260px; height:auto; display:block; float:left;}
#menu ul{ font:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; text-align:left; padding-left:0px; margin-top:31px}
#menu ul li{margin-bottom:8px;}
#menu ul a{ margin-left:25px; color:#E30020; text-align:left; text-decoration:none}
#menu ul a:hover{ text-decoration:underline}
.select{ padding-left:11px; color:#000000; border-left: 14px solid #999999}

/*texto*/
h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#E30020; margin-bottom:15px;}
h2{ background:#E30020; padding:3px; font-size:1.1em; font-weight:bold; color:#FFFFFF; margin-bottom:10px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#FFF; margin-bottom:5px;}
#caja_texto { width:520px; padding:31px 0px 15px 0px; float:left; background:url(../img/portada_sectores_06.jpg) no-repeat top right;}
#texto { width:490px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-align:justify} 
#texto p { margin-bottom:14px;}
.lista1 li{ list-style:disc; margin-left:50px} 

/*programa*/
.programa { width:100%;}
.programa td{ padding:6px 12px;}
.programa img{ margin-top:15px; margin-bottom:15px}
.programa a{ color:#E30020; font-weight:bold; text-decoration:none;}
.programa a:hover{ color:#E30020; font-weight:bold; text-decoration:underline;}
.hora { font-weight:bold; color:#FFFFFF; line-height:12px; padding:0px 10px 0px 10px; background-color:#B2B2B2;}
.volver { width:45px; color:#FFFFFF; line-height:12px; padding:0px 10px 0px 10px; background-color:#B2B2B2;}
.volver span{ font-weight:normal; font-size:0.9em;}
.volver a{ font-weight:normal; color:#FFFFFF; text-decoration:none;}
.volver a:hover{ font-weight:normal; color:#FFFFFF; text-decoration:underline;}
.detalle{ line-height:16px; padding:0px 10px 0px 10px; background-color:#F2F2F2;}

/*mapa*/
#mapa { width:100%; height:352px; padding:0px;}
.CABmapa { padding:10px 10px 10px 10px; background-color:#B2B2B2;}
.CABmapa h2 { line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; color:#FFFFFF;}
.mapa { padding:10px; background-color:#F2F2F2;}

/*entidades*/
.entidades{ padding-bottom:20px;}

/*pie*/
.pie{ clear:both; border-top:2px solid #d6d6d6; border-bottom:2px solid #d6d6d6; width:765px; clear:both; float:right; *float:none; padding-bottom:2px; padding-top:2px; padding-left:14px}
.pie ul{ padding:2px 0px 0px  0px;}
.pie ul li{ float:left;border-right:1px solid #d6d6d6;}
.pie ul li.item1{padding:13px 15px 7px 0px;}
.pie ul li.item2{padding:2px 15px 9px 15px;}
.pie ul li.item3{padding:22px 15px 8px 15px; color:#999; margin-top:0px;}
.pie ul li.item4{padding:25px 4px 4px 15px; color:#999; margin:0px;border-right:none;border-left:1px solid #d6d6d6; float:right;font-size:1.1em;color:#999;}
.pie ul li.item4 a{text-decoration:none;color:#666;font-size:0.9em;}
.pie ul li.item4 a:hover{text-decoration:underline;}