/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 13, 2017 */

section{
	width: 100%;
	display: table;
	margin: 0;
	max-width: none;
	padding-top: 20px;
	margin-bottom:30px
}
.pl-80{padding-left:80px}
.redondo{border:1px solid #cd373e; border-radius: 50%; color: #cd373e; display: table; font-size: 20px; height: 40px; line-height: 40px; text-align: center; width: 44px;}
.enlace_header, .enlace_header2{text-decoration:none}
	.enlace_header:hover, .enlace_header2:hover{text-decoration:none!important}
	.enlace_header:visited, .enlace_header2:visited{text-decoration:none!important}

	
/**  MENU SUPERIOR **/
nav{font-size:20px}
.navbar-inverse{
	background-color: #fff;
	border-color: #9d9d9d;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	color: #fff;
	background-color: #ae141e;
}
.navbar-nav > li:hover A, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
	color: #ae141e;
}
.navbar-brand{padding:5px; margin-right: 10px;}
	.navbar-brand IMG{height:100%; width: auto;}
/**  MENU FLOTANTE  **/	
.floating-menu {
	width: 30px;
	z-index: 100;
	position: fixed;
	margin-top:15vh;
	right: 50px;
	
}

.floating-menu UL {list-style-type:none}
	.floating-menu UL LI A{color:#fff; font-size:25px; line-height:30px; text-decoration:none!important;}
		.floating-menu UL LI A:hover{color:#d8504e}
.bullet_active{color:#d8504e!important}
.btn-red{background:#d8504e; padding:10px 10px; color:#fff; font-size:17px; font-family:'sifonnpro'}
A:hover{color:#fff}

#s1{
	background:#95c4df url('../img/bg-min.jpg') left;
	text-align: center;
	height: 100vh;
	background-size:100% 100%;
}
#s1 H1{color:#633503; margin-top:30px}
#s1 IMG{max-width:50%; width:100%; height:auto;}
#s1 P{margin-top:30px; font-size:25px; color:#633503}
#s1 A{display:inline-block; padding:10px 15px; color:#624307; background:#fff; border:3px solid #624307; font-size:15px}

#s2{background:#95c4df url('../img/bg-min.jpg') left;
	text-align: center; height: 100vh; padding-top:20px; background-size:100% 100%;}
#s2 P IMG{max-width:100%; height:auto}
#s2 .col-md-3 P {margin-top:20px; font-size:20px; color:#633503}

#s2 .col-md-3 P SPAN{display:inline-block; padding:20px 25px; font-size:30px; color:#624307; background:#fff; border:3px solid #624307}
#s2 A{display:inline-block; padding:10px 15px; color:#624307; background:#fff; border:3px solid #624307; font-size:15px}

#s3{
	background:#95c4df url('../img/bg-min.jpg') left;
	background-size:100% 100%;
	height: 100vh;
}
#s3 .col-md-4{margin-top:30px}
#s3 .col-md-4 P {margin-top:20px; font-size:25px; color:#633503}

#s3 .col-md-4 P SPAN{display:inline-block; padding:20px 25px; font-size:30px; color:#624307; background:#fff; border:3px solid #624307; width:100%}

/** Responsive **/
@media (max-width: 1280px) {
	.nav{font-size:18px}
	#exploradores-im{width:100%; height:auto; margin-left:0px; margin-top:40vh}
	#titulo-im{width:100%; height:auto; margin-top:40vh}
	#contacto{font-size:30px}
}
@media (max-width: 1023px) {
	.nav{font-size:15px;}
	.nav > li > a{padding: 15px 10px;}
	.floating-menu{display:none;}
	#exploradores{background-size:cover; height: auto; padding-bottom:5vh}
	#dino-img{height:20vh}
	#exploradores-im{margin-top:15vh;}
	#titulo-im{margin-top:1vh; margin-left:0px; width:100%; max-width:500px}
	
	#visitas{background: #faf4a5}
	#visitas .dc-visita{height: 10vh; background-size: contain;}
	.floating-menu{width: 35px; right: 0px;}
	.floating-menu UL{padding-left: 0px;}
	.anterior{left: 4vh; top:30vh}
	.siguiente{right:4vh; top:30vh}
	#infantil{background-size:cover; height: auto; padding-bottom:5vh;}
	.listado-infantil-2 .col-md-6 IMG, .listado-infantil-2 .col-md-4 IMG{width: auto; max-width: 100%;}
	
	#primaria{background-size:cover; height: auto; padding-bottom:5vh;}
	
	#carousel-primaria .owl-item .col-md-4 IMG{width: auto; max-width: 100%; height:auto!important}
	#carousel-primaria .owl-item .col-md-6 IMG{width: auto; max-width: 100%; height:auto!important}
	
	#madrid IMG:first-child{max-height: 80px;}
	#contacto .col-md-6:last-child{padding-top: 1vh;}
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-toggle .icon-bar{background-color: #000;}
	#visitas .dc-visita{margin-top:5vh}
	
	#contacto {font-size:20px}
	
	.listado-infantil-2 .col-md-6, .listado-infantil-2 .col-md-4{height:auto}
	.listado-infantil-2 .col-md-4{margin-bottom:15px;}
	.btn-red{font-size:15px}
	
	#carousel-primaria .col-md-6, #carousel-primaria .col-md-4{height:auto}
	#carousel-primaria .col-md-6 IMG, #carousel-primaria .col-md-4 IMG{width: auto; max-width: 100%; margin-bottom:15px;}
	
	#madrid IMG{margin-top:15px;}
}