/* CSS Document */
/* home-riu.css   COLOR*/
/* modificado 8 abril 2016 15:21;  */
/* ==========================================================================
   Secciones
========================================================================== */
/***** FlexSlider *****/
.gallery {
	height:400px;
}
.flexslider {
	border:none;
	border-radius:0;
	background:rgb(245,245,245);
	margin:0;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.sec-ini .gallery .flex-direction-nav {
	bottom:1.5em;
	height:auto;
	top:auto;
	width:100%;
	left:auto;
	margin-left:0;
}
.sec-ini .flex-direction-nav {
	bottom:1.5em;
	top:auto;
}
/***** Buscador *****/
.search .contSearch {
	background-color:rgba(254,251,245,1);
	border:.3em solid rgb(241,206,133);
	overflow:hidden;
	/* Shadow */
	-webkit-box-shadow:0 0 10px rgb(100,100,100);
	box-shadow:0 0 10px rgb(100,100,100);
}
.search .contSearch .hab {
	background-color:rgb(204,204,204);
}
.search .contSearch form input[type=text], .search .contSearch form select {
	border:.1em solid rgb(204,204,204);
	height:1.667em;
}
.search .contSearch .disabled {
	opacity:.6;
	filter: alpha(opacity = 60);
}
.search .tabSearch li {
	background-color:rgba(254,251,245,1);
	border:.3em solid rgb(239,239,239);
	border-left:none;
}
.search .tabSearch li.selected {
	border:.3em solid rgb(241,206,133);
	border-left:none;
}
/* Buscador Plegable */
.search .contSearch form {
	display:none;
}
.search .bt-Desple {
	position:relative;
	padding-top:1em;
}
.search .bt-Desple a {
	color:rgb(34,34,34)
}
.search .bt-Desple a, .search .bt-Desple a h4, .search .bt-Desple a p, .search .bt-Desple a span {
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}
.search .bt-Desple a h4 {
	margin:0 0 .408em;
}
.de .search .bt-Desple a h4 {
	padding-right:1em;
}
.search .bt-Desple a p {
	font-size:1.2em;
	text-align:center;
	margin-bottom:1em;
}
.search .bt-Desple a:hover p {
	font-size:1.3em;
	color:rgb(116,87,26);
}
.search .bt-Desple a span.ico {
	position:absolute;
	right:1.3em;
	top:1.3em;
	width:2.4em;
	height:2.4em;
	display:block;
}
.search .bt-Desple a span.ico.ico-arrowD {
	background-position:-208px -313px;
}
.search.collapsable .bt-Desple a p {
	display:none;
}
.search .tabSearch {
	display:block;
}
/* Buscador Plegable plegado */
.search.plegado .bt-Desple a h4 {
	margin:0;
}
.search.plegado .bt-Desple a span.ico {
	background-position:-208px -278px;
}
.search.collapsable.plegado .bt-Desple a p {
	display:block
}
.search.plegado .contSearch {
	height:auto;
}

/* estilos para buscador por pestaña de vuelo+hotel y hotel */

#vuelo-hotel {display: none; }

#vuelo-hotel .widgetcontainer .tablist.masterfont { display: none; }
#vuelo-hotel .widgetcontainer #fromAirDate {display: table; width: 100%; }

#vuelo-hotel .widgetcontainer .normal {
font-weight: normal;
}
#vuelo-hotel .widgetcontainer .componentcontainer .moreoption { display: none; }
#vuelo-hotel .widgetcontainer .componentcontainer {
	float: left;
	overflow: visible;
	width: 100%;
	margin: 0 0 3px;
}

#vuelo-hotel .widgetcontainer .componentcontainer .columnleft {
	margin-bottom: 5px;
}

#vuelo-hotel .widgetcontainer .buttonconatiner {
	float: right;
	margin-top: 10px;
}
#vuelo-hotel .widgetcontainer .buttonconatiner input[type="submit"] {
	background-color: rgb(248,205,78);
	border: 0;
	color: rgb(70,53,15);
}

#vuelo-hotel .widgetcontainer .date {
	width: 43%;
	margin: 0 6px 0 0;
	padding: 2px 2px 2px 2px;
	float: left;
}

#vuelo-hotel .widgetcontainer .time {
width: 47%;
float: right;
}

#vuelo-hotel .widgetcontainer .adult, #vuelo-hotel .widgetcontainer .child {
	float: left;
	margin-right: 10px;
	width: 10%;
	min-width: 45px;
}

