@charset "UTF-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,800);

body{
	font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:17px; color: #434343; line-height:24px; margin:0px;}

.contenedor{
	margin-left:auto; margin-right:auto; max-width:1190px; min-width:1000px; padding-right:10px; padding-left:1%;}
	
.contenedor hr{
	border:0;
	height:1px;
	background-color:#a1a1a1;
	clear:both;}
	
#fondo-home{ width: 100%; height: 1565px; background-image: url(../imgs/fondo-home.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; clear: both; padding-top: 25px; }

#fondo-coloreables{ width: 100%; height: 1165px; background-image: url(../imgs/fondo-home.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; clear: both; padding-top: 25px; }

#fondo-juegos{ width: 100%; height: 1110px; background-image: url(../imgs/fondo-home.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; clear: both; padding-top: 25px; }

#cabecera {
	height:100px; padding-top:10px;}

#logo {
	width:43%; padding-left:10px; float:left;}

#cab-dcha {
	width:56%; float:left;}


#login{
	width:72%;float:left; padding-right:3%; padding-left: 11%;}
.salir{ background-color:#ff2e2e; width: 85px; height: 25px; padding-left: 6px;padding-right: 6px; padding-bottom: 3px; padding-top:10px; display: inline-block; font-size: 16px; text-align: center; color:#FFF !important; font-weight: bold; font-family: 'Raleway', Arial, Helvetica, sans-serif; margin-top:0px; margin-right: 12px; float:right;}
.salir:hover {
   background-color: rgba(94,214,146,1);
}
.salir a{ text-decoration:none !important; color:#FFF !important;}
#login .olvidado{
	clear:both;
	text-align:left;
	margin-left: 46%;
	font-size:11px;}
	
#login .olvidado a{
	text-decoration:none;
	color:#000;}
	
#login-dentro{
	width:83%;float:left; padding-right:3%; margin-top:1%}
	
#login-dentro a {
	color:#000;
	text-decoration:none;}
	
#socialmedia{
	width:14%; float:left;}

#menu{
float:right; margin-top:25px; margin-right:4%;}

#menu a{
	text-decoration:none;}

.clear{
	clear:both;}

.naranja {
	color:#ef8031;
	}
	
#centro_gracias {
	margin-left:auto;
	margin-right:auto;
	width:95%;
	
	}
	
#centro_gracias p{
	margin-top: -21px;
	font-size: 15px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	float: left;
	text-align:left;
	width: 65%;
	margin-left: 2%;
}

#centro_gracias h2{
	margin-left: 2%;
}
	
#centro_gracias a {
	color:#ef8031;
	text-decoration:none;
	}

#centro_gracias .select-style-imput{
	float:left;
	 margin-left: 2%;
	}


	
#centro_contacto {
	margin-left:20px;
	width:62%;
	float:left;
	margin-bottom:35px;
	}
	
#centro_contacto p{
	margin-top: -21px;
	font-size: 15px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	float: left;
	text-align:left;
	width: 80%;
	margin-left: 2%;
}

#centro_contacto input[type="checkbox"] {margin-left: -2px;}

#centro_contacto .select-style-imput {
    border: 1px solid #ccc;
    width: 80%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#centro_contacto .select-style-imput-area {
    border: 1px solid #ccc;
    width: 80%;
	height:80px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#centro_contacto .select-style-imput input[type='text']{ padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }

#centro_contacto .select-style-imput-area textarea{
    padding: 5px 8px;
    width: 130%;
	height: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #333;
}


#formulario_contactar{
	width:100%;}

.verde {
	color:#528936;
	}

.azul {
	color:#2c5692;
	}

.fondo-slider { /*background-image: url(../imgs/fondo-slider.gif); background-repeat: repeat-x; background-position: top;*/ height:350px}
.fondo-slider img{ max-width:1011px; width:100%;}

.img-colegios {width:100%; }

.img-colegios img{max-width:1011px; width:100%; }

.destacado-home {
	width:68%; 
	float:left;
}

.videoWrapper {
	overflow:hidden;
	position: relative;
	padding-bottom: 56.30%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper-farmaceuticos {
	overflow:hidden;
	position: relative;
	padding-bottom: 56.30%; /* 16:9 */
	height: 0;
}
.videoWrapper-farmaceuticos iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.destacado-colegios {
	width:75%; margin-left:auto; margin-right:auto; margin-bottom:45px;}

.boton-perfil {
	width:31%; float:right; margin-bottom:15px; text-align:right;}
	
.roll_opacidad:hover{
	/* FIRST (order is important) */
	opacity: 0.7;}

a img {
	text-decoration: none;
	border: 0 none;
	}
	
#papa {
	width:33%; margin-right:20px; float:left; padding-left:10px;margin-top:25px;}
	
