/* CSS - InfoCircos */

/* Reseteo */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, tr, td {margin:0; padding:0;}
img {border:0;}
a {text-decoration:none;}
ol, ul {list-style:none;}

/* Elementos basicos */ 

body {
	/**/background:#3188E4;
	background:#fff;
	background-image: url(images/fondo-cuerpo.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	color:#333;
	font-family: "lucida sans", Tahoma, Arial;
	/*font-size:11px;*/
	font-size: .9em;
	}
	
a {color:#179AF5;}

/* Plantilla Basica */

#page {margin:0 auto; width:970px; position:relative;	background:#fff;
}
	#top {
		margin:0px 19px 0px 17px;
		color:#1C78A6;
		/**/line-height:35px;
		font-weight:bold;
		/**/font-size:10px;
		text-transform:uppercase;
		border-bottom:1px solid #777;
		}
	#nav {
		background:url(images/bg-nav-nuevo2.jpg) repeat-x 0 0;
		/*background-color: #EAE4C2;*/
		background-color: #3D2009;
		margin:0px 16px 0px 16px;
		height:67px;
		margin-top:5px;
		margin-bottom: 7px;
		font-family:  Tahoma, Arial;
		border-right: 2px solid #ddd;
		}
	#header {
		height:210px;
		background:url(images/bg-header-home.jpg) no-repeat 0 0;
		}
	#header-int {
		height:155px;
		background: url(images/bg-header-int-nuevo2.jpg) no-repeat top center;
		}
	#wrap {
		overflow: hidden;
		height:1%;/**/
		position:relative;
		font-size: 85%;
		/*border: 1px solid red;*/
		}
		#col-a, #col-b,
		#col-c, #col-ab {
			float:left;
			/*display:inline;*/			
			}
		#col-a {
			width:210px;
			/*border-left:1px solid #808080;*/
			border-left:1px solid #ddd;
			margin-left:15px;
			padding-left:10px;
			padding-right:10px;
			}
		#col-b {
			/*border-left:1px solid #808080;*/
			border-left:1px solid #ddd;
			width:390px;
			padding-left:10px;
			padding-right:10px;
			padding-top:10px;
			letter-spacing: 1px;
			}
		#col-c {
			width:280px;
			padding-left:10px;
			border-left:1px solid #ddd;
			margin-top: 100px;
			
			}
		#col-ab {
			width:625px;
			margin-left:15px;
			padding:20px 10px 10px 10px;
			border-left:1px solid #ddd;
			letter-spacing: 1px;
			
			}
	#footer {
		color:#CCC;
		text-align:center;
		clear:both;
		padding:30px 0px;
		line-height:140%;
		border-bottom:1px solid #ddd;
		border-top:1px solid #ddd;
		margin:15px 0px;
		position:relative;
		}
		
	/* Clasese genericas */
	
	.left {display:inline; float:left;}
	.right {display:inline; float:right;}
	.clear {clear:both;}
	
	span.flecha-arriba-1,
	span.flecha-arriba-2,
	span.flecha-arriba-3,
	span.flecha-arriba-4,
	span.flecha-arriba-5,
	span.flecha-arriba-6 {
		position:absolute;
		height:23px; width:8px;
		}
	span.flecha-arriba-1,
	span.flecha-arriba-2,
	span.flecha-arriba-3 {
		background:url(images/punta-columnas-arriba.jpg) no-repeat 0 0;
		top:0px;
		}	
	span.flecha-arriba-4,
	span.flecha-arriba-5,
	span.flecha-arriba-6 {
		background:url(images/punta-columnas-abajo.jpg) no-repeat 0 0;
		bottom:0px;
		}
	span.flecha-arriba-1, span.flecha-arriba-4 {left:11px;}
	span.flecha-arriba-2, span.flecha-arriba-5 {left:242px;}
	span.flecha-arriba-3, span.flecha-arriba-6 {left:658px;}
	
	.derecha {
		/*font-size:10px;
		color:#777;*/
		font-size: 60%;
		color: #aaa;
		font-weight:bold;
		position:absolute;
		top:5px;
		right:22px;
		}
	.derecha a.subseccion {
		/*font-size:13px;*/
		color:#FFF;
		}
	.derecha a:hover.subseccion {
		text-decoration:underline;
		}
						
	a.ampliar {
		color:#FFF;
		background:#3D83B6 url(images/arrow-azul.gif) no-repeat right 2px;
		padding:2px 15px 2px 5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		/*font-size:11px;*/
		font-weight:bold;
		}
	a.ampliar-small {
		color:#FFF;
		background:#3D83B6 url(images/arrow-azul-small.jpg) no-repeat right 3px;
		padding:1px 12px 1px 5px;
		font-family:Georgia, "Times New Roman", Times, serif;
		/*font-size:10px;*/
		}
		
	/* Contenido de #top */
	
		#top a {
			color:#50B3E0;
			}
		#top a:hover {
			text-decoration:underline;
			}

	/* Contenido de #nav */
	
		#nav ul {
			overflow:hidden;
			/*border-left:4px solid #222;*/
			}
			#nav ul li {
				float:left;
				display:inline;
				border-right:4px solid #EAE4C2;
				border-right:4px solid #741C00;
				border-right:4px solid #004170;
				}
				#nav ul li a {
					/*border-bottom:6px solid #D25E01;*/
					background-color: #139AF6;
					background:url(images/bg-nav-nuevo2.jpg) repeat-x 0 0;
					border-bottom:6px solid #0676BA;
					display:block;
					padding:20px 15px 0px 15px;
					width:83px;
					height:38px;
					/**/font-size:10px;
					font-weight:bold;
					text-transform:uppercase;
					color:#DDFAFF;
					}
				#nav ul li a:hover, 
				#nav ul li a.actual  {
					border-bottom:6px solid #fff;
					/*border-bottom:6px solid #741C00;*/
					display:block;
					padding:20px 15px 0px 15px;
					width:83px;
					height:38px;
					/*font-size:10px;*/
					font-weight:bold;
					text-transform:uppercase;
					color:#FFF;
					}
					
	/* Contenido de #wrap */
		
		/* Contenido de #col-a */
		
			.agenda {
				margin:15px 0px 15px 5px;
				background:url(images/filete-superior-blanco.jpg) no-repeat 0 0;
				padding:30px 5px 0px 6px;
				}
				.agenda h3 {
					background:url(images/separador-corto-blanco.gif) no-repeat left bottom;
					padding-bottom:20px;
					margin-bottom:15px;
					position:relative;
					}

				.agenda ul {
					background:url(images/filete-inferior-nuevo2.jpg) no-repeat left bottom;
					padding-bottom:20px;
					}
					.agenda ul li {
						background:url(images/separador-corto-blanco.gif) no-repeat left bottom;
						padding-bottom:20px;
						margin-bottom:15px;
						}
					.agenda ul li a {
						display:block;
						color:#FFF;
						}
					.agenda ul li a strong {
						color:#50B3E0;
						/*font-size:17px;*/
						text-transform: capitalize;
						}

		
		/* Contenido de #col-b */
		
			h3.separador-largo-gris {
				background:url(images/separador-largo-gris.jpg) repeat-x left bottom ;
				/*padding-bottom:20px;*/
				padding-bottom:15px;
				padding-top:5px;
				margin-bottom:15px;
				position:relative;
				}
			
			.presentacion-home {
				background:url(images/separador-largo-blanco.jpg) no-repeat left bottom;
				margin:0px 10px 20px 10px;
				padding-bottom:10px;
				}
			.presentacion-home p {
				/*font-size:10px;
				line-height:165%;*/
				padding-bottom:10px;
				}
				
			.noticias-home, .noticias {
				margin:0px 10px 10px 10px;
				overflow:hidden; /* proba agregando esto acá (dale, yo lo pongo :-P)*/
				}
			.noticias-home p {
				padding-bottom:10px;
				}
				.noticias-home ul {}
				.noticias-home ul li {
					overflow:hidden;
					height:1%;
					background:url(images/separador-largo-gris.jpg) repeat-x left bottom;
					padding-bottom:20px;
					margin-bottom:10px;
					}
					.noticias-home ul li a img {
						float:left;
						display:inline;
						border:2px solid #FFF;
						width:130px;
						margin-right:10px;
						}
					.noticias-home ul li div {
						}
						.noticias-home ul li div h4 a {
							/*
							font-size:13px;*/
							color:#1377D1;
							font-weight:bold;
							margin-bottom:5px;
							display:block;
							}
						.noticias-home ul li div p {
							/*font-size:10px;*/
							margin-left: 145px;
							}
				
				.noticias img {
					margin-bottom:10px;
					}
				.noticias h4{
					/*font-size:20px;
					*/
					font-weight:normal;
					margin-bottom:10px;
					padding-bottom:10px;
					border-bottom:1px solid #555;
					color:#527588;
					color: #3B749E;
					font-size: 130%;
					}
				.noticias h2{
					font-size: 110%;
					margin-bottom: .5em;
				}
				.noticias ul{
					margin-bottom: 1em;
				}		
				.noticias p {
					padding-bottom:10px;
					/*font-size:12px;*/
					line-height:140%;
					}
				.noticias a{
					font-weight: bold;
				}
					
				.pdf {
					text-align:right;
					}
				.pdf a {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-weight:bold;
					padding:3px 10px;
					background:#E30000;
					color:#FFF;
					}
			
			ul.thumbs {
				overflow:hidden;
				height:1%;
				padding-bottom:10px;
				margin-bottom:15px;
				border-bottom:1px solid #222;
				}
			ul.thumbs li {
				float:left;
				display:inline;
				width:49%;
				overflow:hidden;
				height:1%;
				margin-bottom:10px;
				}
			ul.thumbs li a img {
				border:4px solid #222;
				float:left;
				display:inline;
				margin-right:10px;
				}
			ul.thumbs li a:hover img {
				border:4px solid #555;
				}
			ul.thumbs li div {
				padding-right:10px;
				}
			ul.thumbs li div p {
				/*font-size:11px;*/
				}
			ul.thumbs li div p strong {
				/*font-size:12px;*/
				}
			ul.thumbs li div p a {
				font-weight:bold;
				}
					
			.pagination {
				text-align:right;
				margin-right:12px;
				line-height:25px;
				font-size: 75%;
				}
			.pagination a {
				border:1px solid #1799F9;
				padding:2px 5px;
				margin-left:5px;
				color: #1799F9 !important;
				background-color:#fff;
				}
			.pagination a:hover, 
			.pagination a.pag-current {
				border:2px solid #1799F9;
				color: #fff !important;
				background-color:  #1799F9
				}
			.pagination a:hover{
				border-width: 1px;
			}
			.pagination a.pag-current:hover{
				border-width: 2px;
			}
			.contacta {
				width:550px;
				}
			.contacta input, .contacta textarea {
				background:#FAFAFA;
				border:2px solid #ddd;
				margin:5px 0px;
				font-family: Tahoma, Arial;
				/*font-size:11px;*/
				padding:4px;
				}
									
		/* Contenido de #col-c */
		
		.espacio-tv {
			height:145px;
			width: 280px;
			}
			
		.tv {
			position:absolute;
			top:200px;
			right:22px;
			}
		.tv-interna {
			position:absolute;
			/*top:150px;*/
			top:250px;
			right:14px;
			}
			.tv-txt {
				position:absolute;
				top:-19px;
				right:0px;
				z-index:4;
				font-family:  Tahoma, Arial;
				/*font-size:10px;*/
				font-size: 90%;
				}
				.tv-txt a {
					color:#DDD;
					background:#000;
					padding:7px 8px;
					font-weight:bold;
					margin-left:5px;
					}
				.tv-txt a:hover {
					color:#FFF;
					}
			.telon-top {
				position:absolute;
				top:0px;
				left:0px;
				background:url(images/telon-top-azul.png) no-repeat 0 0;
				width:280px;
				height:70px;
				z-index:3;
				}
			.telon-left {
				position:absolute;
				top:70px;
				left:0px;
				background:url(images/telon-left-azul.png) no-repeat 0 0;
				width:42px;
				height:130px;
				z-index:3;
				}
			.telon-right {
				position:absolute;
				top:70px;
				right:0px;
				background:url(images/telon-right-azul.png) no-repeat 0 0;
				width:45px;
				height:130px;
				z-index:3;
				}	
					
			.banners {
				text-align:center;
				background: url(images/filete-inferior-nuevo2.jpg) no-repeat center bottom;
				padding-bottom:30px;
				}
			#col-c .banners {
				background-color:  #fff;
			}
			.banners a {
				margin-bottom:20px;
				display:block;
				
				}
				
			.desc-seccion {
				padding:10px 10px 0px 10px;
				background:#fff;
				line-height:140%;
				/*font-size:11px;*/
				margin-bottom:15px;
				}	
			.desc-seccion h4 {
				/*font-size:14px;*/
				margin-bottom:10px;
				padding-bottom:10px;
				border-bottom:1px solid #333;
				}
			.desc-seccion p {
				padding-bottom:10px;
				}	
							
	/* Contenido de #footer */
	
		#footer a {color:#3D83B6; text-decoration:underline; font-size: 75%}
		#footer a:hover {color:#999;}
		
		#que-puedes-hacer-tu li{
			list-style-type: disc;
			margin-left: 1em;
		}