/***** Ofertas *****/
.offers h4 {
	color:rgb(68,68,68);
    font-family: InterstateReg;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -0.05em;
    margin: 1.7em 0 0.7em;
    text-transform: uppercase;
}
.offers li {
	list-style:none;
	list-style-image:none;
}
.offers .slideOffers {
	padding-bottom:2.5em;
}
.offers .slideOffers .flex-viewport {
	border:.1em solid rgb(204,204,204);
}
.offers .slideOffers .slides {
	background:rgb(239,239,239);
}
.offers .slideOffers .slides li {
	padding:1em;
	border-right:.1em solid rgb(204,204,204);
	border-left:.1em solid rgb(255,255,255);
	height:24em;
}
.offers .slideOffers .slides li:last-child {
	border-right:none;
}
.offers .slideOffers .slides li:first-child {
	border-left:none;
}
.offers .slideOffers .slides li .cityOfer, .offers .slideOffers .slides li .countriOfer {
	color:rgb(51,51,51);
	font-size:1.5em;
	font-weight:bold;
}
.de .offers .slideOffers .slides li .countriOfer, .fr .offers .slideOffers .slides li .countriOfer, .nl .offers .slideOffers .slides li .countriOfer, .ru .offers .slideOffers .slides li .countriOfer {
	height: 2.5em;
}
.offers .slideOffers .slides li .countriOfer {
	color:rgb(93,96,98);
	text-transform:uppercase;
}
.offers .slideOffers .slides li .hotelOfer {
	color:rgb(93,96,98);
	font-size:1.3em;
	height:2.154em;
	line-height:1.077em;
	margin:.415em 0;
}
.offers .slideOffers .slides li .quadOfer {
	background-color:white;
	text-align:center;
	height:9em;
}
.offers .slideOffers .slides li .quadOfer .since {
	padding-top:.909em;
}
.offers .slideOffers .slides li .quadOfer .since, .offers .slideOffers .slides li .quadOfer .nigthPer {
	font-size:1.1em;
	color:rgb(208,158,45);
}
.offers .slideOffers .slides li .quadOfer .nigthPer {
	margin-top:-.3em;
}
.offers .slideOffers .slides li .quadOfer .price {
	font-size:3em;
	color:rgb(208,158,45);
	font-weight:bold;
	margin-top:-.1em;
	display:inline-block
}
.offers .slideOffers .slides li .quadOfer .price span {
	font-size:.6em;
}
.offers .slideOffers .slides li .quadOfer .price span.euros {
	margin-top:.656em;
	float:right;
}
.offers .slideOffers .slides li .quadOfer .claim {
	position:relative;
	top:auto;
	overflow:visible;
	font-size:1.4em;
	font-weight:bold;
	color:rgb(51,51,51);
}
.offers .slideOffers .slides li .quadOfer+a {
	width:100%;
	margin-left:0;
	font-size:1.8em;
	padding:0;
	line-height:1.722em;
	margin-bottom:.278em;
	cursor:pointer;
	cursor:hand;
	display:block;
	text-align:center;
}
.offers .slideOffers .slides li .quadOfer+a:hover {
	color:white;
}
.offers .span9, .offers .span3 {
	position:relative
}
.offers .more-info {
	position:absolute;
	right:0;
	top:4em;
}
.offers .more-info .legend-content {
	font-size:1.1em;
	margin-top:1em;
	/* Text Shadow */
	text-shadow: none;
	filter: dropshadow(color=#000000, offx=0, offy=0);
}
.offers .slideOffers .slides li .condOfer, .offers .slideOffers .slides li .dateOfer {
	color:rgb(93,96,98);
	font-size:1.1em;
	margin-top:.455em;
}
.offers .slideOffers .slides li .dateOfer {
	margin-top:.055em;
}
.offers .slideOffers .slides li .condOfer {
	overflow:hidden;
}
.offers .slideOffers .slides li .condOfer span.ico {
	color:transparent;
	margin-right:.3em;
	width:5.1em;
	height:2.6em;
	display:block;
	float:left;
}
.offers .flex-direction-nav {
	bottom:auto;
	left:auto;
	margin-left:0;
	position:absolute;
	top:-3.6em;
}
.offers .slideBanner .flex-direction-nav {
	left:auto;
	right:0;
	margin-right:0;
}
.offers .flex-direction-nav li {
	background-color:rgb(129,129,129);
	border-right:.1em solid rgb(76,76,76);
}
.offers .flex-direction-nav li+li {
	border-right:none;
	border-left:.1em solid rgb(178,178,178);
}
.offers .flex-direction-nav a {
	background-position:-243px -121px;
	background-color:transparent;
	width:2.2em;
	height:2.2em;
	border:none;
}
.retina .offers .flex-direction-nav a {
	background-position:-243px -121px;
	background-color:transparent;
}
.offers .flex-direction-nav a.flex-next {
	background-position:-265px -121px;
}
.retina .offers .flex-direction-nav a.flex-next {
	background-position:-265px -121px;
}
.offers .slideBanner .slides li {
	text-align:right;
}

/*============================================
=            Countdown bannerhome            =
============================================*/

.offers .slideBanner .slides li {
	position: relative;
}

#riu-countdown-wrap * {
	--webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#riu-countdown-wrap {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 250px;
	text-align: center;
}
#riu-countdown-wrap #riu-countdown {
	height: 52px;
	padding: 4px 10px;
	display: block;
}
#riu-countdown-wrap #riu-countdown > span {
	display: inline-block;
	color: #444444;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#riu-countdown-wrap #riu-countdown p {
	font-size: 11px;
	margin-bottom: 3px;
}
#riu-countdown-wrap #riu-countdown > span span {
	display: block;
	background: #000000;
	color: #FFFFFF;
	padding: 3px 5px;
	position: relative;
}
#riu-countdown-wrap #riu-countdown > span span:first-letter {
	margin-right: 5px;
	padding-right: 5px;
	display: inline-block;
}
#riu-countdown-wrap #riu-countdown > span span:after {
	content: "";
	width: 2px;
	height: 27px;
	position: absolute;
	background: #fed152;
	display: inline-block;
    top: 0;
    left: 50%;
    margin-left: -1px;
}

