﻿html,body{ height:100%; width:100%;}
body{
	color:#333;
	line-height: 19px;
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color:#eaeade;
	width:100%;
	margin:0px;
	position: relative;
	background-image: url("images/fiz.png");
  	background-repeat:repeat-x;

}

.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
img.centered {display: block;margin-left: auto;	margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
.imgd{
	float:right;
	margin:0px 0px 0px 15px;
	padding:3px;
	display: block;
	position:relative;
}
.imgdn{
	float:right;
	margin:0px 0px 0px 15px;
	padding:5px;
	border-bottom:1px solid #bcbdb8;
	border-left:1px solid #bcbdb8;
	background-color:#d8d7dd;
	display: block;
	position:relative;
}

/* =2 Enlaces
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited {
	background-image:none;
	padding:0px;
	margin:0px;
	color: #333; text-decoration:none;
	background-image:none;

}
a:hover {
	background-image:none;
	padding:0px;
	margin:0px;
	color: #111;text-decoration:underline;
}
a:active {
	color: #111;
}
/* =3 Cabeceras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h2 {
	font: bold 1.5em "Times New Roman", Times, serif;
}
h3 {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin:10px 0px;

}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h1{
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #090;
	margin-bottom: 1em;
	padding-bottom:5px;
}

p{
	font-size:12px;
	color:#333;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 19px;
	text-align: justify;
	margin-bottom:10px;
}
samp{font-size:12px;
	color:#333;
	display:block;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 19px;
	}
.lista {width:550px; border-style:solid; border-width:1px; border-color:#cccccc; color:#66af22; margin:5px; padding:5px; float:left;}
/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#conizquierda {
	height:100%;
	float:left;
	width:699px;
	overflow: hidden;
	margin-top: 10px;
	border-left: 1px solid #D5D5D5;
}
#conderecha {
	float:left;
	width:200px;
	margin-top: 10px;
}

ul#listado {
	
	float:left;

}

ul#listado li{
	list-style:none;
	margin-bottom:10px;

	text-align:justify;
	
	
	}

/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
ul#menu{
	list-style:none;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 550px;
	height:35px;
	z-index: 7;
}

ul#menu li{
	float:left;
	margin-right: 10px;
	font-size: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 500;
	width:auto;
	padding-top:10px;
	display:block;

}

ul#menu li a,a:link,a:visited{
	background-image:none;
	padding:0 10px;
	margin:0px;
	color:#333;
	text-decoration:none;

}
ul#menu li a:hover{
	text-decoration:none;
	color:#60bf14;

}

/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.formulario{
	padding: 0 10px 10px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.formulario label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
.formulario input{
	width: 250px;
	padding: 2px;
	border: 1px solid #cecece;
}
.inscribirseboton{
	width: 150px;
	padding: 2px;
	margin:20px 0px 0px 415px;
	border: 1px solid #cecece;
}

.inscribirseboton:hover{
	background-color:#60bf14;
	color:#FFF;
}

.formulario input.grande{width: 550px;}
.formulario input.chico{width: 150px;}
.formulario input.error{
	background: #f8dbdb;
	border-color: #e77776;
	color:red;
}
.formulario textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
.formulario textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
.formulario div{
	margin-bottom:2px;
	margin-left: 10px;
	position: relative;

}
.formulario div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
.formulario div span.error{
	color: #e46c6e;
}
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#contenedor {
	margin:0 auto;
	width:950px;
	margin-left:-450px;
	left:50%;
	position:relative;
	z-index:100;
	display: block;
}
#fondod {
	background-image:url(images/fid.png) ;
	background-repeat:repeat-x;
	width:50%;
	height:100%;
	float:right;
	background-color:#999;
	height:550px;
	margin:0 auto;
}
#fondodb {
	background-image:url(images/fidb.png);
	background-repeat:repeat-x;
	width:50%;
	height:100%;
	float:right;
	background-color:#999;
	height:550px;
	margin:0 auto;
}

#fondoi {
	background-image:url(images/fid.png);
	background-repeat:repeat-x;
	width:50%;
	height:100%;
	float:left;
	background-color:#999;
	height:550px;
	margin:0 auto;
}


#topcabecera {
	height:37px;
	background-image:url(images/topcabecera.png);
	background-repeat:no-repeat;
	width: 950px;
}
#cabecera {
	height:130px;
	position:relative;
	width: 950px;
}
#cabecera h1 {
	display:none;
}
#logo{
	position:absolute;
	left: 20px;
	top: -10px;
	z-index: 5;
}
#mundi {
	height:314px;
	position: absolute;
	z-index: 6;
	top: 126px;
	width: 950px;
}
#cuerpo0{
	position: relative;
	margin-top: 250px;
	display: block;
	margin-bottom:10px;
}
#cuerpo1{
	position: relative;
	margin-top: 250px;
	display:none;
	margin-bottom:10px;
	height: 100px;

}
#cuerpo2{
	position: relative;
	margin-top: 250px;
	display:none;
	margin-bottom:10px;
	height: 200px;

}
#cuerpo3{
	position: relative;
	margin-top: 250px;
	display:none;
	margin-bottom:10px;
	height: 300px;

}
#cuerpo4{
	position: relative;
	margin-top: 250px;
	display:none;
	margin-bottom:10px;
	height: 350px;
}
#cuerpo5{
	position: relative;
	margin-top: 250px;
	display:none;
	margin-bottom:10px;
	height: 400px;
}

#pie {
	height:77px;
	background-repeat:repeat-x;
	background-image: url(images/fpie.png);
	display: block;
}
.caja {
	margin:10px 15px 0px 15px;
	position: relative;
}
.caja ul {
	margin:10px;
}
.caja ul li{ background-image:url(images/fpunta.gif); background-repeat:no-repeat; padding-left:20px; margin:10px 0px;}
#objetivos {
	position:relative;
	height:220px;
}
#pie  p {
	color:#FFF;
	font-weight: bold;
}
#informacion {
	position:relative;
	display: block;
	height: 50px;
	float: left;
	margin: 0 15px;
}
#contienepie {
	width:950px;
	margin:0 auto;
	height: 65px;
}
#patrocina {
	float:left;
	margin-top:11px;
}

#patrocina img{ float:left;}
#loginok{
	height:27px;
	width:450px;
	padding-left: 460px;
	padding-top: 8px;
	display: none;
	color: #FFF;
}
#loginok a,a:link,a:active{
	color:#FFF;
	text-decoration:none;
	padding:0px 10px;
}

#loginok a:hover{
	text-decoration:underline;
}

#loginhome{
	height:29px;
	width:480px;
	padding-left: 460px;
	padding-top: 3px;
	text-align: left;

	
}
.login input{
	
	padding: 2px;
	/*border: 1px solid #64932c;*/
	
	font-size:11px;
	color:#333;
}


