@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300italic,300,400italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

*{margin:0; padding:0;}

body{
	background: #FFF;}
	
div {
	max-width: 960px;
	position:relative;
	margin: 0px auto 0px auto;}

header { 
	width:100%;
	background: #98CB31;
	height:100px;}

header nav {
	float:right;
	margin:35px 0 0 70px;}

header nav ul li {
	float:left;
	list-style-type:none;
	display:inline-block; }
	
header nav ul li a { 
	color:#000;
	text-decoration: none;
	padding: 10px;
	margin:20px;
	text-align:center;
	font-family:'Merriweather Sans', sans-serif;
	font-size: 14px;
	font-weight:800;}

header nav ul li a:hover{
	color: #FFF; }
	
.redes_sociales {margin: 0px 12px 0 0;
				padding: 20 px;
				position: relative;
				 }
	

#logo{
	border: 1px solid #000;
	position:absolute;
	bottom: right;
	top: 22px;
	left:60px;}
	
section1 {
	width: 100%;
	background: #DBDBDB;
	margin: 0 auto;
	min-height: 420px;
	max-width: 960px;}
	
section1 article{
	width: 100%;
	background: #DBDBDB;
	margin: 0 auto 0 ;
	max-width: 960px;
	float:left;}

#aprendiendojuntos {
	margin: 30px;
	font-family: 'Merriweather Sans', sans-serif;
	font-weight:800;
	font-size:30px;
	text-align:center;
	padding-top: 18px;}
	
#bienvenidos {
	font-family: 'Rosario', sans-serif;
	font-weight:400;
	font-size:22px;
	text-align:center;
	padding-top: 0px;}
	
	

#banner {
	background: #DBDBDB url(img/index.jpg) no-repeat center bottom; }


section{
	width: 100%;
	background:#DBDBDB;
	margin: 0 auto;
	min-height: 350px;
	max-width: 960px;
	}

	
.columnasvalores{
	width: 220px;
	min-height: 500px;
	background:#FFF;
	width:25%;
	margin: 0px 0;}
	
.columnasvalores article {
	width:25%;
	float: left;
	max-height:500px;
	background:#FFF;
	padding:3%;
	margin: 0px 0;}


.titulo {
	font-family:'Merriweather Sans', sans-serif;
	font-weight:800;
	font-style:italic;
	font-size:17px;
	color:#98CB31;
	margin: 10px 0;
	}
	
.texto {
	font-family: 'Rosario', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#000;}

section3 {
	width: 100%;
	background: #98CB31;
	margin: 20px auto;
	height: 450px;
	min-height: 420px;
	max-width: 540px;}
	
.nuestrosprincipios {
	width: 100%;
	background: #98CB31;
	margin: 50px auto;
	height: 450px;
	min-height: 420px;
	max-width: 540px;
   }
   
.linea {
	margin:50px auto;
	width: 100%;
	border-top: #98CB31 solid 2px;
	position:absolute;
	padding: } 
	
#nuestrosprincipiostitulo {
	text-align:center;
	margin: 50px auto;
	background:#98CB31;
	font-family:'Merriweather Sans', sans-serif;
	font-weight:800;
	font-size: 18px;
	color: #FFF;
	width: 270px;
		}
	
.linea2 {
	margin:340px auto;
	width: 100%;
	border-top: #98CB31 dotted 2px;
	position:absolute;
	padding: } 
	
	
#seccion4_quesabemos_banner {
height: 360px;
margin: 10px auto auto -23px;
width: 960px;}

#banner2 {
background-image: url(img/banner_que_sabemos.jpg);
height: 360px;
margin: 0px auto 0px auto;
position: absolute ;
width: 960px;
float:left;
}

#quesabemos_txt {
background:#98CB31;
display: block;
height: 110px;
margin: 0px 0px 0px 0px;
width: 960px;}

#quesabemos_titulo {
color: #FFF;
font-family: 'Merriweather Sans', sans-serif;
font-size: 33px;
font-weight: 700;
padding: 20px 0px 0px 12px;
text-align:center;}

#quesabemos_texto {
color: #FFF;
font-family: 'Rosario', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 18px;
padding: 0px 0px 0px 13px;
vertical-align: bottom;
text-align:center;}




#metodologia_titulo {
	width: 100%;
	margin: 50px auto;
	height: 80px;
	min-height: 420px;
	max-width: 540px;}
	
#metodologia {
	text-align:center;
	margin: 50px auto;
	background:#98CB31;
	font-family:'Merriweather Sans', sans-serif;
	font-weight:800;
	font-size: 18px;
	color: #FFF;
	width: 270px;
	margin-bottom: 5px;
	}

.linea3 {
	margin:50px auto;
	width: 100%;
	border-top: #98CB31 solid 2px;
	position:absolute;
	padding: } 
	
	
#metodologia_texto {
	font-family:'Merriweather Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color:#98CB31;
	margin: 20px 20px 20px 20px;
	text-align:center;
	}
	
	
.linea8 {
	margin:150px auto;
	width: 100%;
	border-top: #98CB31  dotted 2px;
	position:absolute;
	padding: } 


#proceso{
width: 100%;
background: white;
padding-top: 5px;}

.columnas_metodologia {
margin: 0 auto;
max-width: 960px;
min-height: 420px;
background: #FFF;}

.col_metodologia {
width: 28%;
min-height: 200px;
padding-bottom: 10px;
background: white;
float: left;
margin: 30px 1px 1px 34px;
}

.titulos_metodologia {
font-family:'Merriweather Sans', sans-serif;
font-weight: 700;
font-size: 23px;
color: rgba(102,102,102,1);
margin: 10px 0;
margin-top: 40px;
border-bottom:#98CB31 solid 1px;}

.textos_metodologia{
font-family: 'Rosario', sans-serif;
font-weight: 400;
font-size: 15px;
color: #000;
margin-top: 20px;
text-align:left;}












footer {
	background-color: rgba(204,204,204,1);
	display: table;
	height: 80px;
	margin-top: 24px;
	width: 100%;}
	
#barrafooter {
	margin:auto;
	width:960px;}
	
#textofooter {
	color: rgba(255,255,255,1);
	float: left;
	font-family: 'Rosario', sans-serif;
	font-size: 11px;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	padding-top: 10px;
	text-align:center}

	


