*{
	margin:0;
	padding:0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'PT Sans', sans-serif;
}
ol, ul, li {
	list-style: inside;
	box-sizing:border-box;
	padding-left:5px;
	font-size:13px;
	font-family: 'PT Sans', sans-serif;
	text-align:left;
	line-height:2em;
	font-weight:600;
}


a{
	text-decoration:none;
	color:#53b19e;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p{font-size:13px;
font-family: 'PT Sans', sans-serif;
text-align:left;
line-height:1.5em;
}

hr{
	border:1px solid #53b19e;
	float:left;
	margin:20px 0;
	width:100%;
}

h1{
	font-family: 'Acme', sans-serif;
	font-size:25px;
	text-align:left;
	color:#15a484;
	line-height:1.5em;
}

h2{
	font-family: 'PT Sans', sans-serif;
	font-size:27px;
	text-align:left;
	font-weight:700;
	color:#4a494a;
}

iframe{
	margin-top:10px;
}

/*/!-------
main
--------*/

/*/!-------
header
--------*/

#header {
	box-sizing:border-box;
	width:100%;
	position:fixed;
	top:0;
	background-color:#f6a200;
	padding-bottom:10px;
	z-index:100;
}

/*/!-------
menu-top
--------*/

#aviso-scroll{
	width:141px;
	height:76px;
	background-image:url(../images/home/shcut-scrolling.png);
	background-repeat:no-repeat;
	position:fixed;
	bottom:40px;
	z-index:9;
	right:45%;
	box-sizing:border-box;
	padding:36px 22px;
	text-transform:uppercase;
}

#aviso-scroll p{
	font-weight:bold;
	font-family: 'Acme', sans-serif;
}

#wrapper-100{
	margin:0 auto;
	width:100%;
	background-color:#FFF;
}

	#menu-top{
		box-sizing:border-box;
		width:100%;
		float:left;
		margin:0 auto;
		
	}

		#menu-top-brown{
			box-sizing:border-box;
			width:100%;
			height:30px;
			z-index:100;
			background-color:#8e5414;
		}
		
		#aprendiz-titulo {
			width: 290px;
			margin:0 auto;
			background-image:url(../images/menu/bg-brown.png);
			background-position:center -20px;
			box-sizing:border-box;
			background-repeat:no-repeat;
		}
		
				#aprendiz-titulo p{
					text-align:center;
					color:#FFF;
					font-size:18px;
					font-family: 'Acme', sans-serif;
					text-transform:uppercase;
				}
				
				.titulo-left{
					box-sizing:border-box;
					float:left;
					margin:-24px 12%;
					color:#FFF;
					font-size:12px;
				}

				
				.titulo-right{
					box-sizing:border-box;
					float:right;
					margin:-50px 12%;
					color:#FFF;
					font-size:12px;
				
				}
			

#menu-top-green{
	box-sizing:border-box;
	width:1050px;
	margin:0 auto;
}

		#logo-sitio{
			float:left;
			width:380px;
		}
		
		#menu-ppal{
			float:left;
			margin-left:80px;
			width:590px;
			margin-top:10px;
		}


/*Finaliza el header*/

#1050-wrapper{
	margin:0 auto !important;
	width:1050px !important;
}

#1050-cont{
	position:relative !important;
	width:1050px !important; 
}

