/* Start of CMSMS style sheet 'FUNDACION COF' */
/* CSS Document */


body { 
   background : #11818F; 
   margin: auto; 
   text-align: center; 
   margin-top: 13px; 
   color : #666666;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:8.7pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 18px;
   background-image: url('cof_tpl/imagenes/fondo1.jpg');
   background-repeat: no-repeat;
   background-position: top center;   
} 

#contenedor{ 
   width: 776px; 
   background-image: url('cof_tpl/imagenes/fondo_bordes.jpg');
/*   background-color: #FFFFFF;  */
   margin: auto; 
   text-align: left; 
} 

ul { list-style-image: url('cof_tpl/imagenes/separador_seccion.gif');}

#fondobienvenida{ 
   width: 510px;
   height: 160px;
   background-image: url('cof_tpl/imagenes/fondo_bienvenida.gif');
   background-repeat:no-repeat;
   background-color : #FFFFFF; 
   align:left;
   text-align: left; 
   /* padding: superior, derecha, inferior, izquierda */   
   padding: 8px 16px 0px 16px;   
} 

.titularnoticia{
   color: #999933;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:13pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 19px;
}

.titulocontenido{
   color: #8BB8E1;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:13pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 19px;
}

.subtitulocontenido{
   color: #8BB8E1;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   font-size:13pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 19px;
}

a.enlacecontenido:link { color: #63A0D8; text-decoration: none; font-weight: bold; }
a.enlacecontenido:visited { color: #63A0D8; text-decoration: none; font-weight: bold; }
a.enlacecontenido:hover   { color: #63A0D8; text-decoration: none; font-weight: bold;}
a.enlacecontenido:active  { color: ##63A0D8; font-weight: bold;}

a.titularnoticia:link     { color: #999933; text-decoration: none; }    /* vínculos no visitados */
a.titularnoticia:visited { color: #999933; text-decoration: none; }   /* vínculos visitados */
a.titularnoticia:hover  { color: #999933; text-decoration: none; } /* el usuario señala el vínculo */
a.titularnoticia:active { color: #999933; text-decoration: none; }   /* vínculos activos */


a:link    { color: #0E5E55; text-decoration: none; font-weight: normal; }    /* vínculos no visitados */
a:visited { color: #0E5E55; text-decoration: none; font-weight: normal; }   /* vínculos visitados */
a:hover   { color: #3F7DE3; text-decoration: underline; font-weight: normal;} /* el usuario señala el vínculo */
a:active  { color: #0E5E55; font-weight: normal;}   /* vínculos activos */

a.estiloopcionmenu:link { color: #63A0D8; text-decoration: none; font-weight: bold; }
a.estiloopcionmenu:visited { color: #63A0D8; text-decoration: none; font-weight: bold; }
a.estiloopcionmenu:hover   { color: #63A0D8; text-decoration: none; font-weight: bold;}
a.estiloopcionmenu:active  { color: ##63A0D8; font-weight: bold;}


.titulobienvenida{
   color: #FFFFFF;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:14pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 30px;
}

.titulofundacionblanco{
   color: #FFFFFF;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   font-size:12pt;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 19px;
}

.titulocontenido{
   color: #4D93D2;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:13pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 19px;
}

.txtbienvenida{
   color: #FFFFFF;
   font-style:normal;
   font-variant:normal;
   font-weight:bold;
   font-size:9pt;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 19px;
   text-align:justify;
}

#encabezadosuperior{ 
   width: 746px; 
   height: 26px;    
   text-align: right;
   /* padding: superior, derecha, inferior, izquierda */   
   padding: 0px 15px 0px 15px;   
   text-align: right;
   clear: both;
   margin: auto;
}

.rastrosuperior{ 
   width: 776px; 
   margin: auto;
   color: #FFFFFF;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:8pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 18px;
   align: right;
}

#cabecera{ 
   clear: both;
   margin: auto; 
   width: 776px;
   height: 206px;
   text-align: center; 
}

#botonerasuperior{
   clear: both;
   background-image: url('cof_tpl/imagenes/fondo_botones.gif');   
   margin: auto; 
   width: 768px;
   height: 40px;
   text-align: center; 
   vertical-align: baseline;
   /* padding: superior, derecha, inferior, izquierda */   
   padding: 0px 0px 12px 0px;
}
   
#bloquenoticias{
   width: 338px;
   height: 128px;
   padding : 10px 0px 5px 16px; 
   background-image: url('cof_tpl/imagenes/fondo_noticias.jpg');
   background-position: 12px 8px;
   background-repeat: no-repeat;
   /* background-color : #ffffff;  */
   float:left; 
}

#separadornoticia{ 
   width: 540px;
   background-repeat:no-repeat;
/*   background-color : #FFFFFF;  */
   align:left;
   text-align: center; 
   /* padding: superior, derecha, inferior, izquierda */
   padding: 12px 0px 32px 0px;      
} 

.mas{
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:9pt;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   line-height: 18px;
   color: #999900;
}

#bloquevacio{ 
   width: 200px;
   height: 50px; 
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

#navegador{ 
   clear: both;
   padding : 56px 0px 8px 16px; 
} 

#cuerpobase{ 
   clear: both;
   width: 768px; 
   text-align: left;
   overflow: hidden;
} 

#cuerpo1{ 
   width: 540px; 
   /* margin: superior, derecha, inferior, izquierda */
   padding: 0px 18px 5px 16px;
   float: left; 
   text-align: justify;
} 

#bloqueboletin{ 
   width: 180px;
   height: 50px; 
   background-image: url('cof_tpl/imagenes/boletin.gif');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

#bloqueveranohc{ 
   width: 180px;
   height: 120px; 
   background-image: url('cof_tpl/imagenes/veranohc.jpg');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

#elementobloque{ 
   clear:bottom;
   width: 186px;
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 8px 0px 0px 0px;   
} 

#menubloque{ 
   width: 186px;
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 8px 0px 0px 0px;   
} 

#contenedorbloque{ 
   width: 186px;
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 4px 0px 0px 0px;   
} 

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	

#menubloque{ 
   width: 186px;
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 0px 0px 0px 0px;   
} 

#bloqueeloido{ 
   width: 200px;
   height: 120px; 
   background-image: url('cof_tpl/imagenes/fondo_eloido.jpg');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

/* Poner con clear:both la capa inferior hace que se muestre también el fondo de la capa de contenido, si se quita no se ve el fondo */
#bordeinferior{ 
clear: both;
height : 7px; 
width: 768px; 
}

#publicidadsuperior{ 
padding : 0px 0px 0px 0px; 
} 

#lateral{ 
width: 200px; 
background-color: #EBF2FE; 
border-bottom : 1px solid #cccccc; 
border-left : 1px solid #cccccc; 
float:right; 
} 

#borde{ 
border: 0px solid #cccccc; 
background-image: url('cof_tpl/imagenes/fondo_bordes.jpg');
text-align: left; 
width: 768px; 
margin: auto; 
} 

