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

/**-------------------- INICIO NORMAL ------------------------**/

#margin-inicio{
	margin-top:81px;
}

/**---------------------- MENÚ -------------------------------**/

.navbar, .navbar-inner{
	min-height:80px;
	background: #00055c; /* Old browsers */
	background: -moz-linear-gradient(top, #00055c 0%, #000787 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00055c), color-stop(100%,#000787)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00055c 0%,#000787 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00055c 0%,#000787 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00055c 0%,#000787 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00055c 0%,#000787 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00055c', endColorstr='#000787',GradientType=0 ); /* IE6-9 */
	border-bottom:1px solid #FFF;
}
.navbar .brand {
	padding:10px 20px 10px;
}
.navbar .nav > li > a {
	padding:30px 19px 30px;
	font-size:17px;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	color:#0F3;
}
@media (min-width: 768px) and (max-width: 1200px) { 
.navbar .nav > li > a {
	padding:30px 5px 30px;
	font-size:15px;
}
.navbar .brand {
	padding:10px 10px 10px;
}
}
.navbar .nav > li > a:hover {
	background-color:#03F;
	color:#0F3;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background-color:#00C;
}
.carousel-caption{
	position:absolute;
	color:#0CC;
	font-size:18px;
}
.carousel-control {
	font-weight: lighter;
	font-size:55px;
	top: 50%;
}
.navbar .divider-vertical{
	border-right:1px #FFFFFF solid;
	height:60px;
	padding:10px 0;
	margin:0px;
}
	
/**-------------------- CAROUSEL LETREROS --------------------**/

#wrapper {
	margin-top:-18px;
	width: 100%;
	position: relative;
	left: 0;
}
#wrapper h {
	font-size: 14px;
	text-align:center;

}
#wrapper > div {
	background-color:#00055C;
	border-bottom: 1px solid #ccc;
	width: 100%;
	height: 30px;
	padding: 15px 0;
	overflow: hidden;
}
#wrapper > div.first {
	border-bottom: none;
	padding:0px;
}
#wrapper dl {
	display: block;
	margin: 0;
}
#wrapper dt, #wrapper dd {
	display: block;
	float: left;
	margin: 3px 10px;
	padding: 10px 10px;
}
#wrapper dt {
	color: #FFF;
}
#wrapper dd {
	color: #FFF;
	margin-right: 50px;
	padding-top:0px;
	font-size:15px;
}
code {
	font-style: italic;
}

/**----------------------- CAROUSEL LOGOS ------------------**/

#wrapper5 {
	
	width: 100%;
	height: 90px;
	position: relative;
	left: 0;
}
#carouselrel1 div {
	text-align: center;
	width: 300px;
	height: 220px;
	float: left;
	position: relative;
}
#carouselrel1 div img {
	border: none;
}
#carouselrel1 div span {
	text-align: center;
	color:#333;
	font-family:futura2ch, futura2ie;
	font-size: 20px;
	display: block;
	margin-top: -30px;
	line-height:20px;
}

/**------------------------- BOTONES  ----------------------**/

.btn-primary{
	background-color:#03F;
}
.btn-primary:hover{
	background-color:#00055C;
}

/**------------------------ SECCIÓN 1  ---------------------**/

.title-index{
	padding-top:24px;
	font-size:20px;
	font-weight:900;
	color:#00055C;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
}
.title-index-1{
	font-size:24px;
	font-weight:900;
	color: #00055C;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
    padding-bottom:5px;
}
.contain-index{
	padding-right:3px;
}
.margin-span{
	margin-bottom:20px;
}
.img-front{
	padding-top:26px;
}

/**--------------------- BORDE BOTTOM ----------------------**/

.border-span{
	border-top:1px #CCCCCC solid;
}

/**----------------------- LINEA HR -------------------------**/

hr {
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}
	
/**---------------- SECCIÓN 2 MENÚ BOTTOM -------------------**/

.colorglobal-azul{
	background-color:#00055C;
}
.padding-row{
	padding:25px 0 20px 0;
}
.padding-row-especial{
	padding:15px 0 20px 0;
}
.title-menu-bottom{
	text-transform:uppercase;
	font-size:14px;
	font-weight:800;
	padding-bottom:3px;
	border-bottom:1px solid #FFF;
	margin-bottom:5px;
}
.text-content{
	color:#FFF;
	text-transform:uppercase;
	font-size:11px;
}

/**----------------------- SECCIÓN 3 -------------------------**/

.all-right{
	text-align:right;
}
.btn-facebook{
	background-color:#03F;
	padding:8px 12px;
}
.btn-facebook:hover{
	background-color:#039;
}
.btn-twitter{
	background-color:#0CF;
	padding:8px 12px;
}
.btn-twitter:hover{
	background-color:#06C;
}
.btn-youtube{
	background-color:#CE1713;
	padding:8px 12px;
}
.btn-youtube:hover{
	background-color:#B11605;
}

/**----------------------------- FOOTER ------------------------------**/
.foot{
	text-align:center;
	color:#FFF;
	padding:6px 0 3px 0;
}
.email-class{
	text-transform:none;
	font-size:14px;
}

/**-------------------------- SECCIÓN DESCRIPTION --------------------**/

.content-text-description{
	padding-top:30px;
}
.content-text-description-1{
	padding-top:2px;
}
h1, h2, h3, h4{
	margin:4px 0px;
	line-height:30px;
}
.label {
	min-height:15px;
	vertical-align:middle;
	font-weight:500;
}
.title-city{
	background-color:#00055C;
	color:#FFF;
	padding:7px 0 10px 5px;
	font-size:14px;
}

/**========================================ESTILO WEATHER===========================================**/
/* Docs at http://simpleweather.monkeecreate.com */

#weather, #weather2, #weather3 {
    background-color:#00055C;
	height:150px;
    padding: 5px 8px;
    overflow: hidden;
    border: 1px solid #6591b3;
	float:left;
}
#weather p, #weather2 p, #weather3 p {
    font-size: 22px;
	line-height:28px;
	color:#FFF;
    margin: 25px 0 5px 0;
}
#weather p span, #weather2 p span, #weather3 p span {
    font-size: 16px;
	line-height:18px;
	color:#FFF;
}
#weather a, #weather2 a, #weather3 a {
    display: block;
    clear: both;
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
}
#weather a:hover, #weather2 a:hover, #weather3 a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/**----------------------------- CONTACT --------------------------**/	

.content-contact{
	color: #00055C;
}
.imputs{
	padding:25px;
}
.direction{
	padding:25px;
}
.header-input{
	color: #00055C;
	font-size:18px;
	font-weight:700;
	padding-bottom:-5px;
	text-shadow:1px 2px 1px #E6E6E6;
}
.dir-contact{
	color: #00055C;
	font-size:17px;
	padding-top:10px;
}
.distance{
	margin-bottom:5px;
}
.border-l{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	border-right:1px solid #CCCCCC;
}

/**============================= ESTILO LINKS ============================**/

a {
	color:#FFF;
}
a:hover, a:focus {
	color:#FFF;
	text-decoration:none;
}
.esp, .esp:hover, .esp:focus {
	color:#555555;
	text-decoration:none;
}
.btn-ytb{
	background-color:#EE210B;
}
.btn-ytb:hover{
	background-color:#C52323;
}
.redes-icon{
	padding:10px 0;
}
.info{
	padding:15px 0 10px 30px;
	color:#FFF;
	font-size:24px;
	font-weight:300;
}
.terms-2{
	padding:50px 0;