@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; font-family: Arial, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal;}

body {text-align: center; background: transparent url(../images/cuerpo/body.background.gif) repeat-x top left;}

a {font-weight: normal;}

p, textarea {	font-size: 11px;
	font-family: Arial, sans-serif; }
	
h1 {
	font-size: 14px;
	color: #2A9AAF;}

.bold { font-weight: bold;}

ul, li { list-style: none;}

img { border:none;}

/* cuerpo principal ********************************************/

#cuerpo {
	width: 1024px; 
	width: 950px; 
	margin: 0 auto; 
	text-align: left;}

/* header ************************************************/

#cabecera { 
	float: left; 
	width: 100%; 
	height: 87px; 
	margin-bottom: 38px;}
	
#cabecera h1 { 
	float:left; 
	margin: 40px 0 0 0;}
	
#cabecera h1 a {text-decoration: none;}

#cabecera h1 a:hover {text-decoration: underline;}

#cabecera h1 a img {border: 0;}

#cabecera .top { float: right; display: block; width: 78%;}

#cabecera #rss {float: right; padding: 25px 0 0 0; width: 55%; }

#cabecera #rss a.rss_icon { 
	float: right; 
	background:url(../images/cuerpo/rss.gif) right bottom no-repeat; 
	padding-left: 5px; 
	margin-top: 2px; 
	width: 42px; 
	height: 12px;}
	
#cabecera #rss p { float: right; width: 70%; text-align: right; color: white; font-size: 10pt;}

#cabecera form {float: left; padding-left: 5px;}

#cabecera form div label {display: none;}

#cabecera form div input {
	float: left;
	width: 130px; 
	height: 14px;
	padding: 2px;
	background: white url(../images/cuerpo/input.left.gif) no-repeat; 
	border:none;
	color: #2a9aaf; 
	margin: 25px 0 0 0; 
	font-size: 9pt;}
	
	#cabecera form div input.input_go {
	padding: 0;
	width: 15px; 
	height: 18px; 
	background: #fff url(../images/cuerpo/input.right.gif) no-repeat right center; 
	border: none; 
	cursor: pointer;}
	
#cabecera ul { 
	float: left;
	list-style: none inside; 
	margin-top: 18px;}
	
#cabecera ul li {
	display: inline; 
	margin-left: 13px; 
	float:left; 
	width: auto;}
	
#cabecera ul li a { 
	float:left; 
	width: auto; 
	color: white; 
	text-decoration: none; 
	padding-bottom: 7px; font-size: 10pt;}
	
#cabecera ul li a.selected {
	border-bottom: solid 4px #a8d157;}
#cabecera ul li a:hover {
	border-bottom: solid 4px white;}
	
#cabecera p.desc { float: left; clear:left; width: 200px; color: #2A9AAF; font-size: 8pt; margin-top: -15px;}

	#cabecera p.desc a { color: #2A9AAF; text-decoration: none; font-size:8pt;}

/* columna izquierda **********************************************/

#columna { width: 200px; float: left; margin-bottom: 20px;}

	span.hidden { visibility: hidden; display: none; font-size: 0; float: left;}

/* caja verde */

#columna #caja_verde {
	float: left;
	width: 100%;
	background: url(../images/cuerpo/caja_verde.border-top.gif) no-repeat; 
	margin-bottom:10px;}
	
#columna #caja_verde h2 {
	float: left; 
	color: white; 
	width: 52px; 
	height: 20px; 
	margin: 0; 
	font-weight: bold;
	background: url(../images/cuerpo/editorial_lateral.gif) no-repeat right top;
	padding-left: 8px; }
	
#columna #caja_verde div {
	background: transparent url(../images/cuerpo/caja_verde.border-bottom.gif) no-repeat left bottom; 
	padding: 26px 0 10px;}
	
#columna #caja_verde div div {
	background: #a8d15f; 
	padding: 2px 6px;}
	
#columna #caja_verde div div h3 a {
	color: white; 
	text-decoration: none;  
	font-size: 12pt; 
	font-weight: bold;}
	
#columna #caja_verde div div h3 a:hover {
	text-decoration: underline;}
	
#columna #caja_verde div div span {
	color: white; 
	font-size: 8pt;}
	
/* caja azul */

#columna #caja_azul {
	float: left;
	width: 100%;
	background: transparent url(../images/cuerpo/caja_azul.border-top.gif) no-repeat top; 
	margin-bottom: 10px;}
	
#columna #caja_azul h2 {
	float: left; 
	color: white; 
	width: 56px; 
	height: 24px; 
	margin: 0; 
	font-weight: bold; 
	background: url(../images/cuerpo/usuarios_small.gif) no-repeat right top; 
	padding-left: 8px; }
	
#columna #caja_azul a.ingresar {
	float: right; 
	color: white; 
	text-decoration: none; 
	background: url(../images/cuerpo/caja_azul.a.background.gif) no-repeat left top; 
	height:18px; 
	margin-right:10px; 
	padding-top: 5px;  
	width:69px; 
	font-size: 8pt; 
	font-weight: bold; 
	text-align: center; }
	
