/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html {
	padding: 0;
	margin: 0;
	background-image: url(../img/fondo.jpg);
	background-attachment: fixed;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
	
}
.clearfix:after {
	clear: both;
}
body {

	color: #666;
}
::-webkit-scrollbar {
  width: 20px;
}
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.btn2 {

	font-size: 3em !important;
}
.btn {
	font-family: 'Lobster', cursive;
	font-weight: 900;
	line-height: 20px;
	color: #2e3233;
	border-radius: 10px;
	text-shadow: none;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	font-size: 3em !important;
}
.btn:focus, .btn:hover {color:#00686e !important; }

.btn-active {background-color:#1c1c1c; color:#fff; border-color:#1c1c1c;}
.btn-active:hover {color:#fff;}


.atip {
	border: 5px solid #B8DBE2;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	background-color: #FFF;
} 
.verde2 {
	color: #060;
}
.rojo2 {
	color: #FF4837;
}

.dropbtn {
	background-color: #F03424;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 30000;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 10px;
	background-image: url(../img/ico-entrar.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 62px;
	font-weight: lighter;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 179px;
	margin-top: -16px;
}


.dropbtn:hover {
	background-color: #89B04E;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 30000;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 10px;
	background-image: url(../img/ico-entrar.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 62px;
	font-weight: lighter;
}

.dropdown {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-left: 20px;
	margin-top: 38px;
	font-size: 1.2em;
	font-weight: lighter;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	text-align: center;
}

.dropdown-content a {
	color: #666;
	text-decoration: none;
	display: block;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
}


.dropdown a:hover {
	background-color: #CC2D20
}

.show {display:block;}
.orden-numero {
	font-size: 2em;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CC2D20;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	border-radius: 50%;
}




a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

.main,
.container > header {
	width: 100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: -40px;
	padding: 0px;
}
.container {
	background-repeat: no-repeat;
	width: 100%;
}
.container2 {
	height: 100px;
	background-image: url(../img/cabecera.png);
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.1);
}
.texto-pequeno {
	font-size: 0.6em;
}


.bto-sobre
{
	opacity: 1.0;
	filter: alpha(opacity=100); 
	border: 0px;
	cursor: pointer;	

}
.bto-sobre:hover
{
	opacity: 0.7;
	filter: alpha(opacity=40); 
	cursor: pointer;
	border: 0px;
	text-decoration: none;}
.cabecera {
	background-image: url(../img/cabecera.png);
	background-repeat: no-repeat;
	height: 500px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.logo-titulo {
	text-align: center;
	height: 299px;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
}
.logo-titulo img {
	
	width: 100%;
	
}



.main {
	max-width: 100 em;
	min-height: 15em;
}
.logos {
	/*background-color: rgba(255,255,255,0.7);
	border-radius: 20px;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);*/
	height: auto;
	width: auto;
	position: absolute;
	top: 7px;
	right: 0px;
	text-align: center;
	padding: 5px;
	margin-right: 5px;
	z-index: 100;
	margin-top: 0px;
}
.logos img {
	height: 40px;	
	}
.logos ul {
	margin: 0px;
	padding: 0px;
}
.logos li {
	margin: 0px;
	list-style-type: none;
	display: inline;
}


.container > header {
	background-position: 0;
	text-align: center;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
}

.container > header h1 {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}
.container2 > header {
	background-position: 0;
	text-align: center;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 1em;
	
}
.container2 > header h1 {
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.container2 > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

.inicio-sesion{
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 30000;
	margin-top: 10px;
	margin-left: 10px;
}


.juegos a {
	background-color: #7ea03a;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 250px;
	background-image: url(../img/ico-juegos.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: lighter;
	padding-left: 10px;
	margin-top: 55px;
}
.juegos a:hover {
	display: inline-block;
	background-color: #F03424;
	color: #FFF;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	background-color: #999999;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.grupos a {
	background-color: #2B5552;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 330px;
	background-image: url(../img/ico-grupo.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: lighter;
}
.grupos a:hover {
	display: inline-block;
	background-color: #F03424;
	color: #FFF;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	background-color: #999999;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.perfil a {
	background-color: #E8753A;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 460px;
	background-image: url(../img/ico-perfil3.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: lighter;
}
.perfil a:hover {
	display: inline-block;
	background-color: #F03424;
	color: #FFF;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	background-color: #999999;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.tutorial2 a {
	background-color: #F9B935;
	color: #FFF;
	font-size: 1.2em;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	color: #FFF;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	margin-left: 553px;
	background-image: url(../img/ico-inicio.png);
	background-repeat: no-repeat;
	background-position: center 2px;
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: lighter;
}
.tutorial2 a:hover {
	display: inline-block;
	background-color: #F03424;
	color: #FFF;
	position: absolute;
	top: 0px;
	z-index: 100;
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	background-color: #999999;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
	padding-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.dias {
	position: absolute;
}

#video-seccion {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	cursor: pointer;
	margin-bottom: 50px;
	
}
#video-seccion2 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	cursor: pointer;
	margin-bottom: 30px;
	margin-top: 0px;
}
.titulo-contenedor {
	padding-top: 50px;
	text-align: center;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}
.titulo-contenedor h1 {
	font-family: 'Lobster', cursive;
	font-weight: 900;
	line-height: 50px;
	color: #00636a;
	font-size: 6em !important;
	text-align: center;
	background-image: url(../img/separador.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	padding-bottom: 50px;
}



.contenidotxt {
	height: auto;
	width: 90%;
	margin-top: 20px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.titulo-video {
	text-align: left;	
}
.contenidotxt h1 {
	font-size: 3em;
	font-weight: lighter;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 35px;
	padding-bottom: 15px;
}
.contenidotxt h2 {
	font-size: 2em;
	font-family: 'Lobster', cursive;
	padding-left: 20px;
	color: #005f66;
	padding-top: 20px;
	padding-bottom: 20px;
}
.contenidotxt h4 {
	font-size: 2em;
	padding-left: 20px;
	color: #666666;
	padding-bottom: 10px;
	text-align: center;
	font-weight: lighter;
}
.contenidotxt p {
	padding-right: 100px;
	padding-left: 100px;
	font-size: 1.5em;
	text-align: justify;
	font-weight: 300;
	margin: 0px;
	padding-bottom: 10px;
	/*text-shadow: 1px 2px 2px rgba(255,255,255,0.9);*/
	line-height: 35px;
}
.aceptar {
	text-align: center;
	height: 50px;
	width: 100%;
}
.centrar-boton {
	height: auto;
	width: 100%;
	float: right;
	margin-top: 50px;
}


.mapa-web-txt {
	text-align: center;
	width: 100%;
}
.mapa-web-txt a:link {
	color: #D53A2A;
	font-size: 1.5em;
}
.mapa-web-txt a:visited {
	color: #D53A2A;
}
.mapa-web-txt a:hover {
	color: #F0A893;
}

.mapa-web-txt h2 {
	font-size: 2em;
	color: #E35D37;
	text-align: center;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
}
.mapa-web-txt h3 {
	font-size: 1.5em;
	color: #D53A2A;
	text-align: center;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding: 0px;
	text-decoration: underline;
}
.mapa-web-txt ul {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.mapa-web-txt li {
	list-style-type: none;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	text-align: center;
}
.boton-atras2 {
	cursor: pointer;
	background-color: #7EA03A;
	color: #FFFFFF;
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	font-weight: 300;
	font-size: 1.5em;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 80px;
	background-image: url(../img/atras.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	float: left;
	width: 100%;
	margin-top: 30px;
}




.azul {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	background-color: #609B8D;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
	color: #FFF;
}
.azul-oscuro {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	background-color: #099CFF;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
	color: #FFF;
}
.verde {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	background-color: #7ea03a;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
	color: #60782C;
}
.verde-oscuro {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	width: 100%;
	background-color: #2B5552;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
}
.rojo {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	width: 100%;
	background-color: #F03424;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
}
.naranja {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	background-color: #e56838;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
	color: #FFF;
}
.amarillo {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	background-color: #FBBE4D;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
	color: #FFF;
}

.tutorial {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	width: 100%;
	background-color: #4c7873;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	margin-top: 30px;
}
.destacar-titulo {
	font-weight: bolder;
	color: #FFFFFF;
	float: right;
	padding-top: 5px;
	padding-right: 100px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.numeros   {
	background-color: #D74D40;
	font-weight: bolder;
	color: #FFF;
	border-radius: 50%;
	padding-top: 7px;
	padding-right: 30px;
	padding-bottom: 7px;
	padding-left: 30px;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.5);
	float: right;
	font-size: 1.5em;
	display: none;
}

.titulo {
	color: #D53A2A;
	font-size: 1.8em;
	font-weight: bolder;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D53A2A;
}
.titulo2 {
	font-size: 2em;
	font-weight: lighter;
}



.video {
	text-align: center;
	margin-top: 30px;
	
}

#video-contenido {
	height: 400px;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	margin-bottom: 10px;
	background-color: rgba(255,255,255,0.3);
}
.cerrar {
	height: 50px;
	width: 100%;
	margin-top: 20px;
}
.cerrar2 {
	height: 50px;
	width: 50px;
	float: right;
}
.leer-mas {
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.adorno {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	margin-bottom: 20px;
	background-image: url(../img/separador2.png);
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 30px;
	margin-top: 20px;
}

.img2 {
	float: right;
}
.img4 {
	position: absolute;
	z-index: 10000;
	right: 300px;
}
.img5 {
	position: absolute;
	z-index: 100;
	right: 0px;
	top: 460px;

}
.img1 {
	float: left;
	width: 250px;
}
.img3 {
	max-width: 100%;
	height: auto;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
}

.galeria {
	height: 200px;
	width: 100%;
	background-color: #7FAC95;
	background-image: url(../img/titulo_empresa.jpg);
	background-repeat: no-repeat;
	background-position: center;		

}
.pasos {
	width: 100%;
	text-align: center;	
	height: auto;
	margin-top: 0px;
	padding-top: 50px;
	
}
.pasos img {
	width: 80%;
	}

.error {
	width: 100%;
	text-align: center;
	color: #CC2D20;
	font-size: 2em;
	display: none;
}


.destacar {
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	color: #D53A2A;
	padding-top: 10px;
	padding-bottom: 10px;
}

.fondito {
	background-image: url(../img/fondito-actividad.png);
	background-repeat: no-repeat;
}


.caja {
	font-size: 0.9em;
	font-weight: lighter;
	border: 1px solid #CCC;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #666;
	padding: 5px;
	width: 200px;
}
.caja2 {
	font-size: 0.9em;
	font-weight: lighter;
	border: 1px solid #CCC;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #666;
	padding: 5px;
	width: 400px;
}
.caja3 {
	font-size: 0.9em;
	font-weight: lighter;
	border: 1px solid #CCC;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #666;
	padding: 5px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}


.boton {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	padding: 10px;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.auto {
	width: 100%;
}


.aclaracion {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #759630;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	border-radius:20px;
	margin-bottom: 50px;
}
.aclaracion p{
	line-height: 20px;
	font-size: 0.9em;
	color: #FFF;
	padding: 10px;
}
.autorizacion {
	font-weight: bold;
	background-color: #577224;
	background-image: url(../img/fondo-botones.png);
	text-align: center;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.5em;
}
.autorizacion #checkbox {
	height: 20px;
	width: 20px;
}
.datos-juegos {
	height: 500px;
	width: 100%;
}




#mapa {
	width: 1000px;
	margin-left: auto;
	background-color: #FFF;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: auto;
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 50px;
}
#mapa li {
	font-size: 13px;
	list-style-type: none;
}


.borde {
	border: 1px solid #729C9E;
	width: 100%;
	height: 30px;
	font-size: 18px;
	font-weight: 300;
	padding: 5px;
}
.sombra {
	margin: 100px auto;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
		
}




.mas {
	height: 80px;
	width: 244px;
	float: right;
	padding-top: 20px;
}





.cont_pie {
	height: auto;
	width: 100%;
	padding-top: 50px;
	background-color: #18646b;
	color: #FFFFFF;
	background-image: url(../img/pie.png);
	margin-top: 50px;
	float: right;
	padding-bottom: 50px;
		font-family: 'Lobster', cursive;
}
.mapa-web {
	height: auto;
	width: 100%;
	float: left;
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 5px;
}
.mapa-web ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: auto;
}

.mapa-web li {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.enlaces_interes {
	height: auto;
	width: 100%;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #CADADB;
	font-family: Arial, Helvetica, sans-serif;	
}

.enlaces_interes p {
	font-size: 1em;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 20px;
	margin-top: 3px;
}

.enlaces_interes img {
	height: 50px;
	padding: 3px;
}
.cont_pie a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1.5em;

}
.cont_pie a:visited {
	text-decoration: none;
	color: #FFFFFF;
	
}
.cont_pie a:hover {
	text-decoration: none;
	color: #476567;
	
}
.cont_pie h4 {
	
	font-weight: lighter;
	width: auto;	
	height: 15px;
}
.consultas {
	float: right;
	height: auto;
	width: 350px;
	background-image: url(../img/ico_contacto.png);
	background-repeat: no-repeat;
	background-position: 70px -10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}



.margen {
	margin-left: 270px;
}
.bto_sociales {
	height: 90px;
	text-align: center;
	padding-top: 10px;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.bto_sociales a .img {
	padding: 5px;
}


.img
{
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border: 0px;
	
}
.img:hover
{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	
	border: 0px;
}
@media screen and (max-width: 1700px) {
.logo-titulo {
	
	width: 45%;
	
}}
@media screen and (max-width: 1555px) {
.logo-titulo {
	
	width: 49%;
	
}}

@media screen and (max-width: 1300px) {
.logo-titulo {
	
	width: 53%;
	
}
.pasos img {
	width: 100%;
	}
	}

@media screen and (max-width: 1024px) {
.logo-titulo {
	
	width: 68%;
	
}


}

@media screen and (max-width: 518px) {
.logo-titulo {
	width: 100%;
	padding-top: 80px;
}

.cabecera {
	background-image: url(../img/cabecera.png);
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}


}



@media screen and (max-width: 25em) { 
	
	.container > header {
		font-size: 75%;
	}
}
@media screen and (max-width: 950px) {
.logo-titulo {
	
	width: 80%;
	
}
.logos {
	background-color: rgba(255,255,255,0.7);
	border-radius: 20px;
	box-shadow: 1px 10px 10px rgba(0,0,0,0.3);
	height: auto;
	width: auto;
	position: absolute;
	top: 10px;
	right: 0px;
	text-align: center;
	padding: 5px;
	margin-right: 10px;
	z-index: 100000;
	margin-top: -5px;
	display: none;
}

.container > header img {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 10px;
}
.texto-pequeno {
	font-size: 1em;
}
.main {
	max-width: 100 em;
	min-height: 1em;
}
.pasos {
	height: auto;
	width: 100%;
}

.formulario {
	height: auto;
	width: auto;
	margin-left: 10px;
	font-size: 20px;
	background-color: #FFF;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	margin-right: 10px;
	padding-top: 20px;
	margin-top:30px;
		
}

.presupuesto2 {
	height: auto;
	width: 100%;
	background-image: url(../img/pasos2.png);
	background-repeat: no-repeat;
}

.formulario2 {
	height: auto;
	width: auto;
	margin-left: 10px;
	font-size: 20px;
	background-color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	margin-right: 10px;
	padding-top: 20px;
	margin-top:30px;
	
		
}
#mapa {
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 20px;
	background-color: #FFF;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;	
	padding-top: 20px;
	margin-top: 30px;
}
#mapa li{display:none}

.consultas {display:none}

.contenidotxt p {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 18px;
	text-align: justify;
	line-height: 25px;
}
.contenidotxt ul {
	font-size: 17px;
	line-height: 25px;
	font-weight: 300;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: auto;
}
.contenidotxt h3 img{
	width: 80%;
	text-align: center;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}
.img2{display:none}
.img1 {display:none}
.img4 {display:none}
.img5 {display:none}

.enlaces_interes {
	height: auto;
	width: 300px;
	float: left;
	font-size: 13px;
	color: #fff;
	margin-left: 10px;
	margin-top: 30px;
	border-right-style: none;
	border-right-width: none;
	border-right-color: none;
}
#abrir {
	height: 200px;
	width: 302px;
	margin-left: auto;
	background-image: none;
	margin-right: auto;
	background-repeat: no-repeat;
}
}


.title-wrap {
	position: absolute;
	z-index: 101;
	width: 100%;	
	text-align: center;
	pointer-events: none;
}

.title {
	line-height: 1;
	position: relative;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.title--main {
	font-size: 5.75em;
	color: #d53a2a;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
*/

@media screen and (min-width: 100em) {
	.title--main {
	font-size: 7vw;
	}

	.title--sub {
	font-size: 1.35vw;
	color: #d53a2a;
	}
}

.page--static {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	max-width: 1220px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.page__title {
	padding: 0 2em;
}

.page__title-main {
	font-size: 2em;
	color: #d53a2a;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.page__title-sub {
	font-size: 1.05em;
	margin: 0.5em 0 2em;
}

@-webkit-keyframes pointDown {
	from {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@keyframes pointDown {
	from {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@-webkit-keyframes fadeInOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeInOut {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.grid {
	position: relative;
	z-index: 100;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 100%;
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5em;
	padding-left: 0;
}

.grid__item {
	display: block;
	-webkit-flex: none;
	flex: none;
	width: 25.33%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.js .grid__item {
	opacity: 0;
}

.grid__item--hidden {
	opacity: 0;
}

.grid__link {
	display: block;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.grid__img {
	display: block;
	width: 100%;
}

.la-square-loader {
	position: absolute;
	top: 60%;
	left: 50%;
	color: #565f73;
	opacity: 0;
	-webkit-transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1);
	transform: translate3d(-50%,-50%,0) scale3d(1.35,1.35,1);
}

.la-square-loader > div {
	border-radius: 2px;
}

.js .la-square-loader {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.js .page--static {
	pointer-events: none;
}

.view--grid .page--static {
	pointer-events: auto;
}

/* Media query for smaller screens */
@media screen and (max-width: 56em) {
	.title-wrap {
	font-size: 53%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	.page__title-main {
		font-size: 1.3em;
	}
	.page__title-sub {
		margin-bottom: 0.5em;
	}
	.grid__item {
		width: 50%;
		max-width: none;
	}
}


/* Demos */

.demos__item {
	font-weight: bold;
	display: inline-block;
	margin: 0.25em 0.75em;
	pointer-events: auto;
}

.demos__item--current,
.demos__item--current:hover,
.demos__item--current:focus {
	color: #96acb6;
	border-bottom: 2px solid;
}

.content--related {
	font-weight: bold;
	margin: 8em 0 0 0;
	padding: 8em 0;
	text-align: center;
	color: #fff;
	background: #2d323c;
}

.media-item {
	display: inline-block;
	padding: 1em;
	vertical-align: top;
	color: #1e2129;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.media-item:hover,
.media-item:focus {
	color: #fff;
}

.media-item__img {
	max-width: 100%;
	opacity: 0.6;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.media-item:hover .media-item__img,
.media-item:focus .media-item__img {
	opacity: 1;
}

.media-item__title {
	font-size: 1em;
	margin: 0;
	padding: 0.5em;
}
.component {
	line-height: 1.5em;
	margin: 0 auto;
	padding: 2em 0 3em;
	width: 90%;
	max-width: 1000px;
	overflow: hidden;
}
.component .filler {
	font-family: "Blokk", Arial, sans-serif;
	color: #d3d3d3;
}
.titulo-actividad {
	height: 170px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.titulo-actividad h1 {
	margin-top: 0px;
	font-size: 3em;
	color: #FFFFFF;
	background-color: #7EA03A;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 70px;
	border-radius: 20px;
	background-image: url(../img/ico-juegos.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	position: absolute;
	z-index: 100;
	right: 0px;
	
}


.nueva-actividad {
	height: auto;
	width: 500px;
	position: absolute;
	float: right;
	right: 0px;
	top: 215px;
}
.sub-titulo-crear {
	font-size: 2.5em;
	color: #FFF;
	background-color: rgba(213,58,45,0.9);
	width: auto;
	position: absolute;
	z-index: 1000;
	height: auto;
	float: left;
	background-image: url(../img/ico-nueva.png),url(../img/fondo-botones.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 70px;
	background-position: 2px;
	border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	-webkit-border-radius: 20px 0px 0px 20px;
	font-weight: bold;
	top: 350px;
	right: 0px;
}
.colorcheck {
	font-size: 10em;
	border: 2px solid #CC2D20;
	height: 40px;
	width: 40px;
	color: #CC2D20;
}
.contenedor-grupo {
	text-align: center;	
	height: auto;
	width: 75%;
	margin-left: auto;
	background-color: #FFF;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.5);
	border-radius : 20px;
	padding-bottom: 20px;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
}
.contenedor-grupo p {
	text-align: center;
}


.fondo-sopa-de-letras {
	background-image: url(../img/titulo-sopa-de-letras.png);
	background-repeat: no-repeat;
	background-position: 80px 18px;
}
.fondo-memory {
	background-image: url(../img/titulo-memory.png);
	background-repeat: no-repeat;
	background-position: 80px 18px;
}
.fondo-ahorcado {
	background-image: url(../img/titulo-ahorcado.png);
	background-repeat: no-repeat;
	background-position: 80px 18px;
}
.fondo-ordenar-frases {
	background-image: url(../img/titulo-ordenar-frases.png);
	background-repeat: no-repeat;
	background-position: 80px 18px;
}
.fondo-dactilologico {
	background-image: url(../img/titulo-dactilologico.png);
	background-repeat: no-repeat;
	background-position: 80px 18px;
}
.fondo-crucigrama {
	background-image: url(../img/titulo-crucigrama.png);
	background-repeat: no-repeat;
	background-position: 80px;
}
.pequena {
	font-size: 0.9em;
}
.contendor-crear {
	width: 100%;
	height: 80px;
	right: 0px;
}
.contendor-nuevo-atras {
	width: 500px;
	height: 100px;
	position: absolute;
	right: 0px;
}



table {
	border-collapse: collapse;
	margin-bottom: 4em;
	width: 100%;
	background-color: transparent;
	color: #333;
}
.morado-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/morado.png);
}
.azul-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/azul.png);
}
.naranja-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/naranja.png);
}
.verde-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/verde.png);
}
.azul2-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/azu2l.png);
}
.rojo-tabla {
	border-right-width: 10px;
	border-right-style: none;
	border-right-color: #F00;
	margin-top: 30px;
	color: #FFF;
	background-image: url(../img/rojo.png);
}

td, th {
	text-align: center;
	font-size: 1.2em;
	font-weight: lighter;
	color: #666;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
	td.err {
	background-color: #F03424;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	line-height: 1;
	}
th {
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	background-color: #FF9900;
	background-image: url(../img/fondo-botones.png);
}
.checkbox {
	height: 40px;
	width: 40px;
	margin: 0px;
	padding: 0px;
}

.color-tabla-verde {
	background-color: #2B5552;
	color: #FFF;
	font-weight: bold;
}
.color-tabla-rojo {
	background-color: #CC2D20;
}

tbody th {
	background-color: #2B5552;
}
tbody tr:nth-child(2n-1) {
    
	background-color: rgba(245,245,245,0.6);
    transition: all .125s ease-in-out;
}
tbody tr:hover {
	background-color: rgba(207,224,171,0.3);
}

/* For appearance */
.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	width: 100%;
	margin-top: 3em;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 0;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}
	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;

	}
		.sticky-wrap .sticky-intersect th {
			background-color: #666;
			color: #eee;
		}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}

/* Not needed for sticky header/column functionality */
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}

@media screen and (max-width: 56em) {

.titulo-contenedor {
	padding-top: 80px !important;
	
	padding-bottom: 30px;
}
.titulo-contenedor h1 {
	
	font-size: 3em !important;

}


#video-seccion {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}

#video-seccion2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}


	.btn {

	font-size: 1.2em !important;
}
.aclaracion {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #759630;
	background-image: url(../img/fondo-botones.png);
	background-repeat: repeat;
	border-radius: 20px;
	margin-bottom: 50px;
}
}