@charset "utf-8";
/* CSS Document */
@import url('/css/reset.css');



body{
	background-color:#A7A7A7;
	font-family:arial,sans-serif;
}

#container{
	
	width:1000px;	
	background-color:#FFF;
}
.center{
	
	margin:auto;	
	
}


h1 { 
	font-size:18px;
	
}

h2 {
	font-size:16px;
	
}
a {
	font-size:13px;
	}

p { 
	font-size:13px;
	line-height:1.3; 
}


.clear{
	
clear:both;	
}


.gris{
	color:#999999;
}

/**************************HEADER*************************************/
header{
	background-color:#A7A7A7;
	height:140px;
	position:relative;
	
	
}

.sub-nav{
	float:right;
	margin:20px 10px 0 0;
}

.sub-nav li{
	float:left;
	margin:0px 5px 0 0 ;
	
	
}


.sub-nav a{
	
	text-decoration:none;
	color:#333333;
	
}



.sub-nav a:hover{
	color:#FFF;
}

#sub-header{
	background-color: #696969;	
	width:1000px;
	position:absolute;
	bottom:0;
	height:90px;
}



#slide p{
	
font-size:15px;
	color:#666666;
	font-style:italic;	
}

.encabezado{
	
	font-size:15px;
	color:#666666;
	font-style:italic;
}


header .fecha{
	
	font-size:12px;
	color:#666666;
	margin:0px 0px 0px 40px;
	position:absolute;
	top:20px;
	
}



.btn_twitter{
	
	background:url(/images/btn_twitter.png) no-repeat;
	background-position:center;
	padding:5px 12px;
}



.btn_twitter:hover{
	
	/*background:url(/images/btn_twitter_hover.png) no-repeat;
	background-position:center;
	padding:5px 12px;*/
}


.btn_fb{
	
	background:url(/images/btn_fb.png) no-repeat;
	background-position:center;
	padding:5px 12px;
}



nav{
	
	float:right;
	margin:15px 20px 0 0;
	
}

*+html nav{
	
	width:478px;
}


nav ul li{
	float:left;
	margin:0px 5px 0 0 ;
	
}


nav ul li a{
	
	text-decoration:none;
	color:#FFF;
	background:url(/images/list.png) no-repeat;
	background-position:left;
	padding-left:15px;
}

nav ul li a:hover{
	
	color:#A7A7A7;
}


#sub-header h1{
	
	width:462px;
	float:left;
	
}
#sub-header form{
	float:right;	
	width:270px;
	position:relative;
	margin:10px 0 0 0;
}



.input-search{
	
	background:url(/images/bg-form.png) no-repeat;
	border:none;
	width:215px;
	height:27px;
	padding-left:6px;
	color:#666;
	
}

.enviar-search{
	background:url(/images/btn-search.png) no-repeat;
	text-indent:-999999px;
	padding:15px;
	background-position:center;
	position:absolute;
	top:-2px;
	
}

*+html .enviar-search{/*IE7*/
	
	top:-9px;
	right:20px;
	
}

.enviar-search{/*IE8*/
	right: 20px\0/; 
	 top:-1px\0/;
 }
 

:root .enviar-search{/*IE9*/
	
	top:-2px;
	right:20px;
	
}

#slide{
background-color:#FFF;
padding:20px 40px 10px 40px;

}


#sombra{
	
	-moz-box-shadow: 0px -4px 8px #000; /* Firefox */
 	-webkit-box-shadow: 0px -4px 8px #000; /* Safari and Chrome */
	box-shadow: 0px -4px 8px #000;
	behavior: url(http://www.geenap.com.ar/css/ie-css3.htc);
	
	position:absolute;
	bottom:0px;
	height:1px;
	width:1000px;
	
}

/*************************************SECTION************************************/


section{
	
	padding:10px 10px 10px 40px;	
	width:630px;
float:left;
	
}







.celeste{
	
	color:#3CA0DB;
}




article h2 a{
text-decoration:none;
color:#999999;	
font-size:16px;
}


