@import url('carousel.css');

section.ofertas h2{
    background-color: var(--tts-primary-color);
    color: #FFF;
    padding: 5px 10px;
    vertical-align: bottom !important;
    margin-top: 15px;
    display: block!important;
}
section.ofertas h2:before{
    border-radius:50%;
    color:#FFF;
    font-size:1em;
    margin-top: -5px;
    padding:0 10px 0 5px;
    vertical-align:middle;
}
section.ofertas h2.icon-cruceros:before{
    font-size:1.15em;
    margin-bottom:-1px;
   /* padding: 0px 3px 3px 3px;*/
}

div.slider {
	padding: 0 !important;
}
.slider.ofertas .viewport{
	/*height: 210px;*/
    height: auto;
}

	.slider.ofertas .overview {
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
	.slider .buttons:hover {
		color:inherit !important;
		background:rgba(255,255,255,0.85) !important;
	}
	.slider.ofertas .viewport li{
    	border-left: 5px solid #FFF;
    	border-right: 5px solid #FFF;
    	box-sizing: border-box;
    	display: block;
    	float: left;
    	height: 210px;
    	padding: 0 10px;
    	position: relative;
    	vertical-align: bottom;
    	background-size: cover;
    	margin-bottom: 10px;
	}
	.slider.ofertas .viewport li.empty-item *{
		visibility:hidden;
	}
	.slider.ofertas .viewport div.agotado{
		background-color: var(--tts-primary-color);
		bottom:3px;
		color:#FFF;
		content:"AGOTADO";
		font-weight: 700;
    	font-family: 'Quicksand';
		font-size:16px;
		height:26px;
		line-height:26px;
		left:0;
		position:absolute;
		text-align:center;
		text-transform:uppercase;
		top:60px;
		transform: rotate(-45deg);
		transform-origin: 0% 0%;
		width:90px;
	}
	.slider.ofertas .viewport div.agotado:before,
	.slider.ofertas .viewport div.agotado:after{
		border-left:27px solid transparent;
		border-bottom:27px solid var(--tts-primary-color);
		content: "";
		margin-top:45px;
		position:absolute;
		left:-26px;
		top:-46px;
	}
	.slider.ofertas .viewport div.agotado:after{
		border-left:none;
		border-right:27px solid transparent;
		border-bottom:27px solid var(--tts-primary-color);
		left:89px;
		margin-top:0px;
		position: absolute;
		top:-1px;
	}
	.slider.ofertas .icon-item,
	.slider.ofertas p.descuento{
		position:absolute;
		top:10px;
	}
	.slider.ofertas .icon-item:before{
		background-color:#FFF;
		box-shadow: 0 0 10px rgba(0,0,0,0.3);
		border-radius:50%;
		float:left;
		font-size:.9em;
		height:26px;
		opacity: 0.70;
		padding:5px;
		text-align:center;
		width:26px;
	}
	.slider.ofertas .icon-item.icon-cruceros:before{
		font-size:1.4em;
		padding:1px 1px 3px 3px;
	}
	.slider.ofertas p.descuento {
		background-color:var(--tts-primary-color);
		color:#FFF;
		font-size:14px;
		padding:1px 5px;
		right:0;
		text-align:center;
		width:80px;
	}
	.slider.ofertas p.descuento:before {
		border-top:11px solid transparent;
		border-bottom:11px solid transparent;
		border-right:11px solid var(--tts-primary-color);
		content: "";
		height:0px;
		right:80px;
		margin-top:-1px;
		position: absolute;
		width:0px;
	}
	.slider.ofertas p.descuento strong{
		font-size:inherit;
	}
	.slider.ofertas p.descuento strong:after{
		content:'%';
	}
	.slider.ofertas p.megaoferta {
		background-color:rgba(255,255,255,0.80);
		color: #39C;
		font-weight: 700;
    	font-family: 'Quicksand';
		font-size:16px;
		padding: 0px 99px 0px 5px;
		position:absolute;
		right: 0;
		text-align:right;
		top:10px;
		width: 210px;
	}
	.slider.ofertas p.megaoferta strong {
		color:#194276;
		font-weight: 700;
    	font-family: 'Quicksand';
	}
	.slider.ofertas p.megaoferta:before {
		border-top:11px solid transparent;
		border-bottom:11px solid transparent;
		border-right:11px solid rgba(255,255,255,0.80);
		content: "";
		height:0px;
		right: 210px;
		position: absolute;
		width:0px;
	}
/*
.slider.ofertas p.descuento{
	background-color:var(--tts-primary-color);
	color:#FFF;
	font-size: 18px;
	font-weight:normal;
	line-height:20px;
	margin-top:-10px;
	padding:5px 0;
	position:absolute;
	right:10px;
	text-align:center;
	width:50px;
}
.slider.ofertas p.descuento strong{
	font-family:'OpenSansBold';
	font-size: 18px;
}
.slider.ofertas p.descuento strong:after{
	content:'%';
}
.slider.ofertas p.descuento:before,
.slider.ofertas p.descuento:after{
	border-left:25px solid transparent;
	border-top:12px solid var(--tts-primary-color);
	content: "";
	right:0;
	margin-top:45px;
	position: absolute;
}
.slider.ofertas p.descuento:after{
	border-left:none;
	border-right:25px solid transparent;
	border-top:12px solid var(--tts-primary-color);
	content: "";
	right:25px;
	margin-top:25px;
	position: absolute;
}
*/
	.slider.ofertas div.info{
		background-color:rgba(0,0,0,0.70);
		bottom: 0;
		box-sizing: content-box;
		color:#FFF;
		margin: 0 -10px;
		overflow:auto;
		padding: 10px 10px 10px 10px;
	    position: absolute;
    	width: 93%;
	}
	.slider.ofertas img.aerolineas,
	.slider.ofertas img.cruceros{
	background-color: #FFF;
    border-radius: 2px;
    float: right;
    height: 24px;
    margin-top: 34%;
    padding: 2px;
    width: 80px;
	}
	.slider.ofertas p.detalle{
    background-color: #FFF;
    box-shadow: 10px 0 10px rgba(0,0,0,0.5);
    color: var(--tts-primary-color);
    padding: 0px 5px;
    margin-left: -10px;
    margin-top: -9px;
    position: absolute;
    text-align: center;
    width: 180px;
    bottom: 100px;
	}
	.slider.ofertas p.detalle:before {
		border-top:9px solid transparent;
		border-bottom:9px solid transparent;
		border-left:9px solid #FFF;
		content: "";
		height:0px;
		left: 180px;
		position: absolute;
		width:0px;
	}
	.slider.ofertas div.info p{
		line-height: 18px !important;
	}
	.slider.ofertas div.info p.ciudad{
		clear:both;
		font-size:16px;
		font-weight: 700;
    	font-family: 'Quicksand';
		line-height:22px !important;
	}
	.slider.ofertas li.vuelos div.info p.ciudad{
		float:left;
	}
	.slider.ofertas div.info p.cuotas{
		float:right;
	}
	.slider.ofertas div.info p.cuotas:before {
		margin-top: 2px;
	}
	.slider.ofertas div.info p.cuotas span.moneda{
		font-size:16px;
	}
	.slider.ofertas div.info p.cuotas span.moneda:before,
	.slider.ofertas div.info p.precioTotal span.moneda:before,
	.slider.ofertas div.info p.precioAntes span.moneda:before{
		content:'$';
		font-size:13px;
	}
	.slider.ofertas div.info p.precioTotal,
	.slider.ofertas div.info p.precioAntes{
		clear:right;
		float:right;
		line-height: 1.9em;
	}
	.slider.ofertas div.info p.precioAntes span{
		text-decoration: line-through
	}
	.slider.ofertas li.vuelos div.info p.precioTotal{
		line-height:22px !important;
	}
	.slider.ofertas div.info p.detalle2{
		float:left;
	}
	.slider.ofertas div.info p.detalle3{
		clear: left;
		float:left;
		font-style:italic;
		white-space: nowrap;
		overflow: hidden;
		padding-right: 3px;
		text-overflow: ellipsis;
		max-width: 110px;
	}
	.slider.ofertas div.info .icon-estrella:before{
		color:#fbb812;
		display:inline-block;
		margin:0px -3px 0 0;
		vertical-align:top;
	}
	.slider.ofertas .overview a{
    	display: block !important;
    	text-decoration: none;
    	padding: 0;
	}


@media (min-width: 480px){
	.slider.ofertas .buttons {
		background: rgba(255,255,255,0.6);
		border-radius:0;
		color:var(--tts-primary-color);
		height: 210px;
		line-height: 210px;
		left: 0 !important;
		opacity: 1;
		top: 0;
		width: 8%;
	}
	.slider.ofertas .buttons.next {
		left: initial !important;
		right:0 !important;
	}
	.slider.ofertas .overview {
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
	.slider.ofertas .buttons.hidecontrolls{
		background:white !important;
	}
	.slider.ofertas .buttons.hidecontrolls:before{
		content:"";
	}
}
/* RESPONSIVE ////////////////////////////////////////////////////////////*/
.responsive{
    margin:0 auto;
    overflow: auto;
}
@media (min-width: 1200px){
	section.ofertas h2.iconFont{
		/* padding-left:112px !important; */
	}
	.slider.ofertas .viewport li .info{
		/*width: 300.016px;*/
		background-color: rgba(0,0,0,0.70);
    	bottom: 0;
    	box-sizing: content-box;
    	color: #FFF;
    	margin: 0 -10px;
    	overflow: auto;
    	padding: 10px 10px 10px 10px;
    	position: absolute;
    	width: 93%;
	}
	.slider.ofertas .overview{
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
}
@media (max-width: 1199px){
	section.ofertas h2.iconFont{
		padding-left:90px !important;
	}
	.slider.ofertas .viewport li .info{
		/*width: 240px;*/
background-color: rgba(0,0,0,0.70);
    bottom: 0;
    box-sizing: content-box;
    color: #FFF;
    margin: 0 -10px;
    overflow: auto;
    padding: 10px 10px 10px 10px;
    position: absolute;
    width: 93%;
	}
	.slider.ofertas .overview{
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
}
@media (max-width: 991px){
	section.ofertas h2.iconFont{
		padding-left:77px !important;
	}
	.slider.ofertas .viewport li .info{
		/*width: 285px;*/
	}
	.slider.ofertas .overview{
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
}
@media (max-width: 767px){
	section.ofertas h2.iconFont{
		padding-left:50px !important;
	}
	.slider.ofertas h1{
		padding: 7px 70px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		left:0;
		position:absolute;
		top: 38px;
	}
	.slider.ofertas h1:after{
		left:initial;
		right:0;
	}
	.slider.ofertas .overview{
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
	.slider.ofertas .viewport li .info{
		/*width: 383.2px;*/
	}
	.slider.ofertas .buttons{
		font-size:21px;
	}
	.slider.ofertas .overview a{
	  padding: 0 14px;
	}
}
@media (max-width: 500px){
	section.ofertas h2.iconFont{
		padding-left:12px !important;
	}
	.slider.ofertas .overview{
		left: 0px;
	    display: block;
    	max-width: 100%;
	}
	.slider.ofertas .viewport li{
		border:none;
	}

	.slider.ofertas .viewport li .info {
    	width: 95%;
	}

	.slider.ofertas img.aerolineas, .slider.ofertas img.cruceros {
   	 	margin-top: 22%;
   	}
}
@media (max-width: 360px){
	.slider.ofertas h1{
		font-size:18px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		top: 33px;
	}
}
@media (max-width: 360px){
	.slider.ofertas h1{
		font-size:18px;
	}
	.slider.ofertas h1:after,
	.slider.ofertas h1:before{
		top: 33px;
	}
}
@media (min-width: 359px) and (max-width:500px){
}
@media (min-width: 319px) and (max-width:358px){
}
/* HAY QUE AJUSTARLO CON JQUERY PARA LAS PANTALLAS INFERIORES A 500PX */
/* SEGURMENTE HAYA QUE DEFINIR TAMBIEN EL .overview (viewport x 4) */

.slider .overview {
    position: absolute!important;
}

.slider .overviewOfertas {
    position: relative!important;
}

.navbar#navbarOfertas{
	background: #eee;
    margin: 25px 0;
    text-align: center;
    min-height: 37px;
    margin-bottom: 1px;
    border-radius: 0;
    z-index: 8;
    transition: all 0.4s ease-in-out;
}

.navbar#navbarOfertas li {
   	padding: 8.5px 80px;
    background-color: #3b393a;
    color: white;
    display: inline;
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    line-height: 42px;
    margin-left: -2px;
    transition: all 0.3s ease-in-out;
}


.detail #navbarOfertas{
	display: none!important;
}

/*.ofertas #navbarOfertas{
	display: none!important;
}*/

@media (min-width: 1200px){
	#containerOfertas{
		max-width: 1180px!important;
		width: 100%;
	}
}

	#containerOfertas{
		padding:0;
		margin:0;
	}

	#navbarOfertas.active{
		position: fixed;	
		top:0;
		width:100%;
		max-width: 1180px;
		margin-top: 0;
    	box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.7);
	}

@media (min-width: 768px){
	#navbarOfertas li a:after{
    	content: '';
    	position: absolute;
    	width: 100%;
    	left: 0;
    	top: 2px;
    	z-index: 0;
    	height: 1px;
    	background: #eee;
	}	

	#navbarOfertas li a:before{
    	content: '';
    	position: absolute;
    	width: 100%;
    	left: 0;
    	top: 39px;
    	z-index: 0;
    	height: 1px;
    	background: #eee;
	}
}


#ofertasContainer{
	margin-top:30px;
}

header img.oficial {
	display: none!important;
}

section.ofertas h2.iconFont.icon-hoteles{
	display: none!important;
}

div.slider#sliderhoteles{
	display: none!important;	
}
section.ofertas h2.icon-cruceros{
	display: none!important;
}
section.ofertas h2.icon-cruceros.bgHotSale{
	display: block!important;
}