*{
	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:15px;
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:17px;
	text-align:left;
	font-weight:700;
	color:#4a494a;
}

iframe{
	margin-top:10px;
}

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

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

#header {
	box-sizing:border-box;
	width:100%;
	float:left;
	background-color:#51af9c;
	padding-bottom:10px;
}

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

#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:60px;
			width:600px;
			margin-top:10px;
		}


	
/*/!-------
menu encuentro
--------*/

#barra-menu-encuentro{
	box-sizing:border-box;
	width:100%;
	min-height:30px;
	float:left;
}

					#barra-menu-encuentro{
						box-sizing:border-box;
						width:100%;
						min-height:30px;
						position:absolute;
						z-index:5;
						top:133px;
					}

		

		#barra-menu-encuentro.c1{
			background-color:#be0d0d;
		}
		
		#barra-menu-encuentro.c2{
			background-color:#d55a07;
		}
		
		#barra-menu-encuentro.c3{
			background-color:#004a62;
		}
		
		#barra-menu-encuentro.c4{
			background-color:#562179;
		}
		
		#barra-menu-encuentro.c5{
			background-color:#c10734;
		}
		
		#barra-menu-encuentro.c6{
			background-color:#008237;
		}
		
		#cont-menu-encuentro{
			width:1050px;
			margin:0 auto;
		}
		
				#selector-encuentros{
					float:left;
					width:300px;
					height:30px;
				}

				#menu-encuentro{
					box-sizing:border-box;
					width:750px;
					float:left;
					padding-left:15px;
					margin:3px 0;
				}
				
								#menu-encuentro.cb1{
									background-color:#F00;
								}
								
								#menu-encuentro.cb2{
									background-color:#ea6109;
								}
								
								#menu-encuentro.cb3{
									background-color:#0098ad;
								}
								
								#menu-encuentro.cb4{
									background-color:#602380;
								}
								
								#menu-encuentro.cb5{
									background-color:#df013c;
								}
								
								#menu-encuentro.cb6{
									background-color:#009540;
								}
				
						#menu-encuentro ul li{
							display:inline;
							list-style-type:none;
							width:145px;
							float:left;
							font-weight:normal;
							line-height:normal;
							box-sizing:border-box;
							padding:10px;
						}
						
						#menu-encuentro ul li.ancho{
							width:175px;
						}
						
						#menu-encuentro ul li a{
							color:#fff495;
							box-sizing:border-box;
						}
						
						#menu-encuentro ul li a:hover{
							border-bottom:1px solid #fff495;
						}
			

/*/!-------
general
--------*/

