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

/* Set different styles for the element you want to override */
html, body, div, p, table, tr, td, th, tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav, a.carousel-control {
	font-family: "Asap";
}
body {
	background-color: #22282d;
}
h1, h2, h3, h3 a, h4, h5, h6 {
	font-family: "Roboto Slab";
}
#top {
	background-color: #FFFFFF;
	border-color: #44464f;
}
#home nav li a {
	color: #003366;
}
#home nav li a:hover {
	color: red;
}
@media (min-width: 760px) {
	#home nav li a {
		font-size: 1.2em;
	}
	#home nav ul {
		margin-top: 4em;
	}
}
.navbar-toggle {
	/*  background-color: #000; del bootsrap.css*/
	background-color: #ececec;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #003366;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	/*background: none!important; del main.css*/
}
.navbar a.navbar-brand {
	/* color: #fff; del main.css */
	color: #003366;
}
.pic_box:hover h3, #copyright, h3.section-title, input.btn-custom, a.btn-custom {
	background-color: #5fa2ec;
}
h3.section-title a {
	color: #FFFFFF;
	font-size: 20px;
}
.panel-default > .panel-heading a span, #quotes .carousel-inner .item blockquote cite span {
	background-color: #5fa2ec;
}
#informacion, .navbar, #itinerary, #quotes {
	background-color: #ececec;
}
a, a:hover, .unordered-list li:before, .grid li figcaption h5 {
	color: #2aa9c9;
}
.panel-heading h4 a, #subscribe, #home .carousel-caption h3, a.top {
	background-color: #FF8000;
}
#promo i, #clima i, #imptips i, #quotes .quote-box i.fa-quote-right, #contact i, #informacion i {
	color: #FF8000;
}
#clima iframe + small a, #clima iframe + small a * {
	color: #2aa9c9;
}
h3, h5 {
	color: #44464f;
}

::selection {
	background-color: #44464f;
	color: #fff;
}
::-moz-selection {
	background-color: #44464f;
	color: #fff;
}

/*Estilos nuevos de las secciones*/
/* promo */
#promo {
	text-align: center;
	padding: 7em 0 8em 0;
	box-shadow: 0 -1px 0 0 rgba(255,255,255,0.3);
	background: #003366;
}
#promo h1, #promo h2, #promo h5 {
	color: white;
}
#promo h5 {
	opacity: 0.6;
	line-height: 1.7em;
}
#promo i {
	color: #fff;
	margin-right: 0;
}
.fa-plane {
	color: #grey;
}
#informacion {
	background-color: #f2ede6;
	border: 1px solid rgba(255,255,255,0.7);
	border-style: solid none;
}
#informacion .sticky_box {
	display: block;
	background: #5fa2ec;
}
#informacion .sticky_box:hover {
	background: #fff;
}
#informacion .sticky_box p {
	padding: 1em 2em 2em 2em;
}
.grid li figcaption h5 {
	margin: 0 0 0 0;
	line-height: 1em;
}

#informacion .pic_box {
	margin-bottom: 2em;
}
#informacion .sticky_box h5 {
	background: #fff;
	padding: 1em 1.5em;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

@media (min-width: 760px) {
	p.adpatar {
		margin-top: -18px;
		font-size: 13px;
	}
}
/* clima */
#clima * {
	color: #fff;
}
#clima {
	background: #003366;
	border: 1px solid rgba(0,0,0,0.7);
	border-style: solid none;
}

#clima h3 {
	margin: 0 0 1em 0;
}
#clima .map iframe + small {
	display: block;
	background: #fff;
	padding: 0.4em;
	border-top: 1px solid rgba(0,0,0,0.3)
}
#clima .map {
	border: 8px solid rgba(0,0,0,0.8);
}
#itinerario {
	background: #ececec;
	border: 1px solid rgba(0,0,0,0.7);
	border-style: solid none;
}
#contact {
	background-color: #003366;
	border: 1px solid rgba(255,255,255,0.7);
	border-style: solid none;
}

@media (min-width: 600px) {
	.ladaselect {
		float: left;
		width: 20%;
	}
	.ladatext {
		float: right;
		width: 79%;
	}
}
#contact select {
	color: #fff;
}

#contact select option {
	margin: 40px;
	background: rgba(0,0,0,0.3);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}
#contact a {
	color: #2aa9c9;
}
#copyright {
	background-color: #5fa2ec;
	border: 1px solid rgba(255,255,255,0.7);
	border-style: solid none;
}