#columna #caja_azul a.ingresar:hover { text-decoration: underline;}

#columna #caja_azul div {
	float: left;
	width: 100%;
	background: #2a9aaf url(../images/cuerpo/caja_azul.border-bottom.gif) no-repeat center bottom; 
	padding: 5px 0;
	padding-bottom: 10px;}
	
	#columna #caja_azul div.caja_azul_usuarios {
	padding: 0px;}
	
#columna #caja_azul div ul { float: left; width: 100%; background: #2a9aaf; }

#columna #caja_azul div ul li { 
	float: left;
	width: 97%;
	background: transparent url(../images/cuerpo/caja_azul.ul.li.gif) no-repeat left top; 
	list-style: none inside; 
	padding: 2px 0 4px 3%;}
	
#columna #caja_azul div ul li h3 {
	float: left;
	width: 92%;
	color: white; 
	font-size: 10pt; 
	padding: 2px 0 5px 8%; 
	background: transparent url(../images/cuerpo/caja_azul.ul.li.h3.gif) no-repeat left 4px;}
	
#columna #caja_azul div ul li h3:hover {cursor: pointer;}

#columna #caja_azul div ul li ul { display: none;}

#columna #caja_azul div ul li ul li {background: transparent; color: white;}

#columna #caja_azul div ul li ul li h4 a {
	float: left; 
	width: 100%; 
	color: white; 
	text-decoration: none; 
	font-size: 10pt; 
	font-weight: bold;}

#columna #caja_azul div ul li ul li span { clear: left; width: 90%; color: #D5EDFA; font-size: 9pt;}

#columna #caja_azul div ul li ul li h4 a:hover {text-decoration: underline;}

#columna #caja_azul div ul li.selected {background: transparent;}

#columna #caja_azul div ul li.selected h3 {color: #bde3f6;}

#columna #caja_azul div ul li.selected ul {display: block;}

#columna #caja_azul div ul li h3 a {color: white; font-size: 10pt; text-decoration: none;}

#columna #caja_azul div ul li h3 a:hover {text-decoration: underline;}

/* caja gris */

#columna #caja_gris {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	background: url(../images/cuerpo/caja_gris.border-bottom.gif) no-repeat center bottom;
	margin-bottom: 10px;}
	
#columna #caja_gris div.top {
	float: left;
	width: 100%;
	height: 10px;
	background: url(../images/cuerpo/caja_gris.border-top.gif) no-repeat;
	font-size: 0;}
	
#columna #caja_gris div.cont {
	float: left;
	width: 96%;
	background: #d1d1d1; 
	padding: 0 0 0 4%;}
	
#columna #caja_gris div.cont label {
	color: white; 
	background: transparent url(../images/cuerpo/caja_lila.label.gif) no-repeat left center; 
	margin-left: 0px; 
	padding-left: 16px; 
	font-size: 10pt; 
	font-weight: bold;}
	
#columna #caja_gris div.cont input {
	float: left;
	width: 130px; 
	height: 14px;
	padding: 2px;
	background: #fff url(../images/cuerpo/input.left.gris.gif) no-repeat;  
	border: none; 
	color: #2a9aaf;
	margin: 0;
	margin-top: 2px;
	margin-left: 18px;
	font-size: 9pt;}
	
	#columna #caja_gris div.cont input.input_go {
	padding: 0;
	margin-left: 0;
	width: 15px; 
	height: 18px; 
	background: #fff url(../images/cuerpo/input.right.gris.gif) no-repeat right center; 
	border: none; 
	cursor: pointer;}
	
/* caja buscador */

#columna #caja_buscador {
	float: left;
	width: 100%;
	background: transparent url(../images/cuerpo/caja_buscador.border-top.gif) no-repeat center top; 
	padding-top: 1px; 
	margin-bottom: 16px;}
	
#columna #caja_buscador h2 {
	float: left; 
	width: 60px;
	height: 24px;
	color: white; 
	padding: 0 0 0 8px;
	background: url(../images/cuerpo/buscador.gif) no-repeat right top;}
	

#columna #caja_buscador div.formulario {
	float: left;
	width: 100%;
	background: transparent url(../images/cuerpo/caja_buscador.background.gif) repeat-x left top;}
	
#columna #caja_buscador div.formulario ul {float: left; list-style: none inside; padding-top: 1px;}

#columna #caja_buscador div.formulario ul li {margin-top: 10px;}

#columna #caja_buscador div.formulario ul li h3 {
	float: left;
	width: 75%;
	color: #2a9aaf; 
	background: transparent url(../images/cuerpo/caja_buscador.ul.li.h3.gif) no-repeat left center; 
	margin: 0 0 10px 7px; 
	padding-left: 19px;
	font-size: 11pt;
	font-weight: bold;}
	
