/* CSS Document */

/*ELEMENTOS GENÉRICOS*/
BODY{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#c2d5eb;
	margin:0 auto;
	_margin-left:5%;

}
img{
	border:0px;
}

/*ESTILOS PROPIOS*/
#container{
	background-color:#fff;
	border: 1px solid #454545;
	margin:10px auto;
	padding:0px 0px;
	width:815px;
}
.section-container p{	
width:98%;
}

.index{
	background:url(../images/Template/index.jpg) no-repeat ;
	width:750px;
	height:410px;
	margin-left:50px;
}
.index .banner1{
	position:relative; 
	left:30px; 
	top:-20px; 
	width:200px;
	_top:-100px;
	#top:-50px;
}

		.banner1 .title1 a{
			text-decoration:none;
			width:240px; 
			text-align:left; 
			padding-left:50px; 
			padding-top:5px;
			margin:0px; 
			color:#000; 
			font-weight:bold; 
			font-size:12px;  
			padding-bottom:12px; 
			text-transform:uppercase;
		}
		.banner1 .text1{
			margin:0px; 
			width:210px; 
			font-size:11px; 
			text-indent:20px; 
			font-weight:bold;
		}
		
.index .banner2{
	position:relative;
	top:15px; 
	left:420px;
}
	.banner2 .title2{
		width:200px; 
		border-bottom:3px solid #3692FA; 
		margin-bottom:0px;
	}
	.banner2 .title2 a{
		text-decoration:none;
		text-align:left; 
		margin:0px; 
		color:#3692FA; 
		font-size:14px; 
		font-weight:bold; 
		text-transform:uppercase;
	}
	.banner2 .list2{
		margin:0px; 
		#margin-top:5px;
		padding-left:15px; 
		width:280px;
		font-size:11px; 
		font-weight:bold;
	}
.index .banner3{
	position:relative; 
	left:440px;
	top:-80px; 
	width:300px;
	height:106px;
	_top:-120px;
	#top:-120px;
}
	.banner3 .title3{
		width:220px; 
		border-bottom:3px solid #3692FA;  
	}
	
	.banner3 .title3 a{
		text-decoration:none;
		text-align:left; 
		margin:0px; 
		color:#3692FA; 
		font-size:14px; 
		font-weight:bold; 
		text-transform:uppercase;
	}
	.banner3 .text3{
		margin:0px; 
		width:280px; 
		font-size:11px;  
		font-weight:bold;
	}
.index .banner4 {
	position:relative; 
	left:300px; 
	top:0px; 
	width:200px;
	_top:-40px;
	#top:-20px;
}
	.banner4 .title4{
		width:220px; 
		text-align:left; 
		margin:0px; 
		color:#3692FA; 
		font-size:16px; 
		font-weight:bold;
	}
	
	.banner4 .title4 a{
		text-decoration:none;
		
	}
.index .flyer{
	position:relative; 
	top:-10px;  
	width:80px; 
	height:70px;
	_top:-100px;
	#top:-50px;
}
.text-flyer{
	color:#3692FA; 
	font-size:12px; 
	font-weight:bold;
	position:relative;
	top:-10px;
	#top:55px;
}

.text-flyer a{
	color:#3692FA; 
	font-size:12px; 
	font-weight:bold;
	_position:relative;
	_top:-90px;
	_left:80px;
	#position:relative;
	#top:-110px;
	#left:80px;
}
.text-flyer span{
	font-weight:normal; 
	margin-top:-5px; 
	font-size:10px; 
	color:#000;
	_position:relative;
	_top:-110px;
	_left:80px;
	#position:relative;
	#top:-110px;
	#left:80px;
}
.works{
	background:url(../images/Template/Pagina-Obras.gif) center no-repeat;
	margin-top:50px;
	height:74px;
	width:573px;
	float:left;
}
.title-works{
	color:#3692fa;
	font-size:14px;
	font-style:italic;
	font-weight:bold;		
	margin-top:5px;
	text-align:center;
}
.text-works{
	margin-left: 10px; margin-right:10px;
	margin-bottom:3px;
}
p {
	text-indent:0px;
}
a { text-decoration:underline;
}
/*DISENO DE LAS TABLAS*/
.table {
	width:100%;
	font-size:11px;
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;

	border-top-color: #D2C716;
	border-right-color: #FFFFFF;
	border-bottom-color: #D2C716;
	border-left-color: #FFFFFF;
	
}
.table td, .table th {
		padding:5px;
		padding-left:15px;
	
}
.table tbody th,.table tbody td {
	padding:2px;
	padding-left:10px;
	background-color: #ececec;
	color: #31316F;
}
.table thead td ,.table thead th,.table tfoot td,.table tfoot th{
	background-color:#ececec;
}