#wrapper {
	box-sizing:border-box;
	width:1050px;
	height:auto;
	background-color:#CC6;
	margin:0 auto;
}

	

		#full-container{
			box-sizing:border-box;
			width:100%;
			height:auto;
			float:left;
			text-align:left;
			padding:20px;
			background-color:#FFF;
			margin-top:60px;
			
			
		}
		
				#container{
					box-sizing:border-box;
					float:left;
					width:650px;¡
				}
				
						.icono-top{
							box-sizing:border-box;
							float:left;
							width:100%;
							text-align:left;
						}
						
						.titulo-encuentro{
							box-sizing:border-box;
							float:left;
							width:100%;
							margin:10px 0;
						}
						
						#container p{
							line-height:2em;
							float:left;
							width:100%;
						}
						
						.adv{
							box-sizing:border-box;
							float:left;
							width:100%;
							border-radius:10px;
							border: 3px dashed red;
							text-align:left;
							padding:10px;
						}
						
						p.adv{
							font-family: 'PT Sans', sans-serif;
							font-size:15px;
							color:#303031;
							margin:30px 0 0 0;
						}
						
									p.adv span.r1{
										width:125px;
										height:140px;
										box-sizing:border-box;
										background-image:url(../images/icono-1.png);
										background-repeat:no-repeat;
										float:left;
										margin:-60px 0 0 -70px;
									}
									
									.adv2{
							box-sizing:border-box;
							float:left;
							width:100%;
							border-radius:10px;
							border: 3px dashed green;
							text-align:left;
							padding:10px;
						}
						
						p.adv2{
							font-family: 'PT Sans', sans-serif;
							font-size:15px;
							color:#303031;
							margin:30px 0 0 0;
						}
						
									p.adv2 span.r2{
										width:125px;
										height:90px;
										box-sizing:border-box;
										background-image:url(../images/icono-2.png);
										background-repeat:no-repeat;
										float:left;
										margin:-30px 0 0 -50px;
									}
									
									p.reglas{
										font-size:15px;
										
									}
									
									p.instrucciones{
										color:#e10717;
									}
									
									p.guion{
										box-sizing:border-box;
										width:100%;
										font-weight:800;
										color:#000;
										padding:0 0 0 20px;
									}
									
										

				#menu-right{
					box-sizing:border-box;
					float:left;
					width:320px;
					margin:0 0 0 30px;
				}
				
				
						.mapa-e h1 {
							  padding:15px 20px 15px 19px;
							  background-color: #15a484;
							  font-family: 'Acme', sans-serif;
							  font-size: 1.5rem;
							  font-weight: normal;
							  color: #FFF;
							  text-transform:uppercase;
							  box-sizing:border-box;
							  
							}
							
							#mapa-e1, #mapa-e2, #mapa-e3, #mapa-e4, #mapa-e5, #mapa-e6{
								box-sizing:border-box;
								width:100%;
								margin:0 0 20px 0;
								width:320px;
								height:233px;
							}
							
							#mapa-e1{
								background-image:url("../images/bg-mapa1.png");
							}
							
							#mapa-e2{
								background-image:url("../images/bg-mapa2.png");
							}
							
							#mapa-e3{
								background-image:url("../images/bg-mapa3.png");
							}
							
							#mapa-e4{
								background-image:url("../images/bg-mapa4.png");
							}
							
							#mapa-e5{
								background-image:url("../images/bg-mapa5.png");
							}
							
							#mapa-e6{
								background-image:url("../images/bg-mapa6.png");
							}
							
									a.bomb-tip-1, a.bomb-tip-2 , a.bomb-tip-3 , a.bomb-tip-4 , a.bomb-tip-5 , a.bomb-tip-6  {
										background-size: 100% auto;
										box-sizing: border-box;
										color: #ffd450;
										display: block;
										font-family: acme;
										font-size: 23px;
										height: 70px;
										padding: 5px 10px;
										position: relative;
										width: 30px;
									}
									
									a.bomb-tip-1:hover, a.bomb-tip-2:hover, a.bomb-tip-3:hover, a.bomb-tip-4:hover, a.bomb-tip-5:hover, a.bomb-tip-6:hover {
										color:#fff;
									}
									
									a.bomb-tip-active-1, a.bomb-tip-active-2, a.bomb-tip-active-3, a.bomb-tip-active-4, a.bomb-tip-active-5, a.bomb-tip-active-6 {
										background-size: 100% auto;
										box-sizing: border-box;
										color: #fff;
										display: block;
										font-family: acme;
										font-size: 23px;
										height: 80px;
										padding:15px 20px;
										position: relative;
										width: 50px;
									}
									
									a.bomb-tip-1,a.bomb-tip-2, a.bomb-tip-6 {
										background-image: url("../images/bomba-roja-80.png");
									}
									
									a.bomb-tip-1:hover, a.bomb-tip-2:hover, a.bomb-tip-6:hover {
										background-image: url("../images/bomba-roja.png");
									}
									
									a.bomb-tip-active-1, a.bomb-tip-active-2, a.bomb-tip-active-6 {
										background-image: url("../images/bomba-roja-activa.png");
									}
									
									a.bomb-tip-3{
										background-image: url("../images/bomba-azul-80.png");
									}
									
									a.bomb-tip-3:hover{
										background-image: url("../images/bomba-azul.png");
									}
									
									a.bomb-tip-active-3{
										background-image: url("../images/bomba-azul-activa.png");
									}
									
									a.bomb-tip-4{
										background-image: url("../images/bomba-mora-80.png");
									}
									
									a.bomb-tip-4:hover{
										background-image: url("../images/bomba-mora.png");
									}
									
									a.bomb-tip-active-4{
										background-image: url("../images/bomba-mora-activa.png");
									}
									
									a.bomb-tip-5{
										background-image: url("../images/bomba-rosa-80.png");
									}
									
									a.bomb-tip-5:hover{
										background-image: url("../images/bomba-rosa.png");
									}
									
									a.bomb-tip-active-5{
										background-image: url("../images/bomba-rosa-activa.png");
									}
					
							.acc-container {
							  width:100%;
							  margin:0 auto;
							  overflow:hidden;
							}
							
								p.mrt {
									width:100%;
									font-size:15pt;
									background-color:#15a484;
									font-weight:bold;
									color:#FFF;
									text-align:left;
									box-sizing:border-box;
									padding:10px;
									text-align:center;
								}
								
								p.mrt span.play {
									background-image:url(../images/play.png);
									background-repeat:no-repeat;
									padding:12px;
									float:left;
									box-sizing:border-box;
								}
								
									img.mapa{
										box-sizing:border-box;
										float:left;
										background-color:#CCC;
										margin:0 0 30px 0;
									}
									
									p.iconos {
										width:60px;
										height:60px;
										text-align:left;
										box-sizing:border-box;
									}
									
										p .iconos span{
											float:left;
											box-sizing:border-box;
										}
									
											span.sombrero {
											background-image:url(../images/sombrero.png);
											background-repeat:no-repeat;
											
											
										}
										
											span.mochila {
											background-image:url(../images/mochila.png);
											background-repeat:no-repeat;
											
										}
										
											p.mrt span.brujula {
											background-image:url(../images/brujula.png);
											background-repeat:no-repeat;
											
										}
							
								








		#footer{
			width:100%;
			background-image:url(../images/menu/footer.png);
			background-repeat:repeat-x;
			box-sizing:border-box;
			float:left;
			height:500px;
			width:100%;
			background-size:100% auto;
		}
		
		
				#container-footer {
					text-align: left;
					width:1050px;
					margin:0 auto;
				}
					
		
						#logos {
							box-sizing: border-box;
							float:left;
							padding: 30px;
							width: 1050px;
							margin-top:200px;
							text-align:-moz-center;
						}
						
							logos.td{
								padding-left:10px;
							}
						
								#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;
								}