#columna #caja_buscador div.formulario ul li div {float: left;width: 158px; margin: 0; padding: 0 0 6px 27px; color: #2a9aaf;}

#columna #caja_buscador div.formulario ul li div label {
	display: block; 
	float: left; 
	clear: left; 
	width: 45px;
	margin: 0; 
	font-size: 10pt;}
	
	#columna #caja_buscador div.formulario ul li div.corto label.seccion {
	width: 55px;}

#columna #caja_buscador div.formulario ul li div input,
#buscar_datos .datos_right .corto input {
	float: left;
	width: 21px; 
	height: 16px;
	margin-right: 1px;
	background-color: #ebf7fc; 
	border: solid 1px #B1E0F3;
	color: #2a9aaf; 
	font-size: 9pt;}
	
	
	#columna #caja_buscador div.formulario ul li div.corto input {text-align: center;}
	
	#columna #caja_buscador div.formulario ul li div input.anio,
	#buscar_datos .datos_right .corto  input.anio { width: 35px;}

	
#columna #caja_buscador div.formulario ul li div select {
	width: 100px;
	border: none;
	background: #ebf7fc;
	color: #2A9AAF;
	font-size: 8pt;
	height: 16px;
	*height: 20px;}
	
	#columna #caja_buscador div.formulario ul li div select option { font-size: 8pt;}
	
	#columna #caja_buscador div.formulario ul li div.largo { 
	float: left;
	width: 158px;}

#columna #caja_buscador div.formulario ul li div.largo label { float: left;display: none;  }

	
	#columna #caja_buscador div.formulario ul li div.largo input {
	float: left;
	width: 138px;
	height: 14px;
	padding: 2px;
	background: white url(../images/cuerpo/input.left.celeste.gif) no-repeat; 
	border:none;
	color: #2a9aaf; 
	margin: 0;
	font-size: 9pt;}
	
	#columna #caja_buscador div.formulario ul li div.largo input.input_go {
	padding: 0;
	width: 15px; 
	height: 18px; 
	background: #fff url(../images/cuerpo/input.right.celeste.gif) no-repeat right center; 
	border: none; 
	cursor: pointer;}
	
/* publicidades al lateral */

#columna #anuncio_columna li { float: left; width: 100%;list-style: none inside; margin-bottom: 6px; text-align: left;}

#columna #anuncio_columna li a {text-decoration: none; float:left;}

#columna #anuncio_columna li a:hover {text-decoration: underline;}

#columna #anuncio_columna li a img {border: none; width: 100%;}

/* CAJA AGENDA HOME */

#agenda_home {
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 336px;
	background: url(../images/agenda/agenda_back.gif);}
	
	#agenda_home a { text-decoration: none;}
	
#agenda_home .top {
	float: left;
	width: 100%;
	height: 26px;
	background: url(../images/agenda/agenda_home_head.gif) no-repeat top left;
	overflow: hidden;}
	
	#agenda_home .top h1 { /* desaparece */
	float: left;
	padding-top: 50px;
	font-size: 0;}
	
	#agenda_home .top a { 
	float: right;
	width: 50%;
	padding-top: 5px;
	padding-right: 20px;
	color: #FFFFFF;
	text-align: right;
	font-size: 10pt;}
	
	#agenda_home .top a:hover { text-decoration: underline;}
	
#agenda_home .cont {
	float: left;
	padding-bottom: 10px; 
	width: 100%;
	height: 238px;
	background: url(../images/agenda/agenda_home_footer.gif) no-repeat bottom left;
	overflow: hidden;}
	
#agenda_home .cont .cont_left {
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	width: 118px;}
	