.header_text{
	display:none;
}
.tabla tr td{
background-color:#eef6ff;	
}
ul{
		list-style-position:outside;
		list-style-image:url(../images/Template/boton.gif);
		
	}
	ul ul{
		list-style-position:outside;
		padding-bottom:2px;
		margin-left:15px;
		list-style-type:circle;
	}
	ul .number{
		list-style-type:decimal;
		list-style-position:outside;
		padding-bottom:2px;
	}
br{
height:1px;
}
/* --------------------*/
/*    BORDE SUPERIOR   */
/* --------------------*/
.borde-superior{
height:30px;
margin:0px 0px;
padding:0px 0px;
}

.header-graphic	{
background:url(../images/Template/borde-superior.gif) right top no-repeat;
float:right;
width:350px;
padding-right:100px;
height:26px;
}

	*html.header-graphic{
		padding-right:0px;
		width:100%;
	}
	
	.header-link{
		color:#333;
		padding-top:-3px;
		padding-left:8px;
		padding-right:8px;
		height:26px;
		font-weight:bold;
		font-size:12px;
		text-align:right;
	}
	.header-link:visited, .header-link:link, .textonly:visited, .textonly:link{
		text-decoration:none;
	}
	.header-link:hover, .textonly:hover{
		text-decoration:underline;
		font-weight:bold;
	}
	.textonly{
		height:26px;
		color:#333;
		font-weight:bold;
		font-size:12px;
		padding-top:-3px;
		padding-left:15px;
		padding-right:8px;
		text-align:right;
	}
/* --------------------*/
/* -FIN BORDE SUPERIOR-*/
/* --------------------*/	


/* --------------------*/
/* ----CABECERA--------*/
/* --------------------*/
.motivo{
	height:150px;
}
.header{
	height:120px;
	padding:0px 0px;
}
	
	.header-socios{
		position:relative;
		top:10px;
		right:15px;
		color:#454545;
		font-weight:bold;
		font-size:10px;
		float:right;
	}
		*html .header-socios{ }
		
	.header-socios-link{text-decoration:none;}
	.header-socios-onlytext{display:none; }

.header-logo{ margin-top:10px; margin-left:10px; width:190px; float:left;}

.slogan{
	color:#3692fa;
	font-size:14px;
	font-family:Arial;
	margin-left:250px;
	margin-top:15px;
	word-spacing:5px;
	_margin-top:0px;
	#margin-top:0px;
}

.header-options{
	background:url(../images/Template/barra-opciones.gif) bottom repeat-x;
	float:left;
	height:32px;
	width:100%;
	margin-top:-10px;
}	
	.option , .option-selected{
		background:url(../images/Template/option.gif) left no-repeat;
		padding-right:15px;
		padding-left:15px;
		margin-right:20px;
		border-right:1px solid #3692fa;
		color:#3692fa;
		font-size:13px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		float:left;			
	}
	.option-inicio{
		margin-left:20px;
		padding-right:35px;
		padding-top:-20px;
		text-align:left;
		text-decoration:none;
		float:left;	
	}
	*html .option-inicio{
		margin-left:120px;
	}
	.option-selected{
		text-transform:uppercase;
		text-decoration:underline;
	}
		.optionlink:visited {
			color:#3692fa;
			text-decoration:none;
		}
		.optionlink:link {
			color:#3692fa;
			text-decoration:none;				
		}
		.optionlink:hover {
			color:#3692fa;
			text-decoration:underline;				
		}
	.option-sep{
		width:1%;
		text-decoration:none;
		float:left;			
	}	
/* --------------------*/
/* ----FIN CABECERA----*/
/* --------------------*/



/* --------------------*/
/* ----CUERPO----------*/
/* --------------------*/
#contenido{
font-size:12px;
text-align:justify;

width:100%;
}

	
.body-column{
	margin-left:6px;
	padding-top:100px;
	width:19%;
	min-height:350px;
	float:left;
}
	*html .body-column{  margin-left:3px;}

.section-option, .section-option-selected{
	width:120px;
	line-height:12px;
	word-spacing:3px;
	background:url(../images/Template/option.gif) left top no-repeat;
	padding-left:20px;
	padding-bottom:2px;
	border-right:1px solid #3692fa;
	margin-bottom:25px;
	color:#3692fa;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	float:left;	
}

.section-option-selected{
	border:1px solid #3692fa;
	text-align:right;
	text-decoration:underline;
}
.section-optionlink{
	color:#3692fa;
	text-decoration:none;
}

.section-optionlink  :first-letter{
font-size:32px;
font-weight:bold;
}

.section-suboption{
		height:25px;
		width:85%;
		font-size:12px;
		font-weight: bold;
		color:#D2C716;
		text-align:left;
		position:relative;
		left:35px;
		float:left;
	}	