#datos {
	position:relative;
	display:block;
	height:160px;
}


#titulos {
	position:relative;
	display:block;
	height:40px;
}
/*---------------------------------- MENU --------------------------------------*/
ul#menui,ul#menui ul  {	list-style-type:none; padding:0; margin:0;}
ul#menui ul li { padding-left:10px; display:block; }
ul#menui li{ padding-bottom:5px;}
ul#menui li a,a:link,a:active{ padding-bottom:5px; color:#F0F; background-image:none;  color:#333; font-weight:bold;  }
ul#menui li a:hover{ text-decoration:underline; color:#66af22;}
ul#menui a {display: block; text-decoration: none; font-weight:normal; font-size:13px;}


ul#menui li ul li a,a:link,a:active{ padding: 0 0 5px 15px; color:#39F; background-image:url(images/fpunta.gif); background-position:left; background-repeat:no-repeat; margin-left:15px;
/*border-bottom:1px dotted #999;*/
height:15px; color:#999; font-weight:normal; }
ul#menui li ul li a:hover{ color:#66af22;}

						
ul#menui li a.activo{ color:#66af22; text-decoration:underline;}


ul.noticias{ width:900px;}
ul.noticias li{
	border-bottom:1px dotted #CCCCCC;
	clear:both;
	height:110px;
	overflow:hidden;
	padding:10px 15px;
	position:relative;
	}
ul.noticias li div.fecha {
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-weight:bold;
	padding:10px;
	position:relative;
	float:left;
	width:60px;
	border-right:1px solid #73a5c0;
	background-color:#b2ccd9;
	height:90px;
	font-size:24px;
	text-align:right;
	

}
ul.noticias li h2{
	font-size:18px;
	font-weight:normal;
	margin-bottom:5px;
	color:#66af22;
	position: relative;
	width: 780px;
	float: left;

}
ul.noticias li h2 a,a:link{color:#66af22; background-image:none; margin:0px 0 0 10px; padding:0px 0 0 15px; }
ul.noticias li h2 a:hover{ color:#66af22; background-image:none; margin:0px 0 0 10px; padding:0px 0 0 15px;  text-decoration:underline;}
ul.noticias li p{ float:left;width:750px; margin-left:25px; display:block; }
.noticias li p a {
	padding-right:15px;
	color:#66af22;
	float:right;
	display:block;
	position:relative;
	font-weight:bold;

}
ul.noticias li p a:hover{
	background-image:url(images/fpunta.gif);
	background-position:right;
	background-repeat:no-repeat;

	}


#menuizquierda {	float:left;	margin:0 35px 0 0;	padding:0;	position:relative;	width:270px;}
#derecha {
	float:left;
	margin:0;
	width:635px;
}

#inscribete {
	float:right;
	width:80px;
	margin-top:5px;
	margin-right: 30px;
}

#inscribete a,a:link,a:active{ color:#FFF; background-image:none; padding:0px; margin:0px;}
#inscribete a:hover{}
#noticiero{width:700px; height:300px;}
#noticiero a:link,a:active{color:#333; text-decoration:underline;}
#noticiero a:hover{color:#66af22; text-decoration:underline;}
.inscribirseboton{
	padding:6px;
	width:250px;	
	margin:20px 0px 0px 0px;
	border: 1px solid #cecece;
}
.inscribirseboton:hover{
	background-color:#60bf14;
	color:#FFF;
}