/* General Demo Style */
@import url(https://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 {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #666;
}

.stickytooltip{
	box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow: 5px 5px 8px #818181;
	-moz-box-shadow: 5px 5px 8px #818181;
	display: none;
	position: absolute;
	display: none;
	z-index: 1000000;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border-radius: 20px;
}
.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;	
}
.container {
	background-image: url(../img/cabecera.png);
	background-repeat: repeat-x;
}
.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;
}


.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: 10px;
	right: 0px;
	text-align: center;
	padding: 5px;
	margin-right: 5px;
	z-index: 100;
	margin-top: 5px;
}
.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 a {
	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;
}
	

.inicio-sesion a:hover {
	display: inline-block;
	background-color: #F03424;
	color: #FFF;
	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;
	background-color: #999999;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.3);
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 62px;
}

.cerrar-sesion a {
	background-color: #F03424;
	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: 10px;
	background-image: url(../img/ico-salir.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 63px;
	font-weight: lighter;
}
	

.cerrar-sesion 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: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 63px;
}
.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-top: 55px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: lighter;
	padding-left: 10px;
}
.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;
}



.contenidotxt {
	height: auto;
	width: 100%;
	margin-top: -30px;
}
.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;
	padding-left: 20px;
	color: #E35D37;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.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;
}


.md-modal {
	position: fixed;
	top: 53%;
	left: 50%;
	width: 100%;
	max-width: 60%;
	min-width: 95%;
	height: auto;
	z-index: 100000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	margin: 0px;
	padding: 0px;
	font-size: 1em;
}
.md-close {
	cursor: pointer;
	float: right;
	position: absolute;
	z-index: 1000;
	right: 0px;
	background-color: transparent;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: -70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.8);
	background-image: ;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}


/* Content styles */
.md-content {
	position: relative;
	border-radius: 3px;
	margin-top: -30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/fondo.jpg);
	background-position: center center;
	background-color: #FFF;
	border: 10px dashed #7CA3A6;
	font-size: 1.3em;
	font-weight: lighter;
	text-align: justify;
	border-radius: 20px;
	padding: 10px;
	color: #333;
	background-repeat: no-repeat;
	float: right;
	width: 100%;
	height: 700px;
}
.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;
}

.conten-opcion {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.conten-opcion h1 {
	font-size: 2.5em;
	margin: 0px;
	color: #CC2D20;
}
.conten-opcion h2 {
	font-size: 1.2em;
	font-weight: lighter;
	color: #666;
	line-height: 0px;
	margin-bottom: 40px;
}






.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;
}
.titulo-contenedor {
	padding-top: 100px;
}
.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;
}
.contenedor-turorial {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.contenedor-turorial li {
	list-style-type: none;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 35px;
}

.contenedor-turorial a:link {
	color: #D53A2A;
	font-weight: lighter;
	font-size: 1.3em;
}
.contenedor-turorial a:visited {
	color: #D53A2A;
	font-weight: lighter;
}
.contenedor-turorial a:hover {
	color: #EEC8C7;
	font-weight: lighter;
}
.boton-tutorial {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D53A2A;
}

.boton-tutorial a:link {
	color: #D53A2A;
	font-size: 2em;
	font-weight: bolder;
}
.boton-tutorial a:visited {
	color: #D53A2A;
}
.boton-tutorial a:hover {
	color: #F0A893;
}
.contenedor-tutorial2 {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F00;
	height: 500px;
}
#video-tutorial {
	width: 80%;
}

.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;
}
#cat1 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#cat1 ul {
	margin-left: 50px;
	line-height: 40px;
	font-size: 1.5em;
	text-align: justify;
	margin-right: 50px;
	font-weight: lighter;
}

#cat2 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#cat2 h5 {
	color: #D53A2A;
	font-size: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
#cat2 ul {
	margin-left: 50px;
	line-height: 40px;
	font-size: 1.5em;
	text-align: justify;
	margin-right: 50px;
	font-weight: lighter;
}

#cat3 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}