#agenda_home .cont .dest_azul {
	float: left;
	clear: left;
	margin-bottom: 5px;
	padding-bottom: 4px;
	width: 100%;
	background: url(../images/agenda/agenda_home_dest_bottom.gif) no-repeat bottom;}
	
	#agenda_home .cont .dest_azul p, #agenda_home .cont .dest_azul h1 { cursor: pointer;} 
	
	#agenda_home .cont .dest_azul:hover { text-decoration: none;}

	#agenda_home .cont .dest_azul .top {
	float: left;
	padding: 5%;
	padding-bottom: 0;
	width: 90%;
	height: 19px;
	background: #2A9AAF url(../images/agenda/agenda_home_dest_top.gif) no-repeat top left;}
	
	#agenda_home .cont .dest_azul .top p.dia {
	float: left;
	width: 20%;
	font-size: 20px;
	font-weight: bold;
	color: #fff;}
	
	#agenda_home .cont .dest_azul .top p.mes {
	float: right;
	width: 75%;
	margin-top: 1px;
	font-size: 10px;
	text-align: right;
	text-transform: uppercase;
	color: #C9E9F8;}
	
	#agenda_home .cont .dest_azul .cont {
	float: left;
	padding: 2% 5%;
	width: 90%;
	height: auto;
	background: #fff;}
	
	#agenda_home .cont .dest_azul .cont h1 {
	padding: 3px 0;
	font-weight: bold;
	font-size:13px;}
	
	#agenda_home .cont .dest_azul .cont p {
	font-size: 7pt;
	line-height: 11px;
	color: #2A9AAF; }
	
	/* items a la derecha */
	
	#agenda_home .cont .cont_right {
	float: right;
	margin-top: 5px;
	padding-right: 6px;
	width: 200px;}
	
	#agenda_home .cont .cont_right .evento {
	float: left;
	clear: left;
	padding: 6px 3%;
	width: 94%;
	height: 24px;
	overflow: hidden;
	margin-bottom: 4px;
	background: #FDA100;}
	
	#agenda_home .cont .cont_right a.evento:hover { text-decoration: none; background: #FDC800;}
	
	#agenda_home .cont .cont_right .evento .fecha_evento {
	float: left;
	width: 24px;
	height: 24px;
	background: #fff;}
	
		#agenda_home .cont .cont_right .evento .fecha_evento p.dia {
		float: left;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		color: #FDA100;}
	
		#agenda_home .cont .cont_right .evento .fecha_evento p.mes {
		float: left;
		margin-top: -3px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 9px;
		text-transform: uppercase;
		color: #FEC35B;}
	
	#agenda_home .cont .cont_right .evento .data_evento {
	float: left; 
	margin-left: 8px;
	width: 154px;
	cursor: pointer;}
	
	#agenda_home .cont .cont_right .evento .data_evento p {
	float: left;
	clear: left;
	margin-top: -2px;
	width: 100%;
	color: #fff;
	cursor: pointer;
	height: 15px;
	overflow: hidden;}

/* agenda lateral */

#columna #agenda_home {
	margin-bottom: 10px;
	width: 100%;
	}
	
	#columna #agenda_home .top {
	background: url(../images/agenda/agenda_lateral_head.gif) no-repeat top left;}
	
	#columna #agenda_home .top a { 
	margin-right: 5px;
	margin-top: 1px;
	padding-right: 15px;}
	
	#columna  #agenda_home .cont {height: auto; background: url(../images/cuerpo/caja_agenda.border-bottom.gif) no-repeat bottom;}

	/* items a la derecha */
	
	#columna  #agenda_home .cont .cont_right {
	width: 90%;
	padding: 0 5%;}
	
	#columna  #agenda_home .cont .cont_right .evento .data_evento {
	float: left; 
	margin-left: 8px;
	width: 80%;
	cursor: pointer;}
	
	/* al pie */
	
	#columna #agenda_home .suscribirse {
		float: left;
		width: 96%;
		padding-left: 4%;
		background-color: #fdb500; padding-top: 5px;}

	#columna #agenda_home .suscribirse label {
	color: white; 
	background: transparent url(../images/cuerpo/caja_agenda.div.div.label.gif) no-repeat left center; 
	padding-left: 15px; 
	font-weight: bold;
	font-size: 10pt;}
	
	#columna #agenda_home .suscribirse input {
	float: left;
	width: 160px;
	height: 14px;
	padding: 2px;
	background: white url(../images/cuerpo/input.left.naranja.gif) no-repeat; 
	border:none;
	color: #0081a4; 
	margin: 5px 0;
	font-size: 9pt;}
	
	#columna #agenda_home .suscribirse input.input_go {
	padding: 0;
	width: 15px; 
	height: 18px; 
	background: #fff url(../images/cuerpo/input.right.naranja.gif) no-repeat right center; 
	border: none; 
	cursor: pointer;}

/* HOME DESTACADO PRINCIPAL ****************************************************/

#principal {width: 728px; float: left; padding: 0 0 0 20px; margin-bottom: 20px;}
#principal_large {width: 100%; float: left; padding: 0; margin-bottom: 20px;}

#novedades { 
	float: left; 
	width: 727px; 
	background: white url(../images/cuerpo/novedades.background.gif) no-repeat center top; 
	text-align: right; 
	margin-bottom: 15px;
	*margin-bottom: 5px;}
	
#novedades .top { 
	float: left; 
	width: 98%; 
	margin-bottom: 5px; 
	*margin-bottom: 0;}
	
#novedades h2 {
	float: left; 
	background: transparent url(../images/cuerpo/ultimas_novedades.gif) no-repeat right top; 
	text-align: center; 
	height:26px; 
	width:145px; 
	padding-left:8px; 
	color: white;}
	
#novedades div.right { 
	float: right; 
	background: transparent url(../images/cuerpo/novedades.span.gif) no-repeat right top; 
	display: block; 
	height:20px; 
	width:107px; 
	text-align: center; 
	padding-top: 2px; 
	*padding-top: 4px; }
	
#novedades div.right a {
	color: white; 
	text-decoration: none; 
	background: transparent url(../images/cuerpo/novedades.a.top.gif) no-repeat right 3px; 
	padding-right: 15px;  
	font-size: 8pt;}
	
#novedades div.right a:hover {text-decoration: underline;}