/*/!-------
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:20px;
	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 0 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:20px;
	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 0 0;
		}
		
				#sonido-memento{
					width:80px;
					margin:10px 0 0 20px;
					float:left;
					
				}
		
		
/*Estilos generales para los homes*/

body.encuentro1{
	background-image:url(../images/bg-repite-e1.png);
	background-repeat:repeat;
	background-color:#009540;
	background-attachment:fixed;
}

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

		#cont-encuentro{
				width:1050px;
				box-sizing:border-box;
				height:100%;
				position:fixed;
				height:960px;
				z-index:1;
				top:194px;
		}
		
				#cont-encuentro.bg1{
					background-image:url(../images/bg-home-e1.png);
					
				}
				
						#insignia-e1{
							width:240px;
							height:110px;
							background-image:url(../images/insignia-e1.png);
							background-size:100%;
							position:absolute;
							top:20px;
							left:30px;
						}
						
						
						#cont-tab-rela{
							width:280px;
							position:absolute;
							top:20px;
							right:0px;
						}
						
								.herramientas-home h1 {
									background-color: #15a484;
									background-image: url("../images/play.png");
									background-position: 10px center;
									background-repeat: no-repeat;
									box-sizing: border-box;
									color: #fff;
									font-family: "Acme",sans-serif;
									font-size: 1.2em;
									font-weight: normal;
									padding: 10px 20px 10px 50px;
									float:lef;
									width:100%;
									text-transform: uppercase;
								}
								
								#con-bot-tab{
									width:280px;
									float:left;
									background-color:#f4f4f4;
								}
								
								#boton-herra-home{
									width:50px;
									height:50px;
									box-sizing:border-box;
									padding:5px;
									background-color:#f4f4f4;
									float:left;
									border-right:1px solid #999;
								}
								
								#boton-herra-home-2{
									width:50px;
									height:50px;
									box-sizing:border-box;
									padding:5px;
									background-color:#f4f4f4;
									float:left;
									margin-left:5px;
									border-right:1px solid #999;
								}
						
						a.bomb-big-1, a.bomb-big-2 , a.bomb-big-3 , a.bomb-big-4 , a.bomb-big-5 , a.bomb-big-6  {
							background-size: 100% auto;
							box-sizing: border-box;
							color: #ffd450;
							display: block;
							font-family: acme;
							font-size: 60px;
							height: 109px;
							padding: 5px 20px;
							position:absolute;
							width: 69px;
						}
						
								a.bomb-big-1{
									background-image:url(../images/globo-big-e1.png);
								}
								
						#cont-iconos-home{
							width:180px;
							position:absolute;
						}
						
						a.iconos{
							width:100px;
							height:100px;
							border-radius: 50px;
							-webkit-border-radius: 50px;
							-moz-border-radius: 50px;
							position:relative;
							margin-left:40px;
							float:left;
							z-index:2;
						}
						
						a.iconos:hover{
							background-color:#fff;
						}
						
						a.rojoicon{
							background-color:#be0d0d;
						}
						
						a.cuadro{
							width:180px;
							float:left;
							color:#FFF;
							text-align:center;
							padding:15px 10px 10px;
							box-sizing:border-box;
							margin-top:-11px;
							-webkit-transform: rotate(-5deg); /* Safari and Chrome */
							-moz-transform: rotate(-5deg);   /* Firefox */
							-ms-transform: rotate(-5deg);   /* IE 9 */
							-o-transform: rotate(-5deg);   /* Opera */
							transform: rotate(-5deg);
							z-index:1;
						}
						
							a.cuadro2{
							width:180px;
							float:left;
							color:#FFF;
							text-align:left;
							padding:0 10px 10px;
							box-sizing:border-box;
							margin-top:-40px;
							z-index:1;
						}
						
						a.cuadro:hover{
							border:3px solid #fff;
						}
						
						a.rojocuadro{
							background-color:#e20613;
						}
	