#video-padres {
	width:64%; float:right; margin-top:25px;}
	
#videos-padres {
	width:60%; float:left; margin-left:35px; margin-top:15px; position:relative}
	
#videos-padres-farmaceuticos {
	width:60%; float:center; margin-left:auto; margin-right:auto; margin-top:15px; position:relative}
	
.x3home {
	width: 33.33%; padding-right:10px; padding-left: 10px; float:left; margin-top: 55px; text-align:center; margin-bottom:30px; box-sizing: border-box;}
.x3colegios {
	width: 31%; padding-right:2.1%; float:left; margin-top: 25px; text-align:center; margin-bottom:30px; position:relative;}
.x3colegios a{
	text-decoration:none !important;}
.x3home p{text-align:left !important;}
.x3home-colorea {
	width: 36%; padding-right:2.1%; float:left; margin-top: -5px; text-align:center; margin-bottom:30px;}
.x2home {
	width: 55%; float:left; margin-top: -5px; text-align:center; margin-bottom:30px;}
.x2home img{ float:right; margin-right:3%;}

.x2colegio { width:50%; float:left; text-align:center; margin-bottom:20px;}
.x2colegio img{ margin-bottom:25px;}
.x2colegio a{
	text-decoration:none !important;}
.x2colegio h3{ text-align:center; font-weight:bold; font-size:21px; margin-bottom:2px;}

	
.x3home h3{ text-align:center; font-weight:bold; font-size:21px; margin-bottom:2px;}
.x3colegios h3{ text-align:center; font-weight:bold; font-size:21px; margin-bottom:2px;}

#x3home-didactico1 {
	
	width: 310px;
	height:212px;
	/*padding-right:1.5%;
	padding-right: 3%;
	margin-left:2.5%;*/
	float: left;
	text-align: center;
	margin-bottom: 30px;
	background-image: url(../imgs/fondo_escolar_didactico.jpg);
	background-repeat: no-repeat;
}


#x3home-didactico2 {
	width: 310px;
	height:212px;
	/*padding-right:1.5%;
	padding-right: 2%;*/
	float: left;
	text-align: center;
	margin-bottom: 30px;
	background-image: url(../imgs/fondo_medio_didactico.jpg);
	background-repeat: no-repeat;
}

#x3home-didactico3 {
	width: 310px;
	height:212px;
	/*margin-right:0;
	padding-right: 3%;*/
	float: left;
	text-align: center;
	margin-bottom: 30px;
	background-image: url(../imgs/fondo_superior_didactico.png);
	background-repeat: no-repeat;
}

#x3didactico1-porcentaje{
	float:left;
	width:31%;
	margin-right:1%;
	margin-left:4%}
	
#x3didactico2-porcentaje{
	float:left;
	width:31%;
	margin-right:1%;}
	
#x3didactico3-porcentaje{
	float:left;
	width:31%;
	margin-right:1%;}

#x3home-didactico1 h3{
	font-size: 28px; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: 30%;
	margin-top: 17%;
	margin-left: 8%;
	color:#28c4d9;
	text-align: left;
	margin-bottom: 2%;}
	
#x3home-didactico2 h3{
	font-size: 28px; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: 30%;
	margin-top: 17%;
	margin-left: 8%;
	color:#ef8031;
	text-align: left;
	margin-bottom: 2%;}
	


#x3home-didactico3 h3{
	font-size: 28px; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: 30%;
	margin-top: 17%;
	margin-left: 8%;
	color:#d14446;
	text-align: left;
	margin-bottom: 2%;}
	
#x3home-didactico1 h4{
	font-size: 17px; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: auto;
	margin-top: -4.5%;
	margin-left: 8%;
	color:#434343;
	text-align: left;
	float:left;
	
	}
#x3home-didactico2 h4, #x3home-didactico3 h4{
	font-size: 17px; font-family: Arial, Helvetica, sans-serif;
	width: auto;
	margin-top: -4.5%;
	margin-left: 8%;
	color:#434343;
	text-align: left;
	float:left;
	
	}	


#x3home-didactico1 p, #x3home-didactico2 p, #x3home-didactico3 p{
	font-size: 17px; font-family: 'Raleway', Arial, Helvetica, sans-serif;
	width: 47%;
	margin-top: 0.5%;
	margin-left: 8%;
	color:#434343;
	text-align: left;
	float:left;}	
	
	


	