#novedades div.main {clear: both; text-align: left; margin-top: 10px; color: #2a9aaf;}

#novedades div.main #principal_right {float: right; padding-left: 15px; width: 340px; }

#novedades div.main div h3 a {
	float: left; 
	width: 90%; 
	text-decoration: none; 
	color: #2a9aaf; 
	font-size: 14pt; 
	margin-bottom: 5px; 
	font-weight: bold;}
	
#novedades div.main div h3 a:hover {
	text-decoration: underline;}
	
#novedades div.main div h4 {
	float: left; 
	width: 90%;
	height: auto;
	font-size: 10.5pt; 
	margin-bottom: 15px; 
	margin-top: -1px;}
	
#novedades div.main div p {
	float: left; 
	width: 90%;
	margin: 0; padding: 0;
	margin-top: 0px;
	*margin-top: -15px;
	*margin-bottom: -5px;
	font-size: 9pt;}
	
	#novedades div.main div p * { font-size:9pt;}
	
	#novedades div.main div p strong { font-weight: bold;}
	
#novedades div.main div#multimedia {
	float: left; 
	width: 360px; 
	height: 290px; 
	margin: 0; 
	padding-left: 8px; }
	
#novedades div.main div#multimedia span,
#novedades div.main div#multimedia span a { 
	font-size: 8pt; 
	color: #2a9aaf; 
	text-decoration: none;}
	
#novedades div.main div#multimedia span a:hover { 
	text-decoration: underline;}
	
#novedades div.main ul { 
	float: left; 
	clear: left; 
	width: 98%; 
	list-style: none inside; 
	margin-top: 15px;}
	
#novedades div.main ul li {
	float: left;
	width: 90%; 
	border-top: solid 1px #2a9aaf; 
	padding: 8px;}
	
#novedades div.main ul li h4 a { 
	float: left; 
	width: 100%; 
	color: #2a9aaf; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 12pt;}
	
#novedades div.main ul li h4 a:hover {
	text-decoration: underline;}
#novedades div.main ul li span {
	float: left;  
	width: 100%;
	font-size: 10pt;
	margin-top: -15px;}
	
#novedades div.main ul li:hover {
	background-color: #7dd1de; 
	color: white;}
	
#novedades div.main ul li:hover h4 a {
	color: white;}
	
#novedades a.bottom {
	float: left; 
	clear: left; 
	background: transparent url(../images/cuerpo/novedades.a.bottom.gif) no-repeat right 3px; 
	color: #2a9aaf; 
	text-decoration: none; 
	text-align: right; 
	font-size: 8pt;
	width: 89%; 
	padding-right: 10px; 
	margin-top: 2px;}
	
#novedades a.bottom:hover {text-decoration: underline;}

a.anuncio {
	display: block; 
	clear: both; 
	text-decoration: none;}

a.anuncio:hover {text-decoration: underline;}

a.anuncio img {border: 0;}

#mas_info { margin-top: 10px; width: 365px; height: 260px; overflow: hidden; float: left;}

#mas_info .menu_mas_info { float: left; width: 100%; margin-bottom: -4px;}
#mas_info .menu_mas_info h2 { float: left;}

#mas_info ul { 
	float: left; 
	width: 100%; 
	list-style: none inside;}

#mas_info ul li div {
	display: none; 
	margin: 4px 0 0 1px; 
	width:364px; 
	position: absolute;}
	
#mas_info ul li.selected div {display: block; }
#mas_info  ul  li {display: inline;}
#mas_info  ul  li h2 {display: inline;}

#mas_info .menu_mas_info h2 .left {
	float: left;
	background: transparent url(../images/cuerpo/mas_info.ul.li.left.gif) no-repeat; 
	width: 5px; 
	height: 26px;}
	
#mas_info .menu_mas_info h2 { 
	float: left; 
	width: auto;
	height: 26px;
	background: transparent url(../images/cuerpo/mas_info.ul.li.right.gif) right top no-repeat; 
	padding-right: 5px;}
	
#mas_info .menu_mas_info h2 a {
	float: left;
	width: auto;
	height: 20px;
	background: transparent url(../images/cuerpo/mas_info.ul.li.background.gif) repeat-x; 
	padding: 4px 4px 2px 4px;
	color: white; text-decoration: none;}
	
#mas_info .menu_mas_info h2.selected .left {
	background: transparent url(../images/cuerpo/mas_info.ul.li.selected.left.gif) no-repeat; }
	
#mas_info .menu_mas_info h2.selected { 
	background: transparent url(../images/cuerpo/mas_info.ul.li.selected.right.gif) right top no-repeat;}
	
#mas_info .menu_mas_info h2.selected a {
	background: transparent url(../images/cuerpo/mas_info.ul.li.selected.background.gif) repeat-x; }

