@charset "UTF-8";

/*-------------------------------------------------
=  Import Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Maven+Pro");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=Catamaran:700");
@import url("https://fonts.googleapis.com/css?family=Rock+Salt");
@import url('https://fonts.googleapis.com/css?family=Alfa+Slab+One');
/*-----------------------------------------
font-family: 'Maven Pro', sans-serif;
font-family: 'Catamaran', sans-serif;
font-family: 'Rock Salt', cursive;
azul: #004483
--------*/
#newsletter-form form .form-input span.form-button{
	height: 45px;
}
.titulazo{
	font-family: 'Alfa Slab One', cursive;
}
.checkbox label, .radio label{
	font-weight: normal;
	font-family: 'Maven Pro', sans-serif;
	font-size: 12px;
}
#page-content #showcase-projects .item .showcase-project span.read, #page-content #showcase-projects .item .showcase-trek span.read, #page-content #showcase-treks .item .showcase-project span.read, #page-content #showcase-treks .item .showcase-trek span.read{
	font-size: 16px;
}
#page-content #flexslider, #page-content #flexslider-nav {
	margin-top: 0px;
}
/* ESTO ES POR SI VUELVO A PONER LA CABECERA AZUL
header nav.navbar #menu .menu-holder ul li a.active, header nav.navbar #menu .menu-holder ul li a.active-item, header nav.navbar #sidemenu .menu-holder ul li a.active, header nav.navbar #sidemenu .menu-holder ul li a.active-item, header nav.navbar #menu-classic .menu-holder ul li a.active, header nav.navbar #menu-classic .menu-holder ul li a.active-item{
	color: white;
}
header nav.navbar #menu .menu-holder ul li a:hover, header nav.navbar #sidemenu .menu-holder ul li a:hover, header nav.navbar #menu-classic .menu-holder ul li a:hover {
  color: white;
}

header nav.navbar #menu .menu-holder ul li a.active, header nav.navbar #menu .menu-holder ul li a.active-item, header nav.navbar #sidemenu .menu-holder ul li a.active, header nav.navbar #sidemenu .menu-holder ul li a.active-item, header nav.navbar #menu-classic .menu-holder ul li a.active, header nav.navbar #menu-classic .menu-holder ul li a.active-item {
  color: white;
}*/
.centra{
	text-align: center;
}
.mt-5{
	margin-top: 50px;
}
.gran_video{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
/* iframe, object y embed depende del programa del que saque el video y asi ponga el video de donde lo ponga me va a coger la formula bien*/
#mapacont{
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
}
#page-content #showcase-treks .one-item .showcase-trek{
	margin: 10px;
}
.content-section .text {
	padding-left: 10px;
	padding-right: 10px;
}
#page-content #showcase-projects .item .showcase-project span.read, #page-content #showcase-projects .item .showcase-trek span.read, #page-content #showcase-treks .item .showcase-project span.read, #page-content #showcase-treks .item .showcase-trek span.read {
	width: 100%;
	left: 0;
	top: 70%;
}
#page-content #showcase-projects .item .showcase-project, #page-content #showcase-projects .item .showcase-trek, #page-content #showcase-treks .item .showcase-project, #page-content #showcase-treks .item .showcase-trek {
	box-shadow: none;
}
#page-content #showcase-projects .item .showcase-project span.read, #page-content #showcase-projects .item .showcase-trek span.read, #page-content #showcase-treks .item .showcase-project span.read, #page-content #showcase-treks .item .showcase-trek span.read.read2{
	height: 100%;
	top: 20px;
}
header nav.navbar #menu .menu-holder ul li a, header nav.navbar #sidemenu .menu-holder ul li a, header nav.navbar #menu-classic.sinslider .menu-holder ul li a{
color: #2F2911;
}
header nav.navbar #logo a.navbar-brand img {
max-height: 60px;
}
header nav.navbar #logo a.navbar-brand {
padding: 10px 0;
}
.sponsor-carousel .item.grande img{
	max-width: 50%;
}
/*-----MOVIL---------*/
@media screen and (max-width: 640px) {

	#page-content #showcase-treks .one-item .showcase-trek{
	margin: 25px;
	}
	.content-section .text {
		padding: 90px;
	}
}