.box-grey {
	width:93%; height: 228px; padding: 10px; background-color:#ffa811; margin-left:4%}

.box-grey h3{ text-align:left; font-weight:normal; font-size:24px; line-height:33px; margin-top:-5px;}

#isp{ background-color: #fff; width: 1000px; height: 410px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; position:relative; }
#isp img{ float: left; margin-right: 20px; border: 1px solid #FDCC9C; }

.personajes-contenedor {
	width:990px; margin-left:auto; margin-right:auto;}
.personajes{ float: left; width: 123px; color: #28c4d9; text-align: center; margin-right:18px; }

/*.boton-trans { background-color: rgba(204,204,204,1); width: 480px; display: inline-block; line-height: 32px; text-align: center; color: rgba(0,0,0,1); text-transform: uppercase; float: left; font-size: 14px; font-weight: bold; }*/

.boton-trans a{ text-decoration: none; color:#ef8031; font-weight:bold;}

.boton-trans a:hover{ color:#F90 !important;}
.boton-trans:active {
}


.boton_perfil {
	text-decoration:none;
   background-color: rgba(240,138,65,1);
   padding: 12px;
   display: inline-block;
   font-size: 18px;
   font-family: 'Raleway', Arial;
   line-height: 12px;
   color: rgba(255,255,255,1);
   margin-right:3%;
}

.boton_perfil a{
	text-decoration:none;
   background-color: rgba(240,138,65,1);
   display: inline-block;
   font-size: 18px;
   font-family: 'Raleway', Arial;
   line-height: 12px;
   color: rgba(255,255,255,1);
   margin-right:3%;
}
.boton_perfil:hover {
   background-color: rgba(237,172,125,1);
    color: rgba(255,255,255,1);
}
.boton_perfil a:hover {
   background-color: rgba(237,172,125,1);
    color: rgba(255,255,255,1);
}
.boton_perfil:active {
	 color: rgba(255,255,255,1);
}
.boton_perfil a:active {
	 color: rgba(255,255,255,1);
}





.boton_cancel {
	text-decoration:none;
   background-color: #999;
   padding: 12px;
   display: inline-block;
   font-size: 18px;
   font-family: 'Raleway', Arial;
   line-height: 12px;
   color: #fff;
   margin-right:3%;
}




/*Boton azul de borrado de formaciones*/
.boton_perfil_azul {
	text-decoration: none;
	background-color: rgba(129,173,207,1);
	padding: 12px;
	display: inline-block;
	font-size: 18px;
	font-family: 'Raleway', Arial;
	line-height: 12px;
	color: rgba(255,255,255,1);
	margin-right: 3%;
}

.boton_perfil_azul a{
	text-decoration: none;
	background-color: rgba(152,182,213,1);
	display: inline-block;
	font-size: 18px;
	font-family: 'Raleway', Arial;
	line-height: 12px;
	color: rgba(255,255,255,1);
	margin-right: 3%;
}
.boton_perfil_azul:hover {
	background-color: rgba(197,218,233,1);
	color: rgba(255,255,255,1);
}
.boton_perfil_azul a:hover {
	background-color: rgba(197,218,233,1);
	color: rgba(255,255,255,1);
}
.boton_perfil_azul:active {
	 color: rgba(255,255,255,1);
}
.boton_perfil_azul a:active {
	 color: rgba(255,255,255,1);
}

.video-trans{
	width:450px; float:left; margin-right:20px; border: 1px solid #FDCC9C;}
	
	
#sabiasque {
	height:650px;}

#videos-aprende{ width:800px; margin-right:auto; margin-left:auto; margin-bottom:35px;}
#video-aprende-play{width:85%; margin-top:25px; margin-left:45px; text-align:center;}
#videos-aprende-lista {width:90%; margin-top:15px; position:relative; margin-left:auto; margin-right:auto;}

#juega-nosotros{ margin-top:130px;}
#juega-nosotros h3{ text-align:right; font-size:28px;}
#quieresmas{ margin-top:60px;}
#quieresmas h3{ font-size:28px;}	

#superfusionboy {display:block;}
#superfusionboy-producto {display:none;}
#superfusionboy-pediatrics {display:none;}
#superfusionboy-no-pediatrics {display:none;}
#superfusionboy-personaje {display:none;}
#spg {display:none;}
#spg-producto {display:none;}
#spg-personaje {display:none;}
#gc {display:none;}
#gc-producto {display:none;}
#gc-pediatrics {display:none;}
#gc-no-pediatrics {display:none;}
#gc-personaje {display:none;}
#fg {display:none;}
#fg-producto {display:none;}
#fg-personaje {display:none;}
#ts {display:none;}
#ts-producto {display:none;}
#ts-pediatrics {display:none;}
#ts-no-pediatrics {display:none;}
#ts-personaje {display:none;}
#ml {display:none;}
#ml-producto {display:none;}
#ml-pediatrics {display:none;}
#ml-no-pediatrics {display:none;}
#ml-personaje {display:none;}
#as {display:none;}
#as-producto {display:none;}
#as-personaje {display:none;}

.pediatrics{ position:absolute; width:450px; margin-top:5px;}
.pediatrics img {border:0 !important;}


/*FOOTER*/
#footer{ width:990px; margin-top:40px; margin-left:auto; margin-right:auto; font-size:14px; height:150px; padding-right:10px;}
#footer a{ text-decoration:none; color:#333}
#footer a:hover{ text-decoration: underline; color:#999}
#logo-footer { width:300px; float:left;}
#texto-footer { width:180px; float:left;}
#menu-footer { width:250px; float:left;}
#isdin-footer { width:230px; float:right; text-align:right; font-size:12px; line-height:17px;}









/*FUENTES*/

h1{ font-size: 40px; text-align: center; font-weight: normal; line-height:42px;}
h3{ font-size: 24px; text-align: center; font-weight: normal; line-height:32px; margin-top:-15px; }
h4{ font-size: 20px; text-align: left; font-weight: normal; line-height:28px; }
h2.pseudoh1{font-size: 40px; text-align: center; font-weight: normal; line-height:42px;}
	
	
	

/*FORMULARIOS*/
#perfil-izquierda{
	float:left;
	width:47%;
	margin-left:2%;}
	
#perfil-derecha{
	float:right;
	margin-top: -6px;
	width:47%;}

#formulario h3{
	clear:both;
	text-align:left;
	color:#f08a41;
	font-size: 20px;
	margin-bottom: 5px;}
	
#formulario h3 a{
	color: #000;
	text-decoration:none;
	font-size: 20px;
	margin-bottom: 5px;}
	
