/*
	*************************************************************************************
	Los siguientes estilos/bloques/etc. los hizo Caren y se utilizan para maquetar la Portada
	*************************************************************************************
*/
#contenedorNoticias{
/*	width:610px;*/
	width:595px;
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-x;
	background-position:top;
	float:left;
}
#columnaIzquierda{
/*	width:360px;*/
/*	width:350px;*/
	width:347px;	/* Los tuve que achicar unos píxeles porque Explorer hacía cualquiera */
	padding-right:10px;
	float:left;
}
#columnaDerecha{
/*	width:230px;*/
/*	width:220px;*/
	width:217px;	/* Los tuve que achicar unos píxeles porque Explorer hacía cualquiera */
	padding-left:10px;
	float:right;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#noticia{
	width:100%;
	padding-bottom:5px;
}
#noticiaLineaPortada{
	width:100%;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
}
/*
	Agregado por Alejandro. Estas las utilizo porque las noticias de abajo, las que van a la izquierda y a la derecha
	usan tamaños diferentes para el título.
*/
#noticiaPrincipal{	/* Esta es la noticia que va primero en la portada */
	width:100%;
	padding-bottom:5px;
}
#noticiaPrincipal h1{
	margin:0px;
	padding:0px;
	margin-bottom:-10px;	/* Con esto corregí el espacio del título y el párrafo */
}
#noticiaPrincipal h1 a{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	font-weight:normal;
	color:#0077AE;
	line-height: 25px;
	letter-spacing: -1px;
}
#noticiaPrincipal h3{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	line-height: 10px;
	font-variant: small-caps;
}

#noticiaPrincipal p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000000;
	line-height: 16px;
}




#noticiaLineaPortada h1{	/* Acá definimos los márgenes del título de la noticia */
	margin:0px;
	padding:0px;
	margin-bottom:0px;	/* Con esto corregí el espacio del título y el párrafo */
}
#noticiaLineaPortada h1 a{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:21px;
	font-weight:normal;
	color:#0077AE;
	line-height:21px;
	letter-spacing: -1px;
}
#noticiaLineaPortada h3{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	font-variant: small-caps;
}
#noticiaLineaPortada p a{
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000000;
	line-height:16px;
}




#noticiaLineaPortadaIzq{
	width:100%;
/*	vertical-align:bottom;*/
	display:table;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:10px;
/*	height: 10px;*/
}
#noticiaLineaPortadaIzq h1{	/* Para los márgenes del título principal de la Noticia de la izquierda*/
	margin:0px;
	padding:0px;
	margin-bottom:5px;	/* Con esto corregí el espacio del título y el párrafo */
/*	margin-bottom:15px;*/
}
#noticiaLineaPortadaIzq h1 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#0077AE;
	text-decoration:none;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: lighter;
}
#noticiaLineaPortadaIzq h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	margin:0px;
	padding:0px;
	margin-top:7px;
	margin-bottom:7px;
	display:block;
	line-height: 9px;
	font-variant: small-caps;
}
#noticiaLineaPortadaIzq p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#000000;
	line-height: 16px;
	}

#noticiaLineaPortadaDer{
	width:100%;
	display:table;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#noticiaLineaPortadaDer h1{	/* Para los márgenes del título principal de la Noticia de la izquierda*/
	margin:0px;
	padding:0px;
	margin-bottom:-10px;	/* Con esto corregí el espacio del título y el párrafo */
/*	margin-bottom:15px;*/
}
#noticiaLineaPortadaDer h1 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#0077AE;
	text-decoration:none;
	line-height: 20px;
	letter-spacing: -1px;
	font-weight: lighter;
}
#noticiaLineaPortadaDer h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	margin:0px;
	padding:0px;
	margin-top:7px;
	margin-bottom:7px;
	display:block;
	line-height: 9px;
	font-variant: small-caps;
}
#noticiaLineaPortadaDer p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	line-height: 16px;
	vertical-align: middle;
}

/*
	FIN cosas agreadas por Alejandro
*/


#bannerPortada{
	width:80%;
/*	margin-left:5%;
	margin-right:15%;*/
/*	clear:both;*/
}
#masNoticias{
	padding-left:40px;
	padding-top:0px;
	padding-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0077AE;
}
#masNoticias h1{
	font-size:18px;
	background-color:#F2F2F2;
	height:25px;
	line-height:25px;
	background-image:url(images/div_m_noticias_t.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	margin-bottom:4px;
}
#masNoticias p{
	width:98%;
	float:right;
	background-image:url(images/div_m_noticias.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0px;
	padding-bottom:8px;
	padding-top:2px;
	margin-bottom:4px;
	line-height:12px;
}
#masNoticias a{
	text-decoration:none;
	color:#0077AE;
	font-weight:bold;