/*=====  End of Countdown bannerhome  ======*/


/* ALL: IE Fixes */
											/* Ofertas */
.ie7 .offers .slideOffers .slides li .quadOfer .price {
	display:inline;
	zoom:1;
	position:relative;
}
.ie7 .offers .slideOffers .slides li .quadOfer .price span.euros {
	position:absolute;
	right:-.6em;
	margin-top:.4em;
}
.ie7 .offers .slideOffers .slides li .condOfer span.ico {
	/*width:4.38em;*/
}
/* Buscador */
.ie7 .sec-ini .gallery .flex-direction-nav li {
	width:4em;
	height:4em;
}
.ie7 .sec-ini .offers .flex-direction-nav li {
	width:2.2em;
	height:2.2em;
}
.ie7 .search .contSearch, .ie8 .search .contSearch, .ie7 .search .tabSearch li, .ie8 .search .tabSearch li {
	background-color:rgb(255,255,255);
}
.ie7 input.button.yellow, .ie7 input[type=button].yellow, .ie7 input[type=submit].yellow, .ie7 input[type=reset].yellow, .ie8 input.button.yellow, .ie8 input[type=button].yellow, .ie8 input[type=submit].yellow, .ie8 input[type=reset].yellow {
	background-color:rgb(237, 190, 92);
}
.ie7 a.button.yellow:hover, .ie7 input.yellow[type="button"]:hover, .ie7 input.yellow[type="submit"]:hover, .ie7 input.yellow[type="reset"]:hover, .ie8 a.button.yellow:hover, .ie8 input.yellow[type="button"]:hover, .ie8 input.yellow[type="submit"]:hover, .ie8 input.yellow[type="reset"]:hover {
	background-color: rgb(246, 210, 133);
}
.ie7 .flexslider .boxOffer, .ie7 .flexslider .boxOffer .country, .ie7 .flexslider .boxOffer h5.hotel, .ie7 .flexslider .boxOffer .claim, .ie7 .flexslider .boxOffer .boxPrice, .ie7 .flexslider .boxOffer .datesOffer, .ie7 .flexslider .boxOffer .masInf {
	text-decoration:none;
}
/* Banners */
.ie7 .offers .slideBanner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.ie7 .offers .slideBanner {
	display: inline-block;
}
/* ==========================================================================
   Media Queries
========================================================================== */
@media only screen and (min-width:1200px) {
	/* Oculto
	************************ */
	/* Modificado
	************************ */
}
@media only screen and (max-width:1199px) {
	/* Oculto
	************************ */
	/* Modificado
	************************ */
		/* Ofertas */
	.offers .slideOffers .slides li .cityOfer {
		line-height:.8em;
	}
	.offers .slideOffers .slides li .countriOfer {
		margin-top:0;
	}
	.offers .slideOffers .slides li .quadOfer {
		max-height:9em;
		padding-bottom:.4em;
		height:auto;
	}
	.offers .slideOffers .slides li .quadOfer .since {
		padding-top:.509em;
	}
	.offers .slideOffers .slides li .quadOfer .price {
		font-size:2.6em;
	}
	.offers .slideOffers .slides li .quadOfer .claim,  .offers .slideOffers .slides li .condOfer,  .offers .slideOffers .slides li .dateOfer {
		line-height:.9em;
	}
	.offers .slideOffers .slides li .dateOfer {
		margin-top:.5em;
	}
}
@media only screen and (max-width:979px) {
	/* Modificado
	************************ */
		/* Ofertas */
	.offers .span9 + .span3 {
		display:none;
	}
	/* BoxOffer */
	.flexslider .boxOffer {
		position:absolute;
		right:4em;
		top:50%;
		margin-top:-14em;
	}
}
@media only screen and (max-width:750px) {
	/* Modificado
	************************ */
}