#formulario h4{
	clear:both;
	text-align:left;
	color:#5c5c5c;
	font-size: 17px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#formulario2 h3{
	clear:both;
	text-align:left;
	color:#f08a41;
	font-size: 20px;
	margin-bottom: 5px;}
	
#formulario2 h4{
	clear:both;
	text-align:left;
	color:#5c5c5c;
	font-size: 17px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#perfil-derecha .select-style-imput {
    border: 1px solid #ccc;
    width: 90%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#perfil-derecha .select-style-imput2 {
    border: 1px solid #ccc;
    width: 43%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#perfil-izquierda .select-style-imput {
    border: 1px solid #ccc;
    width: 90%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.select-style-imput {
    border: 1px solid #ccc;
    width: 41%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	/*margin-bottom:20px;*/
}

.select-style-imput input[type='text']{ padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }


.select-style-imput input[type='password']{
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #999;
}

.select-style-imput2 {
    border: 1px solid #ccc;
    width: 42%;
	height:30px;
    border-radius: 3px;
    overflow: hidden;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.select-style-imput2 input[type='text']{
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #999;
}

.cursos {clear:both;height: 50px;}


/*SLIDER TOUCH*/

.device { width: 85%; height: 315px; position: relative; padding-top: 5px; margin-left: 0%; padding-bottom: 30px; padding-left: 0%; margin-left:auto; margin-right:auto;}
.device .arrow-left { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -71px; top: 146px; margin-top: -15px; width: 17px; height: 30px; }
.device .arrow-right { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -75px; top: 149px; margin-top: -15px; width: 17px; height: 30px; }

.swiper-container {
  height: 330px;
  width: 100%;
  
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {text-align: center; width: 100%; z-index: 500; }
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


/*CARRUSEL VIDEOS HOME*/

.videos-home-swiper-container {
  width: 100%;
  height: 180px;
  color: #fff;
  text-align: center;
  position:relative;

}

#videos-padres .arrow-left-videos { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -33px; top: 65px; margin-top: -15px; width: 17px; height: 30px; }
#videos-padres  .arrow-right-videos { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -7px; top: 65px; margin-top: -15px; width: 17px; height: 30px; }

#videos-padres-farmaceuticos .arrow-left-videos { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -33px; top: 65px; margin-top: -15px; width: 17px; height: 30px; }
#videos-padres-farmaceuticos  .arrow-right-videos { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -7px; top: 65px; margin-top: -15px; width: 17px; height: 30px; }

.pagination-videos { position: absolute; z-index: 20; left: 300px; bottom: -1px; }
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

/*VIDEOS APRENDE */
.videos-aprende-swiper-container {
  width: 98%;
  height: 180px;
  color: #fff;
  text-align: center;
  position:relative;

}

#videos-aprende-lista .arrow-left-aprende { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -25px; top: 50px; margin-top: -15px; width: 17px; height: 30px; }
#videos-aprende-lista  .arrow-right-aprende { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -24px; top: 53px; margin-top: -15px; width: 17px; height: 30px; }

.pagination-aprende { position: absolute; z-index: 20; left: 312px; bottom: 47px; }
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}




/*JUEGOS SLIDER*/

.juegos-device { width: 90%; height: 250px; position: relative; padding-top: 5px; margin-left: 0%; padding-bottom: 30px; padding-left: 0%; margin-left:auto; margin-right:auto; margin-top:17px;}
.juegos-device .juegos-arrow-left { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -28px; top: 114px; margin-top: -15px; width: 17px; height: 30px; }
.juegos-device .juegos-arrow-right { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -28px; top: 117px; margin-top: -15px; width: 17px; height: 30px; }

.juegos-swiper-container {
  height: 250px;
  width: 100%;
  
}
.juegos-pagination {text-align: center; width: 100%; z-index: 500; }
.juegos-swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}