#cat4 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#cat5 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#cat6 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#cat7 {
	width: 90%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.7);
	border-radius: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.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;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 20px;
	margin-bottom: 20px;
}

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

}
.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;
	background-image: url(../img/pasos.png);
	background-repeat: no-repeat;
	background-position: center 150px;
	height: 520px;
	margin-top: 0px;
	padding-top: 50px;
	
}
.buscador {
	width: 40%;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	/*border-radius: 20px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	box-shadow: 1px 5px 5px rgba(0,0,0,0.4);
	margin-bottom: 50px;
}

.formulario2 {
	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;
}
.error {
	width: 100%;
	text-align: center;
	color: #CC2D20;
	font-size: 2em;
	display: none;
}

.formulario2 h3 {
	text-align: center;
	font-weight: lighter;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999;
	font-size: 2em;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.formulario2 a:link {
	color: #CC2D20;
	font-weight: lighter;
	font-size: 0.8em;
}
.formulario2 a:visited {
	color: #CC2D20;
	font-size: 0.8em;
}
.formulario2 a:hover {
	color: #F0A893;
	font-size: 0.8em;
}

.formulario2 p {
	text-align: center;
	padding: 0px;
	line-height: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.formulario2 table {
	width: 100%;
}


.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;
}


.contenedor-juegos {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 800px;
}
.contenedor-juegos h1 {
	text-align: center;
}


.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);
		
}
#abrir {
	height: 200px;
	width: 700px;
	margin-left: auto;
	margin-bottom: 15px;
	background-image: url(../img/fondoGaleria.png);
	margin-right: auto;
	background-repeat: no-repeat;
}

#cat {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FEFDFC;
}
#cerrar {
	height: 100px;
	width: 100px;
	color: #F7F2EE;
	z-index: 100;
	position: absolute;
	right: 10px;
	margin-top: -40px;
}
#cerrar a {
	color: #F7F2EE;
	font-size: 0px;
}




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





.cont_pie {
	height: auto;
	width: 100%;
	padding-top: 10px;
	background-color: rgba(115,156,159,0.5);
	color: #FFFFFF;
	background-image: url(../img/fondo-botones.png);
	margin-top: 50px;
	float: right;
}
.mapa-web {
	height: auto;
	width: 200px;
	float: left;
	font-size: 13px;
	margin-left: 10px;
	margin-top: 5px;
	background-image: url(../img/ico-mapaweb.png);
	background-repeat: no-repeat;
	background-position: 80px -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: 400px;
	float: left;
	font-size: 13px;
	margin-left: 10px;
	margin-top: 5px;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #CADADB;
}
.cont_pie a:link {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
}
.cont_pie a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
}
.cont_pie a:hover {
	text-decoration: none;
	color: #476567;
	font-size: 1em;
}
.cont_pie h4 {
	font-size: 20px;
	font-weight: lighter;
	width: auto;
	letter-spacing: -1px;
	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;
}


.cont_pie p {
	font-size: 13px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	line-height: 15px;
	margin-top: 3px;
}

.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: 25em) { 
	
	.container > header {
		font-size: 75%;
	}
}
@media screen and (max-width: 950px) {

.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%;	
}
.texto-pequeno {
	font-size: 1em;
}
.main {
	max-width: 100 em;
	min-height: 1em;
}
.pasos {
	height: auto;
	width: 100%;
	background-image: url(../img/pasos2.png);
	background-repeat: no-repeat;
}

.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}
.mapa-web {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;
}


.boton-nueva {
	cursor: pointer;
	background-color: #F03424;
	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/ico-nueva.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	float: right;
	width: 500px;
	margin-top: 30px;
}
.boton-atras {
	cursor: pointer;
	background-color: #F03424;
	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: right;
	width: 500px;
	margin-top: 30px;
}

.boton-editar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-editar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.boton-eliminar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-eliminar.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.boton-jugar {
	cursor: pointer;
	background-color: #7EA03A;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-jugar.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-jugar2 {
	cursor: pointer;
	background-color: #7EA03A;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1.2em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-image: url(../img/ico-juegos.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
}
.boton-ver {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-imagen.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-verV {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-ver-video.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-adjuntar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-adjuntar.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-anadir {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-adjuntar.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-aceptar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-adjuntar.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-borrar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	background-image: url(../img/ico-borrar.png);
	background-repeat: no-repeat;
	background-position: 2px 0px;
}
.boton-buscar {
	cursor: pointer;
	background-color: #CC2D20;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 50px;
	background-image: url(../img/ico-lupa.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.boton-leer {
	cursor: pointer;
	background-color: #E8753A;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
}
.boton-leer2 {
	cursor: pointer;
	background-color: #E8753A;
	color: #FFFFFF;
	border-radius : 5px;
	font-weight: 300;
	font-size: 0.8em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 5px;
}
.boton-nuevo-grupo {
	cursor: pointer;
	background-color: #53A69F;
	color: #F0F0F0;
	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/ico-nueva.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	float: right;
	width: 500px;
}
.boton-atras-grupo {
	cursor: pointer;
	background-color: #53A69F;
	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: right;
	width: 500px;
}
.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;
}

.boton-grupos-nuevos {
	cursor: pointer;
	background-color: #2B5552;
	color: #FFFFFF;
	border-radius: 20px;
	font-weight: 300;
	font-size: 2em;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-position: 10px 5px;
	width: 200px;
	height: 200px;
	display: inline-block;
	text-align: center;
	margin: 10px;
	background-image: url(../img/ico-nuevo-grupo.png);
	background-repeat: no-repeat;
}
.boton-grupos-asignar {
	cursor: pointer;
	background-color: #2B5552;
	color: #FFFFFF;
	border-radius: 20px;
	font-weight: 300;
	font-size: 2em;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-image: url(../img/ico-nuevo-asignar.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	width: 200px;
	height: 200px;
	display: inline-block;
	text-align: center;
	margin: 10px;
}
.boton-grupos-listado {
	cursor: pointer;
	background-color: #2B5552;
	color: #FFFFFF;
	border-radius: 20px;
	font-weight: 300;
	font-size: 2em;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-image: url(../img/ico-listado.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	width: 200px;
	height: 200px;
	display: inline-block;
	text-align: center;
	margin: 10px;
}


.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) {
	
.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;
}
}