/*	margin:0px;
	padding:0px;*/
}
/*
	********************************************************************
	Fin parte Portada
	********************************************************************
*/

/*
	*************************************************************************************
	Los siguientes estilos son para maquetar el esqueleto de la página completa
	*************************************************************************************
*/
#contenedor{
	width:970px;
	background-image:url(images/fnd_contenedor.gif);
	background-repeat:repeat-y;
}
#contenedorCabecera{
	width:100%;
}
#contenedorPrincipal{
	width:610px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:20px;
}
#contenedorBannerIzq{
	/*width:180px;*/
	width:160px;
	padding:20px 10px 10px 10px;
	float:left;
	background-color:#EBE7DE;
}
#contenedorBannerDer{
	/*width:180px;*/
	width:160px;
	padding:20px 10px 10px 10px;
	float:right;
	background-color:#D0CDC6;
}
#contenedorPie{
	width:100%;
	clear:both;
	background-image:url(images/foot_fondo.gif);
	height:20px;
	text-align:right;
}
/* Agregado por Alejandro */
#contenedorPieTexto{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#B8CFE7;
}
/*
	*************************************************************************************
	Los siguientes estilos son para estilos de los banners
	*************************************************************************************
*/
#bannerLink{
	width:100%;
	background-color:#D7CEBB;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
}
#bannerLinkSup{	/* Utilizo tres para poder poner los bordes redondeados */
	background-image:url(images/banner_borde_sup.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0px;
	margin-top:3px;
	padding:0px;
	line-height:6px;
}
#bannerLinkInf{	/* Utilizo tres para poder poner los bordes redondeados */
	background-image:url(images/banner_borde_inf.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	line-height:6px;
	margin-bottom:3px;
}

#bannerLink a{
	text-decoration:none;
	color:#006699;
	font-size:14px;
}
#bannerLink h1{
	text-decoration:none;
	color:#006699;
	margin:0px;
	padding:0px;
	font-size:14px;
}
#bannerLink p{
	font-size:10px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
/*
	*************************************************************************************
	Fin parte Banners
	*************************************************************************************
*/
/*
	*************************************************************************************
	Parte Cabecera
	*************************************************************************************
*/
#cabeceraPrincipal{
	float:left;
	width:790px;
	height:100px;
}
#cabeceraDerecha{
	width:180px;
	height:100px;
	background-image:url(images/cabecera05.gif);
	float:right;
	font-family:"Arial", Arial;
	font-weight:bold;
	font-size:9px;
}
#cabeceraDerecha p{
	margin-top:70px;
	margin-left:5px;
	color:#76B2FF;
}
#cabeceraMenu{
	width:100%;
	float:left;
}
#cabeceraOpcionesDer{
	width:180px;
	float:right;
	height:21px;
	background-color:#0B499A;
	text-align:center;
	position:absolute;
	top:100px;
	left:790px;
}
/*
	*************************************************************************************
	Fin parte Cabecera
	*************************************************************************************
*/
/*
	*************************************************************************************
	Estilos para la muestra de noticias - Algunos estilos se reutilizan
	*************************************************************************************
*/
#columnaIzquierdaNoticias{
	width:375px;
	padding-left:30px;
	padding-right:10px;
	float:left;
}
#columnaIzquierdaNoticias span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
}
#columnaIzquierdaNoticias h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:32px;
	font-weight:normal;
	color:#0077AE;
	margin:0px;
	padding:0px;
	letter-spacing: -1px;
	line-height: 32px;
}
#columnaIzquierdaNoticias h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#707070;
	margin:0px;
	padding:0px;
	margin-top:15px;
	font-variant: small-caps;
}
#columnaIzquierdaNoticias h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#666666;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
	line-height: 20px;
	letter-spacing: -1px;
}
#columnaIzquierdaNoticias h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	line-height: 10px;
}
#columnaIzquierdaNoticias a{
	text-decoration:none;
	color:#0077AE;
}
#columnaDerechaNoticias{
/*	width:230px;*/
	width:200px;
	padding-left:10px;
	float:right;
}
#divisor{
	width:100%;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-x;
	height:2px;
	float:left;
	margin-bottom:15px;
}
/*
	*************************************************************************************
	Fin parte Muestra Noticia
	*************************************************************************************
*/
/*
	*************************************************************************************
	Los siguientes estilos son para mostrar la imagen de las noticias
	*************************************************************************************
*/
#contenedorImagenIzq{
	clear:both; 
	margin: 20px 10px 10px 0px; 
/*	width: 110px; */
	float: left;
}
#contenedorImagenDer{
	clear:both; 
	margin: 20px 0px 10px 10px; 
/*	width: 110px; */
	float:right;
}