.section-suboption-selected{
	border-top-color:#D2C716;
	background-color:#E3DB5B;
	color:#ffffff;
	border-top-style:solid;
	border-top-width:thin;
	border-bottom-color:#D2C716;
	border-bottom-style:solid;
	border-bottom-width:thin;
}
	.section-suboptionlink:visited{
		color:#FFF;
		padding:2px;
		background-color:#D2C716;
		left:15px;
	}
	.section-suboptionlink:link{
		color:#FFF;
		background-color:#D2C716;
		left:15px;
	}
	.section-suboptionlink:hover{
		color:#FFF;
		background-color:#D2C716;	
		position:relative;
		left:4px;
	}

.body-container{
	margin-left:165px;
	min-height:500px;
}
*html .body-container{
	position:relative;
	width:77%;
	height:300px;
	margin-left:170px;
}	
.title-section{
	word-spacing:3px;
	background-color:#c2d5eb;
	margin-bottom:20px;
	width:100%;
	height:20px;
	font-size:20px; 
	color:#D2C716;
	text-align:left;
	float:left;
}

	*html .title-section{

	margin-top:22px;
	margin-left:-8px;
	width:100%;
	height:20px;
	font-size:20px;
	font-weight:bold;
	color:#2E1C73;
	text-align:center;
	float:left;
	top:30px; width:100%; margin-left:0px; margin-bottom:0px;}
	
	*+html .title-section{ 
	margin-top:22px;
	margin-left:-8px;
	width:100%;
	height:20px;
	font-size:20px;
	font-weight:bold;
	color:#2E1C73;
	text-align:center;
	float:left;	
	top:30px; 
	width:100%; 
	margin-left:0px; 
	}


 .title-section #title{
	text-align:right;
	padding-right:10px;
	color:#fff;
	font-weight:bold;
 }
.title-section-line{
	text-align:right;
	height:3px;
}
.section-container{
	color:#454545;
	margin-top:20px;
	width:95%;
	_height:400px;
	min-height:400px;
	padding-right:15px;
	padding-top:60px;
	_padding-top:10px;
	#padding-top:10px;
	padding-bottom:50px;
	font-size: 13px;
	text-align: justify;
	text-decoration: none;	
	margin-left:15px;	
}

.section-container b, .section-container a{
	color:#3692fa;
}
.section-container .bold{
	color:#000;
	font-weight:bold;
}

.section-container p{
	margin-top:5px;
	line-height:18px;
	word-spacing:3px;
}

.section-container ul li{
	padding-left:5px;
	padding-right:5px;
	line-height:18px;
	word-spacing:3px;
}
.section-container ol li{
	padding-left:5px;
	padding-right:5px;
	line-height:18px;
	word-spacing:3px;
}


.section-container-title{
		border-top:2px solid #c2d5eb;
		border-bottom:2px solid #c2d5eb;
		color:#fff;
		background-color:#3692fa;
		background:#3692fa url(../images/Template/option2.gif)no-repeat left;
		margin-top:25px;
		_margin-top:0px;
		padding-left:15px;
	}
.section-container-title b{
	padding-left:15px;
	color:#fff;
}
.events .section-container-title{
	margin-bottom:10px;
}

.events-list p, .events p{
	margin:0px; 
	padding:0px;
	margin-bottom:3px;
}
.events p{
	margin-bottom:12px;
}
.events-list hr, .events hr{
margin: 30px auto;
text-align: center;
}
.events .title, .events-list .title{
	padding-left:25px;
	text-transform:uppercase;
	padding-top:12px;
	padding-bottom:3px;
}

.events h3, .events h3 a, .events-list h3, .events-list h3 a{
text-decoration:none;
font-size:14px;
font-weight:bold;
}
/* --------------------*/
/* ----FIN CUERPO------*/
/* --------------------*/
.borde-inferior{
height:60px;

}
.footer-options{
	clear:both;
	height:24px;
	border-top:2px solid #a3c0e1;
	border-bottom:2px solid #a3c0e1;
	width:100%;
	
}

.footer-opt{
	padding-left:30px;
	width:12%;
	padding-top:5px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	float:left;			
}

*+html .footer-opt, *html .footer-opt{ 
position:relative;
float:left;
top:-24px;
left:200px;
}

*html .footer-opt{
float:right;
padding-right:60px;
margin-top:-15px;
}

.footer-opt:visited, .footer-opt:link{
	color:#000;
	text-decoration:none;
}
.footer-opt:hover{
	text-decoration:underline;	
}

.piepagina{
clear:left;
color:#606060;
font-size:12px;
margin-bottom:0px;
padding-left:25px;
width:98%;
}
.validation{
	left:15%;
	width:300px;
	padding-left:20px;
}
.validationW3C {
float:left;
margin-right:8px;
padding-left:3px;
padding-right:20px;
padding-top:1px;
}