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

body{
	background-image: url(imagenes/body_background.jpg);/*
	background-image:url(imagenes/body_background.gif);*/
	height: 100%;
	margin:0;
	margin-top:20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	-color:#333333;
	-repeat: repeat-x;
	
}

body#popup {margin-top:0px; background-image:none;}

body#popup p{
	font-size: 11px;
	color:#999999;
	margin: 0px;
	padding: 0px 20px;
	line-height: 17px;	
}

body#popup h2, h1{
	padding: 20px 20px 10px 20px;
	margin: 0px;	
}

body#popup #container{
	width:100%;
	margin:auto;
	min-height:100%;
	height:auto;
	padding: 2px 6px;
	background-color:#FFFFFF;
	margin-top: 0px;
			}

img, img a {
border:0px;
}

p{
	font-size: 11px;
	color:#999999;
	margin: 0px;
	line-height: 17px;
}

h1{
	font-size: 16px;
	color:#052B78;
	font-weight:bold;
	margin: 0px;
}

h2{
	font-size: 15px;
	color:#CC0000;
	padding: 25px 20px 10px 30px;
	margin: 0px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.leermas a{
	color: #FFFFFF;
	background-image:url(imagenes/icon_flecha.gif);
	background-position:right;
	padding-right:15px;
	background-repeat:no-repeat;
}

.leermas2 a{
	background-image:url(imagenes/icon_flechagris.gif);
	background-position:right;
	padding-right:15px;
	background-repeat:no-repeat;
	clear:both; 
}

#galeria,#galeria1,#galeria2{
margin-top:-25px;
margin-left:25px; 

}

#galeria a,#galeria1 a,#galeria2 a{
color:#444;
}

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	
	text-decoration: none;
}

a:hover {
	color:#759436;
	text-decoration: underline;
}

div#top {
	-color: #FFFFFF;
	width:770px;
	margin:auto;
	height:123px;
	padding: 0px 15px;
}

div#container {
	width:760px;
	margin:auto;
	min-height:100%;
	height:709px;
	padding: 21px 20px;

	margin-top:31px;
	/*border: 1px solid #EEE;*/
	background-image: url(imagenes/fd_container.jpg);
	background-repeat:no-repeat;
			}

div#column_left {
	margin:0px;
	width:237px;
	float:left;
	padding:0px;
}

div#column_center {
	width:286px;
	float:left;
	margin:0px;
	padding:0px 0px;
	background-image: url(imagenes/bloque%20inferior.jpg);
	background-position: bottom;
}

div#column_right {
	width:237px;
	float: left;
	margin:0px;
	padding:0px;
}

div#footer {
	width:auto;
	height:40px;
	text-align: center;
	margin-top: 0px;
	clear:both;
	padding: 30px 10px;
	color: #999999;
	font-size: 11px;
	background-image: url(imagenes/fd_footer.jpg);
	background-repeat:repeat-x;
}

div#footer p{
	padding: 10px 0px;
	font-size: 11px;
}


.bloque_superior {
	height:90px;
	margin:0px;
	padding:80px 0px 0px 0px;
	background-position:bottom;
	background-repeat:repeat-x;
}

#column_left .bloque_superior {
	background-image:url(imagenes/fd_menu.jpg);

	}
#column_right .bloque_superior {
	background-image:url(imagenes/fd_menu1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}	

#column_left .bloque_inferior {
	background-position: top left;
	background-repeat:repeat-x;
	}	


.bloque_medio {
	height:276px;
	margin:0px;
	padding:0px;
}

div#column_center .bloque_medio {
	background-image: url(imagenes/bloque%20inferior.jpg);
	background-position: top;
}

.bloque_inferior {
	height:163px;
	margin:0px;
	padding:0px;
}

.bloque_inferior a{ color:#999999;}

.bloque_inferior h2{
	color: #CC0000;
}

.bloque_inferior p{
	color: #999999;
	padding:0px 30px;
}

#bloque1 {
	padding: 0px 30px 0px 25px;
	margin:0px;
	background-image: url(imagenes/fd_bloque1.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
}

.bloque_medio h2{color:#FFFFFF;}

.bloque_medio p{
	font-size:11px;
	padding:0px 0px;
	margin:0px 0px 0px 0px;
	color: #759436;

}

.bloque_medio li{
	font-size:11px;
	color:#759436;
	padding:0px;
	margin:5px 0px 0 0;
}

#bloque1 span{
	color:#657E30;
	padding-left:40px;
}

#bloque3 span{
	color:#657E30;
	padding-left:140px;
}

#bloque2 {
	background-image: url(imagenes/logo.jpg);
}
#bloque3 {
	background-image: url(imagenes/fd_bloque2.jpg);
	background-position:left bottom;
	padding: 0px 25px 0px 27px;
	margin:0px;
	background-repeat: no-repeat;
}

.areas {
	height:276px;
	margin:0px;
	padding:0px;
	z-index:9; 
	position:absolute; 
	width:681px; 
	background-color:#eee; 
	display:none;
}



.menu{
	height:90px;
}

.menu ul {
margin:0px;
padding:0px;
}


div#leftimage {
	width:200px;
	height: 340px;
	float: left;
	margin:0px;
	padding: 20px 5px 20px 20px;
}

.contenidosssssss{
	overflow-y: scroll; 
	height:100%; 
	width:372px; 
	overflow-y : scroll;
	overflow : -moz-scrollbars-vertical;
	text-align:justify;
	float:left;
	
}

.contenido{
	overflow-y: scroll;
	height:170px;
	width:342px;
	overflow-y : scroll;
	overflow : -moz-scrollbars-vertical;
	float:right;
	padding-right: 10px;
	margin-top: 10px;
	
}

.contenido p, ul, em{
	color:#888;
	font-size:11px;
}

.contenido ul{
margin:0px;
padding-left:0px;
}

.contenido li{
background-image:url(imagenes/li_corzon.gif);
background-repeat:no-repeat;
background-position: top left;
padding-left:20px;
padding-top:10px;
color:#888;
list-style:none;
margin-left:0px;
}

.contenido em{
text-align:center;
font-size:11px;
font-weight:bold;
}

.extrassssss{
width:300px; height:100%; background-color:#ccc; float:right; margin-right:20px;
}

.extra{
	width:300px;
	height:100%;
	background-color:#ccc;
	float:left;
	margin-left:20px;
	padding: 0px;
	display: inline;
	z-index: 3;
}

.titulos{margin-left:380px; z-index:119;}

#linksrapidos {
position:absolute; 
color:#999999; 
z-index:22; 
top:-50px; 
margin-left: 40px;
}

#btn_acerca{
width:115px; height:85px; background-image:url(imagenes/menu/btn_acercadenosotros.gif)
}
#btn_acerca:hover{
background-position:bottom;
}

#btn_servicios{
width:115px; height:85px; background-image:url(imagenes/menu/btn_servicios.gif)
}
#btn_servicios:hover{
background-position:bottom left;
}

#btn_programa{
width:115px; height:85px; background-image:url(imagenes/menu/btn_programa.gif);
background-position:top right;
}
#btn_programa:hover{
background-position:bottom right;
}

#btn_contacto{
width:115px; height:85px; background-image:url(imagenes/menu/btn_contacto.gif);
position:absolute; margin-left:640px; top:0px;
}
#btn_contacto:hover{
background-position:bottom left;
}

#linksrapidos a{
color:#999999;
display:inline;
float:none;
cursor:hand;!important
}

hr {

	-color:#012776;
	height: 3px;
	margin: 0px;
	border:0px;
}

.clearer {
clear:both;

}