/*COLOREA SLIDER*/

.juegos-device .colorea-arrow-left { background: url(../imgs/arrows.png) no-repeat left top; position: absolute; left: -28px; top: 114px; margin-top: -15px; width: 17px; height: 30px; }
.juegos-device .colorea-arrow-right { background: url(../imgs/arrows.png) no-repeat left bottom; position: absolute; right: -28px; top: 117px; margin-top: -15px; width: 17px; height: 30px; }

.colorea-swiper-container {
  height: 250px;
  width: 100%;
  
}
.colorea-pagination {text-align: center; width: 100%; z-index: 500; }
.colorea-swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}



/*formulario mi perfil*/
/* FORMULARIO */
.formulario{
	background-color: #3D8993;	
	border-radius: 15px;
	text-align:left;
	}
input[type='text']{
	font-size: 18px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 220px;
	height:28px;
	font-weight: normal;
		}
.cuerpo_dcha_interior input[type='text']{
	font-size: 18px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 65%;
	height:28px;
	font-weight: normal;
		}

#perfil-derecha input[type="checkbox"] {
	margin-right:8%;
	margin-bottom:20px;
}


.select-style {
	float: left;
    border: 1px solid #ccc;
    width: 90%;
	height:28px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff url("../imgs/icon-select.png") no-repeat 95% 50%;
	margin-bottom:20px;

}

.select-style2 {
	float: left;
    border: 1px solid #ccc;
    width: 43%;
	height:28px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff url("../imgs/icon-select.png") no-repeat 95% 50%;
	margin-bottom:20px;

}

.select-style select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }
.select-style2 select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }


.select-style select:focus {
    outline: none;
}

/*select de fechas para la formación*/
.select-style-fecha {
	float: left;
    border: 1px solid #ccc;
    width: 27%;
	height:28px;
    border-radius: 3px;
    overflow: hidden;
    background: #fff url("../imgs/icon-select.png") no-repeat 95% 50%;
	margin-bottom:20px;
	margin-right: 5%;

}

.select-style-fecha select { padding: 5px 8px; width: 130%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size: 16px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-weight: normal; color: #333; }


.select-style-fecha select:focus {
    outline: none;
}




.comentarios{
	font-size: 18px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	padding: 3px;
	width: 65%;
	height:150px;
	font-weight: normal;
		}



















/*COOKIES*/
.cc-cookies { position: fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #4d83b4; background: rgba(77,131,180,0.95); color: #fff; font-size: 15px; z-index: 99999; text-align: center; color: #fff; font-family: 'Raleway', Arial, Helvetica, sans-serif; }
.cc-cookies h3{color: #fff; margin-top:5px; margin-bottom:5px;}
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
a.link_cookies {
color: #ffffff;
}
.cc-cookies a:hover { text-decoration: none; }-
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}

#perfil-derecha .tic_left{
float: left;
margin: 0;
}

#perfil-izquierda .tic_left{
float: left;
margin: 0;
}

#perfil-derecha p{
	font-size: 15px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
	text-align:left;
	width: 82%;
	margin-left: 2%;
}