#pie{ 
width: 776px; 
height: 32px;
clear : both; /* clear: both hace que la capa se quede sola, no permita posicionar otra a izquierda o derecha */
background-image: url('cof_tpl/imagenes/fondo_piepagina.jpg');
background-position: 0px 0px;
background-repeat: no-repeat;
color : #11818F; 
text-align: center; 
align: center;
margin: auto;
} 

#piecontenido{
width: 750px; 
clear : both; /* clear: both hace que la capa se quede sola, no permita posicionar otra a izquierda o derecha */
text-align: right; 
margin: auto;
/* padding: superior, derecha, inferior, izquierda */
padding: 8px 8px 40px 16px;
color: #494E6B; 
font-weight:normal;
font-style:normal;
font-size:7pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

H1{ 
font-size: 12pt; 
} 

H4{ 
font-size: 13pt; 
color: #EE5F01; 
} 

#bloqueoidosuperior{ 
   width: 200px;
   height: 27px; 
   background-image: url('cof_tpl/imagenes/bloque_opciones_superior_servicios_auditivos.gif');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

#bloqueoidofondo{ 
   width: 200px;
   height: 10px; 
   background-image: url('cof_tpl/imagenes/bloque_opciones_fondo.gif');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 0px;   
} 

#bloqueoidoinferior{ 
   width: 200px;
   height: 14px; 
   background-image: url('cof_tpl/imagenes/bloque_opciones_inferior.gif');   
   float: left; 
   text-align: left;
   /* padding: superior, derecha, inferior, izquierda */
   padding: 6px 0px 0px 8px;   
} 

.navabajotxt{
color: #AAAAAA; 
}


/* ESTILOS PARA MENU BLOQUE DERECHO */

#vertmenu {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 100%;
width: 186px;
padding: 0px;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
/* font-size: 80%; */
display: block;
border-bottom: 1px solid #C6D9CB;
padding: 5px 0px 2px 4px;
text-decoration: none;
font-weight: bold;
color: #63A0D8;
width:186px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #63A0D8;;
background-color: #FFFFFF;
}


/* ---- FIN ---- ESTILOS PARA MENU BLOQUE DERECHO */


A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
color: #AAAAAA; 
font-weight:normal;
font-style:normal;
font-size:8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

A.enlacenav:HOVER{ 
color: #3F7DE3; 
} 

A.mas, A.mas:VISITED, A.mas:ACTIVE, A.mas:FOCUS, A.mas:LINK{ 
color: #999933; 
font-weight:normal;
font-style:normal;
text-decoration:none;
font-size:9pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

A.mas:HOVER{ 
color: #3F7DE3; 
}

A.rastrosuperior, A.rastrosuperior:VISITED, A.rastrosuperior:ACTIVE, A.rastrosuperior:FOCUS, A.rastrosuperior:LINK{ 
color: #FFFFFF; 
font-weight:normal;
font-style:normal;
text-decoration:none;
font-size:8pt;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} 

A.rastrosuperior:HOVER{ 
color: #FFFFFF; 
text-decoration:underline;
}

a.opcion1:link    { color: ##0E5E55; text-decoration: none; }    /* vínculos no visitados */
a.opcion1:visited { color: ##0E5E55; text-decoration: none; }   /* vínculos visitados */
a.opcion1:hover   { color: ##0E5E55; text-decoration: underline; } /* el usuario señala el vínculo */
a.opcion1:active  { color: ##0E5E55; }   /* vínculos activos */

/* End of 'FUNDACION COF' */