#div1{
	background-image:url(../images/home/bg-top.png);
	background-size:100% auto;
	position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-size:cover;
}

		#div1-nubes1{
			width:105px;
			height:153px;
			position:absolute;
			z-index:1;
			background-image:url(../images/home/nubes-top-1.png);
			top:150px;
		}
		
		#div1-nubes2{
			width:131px;
			height:79px;
			position:absolute;
			z-index:1;
			background-image:url(../images/home/nubes-top-2.png);
			top:150px;
		}
		
		#div1-nubes3{
			width:284px;
			height:158px;
			position:absolute;
			z-index:1;
			background-image:url(../images/home/nubes-top-3.png);
			top:160px;
		}
		
		#div1-nubes4{
			width:284px;
			height:158px;
			position:absolute;
			z-index:1;
			background-image:url(../images/home/nubes-top-3.png);
			top:160px;
		}
		
		#div1-carta{
			width:619px;
			height:536px;
			position:absolute;
			z-index:5;
			background-color:#fff;
			padding:120px 20px 20px;
			background-image:url(../images/home/bg-frame-top.png);
			background-repeat:no-repeat;
			background-position:center center;
			top:180px;
			left:195px;
			 border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
		}
		
				#cont-carta{
					width:100%;
					box-sizing:border-box;
					padding:0 30px 30px;
					float:left;
				}
				
				#cont-carta p{
					font-size:14px;
				}
				
				#cont-carta span.uprojo{
					text-transform:uppercase;
					color:#e50051;
					font-weight:bold;
				}
				
				#cont-carta span.upmora{
					text-transform:uppercase;
					color:#5a2482;
					font-weight:bold;
				}
				
				#cont-carta p.nota{
					font-size:11px;
					font-weight:bold;
				}

/*Comienza el div 2*/				

#div2{
	background-image:url(../images/home/bg-2-libros.png);
	background-size:100% auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
}

	#div2-montanas-bg{
		height:305px;
		width:100%;
		background-image:url(../images/home/bg-2-montanas.png);
		background-size:100% auto;
		position:absolute;
		bottom:0;
	}
	
	#div2-montana{
		width:1050px;
		height:299px;
		background-repeat:no-repeat;
		background-position:center bottom;
		background-image:url(../images/home/montana.png);
		position:absolute;
		bottom:0;
	}
	
	#div2-titulo{
		float:left;
		margin-top:160px;
		width:410px;
		text-align:center;
		margin-left:320px;
	}
	
			#div2-titulo h2{
				font-family: 'Acme', sans-serif;
				color:#b7edc5;
				text-transform:uppercase;
			}
	
	#div2-aluna{
		height:506px;
		width:172px;
		position:absolute;
		bottom:-60px;
		background-image:url(../images/home/aluna.png);
		margin-left:360px;
		z-index:3;
	}
	
	#div2-memento{
		height:506px;
		width:232px;
		position:absolute;
		bottom:-60px;
		background-image:url(../images/home/memento.png);
		margin-left:470px;
		z-index:2;
	}
	
	#div2-ninos{
		height:1030px;
		width:405px;
		position:absolute;
		bottom:-575px;
		background-image:url(../images/home/ninos.png);
		margin-left:322px;
		z-index:4;
	}
	
	#div2-star1{
		width:125px;
		height:129px;
		background-image:url(../images/home/star1.png);
		width:100% auto;
		background-repeat:no-repeat;
		top:200px;
		position:absolute;
	}
	
	#div2-star2{
		width:110px;
		height:114px;
		background-image:url(../images/home/star1.png);
		width:100% auto;
		background-repeat:no-repeat;
		top:250px;
		position:absolute;
		background-size:100% auto;
		right:0;
	}
	
	#div2-star3{
		width:60px;
		height:62px;
		background-image:url(../images/home/star1.png);
		width:100% auto;
		background-repeat:no-repeat;
		bottom:330px;
		position:absolute;
		background-size:100% auto;
		right:0;
	}
	
	#div2-star4{
		width:60px;
		height:62px;
		background-image:url(../images/home/star1.png);
		width:100% auto;
		background-repeat:no-repeat;
		top:200px;
		position:absolute;
		background-size:100% auto;
		right:0;
	}
	
	
/*/!-------
conversaciones
--------*/