#perfil-izquierda p{
	font-size: 15px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	float: left;
	margin: 0;
	text-align:left;
	width: 95%;
}
/*histórico formacion*/
#fila_formacion {
	clear:both;
	width:85%;
	height:auto;
	margin-bottom:20px;
	}
#fila_formacion h4 {
	float: left;
	font-weight: bold;
	margin-right:3%;
	margin-top:0px;
	
}
#fila_formacion p {
	float: left;
	margin-top:2px;	
}

.button-idioma {
   background-color: rgba(233,233,233,1);
   width: 190px;
   height: 22px;
   padding: 6px;
   display: inline-block;
   font-size: 15px;
   color: rgba(0,0,0,1);
   margin-bottom:15px;
}
.button-idioma:hover {
   background-color: rgba(240,137,64,1);
}

.button-idioma-tesoro {
   background-color: rgba(233,233,233,1);
   width: 190px;
   height: 19px;
   padding: 6px;
   display: inline-block;
   font-size: 15px;
   color: rgba(0,0,0,1);
   margin-bottom:5px;
   text-align: left;
}
.button-idioma-tesoro:hover  {
   background-color: rgba(240,137,64,1);
}

.button-idioma-webquest{
   background-color: rgba(233,233,233,1);
   width: 160px;
   height: 22px;
   padding: 6px;
   font-size: 15px;
   color: rgba(0,0,0,1);
   margin-bottom:15px;
   float: left;
margin-right: 10px;
}
.button-idioma-webquest:hover {
   background-color: rgba(240,137,64,1);
}