#mas_info ul li div a.ir_a { 
	float: left; 
	width: 95%; 
	display: block; 
	color: white; 
	text-decoration: none; 
	text-align: right; 
	background: #63cbd6 url(../images/cuerpo/novedades.a.top.gif) no-repeat right center; 
	padding: 2px 0; 
	font-size: 8pt; 
	padding-right: 5%;  }

#mas_info ul li div a.ir_a:hover {text-decoration: underline;}

#mas_info ul li div ul { float: left; width: 100%; height: 273px;}

#mas_info ul li div ul li { float: left; width: 96%; border-bottom: solid 1px #299aaf; padding: 10px 2%;}

#mas_info ul li div ul li h3 {float: left; width: 61%;}

#mas_info ul li div ul li h3 a {color: #2a9aaf; text-decoration: none; font-size: 10pt; font-weight: bold; }

#mas_info ul li div ul li h3 a:hover {text-decoration: underline;}

#mas_info ul li div ul li span {color: #707376; font-size: 8pt; float: right; margin-top: 2px; width: 38%; text-align: right; }

#mas_info ul li div ul li p {clear: both; color: #707173; font-size: 10pt; width: 61%;}

#mas_info ul li div ul li:hover { background-color: #E5F3F6; }

#principal #agenda {float: right; width:338px;}

#principal #agenda a.anuncio {clear: none;}



/* sub menu de categoria */

#sub_menu { float: left; width: 100%;}

#sub_menu div.titulo { 
	float: left;
	width: 99%;
	background: transparent url(../images/cuerpo/sub_menu.titulo.border-left.gif) no-repeat left top; 
	padding-left: 1%;}

#sub_menu div.titulo div {
	float: left;
	width: 99%;
	background: transparent url(../images/cuerpo/sub_menu.titulo.border-right.gif) no-repeat right top;
	padding-right: 1%;}
	
#sub_menu div.titulo div div {
	float: left;
	width: 100%;
	background: transparent url(../images/cuerpo/sub_menu.titulo.background.gif) repeat-x left top;
	padding-right: 0;
	height: 48px;}
	
#sub_menu div.titulo h2 {
	float: left;
	width: 218px;
	height: 44px;
	color: white; 
	font-size: 22pt; 
	background: url(../images/cuerpo/informacion_general.gif) no-repeat;
	overflow: hidden;}
	
	#sub_menu div.titulo h2 span { display: none; visibility:hidden; font-size: 0; padding-top: 60px;}
	
	#sub_menu div.titulo a.volver,
	#buscar_header .cont a.volver {
	float: right; 
	color: white; 
	text-decoration: none; 
	margin: 18px 0 0 0;
	padding-right: 8px;
	background: transparent url(../images/cuerpo/sub_menu.titulo.a.gif) no-repeat left center; 
	padding-left: 12px;}
	
	#sub_menu div.titulo a.volver:hover,
	#buscar_header .cont a.volver:hover {text-decoration: underline;}
	

/* sub menu */	

#sub_menu div.menu {
	float: left;
	width: 100%;
	background: transparent url(../images/cuerpo/sub_menu.menu.border-left.gif) no-repeat left top; 
	margin: 0;
	margin-top: -3px;
	padding-bottom: 15px;}
	
#sub_menu div.menu div {
	float: left;
	width: 100%; 
	background: transparent url(../images/cuerpo/sub_menu.menu.border-right.gif) no-repeat right top; }
	
#sub_menu div.menu div div {
	float: left;
	margin-left: 5px;
	width: 98.5%;
	background: transparent url(../images/cuerpo/sub_menu.menu.background.gif) repeat-x left top; 
	height: 26px;}
	
#sub_menu div.menu div div ul {list-style: none inside;}

#sub_menu div.menu div div ul li {
	display: block; 
	float: left; 
	margin: 0;
	margin-top: 2px;}
	
#sub_menu div.menu div div ul li a {
	float: left; 
	height: 21px; 
	padding: 3px 10px;
	padding-bottom: 0;
	color: white; 
	text-decoration: none;}
	
#sub_menu div.menu div div ul li a:hover {
	background: transparent url(../images/cuerpo/sub_menu.menu.a.gif) repeat-x; 
	color: #75a91b;}
	
/* titulos otras secciones */
	
	#sub_menu div.titulo_editorial h2 {background: url(../images/cuerpo/editorial.gif) no-repeat;}
	#sub_menu div.titulo_emprendedores h2 {background: url(../images/cuerpo/emprendedores.gif) no-repeat;}
	#sub_menu div.titulo_cultura h2 {background: url(../images/cuerpo/cultura.gif) no-repeat;}
	#sub_menu div.titulo_agenda h2 {background: url(../images/agenda/agenda.gif) no-repeat;}
	#sub_menu div.titulo_audiovisuales h2 {background: url(../images/audiovisuales/audiovisuales.gif) no-repeat; 
	margin-top: 12px; *margin-bottom: -12px;}
	#sub_menu div.titulo_tiempo h2 {background: url(../images/cuerpo/tiempo.gif) no-repeat;}
	#sub_menu div.titulo_usuarios h2 {background: url(../images/cuerpo/usuarios.gif) no-repeat;}
	