article a:hover{
	color:#3CA0DB;
	
}


#actividades article,#informes article,#articulos article,#videos article{
	
	width:305px;	
	float:left;	
	margin:0 10px 10px 0;
	
}

#actividades article{
	min-height:291px;
}

#articulos h2,#informes h2{
	margin:5px 0;	
}

#informes article,#articulos article{
	border-bottom:dotted #ccc 1px;
	padding-bottom:10px;
}

#articulos article p.diario{
	color:#999;
}

#actividades img{
	border-bottom:solid 4px #3CA0DB ;
}

.box{
	background-color: #3CA0DB;
	
	height:30px;
	color:#FFF;
	padding:10px 0 0 10px;
	margin-bottom:5px;
	
}

#actividades  .box,#videos .box{
	background-color: #3CA0DB;
	
	height:30px;
	color:#FFF;
	padding:10px 0 0 10px;
	margin-bottom:5px;
	
}

#informes,#articulos{
	width:305px;
	float:left;
	margin:0 10px 10px 0;
	
}

#informes  .box,#articulos .box{
	background-color: #3CA0DB;
	
	height:30px;
	color:#FFF;
	padding:10px 0 0 10px;
	margin-bottom:5px;
	
}


#videos{
	border-top:solid 1px #999999;	
	width:620px;
	margin:10px 0 0 0;
	padding-top:10px
}

#videos article{
	
	margin:10px 10px 0 0;
	width:196px;
	min-height:200px;
}

#videos article p a{
	
	text-decoration:none;
	color:#999999;	

}


.vertodos:hover{
	
	text-decoration:none;
	
}

/*****************************ACTIVIDADES*******************************/


#list .gris,#list .gris{
	color:#666;
}
#list .celeste{
color:#3CA0DB;

}

#list p{
	
	color:#999999;
}

#list article{
margin:0 0 30px 0;	
}

#list h2{
	margin:0 0 10px 0;	
}



#list ul{
	margin:20px 0 0 0;	
}

#list li{
	float:left;
	margin:0 10px 0 0;
}


.paginacion{
	float: left; margin-right: 10px;
}


.paginacion a{
	
	text-decoration:none;
}


.paginacion .here{
	color:#FFF;
	background-color:#3CA0DB;
	padding:0 5px;
}


.volver{
	float:right;
	margin-right:10px;
	background:url(http://www.geenap.com.ar/images/btn-volver.png) no-repeat;
	width:62px;
	height:26px;
	
}


.volver:hover{
	background:url(/images/btn-volver-hover.png) no-repeat;
	
}
/*******************************ASIDE ******************************/
aside{
	
width:300px;	
float:left;
padding-top:10px;

}

/*.twtr-widget {
	margin-top:300px;
}*/


/**************************ESTRUCTURA INTERNA********************/
.secretaria{
	
background-color:#DEEFF9;	
padding:10px 5px 5px 5px;
margin:0 0 5px 0;
}

/*********************CONTACTO*********************************/

#left-contact{
	width:300px;
	float:left;
}

#left-contact input{
	width:300px;
	margin:10px 0px;
	border:1px solid #CCC;
	color:#666;
}

#right-contact{
	width:410px;
	float:left;
	margin-left:30px;
}

#right-contact textarea{
	width:400px;
	height:95px;
	margin:10px 0 0 0;
	border:1px solid #CCC;
	color:#666;
}

.btn-submit{
	
background:url(/images/btn-enviar.png) no-repeat;	
width:65px;
height:25px;
cursor:pointer;
border:none;
float:right;
margin:10px 5px 20px 0;
}

/********************************FOOTER****************************/

footer{
background-color: #696969;
background-image:url(/images/bg-footer.png);
height:140px;

position:relative;

}

footer nav{
	
	position:absolute;
	top:10px;
	left:25%;
	
}

footer a.home{
	
	position:absolute;
	top:50px;
	left:40%;
	width:200px;
	height:50px;
	
}