/* CSS Document */
body, html {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #8DA0CD;
}

#general {width:95%;min-width:1000px; margin:25px; padding:0; background-color: #8DA0CD;}

/************      CABECERA      **************/
#cabecera{ padding:0; border:0; position:relative;overflow: hidden; height:1%; background-color:#FFFFFF }
#cab_logo{ width:20%; min_width: 200px; float:left;}
#cab_slogan{ min-width:575px; float: left;}
#cab_foto{ min-width:225px; position:absolute; top:0; right:0;}

/************       CUERPO       *************/
#cuerpo{ margin:15px 0 0 0; border:0; position:relative; overflow:hidden; height:100%;}
#col_izda{width: 18%; min-width:200px; float:left;}
	#navegacion{width:200px;}
	#titu_noticias{width:200px; background-color:#CE8D06; margin-top:20px}
	#noticias{ width:200px; margin:0}
#contenido{width: 53%; float: left; background-color: #E4E9EF; margin: 0 15px; padding:15px;}
#citas{width: 20%; min-width:205px; position:absolute; top:0; right:0;background-color:#335382; padding:10px;height: auto;}

/************         PIE         ************/
#pie{border: 2px solid #FFFFFF; margin-top:15px }


/************  formato encabezamiento del contenido ********/
#formato1{position:relative; overflow:hidden; max-width:530px;}
#formato1_foto{float:left;}
#formato1_titulo{float:left; max-width:300px; padding:0px;}

/************   Diseño de menu navegación *****/
#navegacion ul{padding:0;margin:0;font-size:14px;}
#navegacion li{list-style-type:none;border-bottom:2px solid white;border-left:6px solid white;color:white;margin:4px 0;padding:5px;}  
#navegacion ul a {text-decoration: none;display: block;color: #ffffff;}
#navegacion ul a:hover {color: #293445}

/************   Diseño de menu noticias *****/
#noticias ul{padding:0;margin:0; font-size:12px; font-family: Verdana;}
#noticias li{list-style-type:none;border-bottom:2px solid #CE8D06;border-right:6px solid #CE8D06;color:#CE8D06;margin:6px 0;padding:0;}  
#noticias ul a {text-decoration: none;display: block;color: #293445; }
#noticias ul a:hover {color: #9B6A04; background-color: #9FAFD5}



/******     etiquetas y clases     ******/
img { border:0}
img { border:0}
.centrar {
	display: block;
	margin-left: auto;
	margin-right: auto }
h1 { color:#FFFFFF; padding:60px 200px 0 200px; text-align:left}
h2 { color:#FFFFFF; padding:60px 150px 0 150px; text-align:center}
h3 { color:#FFFFFF; padding:60px 150px 0 150px; text-align:center}
.titulo {font-size:16px; font-weight:bold; font-style:italic; color: #334155}
.normal {font-size:15px; color: #334155; text-align: justify; text-indent: 1cm; }
.normalcenter {font-size:15px; color: #334155; text-align:center; }
.normalcenterblanco {font-size:15px; color: #ffffff; text-align:center; font-style:italic }
.normalrightblanco {font-size:15px; color: #ffffff; text-align: right; font-style:italic }
.eslogan { font-family: Forte; font-size:22px; font-weight:bold; color: #334155; text-align:center;}
.titulo_cen {font-size:16px; font-weight:bold; font-style:italic; color: #334155; text-align:center;}
.titulo_right {font-size:16px; font-weight:bold; font-style:italic; color: #334155; text-align: right;}
.titu_noticias {font-size:18px; font-weight:bold; text-align:center; color: #335382; }
.bold {font-weight: bold}
.titulo_1{ font-family:arial ; font-size:30px; font-weight:bold; color: #A63DAE; text-align:center;}
.titulo_3{ font-family:arial ; font-size:30px; font-weight:bold; color: #2A71A3; text-align:center;}
.texto_1 { font-family:verdana; font-size:16px; font-weight:normal; color: #083674; letter-spacing: 1px; text-align:justify}
.texto_2 { font-family:verdana; font-size:12px; font-weight:normal; color: #083674; letter-spacing: 1px;}
.texto_3{ font-family:verdana ; font-size:18px; font-weight:bold; color: #083674; text-align:center;}
/************  Enlaces  **********/
a {text-decoration: none; color: #9B6A04;}
a.otro {text-decoration: none; color: #A63DAE;}
a:hover, a.otro:hover { text-decoration:underline; }