@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');
/* ESTILOS PRINCIPALES */
.ml0 {
	margin-left: 0 !important
}
.ml5 {
	margin-left: 5px !important
}
.ml10 {
	margin-left: 10px !important
}
.ml15 {
	margin-left: 15px !important
}
.ml20 {
	margin-left: 20px !important
}
.ml25 {
	margin-left: 25px !important
}
.mr5 {
	margin-right: 5px !important
}
.mr10 {
	margin-right: 10px !important
}
.mr15 {
	margin-right: 15px !important
}
.mr20 {
	margin-right: 20px !important
}
.mr25 {
	margin-right: 25px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mb5 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.mt0 {
	margin-top: 0 !important
}
.mt5 {
	margin-top: 5px !important
}
.mt10 {
	margin-top: 10px !important
}
.mt15 {
	margin-top: 15px !important
}
.mt20 {
	margin-top: 20px !important
}
.mt25 {
	margin-top: 25px !important
}
.ocultar{ display:none}
body{ color:#4b5457}
a{ color:#d50171; text-decoration: underline; transition: color 0.3s ease-in-out;}
a:hover, a:focus {color:#971359 ; text-decoration: none}
/*### HEADER ###*/
.top {
	/*background-image:url(../Images/bg-head.png);
	background-repeat:repeat-x;
	background-color:#d50171;*/
	background-color: white;
	padding: 20px 0;
	margin-bottom: 60px;
}
.top h1{
    font-family: 'Ubuntu', sans-serif !important;
    color:#fff;
    font-weight:600;
    text-transform: capitalize;
    text-align:center;
    font-size: 30px;
    margin:0px;
}
.logo-top img{max-height:70px;}
#divLogoAgencia img{max-height:70px;float:right;}
/*### MENU-TOP ###*/
.navbar-top{ background-color:#fff; border-radius:0px; border:none; box-shadow: inset 0px 19px 5px -16px rgba(0, 0, 0, 0.11);padding:0;display:block; }
.navbar-nav li a:hover { /*background-color:#6b6f71; box-shadow: inset 0px 19px 5px -16px rgba(0, 0, 0, 0.11);*/
	color: white !important;
	background-color: #f80b78;
}
.navbar-nav li a {
	color: #333333 !important;
	font-family: "Ubuntu", sans-serif !important;
	font-weight: 600;
	font-size: 17px;
	transition: background-color 0.3s ease-in-out;
	text-decoration: none;
	padding:22px 10px;
}
.navbar-toggle .icon-bar {background-color: white;}
.navbar-toggle {border: 1px solid rgba(255, 255, 255, 1); border-radius: 0px;}
.navbar .pull-right li a{background-color:#5a5a5a; box-shadow: inset 0px 19px 5px -16px rgba(0, 0, 0, 0.11);}
.navbar .pull-right li a:hover{background-color:#9E9E9E}
.navbar .pull-right li{ border-right:1px solid #8f8f8f}
.navbar .pull-right li:last-child{ border-right:none}
.headerWidGet {
    background: #000000;
    color: #ffffff;
    display: block;
    font-size: 20px;
    line-height: normal;
    padding: 4px 0 6px ;
    margin-bottom: 20px;
    cursor: move;
    position: absolute;
    display: none;
    opacity: .7;
    z-index: 999;
}
/*### FOOTER ###*/
.footer{ background-color:#333333; margin-top:0; padding:40px 0; font-size:12px; color:#959595;position:relative;}

.footer h4{ color:#fff; font-family: 'Ubuntu', sans-serif !important; font-weight:400; font-size:15px; padding:0px; margin:0 0 20px 0}
.footer a, .footer i{color:#959595; transition: color 0.2s ease-in-out;}
.footer a:hover{color:#fff; text-decoration:underline}
.social-footer i{
width: 44px;
height: 44px;
display: inline-block;
padding: 5px;
margin-bottom: 10px;
text-align: center;
font-size: 18px;
background: #959595;
border-radius: 50%;
color: #4b5457;
font-size: 25px;
line-height: 35px;
transition: color 0.2s ease-in-out;}
.social-footer i:hover{color:#fff}
.direccion-footer{font-size:13px}
.subfooter{ background:#1e1e1e; padding:10px 0; color:#4b5457; font-size:12px}
.subfooter a{color:#4b5457; transition: color 0.2s ease-in-out;}
.subfooter a:hover{color:#3C3C3C}
/*### SLIDER ###*/
.nivo-caption .Titulo{ font-size:40px; color:#fff; line-height: 40px; margin-bottom:10px}
.nivo-caption .Subtitulo{ font-size:24px; color:#fff; line-height: 30px;}
.nivo-caption .Descripcion{ font-size:16px; color:#fff; line-height: 20px;}
.nivo-caption .Precio{font-size:50px; font-weight:bold; line-height:50px; color:#fff; margin-top:15px}
.nivo-caption a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:999}
/*### HOME ###*/
.home{ min-height:600px}
.home > .container{ margin-top:40px}
.seccion{font-family: "Titillium Web", sans-serif !important; font-weight:500; font-size:30px; color:#4b5457; border-left:5px solid #d50171; padding-left:10px; text-transform: uppercase; margin: 0 0 20px 0;}
.theme-default .nivoSlider{ margin-bottom:0 !important}
.col-md-6 .nivoSlider{height: 377px !important; margin-bottom:0}
.col-md-6 .nivoSlider img{ height:100% !important; width:auto !important}
.col-md-6 .nivo-caption .Titulo{ margin-bottom:0 !important}
/*### WIDGET 10 VIAJES DE NIVEL ###*/
.Item10{
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: left;}
.Item10 .enlace{ display:block; position:absolute}
.layer{ position:absolute; background-color:rgba(213, 1, 113, 0.7); color:#fff; left:15px; bottom:20px; width:80%; padding:15px; z-index:2; transition: background-color 0.3s ease-in-out;}
.layer h3{ margin:0; font-size:25px}
.layer p{ margin-bottom:0; font-size:12px; height:45px}
.layer .precio-oferta{ font-size:35px; line-height: 35px; margin-top: 10px; color:#fff}
.Item10 .enlace{display: block;
position: absolute;
height: 100%;
top: 0;
left: 15px;
z-index: 2;
right: 15px;}
.Item10 .layer-hover{
display: block;
position: absolute;
height: 100%;
top: 0;
left: 15px;
z-index: 1;
right: 15px;
background-color:rgba(213, 1, 113, 0.0);
transition: background-color 0.3s ease-in-out;}
.Item10:hover .layer-hover{background-color:rgba(213, 1, 113, 0.7) }
.Item10:hover .layer{background-color:rgba(213, 1, 113, 0.0) }
.slick-prev{right: 50px;}
.slick-next{right: 15px;}
.slick-prev, .slick-next {
position: absolute;
top: -55px;
font-size: 0;
line-height: 0;
width: 30px;
height: 30px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: rgb(213, 1, 113);
}
.slick-prev:before, .slick-next:before {
line-height: 1;
color: white;
display: inline-block;
font: normal normal normal 14px/1 'Font Awesome 5 Pro';
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.slick-next:before {content: "\f061";}
.slick-prev:before {content: "\f060";}
/*### WIDGET LISTADO OFERTAS ###*/
.head-widget{ position:relative; height: 170px; overflow: hidden;}
.head-widget-panavision{ position:relative; height: 120px; overflow: hidden;}
.head-widget img{ width:100%}
.titulo-widget{
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 20px;
/*width: 80%;*/
padding: 5px 15px;
font-size: 35px;
font-weight: 500;
line-height: 35px;}
/*.titulo-widget14{
	font-size: 23px;
    padding: 10px 15px;
    line-height: 27px;
}
.titulo-widget14 .subtitulo-widget{
	font-size: 14px;
    line-height: 15px;
}*/
.subtitulo-widget{
	font-size:15px;
	padding: 10px;
	font-family: "Titillium Web", sans-serif !important;
    font-weight: 600;
	line-height: 16px;
    border-bottom: 1px solid #E3E3E3;
	color: #535353;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(76%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.body-widget ul li{ border-bottom:1px solid #e3e3e3; padding:10px; overflow:hidden; transition: background-color 0.2s ease-in-out; position:relative}
.body-widget .data-item{ padding-right:70px}
.body-widget .nombre-item{font-weight:600; font-size:14px}
.body-widget .desc-item{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px;}
.body-widget .price-item {
    float: right;
    width: 92px;
    text-align: right;
    font-weight: bold;
    font-size: 17px;
    color: #d50171;
    padding: 6px 0;
}
.body-widget .enlace-item{display: block;
position: absolute;
height: 100%;
top: 0;
left: 0px;
 width:100%}
.body-widget ul li:hover{ background-color:#F2F2F2}

/*### WIDGET LISTADO OFERTAS CON FOTO ###*/
.head-widget-foto{ position:relative; height: 170px; overflow: hidden;}
.head-widget-foto img{ width:100%}
.titulo-widget-foto{
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 20px;
width: 80%;
padding: 5px 15px;
font-size: 35px;
font-weight: 500;
line-height: 35px;
}
.body-widget-foto ul li{
	border-bottom:1px solid #e3e3e3;
	overflow:hidden;
	transition: background-color 0.2s ease-in-out;
	position:relative;
	padding: 15px;
}
.body-widget-foto .data-item{
	float: left;
    margin-left: 15px;
    width: 60%;
}
.body-widget-foto .nombre-item{margin-bottom: 5px;font-weight:600; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.body-widget-foto .desc-item{font-size: 12px;}
.body-widget-foto .foto-item{float:left; width:100px;}
.body-widget-foto .price-item{text-align:right; font-weight:bold; font-size:20px; color:#d50171; float: right; line-height: 57px;}
.body-widget-foto .enlace-item{display: block;
position: absolute;
height: 100%;
top: 0;
left: 0px;
 width:100%}
.body-widget-foto ul li:hover{ background-color:#F2F2F2}


/*### WIDGET TOP CRUCEROS ###*/
.head-widget-cruceros{ position:relative; height: 170px; overflow: hidden;}
.head-widget-cruceros img{ width:100%}
.titulo-widget-cruceros{
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 20px;
width: 80%;
padding: 5px 15px;
font-size: 35px;
font-weight: 500;
line-height: 35px;}
.body-widget-cruceros ul li{ border-bottom:1px solid #e3e3e3; padding:10px 80px 10px 80px; overflow:hidden; transition: background-color 0.2s ease-in-out; position:relative;}
.body-widget-cruceros .data-item{position: relative;float: left;width: 100%; padding:0 10px}
.body-widget-cruceros .nombre-item{font-weight:600; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.body-widget-cruceros .desc-item{font-size: 12px;}
.body-widget-cruceros .foto-item{position: relative; float: left; width: 70px; right: 70px; margin-left: -100%;}
.body-widget-cruceros .foto-item img{outline: 1px solid #BDBDBD; border: 2px solid #fff;}
.body-widget-cruceros .price-item{text-align:right; font-weight:bold; font-size:20px; color:#d50171; padding: 6px 0 0 0; float: left;
width: 70px;
margin-right: -70px;
position: relative;}
.body-widget-cruceros .enlace-item{display: block;
position: absolute;
height: 100%;
top: 0;
left: 0px;
 width:100%}
.body-widget-cruceros ul li:hover{ background-color:#fff}
.nombre-item .Ship{font-weight: normal; font-size: 12px;}
.titulo-mes{background-color: #D50171;
color: #fff;
padding: 5px 10px;
font-size: 16px;}
.templateCruceros .ui-widget-content {
border: none;
background: none;
color: #4b5457
}
.templateCruceros .ui-tabs{ padding:0}
.ContenidosTabsTopCruceros{background-color: #F6F6F6;}
.CabecerasTopCruceros .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #F6F6F6 !important; background: #F6F6F6 !important; transition: background 0.3s ease-in-out;}
.CabecerasTopCruceros .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #D50E72 !important}
.templateCruceros .ui-tabs .ui-tabs-panel {padding:0}
.templateCruceros .ui-tabs .ui-tabs-nav{ padding:0}
.templateCruceros .ui-widget-header{ border:none; background-color:#fff}
.templateCruceros .ui-state-active a,
.templateCruceros .ui-state-active a:link,
.templateCruceros .ui-state-active a:visited {
	color: #fff !important;
	text-decoration: none;
}
.templateCruceros .ui-state-default a,
.templateCruceros .ui-state-default a:link,
.templateCruceros .ui-state-default a:visited {
	color: #4b5457;
	text-decoration: none;
}


/*## WIDGET OFERTA DESTACADA SOLO UNA OFERTA ##*/
.destacada-head{ position:relative; height:auto; overflow:hidden}
.destacada-head img{ width:100%;}
.titulo-destacada {
	/*position: absolute;
background-color: rgba(213, 1, 113, 0.7);*/
	color: #333333;
	left: 0;
	bottom: 20px;
	width: 100%;
	padding: 0;
	font-size: 25px;
	font-weight: 600;
	margin: 0;
	z-index: 2;
	transition: background-color 0.3s ease-in-out;
	margin-bottom: 20px;
}
.Descripcion {font-size:14px;}
.body-destacada {
	color: #707070;
	padding: 15px;
	border-bottom: 1px solid #d6d4d4;
	background-color: #f6f6f6;
	overflow: hidden
}
.precio-destacada{ float:left;  line-height:25px; font-size: 12px; color:#707070; font-weight:normal}
.precio-destacada span{display: block; font-weight:bold; font-size:35px; color:#d50171;}
.destacada-head .layer-hover{
display: block;
position: absolute;
height: 100%;
width:100%;
top: 0;
left: 0;
z-index: 1;
background-color:rgba(213, 1, 113, 0.0);
transition: background-color 0.3s ease-in-out;
cursor:pointer}
.destacada-head:hover .layer-hover { background-color:rgba(255, 255, 255, 0.5);
}
.destacada-head:hover .titulo-destacada { /*background-color:rgba(213, 1, 113, 0.0)*/
}

/*### WIDGET LINK*/
.destacada-link-head{ position:relative; height:170px; overflow:hidden}
.destacada-link-head-sinalto{ position:relative;   overflow:hidden;text-align:center;}
.destacada-link-head .layer-hover-link{
display: block;
position: absolute;
height: 100%;
width:100%;
top: 0;
left: 0;
z-index: 1;
background-color:rgba(213, 1, 113, 0.0);
transition: background-color 0.3s ease-in-out;
cursor:pointer}

.destacada-link-head-sinalto .layer-hover-link{
display: block;
position: absolute;
height: 100%;
width:100%;
top: 0;
left: 0;
z-index: 1;
background-color:rgba(213, 1, 113, 0.0);
transition: background-color 0.3s ease-in-out;
cursor:pointer}



/*### WIDGET HOTELES TEMPORADA ###*/
.head-widget-temporada{ position:relative; height: 170px; overflow: hidden;}
.head-widget-temporada img{ width:100%}
.titulo-widget-temporada{
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 20px;
width: 80%;
padding: 5px 15px;
font-size:17px;}
.titulo-ciudad{ display:block; font-size:28px; line-height:28px; font-weight: 500;}
.tituloFechas{ font-size:17px; margin-top:5px; line-height:20px; display:block}
.body-widget-temporada ul li{ border-bottom:1px solid #e3e3e3; padding:5px 10px; overflow:hidden; transition: background-color 0.2s ease-in-out; position:relative}
.body-widget-temporada .data-item{ padding-right:70px}
.body-widget-temporada .nombre-item{font-size:13px; margin-top: 2px; display: inline-block;}
.body-widget-temporada .desc-item{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; color: #D50171;}
.body-widget-temporada .price-item{ float:right; width:70px; text-align:right; font-weight:bold; font-size:15px; color:#d50171; padding: 0;}
.body-widget-temporada .enlace-item{display: block;
position: absolute;
height: 100%;
top: 0;
left: 0px;
 width:100%}
.body-widget-temporada ul li:hover{ background-color:#F2F2F2}

/*### WIDGET VENTANILLA DE PAGO ###*/
.titulo-ventanilla{ padding:5px 10px; color:#fff; background-color:#d50171; font-family: "Titillium Web", sans-serif !important; font-weight:600; font-size:20px; }
.FormularioVentanillaPago-Box{
	color: #707070;
padding: 15px;
border-bottom: 1px solid #d6d4d4;
background-color: #f6f6f6;
overflow: hidden;}
.ResumenVentanillaDePago{ color:#d50171; font-size:13px; margin-top:5px}
.head-widget-ventanilla{ position:relative; height: 250px; overflow: hidden;}
.head-widget-ventanilla img{ width:100%}
.titulo-widget-ventanilla{
text-align:center;
font-family: "Titillium Web", sans-serif !important;
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 72px;
width: 100%;
padding: 10px;
font-size: 30px;
font-weight: 500;
line-height: 30px;}
.titulo-widget-ventanilla span{font-size: 16px; display: block; line-height: 20px; margin-top:5px}
.enlace-item{display: block;
position: absolute;
height: 100%;
top: 0;
left: 0px;
 width:100%}
 .col-md-4 .FormularioVentanillaPago-Box input{ width:150px; margin-bottom:10px}
 
 
 
 
/*### LISTADO Y DETALLE OFERTAS ###*/
.validez-oferta{
margin-left: 20px;
font-size: 25px;
float: left;
line-height: 20px;
}
.validez-oferta span{display: block; font-size: 12px; color:#707070; font-weight:normal}
.ordenacion {
border-bottom: 1px solid #eee;
margin-bottom: 15px;
padding-bottom: 10px;
overflow: hidden;
}
.paginado {
	font-size: 13px;
	border-bottom: 1px solid #D50171;
	color: #717171;
	font-weight: bold;
	float: right;
	overflow: hidden;
	padding: 10px 15px;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(76%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 76%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.paginado i{
	font-size: 24px;
	margin-top: -3px;
}
.paginado ul li {float: left;margin: 0 5px;}
.listado-ofertas li{ margin-bottom:30px; min-height: 326px;}
.ofertas-head{ position:relative}
.ofertas-head img{ width:100%; height:175px}
.titulo-ofertas{
position: absolute;
background-color: rgba(213, 1, 113, 0.7);
color: #fff;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
font-size: 25px;
font-weight: 500;
text-align:center;
margin:0;
z-index:2;
transition: background-color 0.3s ease-in-out;}
.body-ofertas{ color:#707070; padding:15px; border-bottom:1px solid #d6d4d4; background-color:#f6f6f6; overflow:hidden}
.precio-oferta{ float:left; font-weight:bold; font-size:25px; color:#d50171; line-height:20px }
.precio-oferta span{display: block; font-size: 12px; color:#707070; font-weight:normal}
.info-btn{ float:right; width:150px; text-align:right; margin-top:17px}
.ofertas-head .layer-hover{
display: block;
position: absolute;
height: 100%;
width:100%;
top: 0;
left: 0;
z-index: 1;
background-color:rgba(213, 1, 113, 0.0);
transition: background-color 0.3s ease-in-out;
cursor:pointer}
.ofertas-head:hover .layer-hover{background-color:rgba(213, 1, 113, 0.7) }
.ofertas-head:hover .titulo-ofertas{background-color:rgba(213, 1, 113, 0.0) }
.content-destacado-ofertas{ color:#707070; padding:15px; border-bottom:1px solid #d6d4d4; background-color:#f6f6f6; }
.content-destacado-ofertas ul li{ margin-bottom:5px}
.destacado-precio-ofertas{ padding:15px; background-color:#fff; border-bottom:1px solid #d6d4d4}
.destacado-precio-ofertas span {font-size: 30px;font-weight: bold;color: #0490b4; color:#d50171;}
.contenido-oferta h1{ 
font-family: "Titillium Web", sans-serif !important;
font-weight: 500;
font-size: 40px;
color: #4b5457; 
margin:0 0 20px 0;
border-bottom: 1px solid #D50171;
padding-bottom: 10px;
}
.contenido-oferta ul{
    list-style-type: disc;
    margin: 10px 0 10px 30px;
}
.contenido-oferta .fa-ul{
	list-style-type: none !important;
}
/*### BUSCADOR HOTELES ###*/
.buscador-hoteles{
background-color: #D50171;
padding: 10px;
color: #fff;
overflow: hidden;}
.titulo-hoteles{ font-size:25px; margin-bottom: 10px;}
.buscador-hoteles p{ margin-bottom:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tt-query, .tt-hint {height: auto !important}
.twitter-typeahead{ width:100%}
.tt-dropdown-menu{ color:#4b5457; margin-top: 0px !important}
.col-md-4 .buscador-hoteles .boton-buscador{ font-size:14px}

/*### BUSCADOR VUELOS ###*/
.buscador-vuelos{
background-color: #636769;
padding: 10px;
color: #fff;
overflow: hidden;}
.titulo-vuelos{ font-size:25px; margin-bottom: 10px;}
.col-md-4 .buscador-vuelos .boton-buscador{ font-size:14px}
/*### BOTONES ###*/
.boton-buscador{background-color: #fff;
border: none;
padding: 8px;
color: #D50171;
font-weight: bold;
font-size: 17px;
display: block;
width: 100%;
height: 34px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-decoration:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.boton-buscador:hover{background-color: #4B5457; color:#fff}
.boton {
border: none;
font-family: inherit;
font-size: inherit;
cursor: pointer;
padding: 8px 8px 8px 45px;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #d50171;
color:#fff;
text-decoration:none;
font-size:12px
}
.btninv{background: #fff; color:#d50171}
.btninv:before{ color:#fff}
.boton:hover{background: #971359; text-decoration:none; color:#fff}
.boton:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.boton:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
font: normal normal normal 14px/1 'Font Awesome 5 Pro';
background: #971359;
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 33px;
font-size: 14px;
width: 35px;
text-align: center;
}
.plus:before{content: "\f067";}
.pdf:before{content: "\f1c1";}
.info:before{content: "\f129";}
/*.next:before{content: "\f061";}*/
.search:before{content: "\f002";}
.send:before, .sendC a:before{content: "\f00c";}


.form-control{ border-radius:0}


/*FORMULARIOS COLITE*/
.botonC a {
border: none;
font-family: inherit;
font-size: inherit;
cursor: pointer;
padding: 8px 8px 8px 45px;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: #d50171;
color:#fff;
text-decoration:none;
font-size:12px
}
.botonC a:hover{background: #971359; text-decoration:none; color:#fff}
.botonC a:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.botonC a:before {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
font: normal normal normal 14px/1 'Font Awesome 5 Pro';
background: #971359;
position: absolute;
height: 100%;
left: 0;
top: 0;
line-height: 33px;
font-size: 14px;
width: 35px;
text-align: center;
}
.plusC a:before{content: "\f067";}



.formularioContacto .x-form-item, .formulario .x-form-item {margin-bottom: 14px;}
.x-column-layout-ct {display: inline-block;}
.x-form-element input{height: 21px !important;}
.ordenacion .x-form-element{ width:auto !important}
            /*Alto General Campos*/
            .JaimeContenedor .x-form-text
            {
                height: 30px !Important;
                font-size: 15px !Important;
            }
            
            /*De todos los items margen inferior*/
            .JaimeContenedor .x-form-item
            {
                margin-bottom: 14px;
            }
            
            /*Label de todos los items*/
            .JaimeContenedor .x-form-item-label
            {
                height: 30px !Important;
                line-height: 30px !Important;
                padding: 0px !Important;
            }
            
            /*De los combos el estilo del desplegable*/
            .JaimeContenedor .x-form-arrow-trigger
            {
                background-size: 123px 36px !important;
                background-repeat: no-repeat !important;
                height: 30px !important;
                width: 20px !important;
            }
            
            /*Cuando el combo está desplegado*/
            .JaimeContenedor .x-form-trigger
            {
                background-position: 0px 0px  !important;
            }
            
            /*De los combos el estilo del desplegable en over*/
            .JaimeContenedor .x-form-trigger-over
            {
                background-position: -21px 0px  !important;
            }
            
            
            /*Calendario*/
            .JaimeContenedor .x-form-date-trigger
            {
                background-size: 123px 36px !important;
                background-repeat: no-repeat !important;
                height: 30px !important;
                width: 20px !important;
            }
            
            /*CheckBox*/
            .JaimeContenedor .x-form-cb-label {
                position: relative;
                margin-left: 8px;
                top: 6px;
            }
              
            /*Link Boton*/
            .ext-naranja a
            {
                color: White;
                font-size: x-large;
                background-color: #d50171;
                padding: 7px 20px 7px 20px;
                transition: background-color 0.5s ease;
                text-decoration:none;
                font-family: inherit;
                font-size: 14px;
                display: inline-block;
                text-transform: uppercase;
            }
            
            .ext-naranja a:hover
            {
                background-color: #971359;
            }



.headerLayout {
    background: rgba(0, 0, 0, 0.5);
}

.widget {
    margin: 0;
    padding: 0;
    min-height: 15px;
	margin-bottom:0;
}

.layout {
	margin: 0;
	padding: 0;
	min-height: 15px;
	width: 100%;
}

.layoutMini {
	margin: 0;
	padding: 0;
	min-height: 15px;
	width: 60%;
	/*margin-left: 25%;*/
}

.placeholderZone {
    background: #ffd3e0 !important;
}

.dropWidGet{
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 50px!important;
}

.dropLayout{
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 50px!important;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.toolBar{
    top: 20px;
    left: -85px;
    position: fixed;
    background-color: #d3d3d3;
    z-index: 99;
}

.toolBar ul{
    list-style-type: none;
    padding: 5px;
    margin: 5px;
}

.toolBar li{
    text-align: center;
    margin: 5px 0px;
    padding: 0px;
    width: 75px;
    min-height: 30px;
    cursor: 'move';
}

.toolLayout {
    background-color: #aafff8;
}

.toolWidGet {
    background-color: #dfc1ff;
}

.modal-backdrop.in
{
    position:fixed;
}

.invalid {
    background-color: #f2dede !important;
}

.cfgImagenes li
{
    float: left;
}
.table-10 thead tr{
	background-color: #971359;
	color: white;
}
.table-10 thead tr th{
	border-bottom-width: 1px !important;
	font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding: 8px 10px;
}
.table-10 tbody tr td strong{
	color: #971359 !important;
}

/*##### REPONSIVE######*/

/* Large desktop */
@media (min-width: 1200px) {
.navbar-collapse {
padding-right: 0px !important;
padding-left: 0px !important;
}
.col-md-4 .opciones-vuelo .form-control {padding: 6px 4px !important;}
}
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) {
.navbar-collapse {
padding-right: 0px !important;
padding-left: 0px !important;
}
.col-md-4 .FormularioVentanillaPago-Box input {width: 120px;}
.col-md-6 .FormularioVentanillaPago-Box input{margin-bottom:10px}
.layoutMini {
		width: 90%;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.navbar-collapse {
padding-right: 0px !important;
padding-left: 0px !important;
}
.layer .precio-oferta{ font-size:25px; line-height:25px}
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
.top h1{text-align:center; margin:0 0 10px 0; font-size:25px}
.logo-top{ padding:20px 0 10px 0; text-align:center;}
.text-cr{ text-align:center !important}
.top h1{ font-size:20px}
.layer .Descripcion { display:none !important}
.FormularioVentanillaPago-Box input{ width:100% !important}
.col-md-12 .nivo-caption .Titulo{ font-size:20px; line-height: 20px; margin-bottom:0px}
.col-md-12 .nivo-caption .Subtitulo{ font-size:15px; color:#fff; line-height: 15px;}
.col-md-12 .nivo-caption .Descripcion{ display:none}
.col-md-12 .nivo-caption .Precio{font-size:20px; line-height:20px; margin-top:0px}
.col-md-12 .nivo-caption{padding:5px !important; width:80% !important}
.col-md-6 .nivo-caption {padding:15px !important; width:70% !important}
	.layoutMini {
		width: 90%;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.slick-prev, .slick-next{ display:none !important}
}
/* Small Devices */
@media (max-width: 320px) {

}

/* MAP CANVAS */
.map-canvas {
  height: 300px;
  margin: 0;
}
.map-canvas .info-window-content {
  min-width: 250px;
}
.map-canvas .info-window-content h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.map-canvas .info-window-content h3 {
  font-size: 14px;
  font-weight: 500;
}
.map-canvas .info-window-content p {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #999;
  text-shadow: none;
}




/* BUSCADOR (COPIADO DE MIXVIAJES) */
/******************************************
Esta hoja de estilo CSS es propiedad
de la empresa informática Fontventa S.L.
Todos los derechos reservados - 2013 ©
******************************************/
.buscador-content {
	background-color:#dd7100;
	padding:5px 10px
}
.buscador-content-top {
	background-color:#dd7100;
	padding:5px 10px;
	overflow:hidden
}
.buscador-content input {
	margin:10px 0;
	width:240px;
	background-image: url(../images/lupa.png);
	background-repeat: no-repeat;
	background-position: 220px 6px;
	height:25px !important;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding: 4px 6px;
	font-size:16px
}
.buscador-content-top input {
	margin:5px 0 0 20px;
	width:700px;
	background-image: url(../images/lupa.png);
	background-repeat: no-repeat;
	background-position: 680px 6px;
	height:25px !important;
	float:left;
		background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	-moz-transition: border linear .2s, box-shadow linear .2s;
	-o-transition: border linear .2s, box-shadow linear .2s;
	transition: border linear .2s, box-shadow linear .2s;
	padding: 4px 6px;
	font-size:16px
}
.buscador-content h2 {
	font-family: 'Lobster', cursive;
	color: #FFF;
	margin: 0;
	font-size: 30px;
	padding: 0 0 5px 0;
	border-bottom:1px dashed #FFF;
	font-weight:normal
}
.buscador-content-top h2 {
	font-family: 'Lobster', cursive;
	color: #FFF;
	margin: 0;
	font-size: 30px;
	padding: 0 0 5px 0;
	font-weight:normal;
	float:left
}
.col-top {
	overflow:hidden
}
#calendario {
	position: absolute
}
.ui-datepicker.ui-widget 
{
    z-index: 9999 !important;
}
.carousel-inner .item::before {
    display: none;
}
/* COOKIES */
.cc-cookies {  
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px 60px;
  background: rgba(26, 26, 26, 1);
  font-size: 11px;
  z-index: 99999;
  text-align: center;
  color: #fff;
  width:100%}
.cc-cookies a, .cc-cookies a:hover { color: #fff;}
.cc-cookies a:hover { text-decoration: underline !important; }
.cc-cookie-accept{background-color: #DC0878; margin-left: 10px; padding: 1px 10px; font-size:12px; text-decoration:none;}
.cc-cookie-conf{ padding: 1px 10px; font-size:12px; text-decoration:none;}
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies-error, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #E2007A; padding: 0.3em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #4B5457; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; text-decoration:none !important; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.table-cookies {font-size: 11px; font-family: verdana;}
.table-cookies thead tr th, .table-cookies tbody tr td {padding: 3px; border:1px solid #ddd;}
/* NEWS */
.box-quienes-somos{
	margin-top: 30px;
	padding: 20px;
	border-bottom: 2px solid #D50272;
	position: relative;
	background-color: #F8F8F8;
}
.box-quienes-somos:before{
	content: '';
	display: inline-block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #F8F8F8;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
}
.box-quienes-somos h4{
	margin-top: 0;
	text-align: justify;
	margin-bottom: 20px;
}
.subtitle-pink{
	color: #D50171;
	font-weight: bold;
	text-transform:uppercase;
}
/* WIDGET Vuelo + hotel */
.VuelosHoteles .tab a{
	text-decoration: none;
	padding: 5px 15px;
	display: inline-block;
	color: white;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-size: 15px;
}
.btn-default {
	text-decoration: none;
}
.VuelosHoteles .tab a:last-child{
	margin-left: -4px;
}
.VuelosHoteles .tab .tab-hoteles{
	background-color: #D50171;
}
.VuelosHoteles .tab .tab-hoteles:hover{
	background-color: rgba(213, 1, 113, 0.85);
}
.VuelosHoteles .tab .tab-hoteles.active:hover{
	background-color: #D50171;
}
.VuelosHoteles .tab .tab-vuelos{
	background-color: #636769;
}
.VuelosHoteles .tab .tab-vuelos:hover{
	background-color: rgba(99, 103, 105, 0.85);
}
.VuelosHoteles .tab .tab-vuelos.active:hover{
	background-color: #636769;
}
.VuelosHoteles .tab .tab-hoteles.active, .VuelosHoteles .tab .tab-vuelos.active{
	cursor: default;
}

/*CABECERA MICROSITE*/
.boxDatosAgen-head > div:first-child{
	background-color: rgba(255, 255, 255, 0.07);
    display: inline-block;
    text-align: center;
    float: right;
    border-radius: 8px;
    padding: 1px 8px;
    font-size: 12px;
	color:rgba(255, 255, 255, 0.72);
}
.boxDatosAgen-head > div:first-child a{
	color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
}
.boxDatosAgen-head > div:first-child a:hover{
	color:white;
}
.boxDatosAgen-head > div:last-child{
	clear: both;
}
.contenidoPill img{
	max-width: 100%;
}