/* contenido */

#contenido, #secciones { float: left; width: 100%;}

#contenido div.noticia {float: left; width: 355px;}

#contenido div.noticia span.fecha {color: #707376; font-size: 9pt;}

#contenido div.noticia h3 {
	margin-top: 10px; 
	color: #2a9aaf; 
	font-size: 16pt;
	margin-bottom: 10px;}

#contenido div.noticia p {
	margin-bottom: 20px; 
	color: #3e3e40; 
	font-size: 10pt;}
	
	#contenido div.noticia  *,
	#contenido div.noticia  span,
	#contenido div.noticia  font { font-size: 10pt;}
	#contenido div.noticia  strong { font-weight: bold;}
	
	#contenido div.noticia p a { color: #2a9aaf; text-decoration: none;}
		#contenido div.noticia p a:hover { text-decoration: underline;}
	
#contenido div.noticia p.bajada {
	padding-bottom: 20px; 
	color: #707173;
	border-bottom: solid 1px #e0e1e0;}
	
#contenido div.multimedia {float: right; width: 354px; position: relative; }

#contenido div.multimedia div.video {margin-bottom: 20px;}

#contenido div.multimedia div.imagen h4 {
	color: #2a9aaf; 
	font-size: 10pt; 
	float: left; 
	margin-bottom: 5px;}
	
#contenido div.multimedia div.imagen span {
	color: #7b7b7b; 
	font-size: 10pt; 
	float: right;
	padding-right: 5px;}
	
#contenido div.multimedia div.imagen ul { float: left; width: 100%; height:auto; clear: both; list-style: none inside;}

#contenido div.multimedia div.imagen ul li { float:left;display: inline; margin-right: 2px;}

#contenido div.multimedia div.imagen ul li a {text-decoration: none;}

#contenido div.multimedia div.imagen ul li a:hover {text-decoration: underline;}

#contenido div.multimedia div.imagen ul li a img {border: 0;}

#contenido div.multimedia div.audio { float: left; width: 100%; margin-top: 20px;}

#contenido div.multimedia .audio .audio_titulo,
.audio_titulo { 
	float: left; 
	width: 344px; 
	background: #A8D157; 
	color: #fff; 
	padding: 5px;
	font-size: 9pt;}
	
	.amigos_left .audio_titulo { height: 50px;}
	
	#contenido div.multimedia .audio .audio_titulo span,
	.audio_titulo span { font-size: 9pt;}
	
#contenido div.multimedia div.audio p {
	color: #707173; 
	font-size: 10pt; 
	margin-top: 5px;}
	
#contenido div.autor,
div.bookmarks {
	float: left;
	clear: left;
	margin: 0;
	width: 354px;  
	border-top: solid 1px #2a9aaf; 
	margin-top: 20px; 
	padding-top: 8px;
	font-size: 8pt;}
	
	.contenido_agenda div.bookmarks,
	.contenido_audiovisuales div.bookmarks,
	#secciones div.left div.noticia div.bookmarks,
	#secciones div.left_editorial div.noticia div.bookmarks {
		float: right;
		clear: right;
		clear: none;
		border: none;
		width: 70px;
		margin: 0;
		padding: 0;}
		
		.contenido_agenda div.bookmarks { padding-right: 5px;}
		
		.contenido_audiovisuales div.bookmarks { margin-top: 5px;}
		
		#secciones div.left div.noticia div.bookmarks { 
		clear: none; padding: 0; margin: 0; border: none; padding-left: 15px;}
		
		
	
#contenido div.autor h5 {color: #2a9aaf; font-size: 8pt; width:100%;margin-bottom:3px;}

#contenido div.autor h5.escritor {float: left;}

#contenido div.autor h5.video {float: right;}

#contenido div.autor h5.foto {float: right;}

div.bookmarks a { float: left; width: 16px; height: 16px; padding-right: 5px;}
	
	div.bookmarks a span { display: none;}
	
	div.bookmarks a.facebook { background: url(../images/botones/facebook.gif) no-repeat; }
	div.bookmarks a.youtube { background: url(../images/botones/youtube.gif) no-repeat; }
	div.bookmarks a.myspace { background: url(../images/botones/myspace.gif) no-repeat; }

#secciones div.left {width: 250px; float: left;}

#secciones div.left div.noticia div {
	text-align: right; 
	margin-top: 13px; 
	border-bottom: solid 1px #e0e1e0; 
	padding-bottom: 6px;}
	
		#secciones div.left div.noticia div.noticia_imagen {
			width: 100%;
			height: 195px;
			overflow: hidden;
			margin: 0;
			border: none;
			padding: 0;}
			
			#secciones div.left div.noticia div.noticia_imagen img { height: 100%; width:auto;}

	
#secciones div.left div.noticia div span {font-size: 9pt;}

#secciones div.left div.noticia div span.fecha {float: left; color: #707376;}

