@charset "utf-8";
html, body{
	width:100%;
	height:100%;
}
.pantalla img{
	height:-moz-calc(100vh - 100px);
	height:calc(100vh - 100px);
	max-width:100%;
	margin:auto;
}
.contenidos{
	margin-top:60px;
	width:100%;
	height:100%;
	min-height:17200px;
	background:rgba(255,255,255,.8);
	border-radius: 10px;
	font-size:16px;
}
.contenidos2{
	margin-top:60px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.8);
	border-radius: 10px;
	font-size:16px;
	padding-bottom:40px;
}
/* Actividad
=============================================*/
.preguntas{
	width:80%;
	height:auto;
	padding:20px;
	margin:10px auto;
}
.preguntas h1{
	font-size:1.5em;
	position:relative;
	padding-left:60px;
}
.preguntas h1:before{
	font-size:2em;
	font-weight:bolder;
	content:attr(data-title);
	position:absolute;
	bottom:-4px;
	right:95%;
}
/* Radio
=============================================*/
.radio, .checkbox{
	width:80%;
	margin:auto;
}
label {  
	width:100%;
	background:#008ED3;
    display: block;
    cursor: pointer;
    position: relative;
	padding:15px 25px;
	margin:10px auto;
    font-size: 1em;
	border-radius:10px;
}
input[type=radio] {  
    display: none;  
}
label:before {  
    content: "";  
    display: inline-block;  
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color: #aaa;  
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.radio label:before {  
    border-radius: 8px;
	display:none; 
}
input[type=radio]:checked + label {  
	background:#064D93;
	color:#FFF;
	transition:all .2s;
}  
input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #f3f3f3;  
    font-size: 30px;  
    text-align: center;  
    line-height: 18px;
	display:none; 
}
.revisar{
	font-weight:bold;
	width:200px;
	margin:0 auto;
	padding:15px 20px;
	background:#EEAA33;
	text-align:center;
	cursor:pointer;
	border-radius:10px;
	border-bottom:solid 2px #030;
	transition:all .2s;
}
.revisar:hover{
	background:#CCCC33;
}
.revisar:active{
	border-bottom:none;
	border-top:solid 2px #030;
}
/* ==========================================*/
.verde{
	font-weight:bold;
	color:#CCCC33;
}
.naranja{
	font-weight:bold;
	color:#EEAA33;
}
.texto{
	text-align:left;
	position:absolute;
	bottom:0px;
	width:100%;
	height:auto;
	background:#08D;
	padding-top:20px;
	padding-left:175px;
	padding-right:20px;
	padding-bottom:20px;
	color:#FFF;
}
.globo{
	position:absolute;
	bottom:0px;
	width:140px;
	height:140px;
	display:block;
/*	background:#FFF;
	border:solid #08D 2px;
	border-radius:50%;
*/	margin:15px;
}
.mapa{
	display:block;
}
.listado{
	display:none;
}
.personaje1{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje1.png) no-repeat center;
	background-size:contain;
}
.personaje2{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje2.png) no-repeat center;
	background-size:contain;
}
.personaje3{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje3.png) no-repeat center;
	background-size:contain;
}
.personaje4{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje4.png) no-repeat center;
	background-size:contain;
}
.personaje5{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje5.png) no-repeat center;
	background-size:contain;
}
.personaje6{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje6.png) no-repeat center;
	background-size:contain;
}
.personaje7{
	position:absolute;
	bottom:-10px;
	width:160px;
	height:160px;
	display:block;
	background:url(../images/personaje7.png) no-repeat center;
	background-size:contain;
}
.pantalla{
	width:100%;
	height:100vh;
	position:relative;
	text-align:center;
}
.pantalla1{
	background:url(../images/pantalla1.png) no-repeat center;
	background-size:80%;
	width:100%;
	height:100vh;
	position:relative;
}
.pantalla1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-align:center;
	color:#efd49c;
	position:absolute;
	top:33%;
	left:50%;
	margin-left:-110px;
}
.pantalla1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.5em;
	line-height:1.2em;
	color:#FFF;
	width:40%;
	display:block;
	position:absolute;
	left:50%;
	top:41%;
	margin-left:-20%;
}
.pantalla2{
	width:100%;
	height:80%;
	position:relative;
}
.pantalla3{
	background:url(../images/pantalla3.png) no-repeat center;
	background-size:80%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla4{
	background:url(../images/pantalla4.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla5{
	background:url(../images/pantalla5.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla6{
	background:url(../images/pantalla6.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla7{
	background:url(../images/pantalla7.png) no-repeat center;
	background-size:40%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla8{
	background:url(../images/pantalla8.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla9{
	background:url(../images/pantalla9.png) no-repeat center;
	background-size:88%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla10{
	background:url(../images/pantalla10.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla11{
	background:url(../images/pantalla11.png) no-repeat center;
	background-size:88%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla12{
	background:url(../images/pantalla12.png) no-repeat center;
	background-size:95%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla13{
	background:url(../images/pantalla13.png) no-repeat center;
	background-size:80%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla14{
	background:url(../images/pantalla14.png) no-repeat center;
	background-size:90%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla15{
	background:url(../images/pantalla15.png) no-repeat center;
	background-size:46%;
	width:100%;
	height:1000px;
	position:relative;
}
.pantalla16{
	background:url(../images/pantalla16.png) no-repeat center;
	background-size:80%;
	width:100%;
	height:920px;
	position:relative;
}
.pantalla17{
	background:url(../images/pantalla17.png) no-repeat center;
	background-size:40%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla18{
	background:url(../images/pantalla18.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:800px;
	position:relative;
}
.icono1{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono1.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:340px;
	right:85px;
	cursor:pointer;
}
.icono2{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono2.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:435px;
	right:140px;
	cursor:pointer;
}
.icono3{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono3.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:500px;
	right:385px;
	cursor:pointer;
}
.icono4{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono4.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:580px;
	right:635px;
	cursor:pointer;
}
.icono5{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono5.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:610px;
	right:675px;
	cursor:pointer;
}
.icono6{
	width:55px;
	height:40px;
	display:block;
	background:url(../images/icono6.png) no-repeat center;
	background-size:contain;
	position:absolute;
	bottom:625px;
	right:785px;
	cursor:pointer;
}
.icono1:hover{
	background:url(../images/icono1_hover.png) no-repeat center;
	background-size:contain;
}
.icono2:hover{
	background:url(../images/icono2_hover.png) no-repeat center;
	background-size:contain;
}
.icono3:hover{
	background:url(../images/icono3_hover.png) no-repeat center;
	background-size:contain;
}
.icono4:hover{
	background:url(../images/icono4_hover.png) no-repeat center;
	background-size:contain;
}
.icono5:hover{
	background:url(../images/icono5_hover.png) no-repeat center;
	background-size:contain;
}
.icono6:hover{
	background:url(../images/icono6_hover.png) no-repeat center;
	background-size:contain;
}
.lightbox{
	width:100%;
}
.lightbox img{
	float:left;
	width:300px;
	margin:15px;
}
.lightbox p{
	margin:10px 0px;
}
.lightbox .bold{
	font-weight:bold;
	color:#008ED3;
}
.lightbox .light{
	font-weight:lighter;
	color:#008ED3;
}
.ui-accordion .ui-accordion-header{
	height:40px;
	line-height:20px;
	background:#09C;
	color:#FFF;
}
.ui-dialog .ui-dialog-titlebar{
	background:#EFD49C;
	color:#008ED3;
	border:none;
	font-size:1.2em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button{
	background:#008ED3;
	border:none;
	padding:10px 20px;
	color:#FFF;
}
.flecha-avanza{
	width:60px;
	height:60px;
	display:block;
	background:url(../images/boton_seguir.png) no-repeat center;
	background-size:90%;
	position:absolute;
	top: 54%;
	right:0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(50%, -50%);
	z-index:1000;
}
.flecha-avanza:hover{
	background:url(../images/boton_seguir_hover.png) no-repeat center;
	background-size:90%;
}
.flecha-vuelve{
	width:60px;
	height:60px;
	display:block;
	background:url(../images/boton_volver.png) no-repeat center;
	background-size:90%;
	position:absolute;
	top: 46%;
	right:0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(50%, -50%);
	z-index:1000;
}
.flecha-vuelve:hover{
	background:url(../images/boton_volver_hover.png) no-repeat center;
	background-size:90%;
}
.gradient-bg {
/*	min-width:1200px;
*/	width:100%;
    height: 17915px;
    background: -webkit-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Firefox 3.6 to 15 */
    background: linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Standard */
	position:absolute;
	top:0;
	left:0;
	z-index:-100;
}
.gradient-bg:after {
	content:'';
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/fondo1.png) no-repeat top center;
	background-size:100%;
}
.gradient-bg:before {
	content:'';
	width:100%;
	height:300px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/fondo2.png) no-repeat bottom center;
	background-size:120%;
}
.gradient-bg2 {
/*	min-width:1200px;
*/	width:100%;
    height: 1900px;
    background: -webkit-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Firefox 3.6 to 15 */
    background: linear-gradient(#77B3D2 10%, #426D7D 90%, #99CCFF 100%); /* Standard */
	position:absolute;
	top:0;
	left:0;
	z-index:-100;
}
.gradient-bg2:after {
	content:'';
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/fondo1.png) no-repeat top center;
	background-size:100%;
}
.gradient-bg2:before {
	content:'';
	width:100%;
	height:300px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/fondo2.png) no-repeat bottom center;
	background-size:120%;
}
.burbujas-bg{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/burbujas.png) repeat-y center;
	background-size:120%;
	width:100%;
	height:17915px;
	display:block;
	z-index:-1;
}
.burbujas-bg2{
	position:absolute;
	top:0;
	left:0;
	background:url(../images/burbujas.png) repeat-y center;
	background-size:120%;
	width:100%;
	height:1900px;
	display:block;
	z-index:-1;
}
.logo{
	width:150px;
	height:100px;
	display:block;
	background:url(../images/logo.png) no-repeat center #EFD49C;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.logo:hover{
	width:150px;
	height:100px;
	display:block;
	background:url(../images/logo-hover.png) no-repeat center #008ED3;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.no-padding {
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
}
.navbar-color{
/*	background-color:#EFD49C; */
	background-color:transparent;
}
.navbar-default .navbar-nav > li > a{
	color:#008ED3;
	border-right:solid 2px #FFF;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#FFF;
	border-right:solid 2px #FFF;
	background:#008ED3;
}
.navbar-default .navbar-nav > li:first-child{
	border-left:solid 2px #FFF;
}
.ui-dialog-titlebar-close{
	display:none;
}
@media (min-width: 990px) and (max-width: 1200px){
.pantalla img{
	height:auto;
	width:80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-60%)
}
.pantalla img.small{
	height:auto;
	width:40%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.pantalla img.small2{
	height:auto;
	width:60%;
	position:absolute;
	top:10px;
	left:50%;
	transform:translate(-50%,0)
}
.contenidos{
	min-height:17000px;
}
.gradient-bg {
    height: 17420px;
}
.burbujas-bg{
	height:17420px;
}
.pantalla1{
	background:url(../images/pantalla1.png) no-repeat center;
	background-size:95%;
	width:100%;
	height:850px;
	position:relative;
}
.pantalla1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-align:center;
	color:#efd49c;
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-110px;
}
.pantalla1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.5em;
	line-height:1.2em;
	color:#FFF;
	width:50%;
	display:block;
	position:absolute;
	left:50%;
	top:38%;
	margin-left:-25%;
}
.pantalla2{
	background:url(../images/pantalla2.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla3{
	background:url(../images/pantalla3.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla4{
	background:url(../images/pantalla4.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla5{
	background:url(../images/pantalla5.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla6{
	background:url(../images/pantalla6.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla7{
	background:url(../images/pantalla7.png) no-repeat center;
	background-size:40%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla8{
	background:url(../images/pantalla8.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla9{
	background:url(../images/pantalla9.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla10{
	background:url(../images/pantalla10.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla11{
	background:url(../images/pantalla11.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla12{
	background:url(../images/pantalla12.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:850px;
	position:relative;
}
.pantalla13{
	background:url(../images/pantalla13.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla14{
	background:url(../images/pantalla14.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla15{
	background:url(../images/pantalla15.png) no-repeat center;
	background-size:55%;
	width:100%;
	height:1000px;
	position:relative;
}
.pantalla16{
	background:url(../images/pantalla16.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla17{
	background:url(../images/pantalla17.png) no-repeat center;
	background-size:40%;
	width:100%;
	height:890px;
	position:relative;
}
.pantalla18{
	background:url(../images/pantalla18.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:720px;
	position:relative;
}
.icono1{
	position:absolute;
	bottom:340px;
	right:65px;
}
.icono2{
	position:absolute;
	bottom:420px;
	right:110px;
}
.icono3{
	position:absolute;
	bottom:480px;
	right:320px;
}
.icono4{
	position:absolute;
	bottom:550px;
	right:530px;
	z-index:2;
}
.icono5{
	position:absolute;
	bottom:570px;
	right:570px;
	z-index:1;
}
.icono6{
	position:absolute;
	bottom:570px;
	right:635px;
}
}

@media (min-width: 768px) and (max-width: 990px){
.navbar-nav > li {
	border-bottom: 1px solid #FFF;
}
.navbar-default .navbar-nav > li:first-child {
	border-bottom: 1px solid #FFF;
	border-left:none;
}

.pantalla img{
	height:auto;
	width:90%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-60%)
}
.pantalla img.small{
	height:auto;
	width:40%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
}
.pantalla img.small2{
	height:auto;
	width:60%;
	position:absolute;
	top:10px;
	left:50%;
	transform:translate(-50%,0)
}
.pantalla1 h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:1.8em;
	text-align:center;
	color:#efd49c;
	position:absolute;
	top:30%;
	left:50%;
	margin-left:-100px;
}
.pantalla1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	line-height:1.1em;
	color:#FFF;
	width:50%;
	display:block;
	position:absolute;
	left:50%;
	top:38%;
	margin-left:-25%;
}
.contenidos{
	min-height:16900px;
}
.gradient-bg {
    height: 17200px;
}
.burbujas-bg{
	height:17200px;
}
.navbar-color{
	background-color:#EFD49C; 
}
.mapa{
	display:none;
}
.listado{
	display:block;
}
.logo{
	width:250px;
	height:50px;
	display:block;
	background:url(../images/logo-responsive.png) no-repeat center #EFD49C;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.logo:hover{
	width:250px;
	height:50px;
	display:block;
	background:url(../images/logo-responsive.png) no-repeat center #EFD49C;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.navbar-default .navbar-nav > li:first-child{
	border-right:none;
	border-left:none;
	border-bottom:solid 1px #FFF;
}
.navbar-default .navbar-nav > li:last-child{
	border-right:none;
	border-left:none;
	border-bottom:none;
}
.navbar-default .navbar-nav > li > a{
	color:#008ED3;
	border-right:none;
	border-left:none;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#FFF;
	border-right:none;
	background:#008ED3;
}
.pantalla1{
	background:url(../images/pantalla1.png) no-repeat center;
	background-size:95%;
	width:100%;
	height:650px;
	position:relative;
}
.pantalla2{
	background:url(../images/pantalla2.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla3{
	background:url(../images/pantalla3.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla4{
	background:url(../images/pantalla4.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla5{
	background:url(../images/pantalla5.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla6{
	background:url(../images/pantalla6.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla7{
	background:url(../images/pantalla7.png) no-repeat center;
	background-size:60%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla8{
	background:url(../images/pantalla8.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla9{
	background:url(../images/pantalla9.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla10{
	background:url(../images/pantalla10.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla11{
	background:url(../images/pantalla11.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla12{
	background:url(../images/pantalla12.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla13{
	background:url(../images/pantalla13.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla14{
	background:url(../images/pantalla14.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla15{
	background:url(../images/pantalla15.png) no-repeat center;
	background-size:70%;
	width:100%;
	height:1000px;
	position:relative;
}
.pantalla16{
	background:url(../images/pantalla16.png) no-repeat center;
	background-size:100%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla17{
	background:url(../images/pantalla17.png) no-repeat center;
	background-size:60%;
	width:100%;
	height:760px;
	position:relative;
}
.pantalla18{
	background:none;
	width:100%;
	height:800px;
	position:relative;
}
}
@media (min-width: 0px) and (max-width: 768px){
.navbar-color{
	background-color:#EFD49C; 
}
.navbar-default .navbar-nav > li:first-child{
	border-right:solid 1px transparent;
	border-left:solid 1px transparent;
	border-bottom:solid 1px transparent;
	border-top:solid 1px transparent;
}
.navbar-default .navbar-nav > li:last-child{
	border-right:solid 1px transparent;
	border-left:solid 1px transparent;
	border-bottom:solid 1px transparent;
	border-top:solid 1px transparent;
}
.navbar-default .navbar-nav > li > a{
	color:#008ED3;
	border-right:none;
	border-left:none;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#FFF;
	border-right:none;
	background:#008ED3;
}
.mapa{
	display:none;
}
.listado{
	display:block;
}
.logo{
	width:250px;
	height:50px;
	display:block;
	background:url(../images/logo-responsive.png) no-repeat center #EFD49C;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.logo:hover{
	width:250px;
	height:50px;
	display:block;
	background:url(../images/logo-responsive.png) no-repeat center #EFD49C;
	background-size:70%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.pantalla1{
	background:url(../images/pantalla1-2.png) no-repeat center;
	background-size:80%;
}
.pantalla1 h1{
	display:none;
}
.pantalla1 p{
	display:none;
}
}