/*
	*************************************************************************************
	Fin parte Imagen Noticias
	*************************************************************************************
*/
/*
	*************************************************************************************
	Estilos para la parte de Consulta / Sugerencias
	*************************************************************************************
*/
#consulta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#consulta h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#0077AE;
	margin:0px;
	padding:0px;
}
#consulta p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
#consulta em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}
/*
	*************************************************************************************
	Fin parte Consulta / Sugerencia
	*************************************************************************************
*/

/*
	*************************************************************************************
	Estilos para la sección de Ingreso / Registro de usuarios
	*************************************************************************************
*/
#contenedorIngreso{
	height:44px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#968D7C;
	color:#968D7C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	margin-bottom:15px;
}
#contenedorIngreso a{
	text-decoration:none;
	font-weight:normal;
	color:#0077AE;
}
#contenedorIngreso span{
	text-decoration:none;
	font-weight:normal;
	color:#0077AE;
}

#formularioRegistroIzq{
	width:330px;
	float:left;
}

#formularioRegistroDer{
	width:260px;
	float:left;
}
/*
	*************************************************************************************
	Fin parte de estilos para la sección de Ingreso / Registro de usuarios
	*************************************************************************************
*/
/*
	*************************************************************************************
	Estilo para parte de "Imprimir" y "enviar por e-mail"
	*************************************************************************************
*/
#contenedorImprimirEnviar{
	width:149px;		/*149px = 160px (según diseño) - 11px padding left */
	height:48px;
	background-image:url(images/fndImpEnv.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding-left:11px;
	padding-top:8px;
}
#contenedorImprimirEnviarInferior{
	width:510px;
	height:20px;
	background-image:url(images/fndImpEnvInf.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	padding-left:11px;
	padding-top:5px;
	line-height:11px;
	text-align:right;
}
/*
	*************************************************************************************
	Fin parte para parte de "Imprimir" y "enviar por e-mail"
	*************************************************************************************
*/
.campoEnvioNoticia{
	width: 430px;
	height: 22px;
/*	margin-bottom: 10px;*/
	border: 1px Solid #4E82CA;
	background: #FFFFFF;
	background-repeat: no-repeat;
	padding: 2px;
	color: #4E82CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.campoFormulario {
	width: 324px;
	height: 16px;
	border: 1px Solid #4E82CA;
	background: #FFFFFF;
	padding: 2px;
	color: #4E82CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.campoFormulario2 {
	width:324px;
	height:154px;
	border: 1px Solid #4E82CA;
	background: #FFFFFF;
	padding: 2px;
	color: #4E82CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.campoFormulario3 {
	width: 329px;
	height: 20px;
	border: 1px Solid #4E82CA;
	background: #FFFFFF;
	padding: 2px;
	color: #4E82CA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*
	Para la firma de la página
*/
#contenedorFirma{
	width:100%;
	text-align:right;
	font-size:10px;
}
#contenedorFirma img{
	border:0;
}

/************************************************************************************************************
	Estilos de las noticias de la Columna 1
*************************************************************************************************************/
#noticiasColumna1{
	padding-top:3px;
	padding-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
}
#noticiasColumna1 h1{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#817E77;	
	margin-top:4px;
	margin-bottom:4px;
}
#noticiasColumna1 a{
	display:block;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-weight:bold;
	color:#308DB6;
	text-decoration:none;
	line-height:12px;
}
/************************************************************************************************************
	Fin Estilos de las noticias de la Columna 1
*************************************************************************************************************/
/************************************************************************************************************
	Estilos Últimas Noticias
*************************************************************************************************************/
#columnaIzquierdaUN{
	padding:0px;
	margin:0px;
	width:360px;
	padding-top:3px;
	float:left;
	overflow:hidden;
}
#columnaDerechaUN{
	width:217px;
	padding-left:10px;
	padding-top:3px;
	float:right;
	background-image:url(images/div_noticia.gif);
	background-repeat:repeat-y;
	background-position:left;
	overflow:hidden;
}
#ultimasNoticias{
	border:1px solid #0077ca;
	background-color:#dbe9ff;
	padding:10px;
	color:#0077ca;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing: -1px;
	line-height: 19px;
}
#ultimasNoticias h3{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#838C99;
	font-variant:small-caps;
	letter-spacing: 5px;
}
#ultimasNoticias ul{
	padding:0px;
	margin:0px;
	padding-left:10px;
}
#ultimasNoticias ul li{
	padding-bottom:10px;
}
#ultimasNoticiasDerecha{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
}
#ultimasNoticiasDerecha p{
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	line-height:16px;
}
/************************************************************************************************************
	Fin Estilos Últimas Noticias
*************************************************************************************************************/