#secciones div.left div.noticia h3 {margin-top: 8px;}

#secciones div.left div.noticia h3 a {
	font-size: 13.5pt; 
	font-weight: normal; 
	color: #2a9aaf; 
	text-decoration: none;}
	
#secciones div.left div.noticia h3 a:hover {text-decoration: underline;}

#secciones div.left div.noticia p {
	color: #707173; 
	font-size: 10pt; 
	margin-top: 8px;}
	
	#secciones div.left div.noticia p * { font-size: 10pt;}
	#secciones div.left div.noticia p strong { font-weight: bold;}

#secciones div.left div.noticia span.continuar {
	display: block; 
	width: 100%; 
	text-align: right; 
	margin-top: 8px;
	margin-bottom: 10px;
	padding-bottom: 10px; 
	border-bottom: solid 1px #299aaf;}
	
#secciones div.left div.noticia span.continuar a {
	padding-right: 10px; 
	font-size: 8pt; 
	color: #2a9aaf; 
	text-decoration: none; 
	background: transparent url(../images/cuerpo/secciones.noticia.a.gif) no-repeat right center;}
	
#secciones div.left div.noticia span.continuar a:hover {text-decoration: underline;}

#secciones div.right {width: 445px; float: right; }

#secciones div.right ul {list-style: none inside;}

#secciones div.right ul li {
	float: left;
	width: 95%;
	border-bottom: solid 1px #299aaf; 
	padding: 15px 8px 15px 10px;}
	
#secciones div.right ul li:hover {background-color: #F6FCFE;}

#secciones div.right ul li div {
	float: right;
	width: 31%;
	text-align: right; 
	padding: 0 0 8px 0;}

#secciones div.right ul li div span { float: left; width: 100%; font-size: 8pt;}

#secciones div.right ul li div span.fecha { color: #707376;}

#secciones div.right ul li div span.seccion,
#secciones div.left div.noticia div span.seccion {color: #75a91b; font-weight: bold; vertical-align: top;}


#secciones div.right ul li h4 {margin-bottom: 8px; font-weight: normal;}

#secciones div.right ul li h4 a {
	float: left; 
	width: 68%;
	text-decoration: none; 
	font-size: 11pt; 
	color: #2a9aaf;}

#secciones div.right ul li h4 a:hover {text-decoration: underline;}

#secciones div.right ul li p {float: left; width: 68%; color: #707173; font-size: 9pt; height: auto;}

	#secciones div.right ul li p * {font-size: 9pt;}
	
	#secciones div.right ul li p strong { font-weight: bold;}
	
	#secciones div.right ul li p  a { color: #2a9aaf; text-decoration: none;}
		#secciones div.right ul li p  a:hover { text-decoration: underline;}

/* noticias secundarias */

#secciones div.right div.mas_secciones ul {
	list-style: none inside; 
	width: 49%; 
	float: left; 
	margin: 18px 0 0 0;}

#secciones div.right div.mas_secciones ul.right {float: right;}

#secciones div.right div.mas_secciones ul li {
	float: left; 
	width: 95%;  
	margin-top: 0px; 
	border-bottom: none; 
	padding: 5px;}

#secciones div.right div.mas_secciones ul li.first {margin-top: 0;}

#secciones div.right div.mas_secciones ul li span { float: left; width: 100%; color: #75a91b; font-size: 8pt;}

#secciones div.right div.mas_secciones ul li h5 a { width: 100%; color: #2a9aaf; text-decoration: none; font-size: 9pt; font-weight: normal;}

#secciones div.right div.mas_secciones ul li h5 a:hover {text-decoration: underline;}

#secciones div.right div.mas_secciones ul li p {float: left; width: 100%;color: #707173; font-size: 9pt; margin: 0;}

/* footer  *****************************************************/
#pie {
	float: left; 
	width: 100%; 
	clear: both; 
	border-top: solid 1px #999999; 
	padding: 15px 0;}

#pie ul {list-style: none; float: left; padding-left: 15px;}

#pie ul li {
	display: inline; 
	color: #2a9aaf; 
	text-decoration: none; 
	font-size: 10pt;}
	
#pie ul li.primero {border: 0;}
#pie ul li a {
	color: #2a9aaf; 
	text-decoration: none; 
	font-size: 10pt;}
	
#pie ul li a:hover {text-decoration: underline;}

#pie a.logo_footer { 
	float: left; 
	width: 110px; 
	height: 35px;
	background: url(../images/cuerpo/ciudad.logo.2.gif) no-repeat;}

#pie span { color: #7b7b7b; float: left; font-size: 8pt; padding-left: 15px; margin-top: 5px; }

#pie a.logo_telescopio { 
	float: right; 
	width: 30px; 
	height: 17px;
	background: url(../images/botones/telescopio.gif) no-repeat;}
	
#pie a.logo_lm { 
	float: right; 
	width: 20px; 
	height: 17px;
	background: url(../images/botones/lm.gif) no-repeat;}