#conv_alura{
	width:750px;
	position:fixed;
	box-sizing:border-box;
	background-image:url(../images/alura-conv.png);
	background-repeat: no-repeat;
	min-height:120px;
	background-position:center center;
	background-size:110% auto;
	bottom:80px;
	left:40px;
	z-index:4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

		
		#sonido-alura{
			width:80px;
			margin:20px 0 0 20px;
			float:left;
			
		}
		
				a.cookiePolicy{
					display:none !important;
				}
		
				#sonido-alura iframe{
					margin-top:0;
		}
		
		#conv_alura_box{
				width:490px;
				box-sizing:border-box;
				margin:20px 0 20px 150px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				background-color:#FFF;
				padding:15px;
				min-height:80px;
				float:left;
		}
		
		
		
#conv_memento{
	width:750px;
	position:fixed;
	box-sizing:border-box;
	background-image:url(../images/memento-conv.png);
	background-repeat: no-repeat;
	background-size:105% auto;	
	min-height:120px;
	background-position:center;
	bottom:80px;
	z-index:2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-left:300px;
}


		.dialogo1{
		}
		
		.dialogo2{
		}
		
		#conv_memento_box{
				width:490px;
				box-sizing:border-box;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				background-color:#FFF;
				padding:15px;
				float:left;
				margin:20px 150px 20px 0;
		}
		
				#sonido-memento{
					width:80px;
					margin:10px 0 0 20px;
					float:left;
					
				}
				
				
/*Comienzo del div 3*/


#div3{
	background-image:url(../images/home/bg-aluna.png);
	background-size:100% auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
}

		#div3-titulo{
		float:left;
		margin-top:120px;
		width:100%;
		text-align:center;
	}
	
		#div3-titulo h2{
				font-family: 'Acme', sans-serif;
				color:#b7edc5;
				text-transform:uppercase;
				text-align:center;
			}

		#div3-aluna{
			position:absolute;
			width:186px;
			height:517px;
			background-image:url(../images/home/memento-binoculos.png);
			bottom:40px;
			z-index:4;
		}
		
		#div3-cuad-azul, #div3-cuad-naranja, #div3-cuad-ama, #div3-cuad-verde{
			width:320px;
			padding:20px;
			box-sizing:border-box;
			float:left;
			text-align:center;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			
		}
		
		#div3-cuad-azul h3, #div3-cuad-naranja h3, #div3-cuad-ama h3, #div3-cuad-verde h3{
			color:#fff;
			font-family: 'Acme', sans-serif;
			font-size:21px;
			margin-bottom:10px;
		}
		
		#div3-cuad-azul p, #div3-cuad-naranja p, #div3-cuad-ama p, #div3-cuad-verde p{
			font-size:12px;
			text-align:center;
		}
		
		#div3-cuad-azul img, #div3-cuad-naranja img, #div3-cuad-ama img, #div3-cuad-verde img{
			margin-top:-67px;
			margin-bottom:10px;
		}
		
		#div3-cuad-azul{
			background-color:#4cc2f0;
			margin-left:230px;
			margin-top:160px;
		}
		
		#div3-cuad-naranja{
			margin-left:30px;
			margin-top:60px;
			background-color:#ec6607;
		}
		
		#div3-cuad-ama{
			margin-left:230px;
			margin-top:-10px;
			background-color:#fab700;
		}
		
		#div3-cuad-verde{
			margin-left:30px;
			margin-top:100px;
			background-color:#6cb42c;
		}
		
/*Comienzo del div 4*/


#div4{
	background-image:url(../images/home/bg-3-tabs.png);
	background-size:100% auto;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
}

		#div4-bg-manos{
			width:735px;
			position:absolute;
			bottom:-250px;
			margin-left:157px;
			height:405px;
			background-image:url(../images/home/bg-tabs.png);
			padding:0 70px ;
			box-sizing:border-box;
			background-size:100% auto;
		}
		
		#div4-bg-manos img{
			margin:40px 23px;
		}
		
		#div4-titulo{
		float:left;
		margin-top:115px;
		width:410px;
		text-align:center;
		margin-left:320px;
	}
	
			#div4-titulo h2{
				font-family: 'Acme', sans-serif;
				color:#13616e;
				text-transform:uppercase;
				text-align:center;
			}
			
		#div4-instrucciones{
			float:left;
			margin-top:10px;
			width:510px;
			text-align:center;
			margin-left:280px;
		}
		
		#div4-instrucciones p{
			text-align:center;
			color:#04000a;
			font-size:15px;
			font-weight:600;
		}
			
		#div4-img-tab{
			width:190px;
			height:190px;
			background-color:#004a62;
			border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
	padding:40px 20px;
	float:left;
	text-align:center;
	box-sizing:border-box;
	
		}

