#headerWrapper{
  background-image: url(../images/header_grande.jpg); 
  /*margin-top: -330px;*/
  margin-top: 0px;
}

#logo{
	margin-top: 2px;
}

nav{
  width:100%;
  height:auto;
	float: left;
	position:  relative; 
	z-index: 4;
}

nav ul{
	margin: auto;
	padding: 0px;
	/*margin-top: -187px;*/
	margin-top: -25px;
  width: 760px;
	max-width: 960px;
}

nav ul li{
	width: 185px;
}

#wrapper{
	margin-top: 50px;
	text-align: center;
}
/*.clearfix::after {
    content: "";
    clear: both;
    display: table;*/
/*aqui inicia las secciones*/

h1{
  /*margin-top: 330px;*/
  margin-top: -150px;
}

h2{
	font-size: 73px;
}

#text{
	margin: auto;
	margin-top: -50px;
}

#imagen{
  margin-top: -290px;
  
  position: relative; 
  margin-top: 0px;
  background: url(../images/imagen01.jpg) no-repeat center center fixed;
	background-size: cover; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	width: 100%;
	height: 492px;
	animation:anies 20s infinite;
	-moz-animation:anies 20s infinite;
	-webkit-animation:anies 20s infinite;
	transition: 1s;
}

@-moz-keyframes anies{
	0%{background-image: url(../images/imagen01.jpg);}
	20%{background-image: url(../images/imagen02.jpg);}
	40%{background-image: url(../images/imagen03.jpg);}
	60%{background-image: url(../images/imagen04.jpg);}
	80%{background-image: url(../images/imagen05.jpg);}
	100%{background-image: url(../images/imagen01.jpg);}
}

@-webkit-keyframes anies{
	0%{background-image: url(../images/imagen01.jpg);}
	20%{background-image: url(../images/imagen02.jpg);}
	40%{background-image: url(../images/imagen03.jpg);}
	60%{background-image: url(../images/imagen04.jpg);}
	80%{background-image: url(../images/imagen05.jpg);}
	100%{background-image: url(../images/imagen01.jpg);}
}

#line_blue{
  margin-top: 450px;
  width: 100%x;
	height: 30px;
}


#text0{
  text-align: center;
	margin-bottom: 50px;
	line-height: 22px;
	text-align: justify;
	margin: 60px 180px 30px 180px;
}

#text_about{
  text-align: center;
	margin-bottom: 50px;
	line-height: 22px;
	text-align: justify;
	margin: 60px 180px 30px 180px;
	
}

h6{
	font-size: 36px;
}
/*
#header_about{
  background-image: url(../images/header_about.jpg);
  width: 60%;
  height: 247px;
  margin-top: 100px;
	background-size: cover; 
	-webkit-background-size: cover; 
	-moz-background-size: cover;
	
}*/



.circle1{
	margin-top: -30px;
margin-left: -900px;

	width: 211px;
	height: 211px;
	background-image: url(../images/idea_01.png);
	overflow: hidden;
	position: relative;
}

.circle1 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.circle1:hover img{
	opacity: 1;
	top:0;
}

.circle2{
	margin-top: -211px;
	margin-left: -340px;

	width: 211px;
	height: 211px;
	background-image: url(../images/idea_03.png);
	overflow: hidden;
	position: relative;
}

.circle2 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.circle2:hover img{
	opacity: 1;
	top:0;
}

.circle3{
	margin-top: -211px;
	margin-left: 240px;

	width: 211px;
	height: 211px;
	background-image: url(../images/idea_05.png);
	overflow: hidden;
	position: relative;
}

.circle3 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.circle3:hover img{
	opacity: 1;
	top:0;
}

.circle4{
	margin-top: -211px;
	margin-left: 810px;
	width: 211px;
	height: 211px;
	background-image: url(../images/idea_07.png);
	overflow: hidden;
	position: relative;
}

.circle4 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.circle4:hover img{
	opacity: 1;
	top:0;
}

#textcircle1{
	width: 230px;
	margin-left: -900px;

}

#textcircle2{
	width: 230px;
	margin-left: -330px;

	margin-top: -90px;
}

#textcircle3{
	width: 230px;
	margin-left: 250px;
	margin-top: -85px;
}

#textcircle4{
	width: 230px;
	margin-left: 810px;

	margin-top: -86px;
}

#line_blue02{
  margin-top: 100px;
  width: 100%x;
	height: 30px;
}

.blocks1{
	margin-top: 30px;
	margin-left: -400px;
	width: 290px;
	height: 246px;
	background-image: url(../images/blocks01.jpg);
	overflow: hidden;
	position: relative;
}

.blocks1 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.blocks1:hover img{
	opacity: 1;
	top:0;
}

.blocks3{
	margin-top: -246px;
	margin-left: 340px;
	width: 290px;
	height: 246px;
	background-image: url(../images/blocks03.jpg);
	overflow: hidden;
	position: relative;
}

.blocks3 img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.blocks3:hover img{
	opacity: 1;
	top:0;
}

h3{
  margin-left: -400px;
	margin-top: 10px;
}

h5{
  margin-left: 360px;
	margin-top: -39px;
}

#line_green01{
  margin-top: -25px;
	margin-left: -400px;
  width: 210px;
	height: 4px;
}

#line_green03{
  margin-top: -4px;
	margin-left: 360px;
  width: 210px;
	height: 4px;
}

#text1{
  width: 240px;
	text-align: center;
	margin-left: -400px;
}

#text3{
  width: 240px;
	text-align: center;
	margin-left: 360px;
  margin-top: -151px;
}

.boton{
	width: 300px;
	height: 80px;
	margin-top: 100px;
	background-image: url(../images/boton02.jpg);
	overflow: hidden;
	position: relative;
}
	
.boton img{
	position: absolute;
	left:0px;
	top: -145px;
	opacity:0;
	
	transition: top 0.7s ease-out, opacity 0,6s ease;
}

.boton:hover img{
	opacity: 1;
	top:0;
}

#footer_image{
  background-image: url(../images/footer.jpg); 
  margin-top: 70px;
  width: 100%;
  height: 116px;
}

#text4{
  margin-top: -65px;
  text-align: left;
	margin-left: 40px; 
}

#text5{
  margin-top: -50px;
  margin-right: 60px;
  text-align: right; 
}