body{background-color: #f9f9f9;}
p{color: #999; font-family: 'open sans', arial}

h1{
	font-family: montserrat, arial;
	font-weight: bold;
}

.txtLogo{font-family: montserrat, arial; color: #02315b; font-weight: 700; font-size: 16px;}

#carrusel{
	margin-left: -15px;
	margin-right: -15px;
}

.txtCenterXS{text-align: center;}

#servicios h1, #aplicacion h1, #callcenter h1{
	color: #02315b;
}

.ContentBox{padding: 30px;}

/*BACKGROUNDS*/
#empresa{background-color: #02315b;}
#servicios, #callcenter{background-color: #fff;}
#aplicacion{background-color: #e6e6e6;}
#contacto{background-color: #0c2435;}
footer{background-color: #071721}


.nav-link{
	color: #02315b !important;
	font-weight: bold;
	transition: .2s;
}

.nav-link:hover{
	color: #3eb0f7 !important;
}

.btn-cyan{
	background-color: #3eb0f7;
	border-color: transparent;
	margin-left: 10px;
	color: #fff;
}

.btn-cyan:hover{
	background-color: #0394ed;
	color: #fff;
}

#carrusel{
	border-top: 1px solid #ccc;
}


/*EMPRESA*/
.blueBg{
	background-color: #02315b;
	color: #fff;
}

.greyBg{
	background-color: #dcdcdc;
}

.blueBg p{
	color: #fff;
	font-weight: 300;
}

.titulos{
	margin-bottom: 1em;
}

.banner{
	background-image: url(../img/banner.gif);
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}


/*SERVICIOS*/
.whiteBg{
	background-color: #fff;
}

.iconServ{
	color: #999;
}

.ContentServicios{margin-bottom: 30px;}
.servTit{padding-top: 0px !important}


/*APLICACION*/
.grey2Bg{background-color: #e6e6e6;}

.img-mano{
	margin-top: 30px;
}

.media{
	margin-bottom: 30px;
}

.media:last-child{
	margin-bottom: 0;
}

.media-body p{
	text-align: left;
}

.NumberApp{
	font-size: 3.4em;
	color: #999;
	font-weight: bold;
	font-family: montserrat, arial;
	margin-top: -15px;
}

/*CALLCENTER*/
.phoneBig{
	font-size: 2em;
	color: #3eb0f7;
	font-weight: bold;
}


/*CONATCTO*/
.darkblueBg{
	background-color: #0c2435;
}

#contacto h1, #contacto label, .tWhite, .tWhite a{
	color: #fff;
}

.txtContacto{
	margin-top: 60px;
}

/*FOOTER*/
.footerBg{
	background-color: #071721;
	color: #fff;
}

.footTxt img{
	margin-right: 15px;
	float: left;
	opacity: .8;
}

.footTxt p{
	display: inline;
	color: #fff;
	opacity: .8;
}

.rrssIcon{
	display: inline-block;
	margin-left: 30px;
}

.rrssIcon a{
	color: #fff;
	opacity: .8;
	font-size: 2em;
	transition: .2s;
}

.rrssIcon a:hover{
	color: #3eb0f7;
}

.boxwebpay{
	margin-top: 30px;
	text-align: center;
}
@media (min-width: 768px) { 
	.boxwebpay{
		margin-top: 0;
	}
}

/*ESTBBRAND*/
.EstbBrandWide{background-color: #1a1a1a;}
.EstbBrand{ background-color: #1a1a1a; padding: 10px 0; text-align: center;}
.EstbBrand p{ margin-bottom: 0; color: #999; }
.EstbBrand a{ color: #ccc; }
.EstbBrand a:hover{color: #ffc800;}
@media (min-width: 576px) { .EstbBrandWide{background-color: transparent;}}




@media (min-width: 576px) {
	#carrusel{
		margin-left: 0px;
		margin-right: 0px;
	}

	#empresa, #servicios, #aplicacion, #callcenter, #contacto, footer{
		background-color: transparent;
	}

	.txtCenterXS{text-align: left;}

	/*CONATCTO*/
	.contactBox{
		background-image: url(../img/contactoBg.png);
		background-repeat: no-repeat;
		background-position: 95% 90%;
	}

}

@media (min-width: 768px) {
	.ContentBox{padding: 60px;}

	/*APLICACION*/
	.img-mano{
		position: absolute;
		bottom: -60px;
		left: 60px;
	}

	/*CALL CENTER*/
	.callcenter{
		background-image: url(../img/callcenter.png);
		background-position: right;
		background-repeat: no-repeat;
		min-height: 400px;
		width: 100%;
	}

	.phoneBig{
		font-size: 1.8em;
	}

	/*FOOTER*/
	.rrssIcon a{
		font-size: 2.6em;
	}
}

@media (min-width: 993px) {
	/*CALL CENTER*/

	.phoneBig{
		font-size: 3em;
	}
}


/*SERVICIO DE TURISMO*/
.tituloTurismo{color: #02315b}
.tituloZona{color: #666;}
.subtituloTurismo{color: #fff}

.cardTour{
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	border: none;
	border-radius: 8px;
}

.cardTour .card-body{
	padding: 40px 20px 40px 40px;
}

.cardTour .card-body .card-title{
	color: #02315b;
}

.cardTour ul{
	padding-inline-start: 0px;
}

.cardTour ul li{
	color: #999;
	list-style: none;
}

.boxCardImg{
	overflow: hidden;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.TourExtras{
	font-size: .85em;
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #ddd;
}

.TourExtras p{
	margin-bottom: 5px;
}

.badge-primary{
	padding:10px;
	background-color: transparent;
	border: 1px solid #ddd;
}

.badge-primary{
	color: #02315b;
}

.badge-primary:hover{
	text-decoration: none;
	background-color: #eee !important;
	color: #02315b !important;
}

.flag{
	margin-right: 6px;
	height: 35px;
}