#div5{
	background-color:#009ab0;
	background-image:url(../images/home/bg-4.png);
	background-size:100% auto;
	background-position:bottom center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:100% auto;
	background-repeat:no-repeat;
}	


		#div5-mapa{
			width:800px;
			height:488px;
			position:absolute;
			top:250px;
			margin-left:125px;
			background-image:url(../images/home/mapa.png);
			background-size:cover;
			box-sizing:border-box;
			padding:60px 150px 0;
		}
		
				#div5-int-mapa-1{
					width:150px;
					float:left;
					margin-right:25px;
					text-align:center;
				}
				
				#div5-int-mapa-2{
					width:150px;
					float:left;
					text-align:center;
				}
				
				#div5-int-mapa-1 p, #div5-int-mapa-2 p{
						width:100%;
						float:left;
						text-align:center;
						box-sizing:border-box;
						padding:5px;
						font-weight:bold;
						text-transform:uppercase;
				}
				
				#div5-int-mapa-1 p a, #div5-int-mapa-2 p a{
					color:#fff;
				}
				
				#div5-int-mapa-1 p:hover, #div5-int-mapa-2 p:hover{	
				}
				
				#div5-int-mapa-1 img, #div5-int-mapa-2 img{
					border:none;
				}
				
				#div5-int-mapa-1 a img, #div5-int-mapa-2 a img{
					opacity:1;
				}
				
				#div5-int-mapa-1 a img:hover , #div5-int-mapa-2 a img:hover {
					opacity:0.8;
				}
				
				p.rojo{
					background-color:#e30513;
					
				}
				
				p.naranja{
					background-color:#eb6109;
					
				}
				
				p.azul{
					background-color:#0098ad;
					
				}
				
				p.morado{
					background-color:#602280;
					
				}
				
				p.rosa{
					background-color:#df003c;
					
				}
				
				p.verde{
					background-color:#009640;
					
				}
				
		#div5-aluna{
			width:120px;
			height:260px;
			position:absolute;
			margin-left:80px;
			background-image:url(../images/home/aluna-mapa.png);
			top:500px;
		}
		
		#div5-memento{
			width:118px;
			height:245px;
			position:absolute;
			margin-left:860px;
			background-image:url(../images/home/memento-mapa.png);
			top:500px;
		}
		
		
		#div5-titulo{
		float:left;
		margin-top:120px;
		width:410px;
		text-align:center;
		margin-left:320px;
		}
	
			#div5-titulo h2{
				font-family: 'Acme', sans-serif;
				color:#fff;
				text-transform:uppercase;
				text-align:center;
			}
			
			
		#div5-footer{
			width:100%;
			height:300px;
			bottom:-350px;
			position:absolute;
			background-image:url(../images/home/bg-footer.png);
			background-size:100% auto;
			background-repeat:no-repeat;
			background-position:top center;
		}
		
		#container-footer {
					text-align: left;
					width:1050px;
					margin:0 auto;
				}
					
		
						#logos {
							box-sizing: border-box;
							float:left;
							padding:30px;
							width: 1050px;
							margin-top:55px;
							text-align:-moz-center;
						}
						
								#conteiner-logos{
									width:277px;
									box-sizing:border-box;
									border-radius: 15px;
									-webkit-border-radius: 15px;
									-moz-border-radius: 15px;
									background-color:#FFF;
									padding:10px;
									float:right;
									margin:20px 45px;
								}