.idiomas{ width:21%; margin-left:2%; margin-right:2%; float:left;}
.idiomas-webquest{ width:91%; margin-left:5.7%;}
.idioma-tesoro { z-index:5; display:none; position:absolute; top: 10%;
width: 100%;background-color: #FFFFFF;}
#tesoro:hover .idioma-tesoro{display: block !important;}

#contenido-idiomas { width:70%; float:left;}
#contenido-idiomas-webquest { width:90%; margin-left:auto; margin-right:auto;}

.txt_lpd{
	width: 95%;
	margin-left:2%;
	font-size: 12px;
	line-height: 19px;
	margin-top:25px;

}

.descarga-doc { text-align:center; height:50px; margin-top:20px;}
placeholder
::-webkit-input-placeholder {  WebKit browsers 
    color: #666;
}
:-moz-placeholder {  Mozilla Firefox 4 to 18 
    color: #666;
}
::-moz-placeholder {  Mozilla Firefox 19+ 
    color: #666;
}
:-ms-input-placeholder {  Internet Explorer 10+ 
    color: #666;
}
.biblioteca-textos{ width: 241px; position: absolute; left: 23px; top: 20px; ; height: 27px; text-align: left; }
.biblioteca-item {position:relative; width:480px;}

.biblioteca-textos p{ font-size:24px; color:#FFF; line-height:28px;}
.biblioteca-textos h3{ text-align:left; color:#f08a41}

.biblioteca-leer{ width: 100px; position: absolute; left: 23px; top: 198px; height: 27px; text-align: left; color:#434343; font-size:14px; }

.titular-nav { width:70%; margin-right:5%; margin-left:15%; float:left;}
.volver-nav { width:10%; float:left; margin-top:10px;}
.volver-nav2 { width:20%; float:right; margin-top:10px;}
.volver-nav h2{font-weight: normal;}
.volver-nav2 h2{font-weight: normal;}
.volver-nav a{color:#333 !important; text-decoration:none !important;}
.volver-nav a:hover{color:#ef8031 !important; text-decoration:none;}
.volver-nav2 a{color:#333 !important; text-decoration:none !important;}
.volver-nav2 a:hover{color:#ef8031 !important; text-decoration:none;}
div.missing {
			margin: auto;
			position: relative;
			top: 50%;
			width: 193px;
		}
div.missing a {
			height: 63px;
			position: relative;
			top: -31px;
		}
div.missing img {
			border-width: 0px;
		}
div#unityPlayer {
			cursor: default;
			height: 600px;
			width: 960px;
			margin: 0 auto 0;
		}
.borde {
	border: thin solid #7E8FAB;
}

element.style {
	color:#666;
}

.concurso-nav { width:18%; padding:2%; float:left;}
.concurso-nav a{ text-decoration:none; color:#000 !important}
.concurso-nav a:hover{ text-decoration:none; color:#999 !important; }
.concurso-galerias { width:73%; padding:2%; float:left;}
.concurso-imgs { width:46%; padding:2%; float:left; height:190px; margin-top: 20px;}
.concurso-imgs h4{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #73d1e0; margin-top:0; }
.concurso-imgs img{ float:left; margin-right:8px; }
.concurso-imgs img:hover{ opacity: 0.7;} 
.concurso-imgs strong{ color: #73d1e0 }

.concurso-imgs-detalle { width:97%; padding:2%; float:left;}
.concurso-imgs-detalle h4{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #73d1e0; margin-top:-20px; font-weight:bold; font-size:24px; line-height:36px; }
.concurso-imgs-detalle strong{ color: #73d1e0 }

.votos { width:100%; margin-top:10px;}
.votos img { margin-bottom:-7px;}
.votos input[type="image"] img { margin-bottom:-7px;}

.concurso-info { float:left; width:66%; padding:2%;}
.concurso-info ol li{ margin-bottom:15px;}
.concurso-info h2{ color: #ef8031; border-bottom-color: #ef8031; border-bottom-width: 1px; border-bottom-style: solid; line-height:35px }
h3 a{ text-decoration:none !important; }
.transparent-info { float:left; width:26%; padding:1%;}
 a img {border:0;}
 a:link,a:active,a:visited {
	color: #418DC4;
	text-decoration: underline;
	outline: none;
}
a:hover { color: #F5846A; }
.fusiongel-tesoro{ float:left; margin: 0 50px 40px 0px;}
.tesoro-preguntas { width:96%; height:390px; padding:2%; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d1d1d1), color-stop(0.6, #d1d1d1));
background: -moz-linear-gradient(top, #f2f2f2, #d1d1d1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d1d1d1');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#d1d1d1')";
background: -o-linear-gradient(top, #f2f2f2, #d1d1d1); background-image: linear-gradient(to bottom, #f2f2f2, #d1d1d1); }
.tesoro-pregunta{ width:70%; float:left; padding:1%}
.tesoro-pregunta h2 { font-size:40px; line-height:50px; margin-top:0px; height: 90px}
.progreso { width:25%; padding:1%; float:right;}
.progreso h3 { font-size:40px; float:right; margin:0px;}
.barra { width:100%; height:10px; background-color:#FFF; margin-top:10px; position:relative;}
.completo {height:10px; background-color:#f08a41; position:absolute; top: 0px; float:left;}
.button-tesoro-preguntas {
   background-color: #f08a41;
   width: 120px;
   height: 22px;
   padding: 6px;
   display: inline-block;
   font-size: 15px;
   color: #FFF;
   margin-top:25px;
}
.button-tesoro-preguntas:hover { background-color: #FF8A24; }
#tesoro-siguiente{ float:right; text-align:right; background-color:#18A31C}
#tesoro-validar{ float:right; text-align:right;}
#tesoro-atras{ float:left;  }
.tesoro-pregunta input[type='radio'] { margin-right:8px;}
.tesoro-error { color:#E6312B;}
.tesoro-acierto { color:#090;}
.tesoro-resultado-error { width:25%; padding:1%; float:right; margin-top:135px; display:block;}
.tesoro-resultado-acierto { width:25%; padding:1%; float:right; margin-top:40px;}
.tesoro-resultado-acierto h2{ font-size:150px; text-transform:uppercase; text-align:center; margin:60px;}
.tesoro-final-img { width:336px; margin: 0px auto 0 auto;}

.dato-estadisticas{ font-size:31px; color:#f08a41;}
.periodo-anterior{ font-size:16px; color:#434343;}
.x2estadisticas {width: 31%;
float: left;
text-align: left;
margin-bottom: 20px;
padding: 0 1%;}

.x2estadisticas h3{ text-align:left; font-size:19px; margin-bottom:15px;margin-top:15px}
.x2estadisticas h1{font-size:30px;}
.x2estadisticas p{ text-align:center; font-size:15px; margin-top:-15px;}
.boton-azul{
	display: block;
    height: 20px;
    width: 120px;
	padding: 12px;
    background: #79bacf;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	color: #fff;
    text-align: center;
    font-size: 18px ;
	margin:4px 20px 0 0;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
}
a.boton-azul {text-decoration: none; color:#FFF !important;}
a.boton-azul:hover {background: #86CAFF;}
.edicion-seleccionado { background-color:#F08A41 !important;}
.edicion-off {zoom: 1; filter: alpha(opacity=40); opacity: 0.4;}
.centrar { text-align:center !important;}
.edicion-selector { width:350px; margin: 0 auto 0 auto; margin-top:-15px;}
.edicion-selector p{ margin:0px; font-size:14px; color:#666} 
.edicion-explicacion { font-size:14px;}
.x3mini { float:left; padding:0 1%; width:31%; margin:-25px 0 15px 0;text-align:center !important }
.x3mini span {text-align:center !important}
.borde-dcha {border-right: 1px solid #E9E9E9;}
.exportar{ background-color:#6ba562; width: 130px; height: 25px; padding-left: 6px;padding-right: 6px; padding-bottom: 3px; padding-top:10px; display: inline-block; font-size: 16px; text-align: center; color:#FFF !important; font-weight: bold; font-family: 'Raleway', Arial, Helvetica, sans-serif; margin-top:-50px; margin-right: 12px; float:right;}
.exportar:hover {
   background-color: #396132;
}
.exportar a{ text-decoration:none !important; color:#FFF !important;}

/*2015*/
.centrar { text-align: center !important}
.left { float: left; margin-right: 10px;}
.destacado {font-size: 21px; font-weight: bold;}
.pasos {width: 100%; margin-bottom: 35px;}
.pasos-grupal {float:left; width: 70%;}
.img-grupal {float: left; width: 28%; padding: 1%}
.img-grupal img {width: 100%;}

.ganadores-murales {float:left; width:28%; padding: 1%; text-align:center; margin:1%;}
.img-ganadores-murales {float: left; width: 28%; padding: 1%;}
.ganadores-murales img:hover {zoom: 1; filter: alpha(opacity=70); opacity: 0.7;}
.ganadores { text-align:left; }


/* 2016 */
.text-center{
	text-align: center;
}

.img-responsive{
	max-width: 100%;
}

.gap {
  display: block;
  position: relative;
  clear: both;
}
.gap:after { 
  clear: both;
  content: '';
  display: table;
}
.gap-20 {
  margin: 10px 0 10px 0;
}
.gap-30 {
  margin: 15px 0 15px 0;
}
.gap-40 {
  margin: 20px 0 20px 0;
}
.gap-50 {
  margin: 25px 0 25px 0;
}
.gap-60 {
  margin: 30px 0 30px 0;
}
.gap-70 {
  margin: 35px 0 35px 0;
}
.gap-80 {
  margin: 40px 0 40px 0;
}
.gap-100 {
  margin: 50px 0 50px 0;
}

.img-gracias-mail{
    width: 100%;
    max-width: 1219px;
}

/* 2019 */
/* Sección acreditación */
hr.blue{border-color: #59c1dd; color: #59c1dd; background-color: #59c1dd}
hr.orange{border-color: #ef8031; color: #ef8031; background-color: #ef8031}
img.img-pasos{max-height: 100px; margin-top: 20px;}
.bolder{font-weight: 800;}
.h2pasos{ font-size: 40px; font-weight: 700; margin-top: 0;}
.blue{color: #59c1dd !important; border-color: #59c1dd !important;}
.orange{color: #ef8031 !important; border-color: #ef8031 !important;}
.btnpasos{ padding: 10px 40px; font-weight: bold; text-decoration: none !important; border: 1px solid black; margin-top: 20px; margin-bottom: 20px; display: inline-block;}
.btnpasos.blue:hover{background-color: #59c1dd; color: white !important;}
.btnpasos.orange:hover{background-color: #ef8031; color: white !important;}
.box-pasos{background-color:#c8c8c8; padding: 10px 30px 30px; margin-top: 30px;}
.box-pasos p{
	color: white;
	font-weight: 600;
}
.box-pasos a{
	font-size: 30px;
	color: #575756;
	font-weight: 700;
}
.box-pasos img{float: right; max-width: 40px; margin-top: 30px;}

/* Sección formación */
#video-padres.formacion, #videos-padres.formacion{float:none; margin-left: auto; margin-right: auto; margin-top: 50px;}
.cont-formacion{text-align: center}
.btn-formacion{background-color:white;cursor: pointer;font-size: 24px; border: 1px solid black; padding: 20px 40px; text-decoration:none !important;margin: 40px auto 40px !important; display:inline-block; font-weight: 700}
.btn-formacion:hover{color:white !important; background-color:#ef8031;}

/* SOlicitud acreditación */
.solicitud-acreditacion h2{
	clear: both;
    text-align: left;
    color: #f08a41;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 30px;
}
.solicitud-acreditacion p{
	margin-top: 10px;
	margin-bottom: 15px;
}
.solicitud-acreditacion h3{
	clear: both;
    text-align: left;
    margin-top: 30px;
    color: #f08a41;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}
.solicitud-acreditacion .cont1-3{
	width: 30%;
	margin: 0 1.5%;
	float: left;
}