/*-----------------------

Encuentro 2

---------*/



body.encuentro2{
	background-color:#933a0f;
	background-attachment:fixed;
}


				#cont-encuentro.bg2{
					background-image:url(../images/bg-home-e2.png);
					
				}
				
						#insignia-e2{
							width:240px;
							height:110px;
							background-image:url(../images/insignia-e2.png);
							position:absolute;
							background-size:100% auto;
							top:40px;
							left:70px;
						}	
						
						a.naranjaicon{
							background-color:#ea6109;
						}
						
						a.naranjacuadro{
							background-color:#d55a07;
						}		


/*-----------------------

Encuentro 3

---------*/



body.encuentro3{
	background-image:url(../images/bg-repite-e3.png);
	background-repeat:repeat;
	background-color:#5c7743;
	background-attachment:fixed;
}

	
				#cont-encuentro.bg3{
				background-image:url(../images/bg-home-e3.png);	
				}
				
						#insignia-e3{
							width:240px;
							height:110px;
							background-image:url(../images/insignia-e3.png);
							position:absolute;
							background-size:100% auto;
							top:40px;
							left:70px;
						}
						
						a.azulicon{
							background-color:#0098ad;
						}
						
						a.azulcuadro{
							background-color:#004a62;
						}	
						
/*-----------------------

Encuentro 4

---------*/



body.encuentro4{
	background-image:url(../images/bg-repite-e4.png);
	background-repeat: repeat-x;
	background-color:#97d3e2;
	background-size:100%;
}
	
				#cont-encuentro.bg4{
					background-image:url(../images/bg-home-e4.png);	
					background-repeat: no-repeat;
				}
				
						#insignia-e4{
							width:290px;
							height:90px;
							background-image:url(../images/insignia-e4.png);
							background-size:100%;
							position:absolute;
							top:40px;
							left:70px;
						}
						
						a.moradoicon{
							background-color:#602380;
						}
						
						a.moradocuadro{
							background-color:#562179;
						}
												

/*-----------------------

Encuentro 5

---------*/



body.encuentro5{
	background-image:url(../images/bg-repite-e5.png);
	background-repeat: repeat-x;
	background-color:#97d3e2;
	background-size:100%;
}
	
				#cont-encuentro.bg5{
					background-image:url(../images/bg-home-e5.png);	
					background-repeat: no-repeat;
				}
				
						#insignia-e5{
							width:290px;
							height:142px;
							background-image:url(../images/insignia-e5.png);
							background-size:100%;
							position:absolute;
							top:40px;
							left:70px;
						}
						
						a.tintoicon{
							background-color:#df013c;
						}
						
						a.tintocuadro{
							background-color:#c10734;
						}
						
						
/*-----------------------

Encuentro 6

---------*/



body.encuentro6{
	background-color:#9ac4e9;
	background-repeat:repeat;
	background-attachment:fixed;
}
	
				#cont-encuentro.bg6{
					background-image:url(../images/bg-home-e6.png);	
					background-repeat: no-repeat;
					background-color:#9ac4e9;
				}
				
						#insignia-e6{
							width:290px;
							height:142px;
							background-image:url(../images/insignia-e6.png);
							position:absolute;
							background-size:100%;
							top:40px;
							left:70px;
						}
						
						a.verdeicon{
							background-color:#82C54F;
						}
						
						a.verdecuadro{
							background-color:#82C54F;
							
						}
						
/*-----------------------

home prev

---------*/



body.home-prev{
	background-color:#ffffff;
}
	
	
	#cont-encuentro-h{
				width:1050px;
				box-sizing:border-box;
				height:100%;
				position:fixed;
				z-index:1;
				top:133px;
		}
		
				#cont-encuentro-h.home-prev{
					background-image:url(../images/bg-home-prev.jpg);	
					background-repeat: no-repeat;
					background-size:100% auto;
				}
				
				#logo-trav{
							width:262px;
							height:228px;
							background-image:url(../images/logo-trav.png);
							background-repeat:no-repeat;
							position:absolute;
							top:40px;
							left:400px;
						}
						
						
						#aprendiz{
							width:289px;
							height:403px;
							background-image:url(../images/sabios.png);
							background-repeat:no-repeat;
							position:absolute;
							top:130px;
							left:70px;
						}
						
						#sabios{
							width:290px;
							height:403px;
							background-image:url(../images/aprendiz.png);
							background-repeat:no-repeat;
							position:absolute;
							top:130px;
							right:70px;
						}