@charset "utf-8";
/* CSS Document 
* Nombre del proyecto: DON OTTO
* Nombre del archivo: don-otto.css
* Descripción: Hoja de estilos global
* Fecha de creación: Enero de 2015
* Author: Godixital
*/

@import url(normalize.min.css);

  /***************************************/
 /*========= CLEANERS & OTHERS =========*/
/***************************************/
*{list-style: none; outline:none; box-sizing:border-box;}
a:link, a:visited, a:hover, a:active{text-decoration:none; outline:none;}
::-moz-selection{background:#fd4326; color:#ffffff;} 
::selection{background:#fd4326; color:#ffffff;} 
ul{margin:0; padding:0;}
html{font-size:62.5%; overflow-x:hidden;}
body{
	font-family:'museo-500'; 
	font-size:9px; 
	overflow-x:hidden; 
	margin-right:0 !important;
	min-height: 800px;
}


/*-------------
*--CLEARFIX--*
-------------*/
.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.cleaner{clear:both; margin:0; padding:0; width:0 !important; height:0 !important;}
.rollover:hover{opacity:.6;}






  /***************************************/
 /*=========     FONT-FACE     =========*/
/***************************************/
@font-face {
	 font-family: 'museo-300';
	 src: url('fonts/museosans-300.eot');
	 src: url('fonts/museosans-300.eot?#iefix') format('embedded-opentype'),
			url('fonts/museosans-300.woff') format('woff'),
			url('fonts/museosans-300.ttf') format('truetype'),
			url('fonts/museosans-300.svg#museo-300') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family: 'museo-500';
	 src: url('fonts/museosans-500.eot');
	 src: url('fonts/museosans-500.eot?#iefix') format('embedded-opentype'),
			url('fonts/museosans-500.woff') format('woff'),
			url('fonts/museosans-500.ttf') format('truetype'),
			url('fonts/museosans-500.svg#museo-500') format('svg');
	 font-weight: normal;
	 font-style: normal;
}


/* SAMPLES
* .museo-300{font-family: 'museo-300';}
* .museo-500{font-family: 'museo-500';}
*/




		
 /***************************************/
 /*=========      $HEADER     =========*/
/**************************************/
header{
	width: 100%;
	max-width: 1020px;
	min-height: 125px;
	margin:auto;
	overflow: hidden;
	background:url(../images/bg-header.jpg) no-repeat right bottom;
}
	header > figure{
		float: left;
		width:32.84%;
		margin-top:20px;
	}
		header > figure img{
			width: 100%;
			width: 100%\9;
			height:auto;
		}

	.top-info{
		margin-top: 20px;
		float: right;
		width: 325px;
	}
		.chat{
			float: left;
			color:#78796C;
			font-size: 1.4em;
			text-align: right;
			position: relative;
		}
		.chat::after{
			content:'';
			background: url(../images/sprite-icons-nav-do.png) -210px 0;
			width: 42px; height: 42px;
			position: absolute;
			right:-48px; top:-6px;
		}
			.chat span{
				font-size: 1.5em;
				display: block;
			}

		.top-info h2{
			float: right;
			font-size: 1.4em;
			font-weight: normal;
			color:#78796C;
			margin: 0;
			border-left: dotted 1px #B4B5B6;
			padding-left: 20px;
		}
			.top-info h2 a{
				color:#D11D22;
				font-size: 1.5em;
				font-family: 'museo-300';
			}
		
		.social-buttons{
			float: right;
			width: 80px;
			height: 30px;
			margin-top: 10px;
		}
			.social-buttons li{
				float: left;
				width: 30px;
				height: 30px;
				margin-left: 10px;
				overflow: hidden;
				border-radius: 50%;
			}
			.social-buttons li a{
				display: block;
				margin:auto;
				width: 30px;
				height: 30px;
				background:url(../images/sprite-icons-nav-do.png) -150px 0 #E3DEC1;
				text-indent: -9999px;
				transition:.3s; -webkit-transition:.3s;
			}
			.social-buttons li:last-child a{background-position: -180px 0}
			/*HOVER*/
			.social-buttons li:hover a{background-color: #E61C25}










  /******************************/
 /*==========  $NAV  ==========*/
/******************************/
nav{
	background-color: #E3DEC1;
	position: relative;
	z-index: 20;
	min-height: 45px;
}
nav.stick {
   position: fixed;
   top: 0;
   z-index: 200;
   width: 100%;
}
nav::before{
	content:'';
	background-color: #DB2026;
	width: 100%;
	height: 5px;
	max-width: 1020px;
	position: absolute;
	left:0; right:0; bottom:-5px;
	margin:auto;
}
	.main-menu{
		width: 100%;
		min-height:45px;
		max-width: 1020px;
		margin:auto;
	}
		.main-menu > li{
			width: 20%;
			min-height: 45px;
			float: left;
			border-right: solid 1px #C2BAB1;
			text-align: center;
			position: relative;
		}
		.main-menu > li:last-child{border-right: none;}
			.main-menu > li > a{
				font-size: 1.3em;
				font-weight: bold;
				text-transform: uppercase;
				line-height: 45px;
				color:#717366;
				display: block;
				position: relative;
				z-index: 10;
				transition:all .3s; -webkit-transition:all .3s;
				text-shadow:1px 1px 1px #fff;
			}
				.main-menu > li > a > span{position: relative; padding-left:35px;}
				.main-menu > li > a > span::before{
					content:'';
					background:url(../images/sprite-icons-nav-do.png) #fff;
					border-radius: 50%;
				
					width: 30px; height: 30px;
					position: absolute;
					left:0; top:-51%;
					transition:all .3s; -webkit-transition:all .3s;
				}
				.main-menu > li:nth-child(2) > a > span::before{background-position: -30px 0;}
				.main-menu > li:nth-child(3) > a > span::before{background-position: -60px 0;}
				.main-menu > li:nth-child(4) > a > span::before{background-position: -90px 0;}
				.main-menu > li:nth-child(5) > a > span::before{background-position: -120px 0;}
				/*rollover*/
				.main-menu > li:hover > a{text-shadow:2px 2px 0 #fff; color:#58594F;}
				.main-menu > li:nth-child(1):hover > a > span::before{background-position: -0px -30px;}
				.main-menu > li:nth-child(2):hover > a > span::before{background-position: -30px -30px;}
				.main-menu > li:nth-child(3):hover > a > span::before{background-position: -60px -30px;}
				.main-menu > li:nth-child(4):hover > a > span::before{background-position: -90px -30px;}
				.main-menu > li:nth-child(5):hover > a > span::before{background-position: -120px -30px;}
				.main-menu > li:hover > .submenu, 
				.submenu > li:hover > .submenu-2{display: block;}

	.submenu, .submenu-2{
		display: none;
		position: absolute;
		z-index: 5;
		width: 110%;
		padding-top: 5px;
	}
		.submenu > li, .submenu-2 > li{
			position: relative;
			font-family: 'museo-300';
			background-color:#C8BE86;
			text-align: left;
			font-size: 1.4em;
			height: 35px; line-height: 35px;
			border-top: solid 1px rgba(0,0,0,.1);
			border-bottom: solid 1px rgba(0,0,0,.3);
		}
		.submenu > li:hover, .submenu-2 > li:hover{background-color:#F2F0E3;}
			.submenu > li:hover > a, .submenu-2 > li:hover > a{color:#58594F;}
			.submenu > li > a, .submenu-2 > li > a{
				color:#fff;
				display: block;
				padding-left: 15px;
				position: relative;
				overflow: hidden;
			}
			.submenu > li > a.drop::after{
				content:url(../images/bg-icon-arrow.png);
				position: absolute;
				right:0; top:2px;
			}
	.submenu-2{
		width: 100%;
		padding-top:0;
		right:-100%;
		top:4px;
		padding-left:2px;
	}
		.submenu-2 > li{font-size: 1em; border-left: solid 1px rgba(0,0,0,.3);}


	

	#boton-menu{
		display:none; 
		margin:auto; 
		width:20px;
		padding:10px; 
		background-color:rgba(65,65,65,.8); 
		line-height: 0; 
		box-sizing:content-box;
		border:solid 1px rgba(65,65,65,.8);
		transition:.3s; -webkit-transition:.3s;
	}
	#boton-menu:hover{background-color: #FFF;}
	#boton-menu:hover span{border-bottom-color: #3E4141; border-top-color: #3E4141;}
	#boton-menu:hover span::after{background-color: #3E4141}
		#boton-menu span{
			display: block; 
			width:100%; height:20px; 
			border-bottom:solid 3px #FFF; 
			border-top:solid 3px #FFF; 
			position:relative;
		}
		#boton-menu span::after{
			content:''; 
			width:100%; height:3px; 
			background-color:#FFF; 
			position: absolute; 
			left:0; top:50%;
			margin-top: -2px;
		}

	










  /**************************************/
 /*==========  $MAIN-BANNER  ==========*/
/**************************************/
.main-banner{
	width: 100%;
	line-height: 0;
	position: absolute;
	margin-top: 5px;
}
.main-banner.internas{
	padding-top: 31.74%;
	background: url(../images/img-main-banner.jpg) center top no-repeat;
	background-size: cover;
}

/*Start-Update: 20-01-2015*/
.main-banner > ul li:not(:nth-child(1)){display: none;}
.main-banner > ul li{position: relative; padding-top: 31.74%;}
.main-banner > ul li img{
	position: absolute;
	left:0; top:0;
	width: 100%; height: 100%;
}

@media screen and (min-width: 1280px){
    .main-banner > ul li{position: static; padding-top: 0px;}
    .main-banner > ul li img{
            position: static;
            width: 100%; height: 406px;
    }
}

/*End-Update: 20-01-2015*/














  /**********************************/
 /*==========  $WRAPPER  ==========*/
/**********************************/
.wrapper{
	position: relative;
	max-width: 1030px; /*1020px;*/
	margin: 48px auto; /*40px auto;*/
	position: relative;
	z-index: 10;
}
.wrapper.internas{
	padding:5px 5px 10px;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 12px rgba(0,0,0,.4);
}









  /*************************************/
 /*==========  $SEARCH-BOX  ==========*/
/*************************************/
.search-box{
	float: left;
	width: 34.31%;
	position: relative;
	background-color:#F6D901;
	border-radius: 10px 10px 0 0;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
}
[data-rol='btns-wrap']{width:87.14%; margin:auto;}
[data-rol='btns-wrap'] h2{
	margin: 0;
	font-size: 1.7em;
	color:#464640;
	padding:20px 0 10px;
}

	.select-search{
		border:none;
		width: 31.14%;
		height: 30px;
		line-height: 30px;
		font-size: 1.3em;
		color:#FFF;
		float: left;
		background-color: #7C7969;
		border-radius: 10px 10px 0 0;
	}
	.select-search:hover, .select-search.active{
		background:#FFF; 
		color:#464640;
	}
	.select-search:nth-of-type(2){margin:0 3.29%;}


	.form-wrap{
		background-color: #FFF;
		padding:10px 0;
	}
	.form-wrap form{
		display: block;
		width: 87.14%;
		min-height: 250px;
		margin:auto;
		position: relative;
	}
	.search-box form.iframe{padding-top:105%;}
	.search-box form iframe{
		position: absolute;
		left:0; top:0;
		width: 100%; height: 100%;
		border: none;
		overflow: hidden;
		border: none;
	}
	.search-box form label{
		font-size: 1.3em;
		color:#747576;
		width: 100%;
		display:block;
	}
		.search-box form label strong{line-height:30px; font-weight: normal; display: block;}
	.search-box form label.short{width: 48%; float: left;}
	.search-box form label.short.right{float: right;}
	/*.ida-vuelta{margin-right:8%; width:auto !important; margin-bottom: 5px;}
	.ida-vuelta input{margin-right:3px;}*/

	.campo{
		width: 100%;
		background-color: #fff;
		display: block;
		height: 30px;
		padding:6px 0 0 6px;
		border-radius: 8px;
		margin-bottom:10px;
		position: relative;
		border-bottom: solid 1px #d4d4d4;
		box-shadow: inset 2px 2px 2px rgba(51,51,51,.5);
	}
	.campo:hover{background-color:#f2f2f2;}
		.campo > input{
			width: 86%; 
			font-size: 1em; 
			border:none; 
			background:transparent; 
			color:#747576;
		}
		.campo > span{
			display: block;
			position: absolute;
			right:8px; top:0;
			width: 20px; height: 30px;
			background:url(../images/sprite-icons-search-do.png) -64px 0;
		}
		.campo > span.pointer{background-position: -64px 0;}
		.campo > span.date{background-position: -104px 0;}
		.campo > span.date-2{background-position: -124px 0;}
			.campo > span a{display: block; width: 100%; height: 100%;}

		.search-box form button[type='submit']{
			width: 100%;
			max-width: 150px;
			padding:8px 0;
			margin-top: 10px;
			float: right;
			color:#fff;
			font-size: 1.4em;
			position: relative;
			border:none;
			border-radius: 8px;
			transition:.3s; -webkit-transition:.3s;
			background: #aa1d23; /* Old browsers */
			background: -moz-linear-gradient(top,  #aa1d23 0%, #ea1018 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1d23), color-stop(100%,#ea1018)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #aa1d23 0%,#ea1018 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #aa1d23 0%,#ea1018 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #aa1d23 0%,#ea1018 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #aa1d23 0%,#ea1018 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1d23', endColorstr='#ea1018',GradientType=0 ); /* IE6-9 */
		}
			.search-box form button[type='submit'] span{
				display: block;
				position: absolute;
				width: 20px; height: 20px;
				background: url(../images/sprite-icons-search-do.png) -144px -5px;
				right:5px; top:5px;
			}
		.search-box form button[type='submit']:hover{opacity:.6;}


		.copy-bus-plus{
			padding:15px 0;
			overflow: hidden;
			background: #f7f7f7; /* Old browsers */
			background: -moz-linear-gradient(top,  #f7f7f7 1%, #dbdbdb 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f7f7f7 1%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f7f7f7 1%,#dbdbdb 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f7f7f7 1%,#dbdbdb 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #f7f7f7 1%,#dbdbdb 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
		}
			.copy-bus-plus img{float: right; margin: 10px 10px 0 0;}
			.copy-bus-plus p{
				font-size: 1.2em; 
				color:#858586; 
				margin: 0; 
				float: left;
				width: 170px;
				text-align: right;
				border-right: dotted 1px #858586;
				padding-right: 10px;
			}

	
	.img-buscador{
		display:block; 
		width:100%; 
		max-width:600px;
		margin:auto;
	}

	.proximamente{
		display: block;
		background-color: #333;
		padding:10px 20px;
		text-align: center;
		color:#FFF;
		font-size: 1.5em;
		border-radius: 5px;
	}







  /******************************************/
 /*=========     $BANNER-BOX      =========*/
/******************************************/
.banner-box{
	width: 62.1%; /*63.72%;*/
	float: right;
}

.slider{
	/*background-color: rgba(255,0,0,.7);
	padding-top: 48.88%;*/
	/* margin:2px 0 20px; */
	line-height: 0;
	position: relative;

	max-height: 312px;
	overflow: hidden;
	min-height:30px;
	margin: 2px 0 65px;
}
.slide-images li img{width: 100%; height:auto;}
.slide-images li img:hover{opacity:.85;}
.slide-images li:not(:first-child){display: none;}

.slide-ctrls{
	position: absolute;
	z-index: 100;
	right:10px; top:10px;
}
	.slide-ctrls li{
		width: 20px; height: 20px;
		background-color:  #F6D901;
		border-radius: 50%;
		float: left;
		margin-left: 5px;
		border:solid 1px #DF1219;
		text-indent: -9999px;
		overflow: hidden;
		cursor:pointer;
	}
	.slide-ctrls li.active{background-color: #DF1219;}


	.banner-box h2{
		font-size: 2.5em;
		color:#797966;
		font-weight: normal;
		font-style: italic;
		border-bottom: dotted 1px #B0AFA2;
		padding-bottom: 8px;
		margin: 0;
	}
	.banner-box h2 em{font-weight: bold;}
	.banner-box p{
		font-size:1.6em;
		line-height: 1.3em;
		color:#999999;
	}
	.banner-box p a{
		color:#F6D800;
		font-family: 'museo-300';
		font-weight: bold;
	}
	.banner-box p a:hover{color:#000;}
	.banner-box > img{
		float: right; 
		padding-left: 30px; 
		background-color: #FFF;
	}








  /*******************************************/
 /*=========       $ACCESOS        =========*/
/*******************************************/
.acceso{
	position: relative;
	float: left;
	margin-top: 50px;
	width:29.90%;
	padding: 20px;
	min-height: 130px;
	border-radius: 20px;
	background: #F0EDDB; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFFFFF 1%, #F0EDDB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#F0EDDB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 1%,#F0EDDB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 1%,#F0EDDB 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 1%,#F0EDDB 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 1%,#F0EDDB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0EDDB',GradientType=0 ); /* IE6-9 */
}
.acceso.red{
	margin:50px 5.15% 0;
	box-shadow: 1px 1px 0 1px #910B11;
	background: #C60F18;
}
.acceso.yellow{
	box-shadow: 1px 1px 0 1px #C5AC01;
	background: #F6D901; 
}
.acceso img{
	position: absolute;
	left:0;
	bottom:0;
}
.acceso h2{
	position: relative;
	margin: 0;
	color:#FFFFFF;
	font-family: 'museo-300';
	font-size: 2.5em;
	font-weight: normal;
	font-style: italic;
	max-width: 210px;
	border-bottom: solid 1px rgba(255,255,255,.6);
}
.acceso h2::after{
	content:'';
	background-color: rgba(0,0,0,.2);
	width: 100%;
	height: 1px;
	position: absolute;
	left:0; bottom:-2px;
}
.acceso h2 em{font-family: 'museo-500';}
.acceso.yellow h2, .acceso.yellow p{color:#4C4A3F;}


.acceso p{
	font-size: 1.6em;
	line-height: 1.2em;
	color:#fff;
	font-family: 'museo-300';
	margin:10px 0 0;
}
.acceso p a{color:#FFF; text-decoration: underline;}
.acceso.yellow p a{color:#4C4A3F; text-decoration: underline;}

.acceso .icon{
	float: right;
	width: 60px; height: 60px;
	background:url(../images/sprite-icons-nav-do.png) 0 -65px;
}
.acceso.yellow .icon{background-position: -65px -65px;}

.acceso h3{
	font:italic normal 2em/1.3em 'museo-300';
	color:#D2131A;
	margin: 0;
	padding:5px 12px;
	text-align: right;
	background-color: #F0EDDB;
	border-radius: 15px;
	box-shadow: inset 5px 5px 15px rgba(0,0,0,.3);
}
.acceso > a{
	color:#717266;
	font-size: 2.3em;
	display: block;
	text-align: right;
	font-family: 'museo-300';
	margin: 5px 0;
}
.acceso > a strong{font-family: 'museo-500'; font-weight: normal;}
.acceso > span{
	display: block;
	color:#717266;
	font-size: 1.2em;
	text-align: right;
}

.title-destinos{
	font: normal 2.5em/1.3em 'museo-300';
	color:#797966;
	margin: 45px 0 30px;
}
.title-destinos em{
	font-style: normal;
	font-family: 'museo-500';
}
.title-destinos span{
	display: inline-block;
	background:url(../images/sprite-icons-nav-do.png) -255px 0;
	width: 35px; height: 35px;
	margin-right: 8px;
	position: relative;
	top:7px;
}















  /************************************************/
 /*=========     $VIP-DESTINATIONS      =========*/
/************************************************/
.vip-destinations{
	background:url(../images/bg-vip-destinos.jpg) #E9E4CD;
	padding:40px 0;
}
	.slide-vip-destinations li:not(:first-child){display: none;}
	.slide-vip-destinations li div{
		position: relative;
		float: left;
		width: 29.90%;
		padding: 1.47% 1.47% 2.5%;
		background-color:#FFF;
		border-radius: 15px;
		box-shadow: 0 0 10px rgba(0,0,0,.5);
		min-height: 280px
	}
	.slide-vip-destinations li div:nth-child(2){margin:0 5.15%;}
	.slide-vip-destinations li div img{
		display: block;
		width: 100%; height:auto;
	}

	.slide-vip-destinations li div h2{
		color:#797966;
		font-size: 1.8em;
		margin:10px 0;
	}
		.slide-vip-destinations li div h2 span{
			float: right;
			width: 20px; height: 25px;
			background:url(../images/sprite-icons-nav-do.png) -150px -30px;
			position: relative;
			top:-3px;
		}
	.slide-vip-destinations li div p{
		font-size: 1.4em;
		color:#999999;
		font-weight: normal;
		margin: 0;
	}
	.slide-vip-destinations li div a{
		position: absolute;
		right: 5.45%; bottom:-15px;
		background-color: #DD131A;
		width: 120px; height: 30px;
		line-height: 30px;
		color:#FFF;
		border-radius: 15px;
		text-align: center;
		font-size: 1.5em;
		transition:.3s; -webkit-transition:.3s;
	}
	.slide-vip-destinations li div a:hover{background-color: #F5BF03;}
	.slide-vip-destinations li div a span{
		display: inline-block;
		width: 10px; height: 15px;
		background:url(../images/sprite-icons-nav-do.png) -170px -30px;
		position: relative;
		top:2px;
	}

	.ctrls-slide-vip-destinations{
		width: 80px; height: 30px;
		position: absolute;
		right:0; top:-55px;
	}
		.ctrls-slide-vip-destinations li{
			float: left;
			margin-left: 10px;
			width: 30px; height: 30px;
			background:url(../images/sprite-icons-nav-do.png) -180px -30px;
			cursor: pointer;
			text-indent: -9999px;
		}
		.ctrls-slide-vip-destinations li:last-child{background-position: -180px -60px;}
		.ctrls-slide-vip-destinations li:hover{opacity:.6;}







  /*************************************************/
 /*=========     $BOTTOM-BOXES-HOME      =========*/
/*************************************************/
.bottom-info, .descuentos{margin-top: 30px;}
.bottom-info{
	float: left;
	width: 50%;
	text-align: right;
	position: relative;
}
.bottom-info img{
	width: 58.82%;
	max-width: 300px;
	position: absolute;
	left:0;
}
.bottom-info h2{
	font: normal 3em/1.2em 'museo-300';
	color:#CCCCCC;
	margin:0;
}
.bottom-info h2::after{
	content:'';float: right;
	margin-left:10px;
	background:url(../images/sprite-icons-nav-do.png) -210px -45px;
	width: 30px; height: 30px;
}
.bottom-info p{
	font:normal 1.6em/1.3em 'museo-300';
	color:#585959;
	margin:1em 0 1.5em;
}
.bottom-info a{
	background-color: #F6D901;
	color:#333333;
	font-family: 'museo-300';
	font-size: 1.4em;
	padding:1em 1.3em;
	border-radius: 20px;
}
.bottom-info a:hover{background-color: #E61119; color:#FFF;}

.descuentos{
	float: right;
	width: 46.07%;
	background-color: #F4F4F4;
	border-radius: 10px;
	box-shadow: 2px 2px 0 1px #DBDBDB;
	overflow: hidden;
}
.descuentos li{
	float: left;
	width: 50%;
	padding:8px 0;
}
.descuentos li:first-child{
	border-right: dashed 2px #DBDBDB;
	border-bottom: dashed 2px #DBDBDB;
}
.descuentos li:last-child{
	border-left: dashed 2px #DBDBDB;
	border-top: dashed 2px #DBDBDB;
	margin:-2px 0 0 -2px;
}
.descuentos li:nth-child(3){clear:left;}
.descuentos li img{margin:auto; width: 100%; max-width: 225px;}





















  /**************************************/
 /*=========     $FOOTER      =========*/
/**************************************/
footer{
	min-height: 230px;
	position: relative;
	z-index: 100;
	margin-top: 8.05%;
	background-color: #E3DEC1;
}
footer > .wrapper{
	margin:0 auto;
	min-height: 230px;
	border-top: solid 5px #DB2026;
	position:relative;
	top:-5px;
}
footer img[alt*='sombra']{
	display: block;
	margin:auto;
	width: 100%;
	max-width: 675px;
	margin-bottom: 25px;
}
footer img[alt*='fondo']{
	position: absolute;
	right:-5%; bottom:0;
}

	.col-1{
		float: left;
		width: 27.94%;
	}
		.col-1 h2{
			font-family: 'museo-300';
			position: relative;
			font-size: 2.6em;
			line-height: 1em;
			margin:0;
			padding-left: 50px;
			font-weight: normal;
		}
		.col-1 h2::before{
			content:'';
			background:url(../images/sprite-icons-nav-do.png) -240px -45px; 
			width: 42px; height: 42px;
			position: absolute;
			left:0; top:50%;
			margin-top: -21px;
		}
			.col-1 a{color:#717266;}
			.col-1 h2 span{
				font-size:.46em; 
				line-height: 1.2em; 
				display: block;
				color:#717266
			}
			.col-1 h2 strong{font-family: 'museo-500';}

		.col-1 form{margin-top:30px;}
		.col-1 h3{
			color:#DF1F26;
			font-size: 1.5em;
			text-shadow:2px 2px 0 #fff;
		}
		.col-1 form input{
			width: 89.48%;
			height: 30px;
			padding:0 1em;
			font-size: 1.4em;
			color:#7A705F;
			border:none;
			float: left;
		}
		.col-1 form input:focus{
			color:#F0BE09;
		}
		.col-1 form button{
			width:10.52%;
			height: 30px;
			border: none;
			background: url(../images/bg-icon-arrow.png) #F0BE09;
			background-size: 100% 100%;
			text-indent: -9999px;
			border-radius: 0 5px 5px 0;
			float: right;
		}
		.col-1 form button:hover{opacity:.7;}



	.col-2{
		float: left;
		width:21.07%;
		border-left: solid 1px #C2BAB1;
		padding-left:2em;
		margin-left: 8%;
		overflow: hidden;
		position: relative;
		z-index: 10;
	}
		.col-2 h2{
			font-size:1.5em;
			color:#717266;
			margin:0;
			text-shadow: 2px 2px 0 #FFF;
		}
		.nav{margin:10px 0;}
		.nav li{
			font-family: 'museo-300';
			font-size: 1.4em;
			margin-bottom:.2em;
		}
			.nav li a{color:#79705F; transition: .3s; -webkit-transition: .3s;}
			.nav li a:hover{color:#000; padding-left: 10px;}
		.nav + h2{
			text-shadow: none;
			float: left;
			font-family: 'museo-300';
			line-height: 30px;
		}
		.share {float: right; padding-bottom: 6px;}
		.share li{
			width: 30px;
			height: 30px;
			float: left;
			margin-right: 6px;
			background: url(../images/sprite-icons-nav-do.png) -180px -90px #FFF;
			border-radius: 50%;
			overflow: hidden;
			transition:.3s;
			-webkit-transition:.3s;
		}
		.share li:nth-child(2){background-position: -210px -90px;}
		.share li:nth-child(3){background-position: -240px -90px;}
		.share a{
			display: block;
			width: 100%; height: 100%;
			opacity:0;
		}
		.share li:hover{
			box-shadow: 0 0 5px #000;
		}
	
	.col-3{
		float: right;
		width: 27.94%;
		margin-right: 3%;
		position: relative;
		z-index: 10;
	}
	.col-3 img{display: block; width: 100%;}
		.col-3 > p{
			font-size: 1.4em;
			color:#7A7967;
			text-align: right;
		}
		

.marcas{
	max-width: 990px;
	margin:auto;
	padding:20px 0;
}
	.marcas ul{width: 100%; overflow: hidden;}
		.marcas ul li{
			float: left;
			line-height: 0;
			width:12%;
			margin:0 6.5%;
		}
			.marcas ul li img{display: block; width: 100%;}

.credits{
	text-align: center;
	background-color: #3e4141;
	padding:10px 0;
	color:#FFF;
}
	.credits a[href*=godixital]{color:#fff; font-size: 1.3em; padding-bottom: 2px;}
	.credits a[href*=godixital]:hover{color:#F0BE09; border-bottom: dashed 1px #F0BE09;}









  /****************************************************************************/
 /*==============================      $INTERNAS    =========================*/
/****************************************************************************/
.main-content{
	float: right;
	width:59.18%;
	margin-right: 2.04%;
	padding-top: 20px;
}
.main-content.contacto{
	float: none;
	width: 95.92%;
	margin:0 auto;
}
.main-content.contacto > .section-banner{max-width: 600px; margin:30px auto;}

	.bread-crumbs{float: left;}
		.bread-crumbs li{
			float: left;
			font-size: 1.4em;
			font-family: 'museo-300';
			color:#E42D2B;
			margin-right: 10px;
		}
			.bread-crumbs li strong{font-family: 'museo-500'; font-weight: normal;}
			.bread-crumbs li a{color:#E42D2B;}
			.bread-crumbs li a:hover{border-bottom:dotted 1px #E42D2B;}

	.main-content > hr{
		border:none;
		border-bottom: dotted 1px #999;
		margin:10px 0;
	}

	.section-banner{
		line-height: 0;
		width: 100%;
		margin:30px 0;
	}
		.section-banner img{width: 100%; height:auto; display: block;}

	.main-content > h1, .main-content > h2{
		font: normal 2.7em/1.2em 'museo-500';
		font-weight: normal;
		color:#333333;
	}
	.main-content > h2{border-bottom: dotted 1px #999999; margin:40px 0 20px; font-size: 2.3em;}
	.main-content > p{
		font:normal 1.5em/1.35em 'museo-300';
		color:#333333;
	}
		.main-content > p a{color:#D8BD01;}
		.main-content > p a:visited{color:#400080;}
		.main-content > p a:hover{color:#999999 !important; border-bottom: dotted 1px #999;}
		.main-content > p strong{font-family: 'museo-500'; font-size: 1.2em;}

	.main-content ol{margin:15px 0 15px 50px; padding: 0;}

	.share-box{
		border-top:dotted 1px #999999; 
		border-bottom: dotted 1px #999999; 
		margin-top: 50px;
		overflow: hidden;
	}
		.share-box > span{
			color:#D8BD01; 
			font-size: 1.4em; 
			padding-top:9px;
			display: inline-block;
		}
		.share-buttons{
			float: right; 
			height: 33px; 
			overflow: hidden;
		}
			.email-icon{
				display: block; 
				float: left; 
				margin-top:5px; 
				width:50px; 
				height:20px; 
				background: url(../images/bg-icon-share.png);
			}
				.email-icon a{opacity:0;}

	.mapa{width:90%; margin:auto;}
		.mapa img{width:100%;}


	/*================*/
	/* PUBLICIDAD */
	/*================*/
	[data-icon-ad]{
		width: 40px; height: 40px;
		background:url(../images/sprite-icons-advertising-do.png); 
		display: inline-block; 
		position: relative;
		border:solid 1px #E42D2B;
		border-radius: 50%;
		top:10px; margin-right: 10px;
		box-sizing: content-box;
		box-shadow: 0 0 0 10px #FFF;
		-webkit-box-shadow: 0 0 0 10px #FFF;
	}
	[data-icon-ad="luneta"]{background-position: 0 0;}
	[data-icon-ad="web"]{background-position: -40px 0;}
	[data-icon-ad="pantalla"]{background-position: -80px 0;}
	[data-icon-ad="cabezal"]{background-position: -120px 0;}

	.img-adv{
		margin:20px 0; 
		line-height: 0;
		overflow: hidden;
		border-radius: 30px;
		box-shadow: 2px 2px 0 1px rgba(0,0,0,.5);
	}
	.img-adv img{width: 100%;}


	/*================*/
	/* TIPOS-SERVICIO */
	/*================*/
	.service-box{
		background-color: #F7F7F7;
		border-radius: 12px;
		overflow: hidden;
		padding: 2.58%;
		margin-top: 40px;
		box-shadow: 2px 2px 0 0 #DADADA;
	}
		.pic-box{
			float: left;
			width:44.54%;
		}
			.pic-box img{display: block; width: 100%; margin-bottom: 10px;}
			.pic-box a{
				display: inline-block;
				width: 115px; height: 35px;
				line-height: 35px;
				text-align: center;
				color:#FFF;
				font-size: 1.3em;
				border-radius: 6px;
				box-shadow: 2px 2px 0 0 #8C0B11;
				background: #E61119; /* Old browsers */
				background: -moz-linear-gradient(top,  #E61119 0%, #C60F18 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E61119), color-stop(100%,#C60F18)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #E61119 0%,#C60F18 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #E61119 0%,#C60F18 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #E61119 0%,#C60F18 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #E61119 0%,#C60F18 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E61119', endColorstr='#C60F18',GradientType=0 ); /* IE6-9 */
			}
			.pic-box a:hover{
				transform:translate(2px,2px);
				box-shadow: 1px 1px 0 0 #367B33;
			}
			.pic-box a + a{float: right;}
				.pic-box a span{
					display: inline-block;
					width: 25px;
					height: 25px;
					margin-right: 5px;
					background: url(../images/sprite-icons-services-do.png);
					position: relative;
					top:5px;
				}
				.pic-box a + a span{background-position: -25px 0; margin-right: 0; margin-left: 5px;}
			.pic-box li{
				float: left;
				width: 45px;
				height: 25px;
				background:url(../images/sprite-icons-services-do.png);
				text-indent: -9999px;
				margin-top: 20px;
				border-right: dotted 1px #999;
			}
			.pic-box li:last-child{border-right: none;}
			.pic-box li[title*='mantas']{background-position: 0 -35px;}
			.pic-box li[title*='auxiliar']{background-position: -45px -35px;}
			.pic-box li[title*='dvd']{background-position: -90px -35px;}
			.pic-box li[title*='lectura']{background-position: -135px -35px;}
			.pic-box li[title*='toilette']{background-position: -180px -35px;}
		.description-box{
			float: right;
			width:51.81%;
			font-family: 'museo-300';
		}
			.description-box > h2{
				font-size: 2em;
				color:#D8BD01;
				font-weight: normal;
				padding-bottom:2px;
				margin:0 0 10px;
				border-bottom: solid 1px #DFDFDF;
			}
			.description-box > p{
				font-size: 1.4em;
				line-height: 1.3em;
				color:#333333;
			}
			.description-box > p:last-of-type{margin-bottom: 0;}
				.description-box > p span{
					width: 35px; height: 35px;
					background:url(../images/sprite-icons-services-do.png) -60px 0;
					float: left;
					margin: 0 5px 5px 0;
				}
			.description-box li{
				color:#333;
				font-size: 1.4em;
				margin-bottom: 8px;
				padding-left: 13px;
				position: relative;
			}
				.description-box li::after{
					content:'';
					width: 5px; height: 5px;
					background-color: #D8BD01;
					border-radius: 50%;
					position: absolute;
					left:0; top:5px;
				}



	/*================*/
	/* F.A.Q. */
	/*================*/
	.faq-btns{min-height: 40px; margin:40px 0; width: 100%;}
		.faq-btns li{
			width: 20%;
			float: left;
			display:table;
			height: 40px;
			border: solid 1px #F5BF03;
			border-right: none;
			
		}
		.faq-btns li[data-width='w25']{width: 25%;}
		.faq-btns li:first-child{border-radius: 12px 0 0 12px;}
		.faq-btns li:first-child a{border-radius: 10px 0 0 10px;}
		.faq-btns li:last-child a{border-radius:0 10px 10px 0;}
		.faq-btns li:last-child{
			border-right:solid 1px #F5BF03; 
			border-radius: 0 12px 12px 0;
		}
			.faq-btns li a{
				display: table-cell;
				width: 100%;
				vertical-align: middle;
				font-size: 1.4em;
				color:#333333;
				text-align: center;
				background-color: #FFF;
			}
			.faq-btns li a:hover, .faq-btns li.active a{
				color:#fff;
				position: relative;
				background: #d9d9d9; /* Old browsers */
				background: -moz-linear-gradient(top,  #d9d9d9 0%, #999999 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#999999)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #d9d9d9 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #d9d9d9 0%,#999999 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #d9d9d9 0%,#999999 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #d9d9d9 0%,#999999 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
			}
			.faq-btns li a:hover::before, .faq-btns li.active a::before{
				content:'';
				border-style: solid;
				border-width: 8px;
				border-color: #999999 transparent transparent transparent;
				position: absolute;
				left:50%; bottom:-15px; margin-left: -8px;
			}

		.form-iframe{
			width: 100%;
			display: block;
			border:none;
			overflow: auto;
		}

	.question-box{margin-bottom: 15px;}
		.question-btn{display:table; width: 100%;}
		.question-btn:hover, .question-btn.active{
			opacity:.7; 
			cursor: pointer;
			box-shadow: 0 0 5px rgba(154,198,5,.9);
		}
			.question-btn > div{display:table-cell; vertical-align: middle;}
				.question-number{
					width: 6.89%;
					background-color: #F6D901;
					color:#FFF;
					font-size: 1.8em;
					text-align: center;
					height:40px;
				}
				.question-text{
					width: 93.10%;
					background-color: #F4F2F3;
					padding-left: 10px;
					position: relative;
				}
				.question-text::after{
					content:url(../images/bg-question-arrow.png);
					position: absolute;
					right:10px; top:50%;
					margin-top: -5px;
				}
					.question-text h2{font-weight: normal; color:#333; margin: 0;}
		[class*='question-answer-']{padding-left: 6.89%; display: none;}
			[class*='question-answer-'] p{
				font-size: 1.5em;
				line-height: 1.3em;
				color:#333333;
			}
				[class*='question-answer-'] p a{color:#F5BF03;}
				[class*='question-answer-'] p a:visited{color:#400080;}
				[class*='question-answer-'] p a:hover{color:#999999 !important; border-bottom: dotted 1px #999;}
			[class*='question-answer-'] img{display: block; width: 100%;}
			[class*='question-answer-'] ol{margin:15px 0;}
			[class*='question-answer-'] ol li, .main-content ol li{
				list-style-type: square;
				font-size: 1.5em;
				line-height: 1.3em;
				color:#333333;
				margin-bottom:10px;
			}


	

	/*================*/
	/* FORMULARIOS */
	/*================*/
	.main-content form{
		display: block;
		overflow: hidden;
		position: relative;
		margin-top:30px;
	}
	.main-content form h2{
		background-color: #F4F2F3;
		color:#333333;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 37px;
		padding-left: 20px;
		clear:both;
		position: relative;
	}
	.main-content form h2::after{
		content:url(../images/bg-icon-subtitle-form.png);
		position: absolute;
		right:0; top:0;
	}
	.main-content form h2.back::after{content:url(../images/bg-icon-subtitle-form-back.png);}
	.main-content form > p{font:normal 1.5em/1.35em 'museo-300';color:#333333;}
	.rotulo{
		float: left;
		width:46.55%;
		margin-bottom: 25px;
	}
	.rotulo.right{float: right;}
	.rotulo.full{float: none; display: block; width: 100%;}
	.rotulo.w33{width: 33%; min-height: 150px;}
		.rotulo span, .rotulo label{
			font-size: 1.5em;
			color:#999999;
			display: block;
			margin-bottom: 5px;
		}
		.rotulo label{font-size: 1.4em;}
		.rotulo label input{margin-right: 5px; position: relative; top:2px;}
		input[data-width], .rotulo textarea{
			height: 32px;
			border:solid 1px #D8BD01;
			padding:0 2%;
			font-size: 1.3em;
			margin: 0;
			color:#999999;
		}
		input[data-width]:focus, .rotulo textarea:focus{background-color: #F4F2F3; color:#000;}
		input[data-width='full']{width: 100%;}
		input[data-width='2/4']{width: 33.33%; margin-right:2.5%;}
		input[data-width='3/4']{width: 62.96%;}
		.rotulo textarea{
			width: 100%;
			height: 120px;
			padding: 10px;
			overflow: hidden;
			resize: vertical;
		}

	.btn-send{
		float: right;
		background-color: #3E4141;
		width: 130px;
		height: 35px;
		border:none;
		color:#fff;
		font-size: 1.8em;
		font-family: 'museo-300';
		border-radius: 8px;
		margin-top:10px;
	}
	.btn-send:hover{background-color:#C60F18;}


		/*====== SELECT-BOX ======*/
		.select-box{
			width:100%; height:32px;
			border:solid 1px #D8BD01;
			position:relative;
			background:url(../images/bg-arrows-select.png) no-repeat right top #FFF;
			white-space:nowrap;		
		}
		.select-box:hover{background-position: right bottom; background-color: #F4F2F3;}
		.select-box:hover .box{color:#000;}
		.select-box .box{
			position: absolute;
			left:0;	top:0;
			width:100%; height:100%;
			overflow: hidden;
			padding:0 15px;
			line-height: 32px;
			font-size: 1.3em;
			font-style: italic;
			color:#999999;
		}
		.select-box select{
			position: absolute;
			left:0;	top:0;
			width:100%; height: 100%;
			cursor: pointer;
			z-index:100;
			opacity:0;
			font-size: 1.3em;
		}



	/*================*/
	/* IMAGEN-TIPO-PROMO */
	/*================*/
	.promos li{
		width: 45%;
		float: left;
		margin:0 2.5% 20px;
	}
		.promos li img{width: 100%;}



	/*================*/
	/* GALERÍA */
	/*================*/
	.gallery-thumbs{overflow: hidden;}
	.gallery-thumbs li{
		float: left;
		position: relative;
		line-height: 0;
		width: 31.03%;
		margin:0 1.15% 30px;
		overflow: hidden;
		background-color: #000;
	}
		.gallery-thumbs li a{display: block; width: 100%; height: 100%;}
			.gallery-thumbs li a img{
				display: block; 
				width: 100%; height:auto; 
				transition:.3s; -webkit-transition:.3s;
			}
			.gallery-thumbs li:hover a img{
				transform:scale(1.2);
				-ms-transform:scale(1.2);
				-webkit-transform:scale(1.2);
				opacity:.5;
			}
			.gallery-thumbs li a span{
				display: block;
				width: 45px; height: 45px;
				background: url(../images/icon-enlarge.png);
				position: absolute;
				z-index: 10;
				opacity:.8;
				left:50%; top:50%;
				margin:-22px 0 0 -22px;
				transform:scale(0);
				-ms-transform:scale(0);
				-webkit-transform:scale(0);
				transition:.3s; -webkit-transition:.3s;
			}
			.gallery-thumbs li:hover a span{
				transform:scale(1);
				-ms-transform:scale(1);
				-webkit-transform:scale(1);
			}


	/*================*/
	/* PUNTOS-DE-VENTA */
	/*================*/

	.filter{width: 90%; margin:0 auto 20px;}
		.filter h2{
			color:#999999;
			font-size: 1.4em;
			font-weight: normal;
			font-family: 'museo-500';
			text-align: center;
			line-height: 35px;
			text-transform: uppercase;
			margin: 0;
		}
		.filter select{
			float: left;
			font-size: 1.6em;
			color:#333;
			height:35px;
			width:48%;
			padding:0 5px;
			border-radius: 4px;
			border: none;	
			background-color: #E7E1DD;
			box-shadow: 1px 1px 0 0 #CCCCCC; -webkit-box-shadow: 1px 1px 0 0 #CCCCCC;
			appearance:normal;
			-moz-appearance:normal;
			-webkit-appearance:normal;
		}
		.filter select + select{float: right;}
	
	.table{
		display: table; width: 100%;
		border-right: solid 1px #CCC;
		border-bottom: solid 1px #CCC;
	}
		.title-sale-point{
			background-color: #333;
			color:#fff;
			font-size: 1.5em;
			font-weight: normal;
			margin: 0;
			text-align: center;
			padding: 5px;
			border:none;
			border-right: solid 1px #FFF;
		}
		.table-row{display: table-row;}
		.table-cell{
			width: 50%;
			display: table-cell;
			vertical-align: top;
			border-top: solid 1px #ccc;
			border-left: solid 1px #ccc;
			padding-bottom: 10px;
		}
			.table-cell h3{
				background-color: #F6D901;
				color:#333;
				padding: 10px;
				font-size: 1.6em;
				font-family: 'museo-300';
				font-weight: normal;
				margin: 0 0 10px;
			}
			.table-cell p{
				font-size: 1.4em;
				line-height: 1.3em;
				color:#999;
				padding:2px 10px;
				margin: 0 !important;
			}
				.table-cell p strong{font-weight: normal; font-family: 'museo-500';}
				.table-cell p a{color:#C60F18; word-break: break-all;}
				.table-cell p a:visited{color:#400080;}
				.table-cell p a:hover{color:#999999 !important; border-bottom: dotted 1px #999;}




/*================*/
/* GEOLOCALIZADOS */
/*================*/
.input-box{
	border-radius: 10px;
	border: solid 1px #F6D901;
	padding: 3.33%;
	padding-bottom: 0;
	/*overflow: hidden;*/
}
.input-box label{
	float: left;
	width:44.65%;
	margin-bottom: 20px;
	position: relative;
}
.input-box label:nth-child(2n){float: right;}
.input-box strong{
	font-weight: normal;
	color:#212121;
	display: block;
	font-size: 1.5em;
	margin-bottom: 6px;
}
.input-box input[type='text'], .input-box select{
	display: block;
	width: 100%;
	height: 35px;
	border-radius: 7px;
	background-color: #EEEEEE;
	padding:0 1em;
	font-size: 1.5em;
	border: none;
	box-shadow: 1px 1px 0 1px #BEBEBE;
}
.input-box input[type='text']:focus, .input-box select:focus{
	background-color: #C4C4C4;
	color:#fff;
}
.input-box label span{
	position: absolute;
	width: 20px; height: 25px;
	background:url(../images/sprite-icons-geo-do.png);
	right:5px; bottom:5px;
}
.input-box input:focus + span{background-position: 0 -25px;}
.input-box button{
	border: none;
	float: left;
	border-radius: 7px;
	width: 46%;
	padding:.6em 0;
	background-color: #3E4141;
	font-size: 1.7em;
	color:#FFF;
}
.input-box button + button{float: right;}
.input-box button:hover{background-color: #E61119;}
.input-box button em{
	display: inline-block;
	width:15px; height: 15px;
	background:url(../images/sprite-icons-geo-do.png) -20px 0;
	margin-left: 5px;
}

.geo-results{
	display: table;
	width: 100%;
	margin-top: 50px;
}
.title-geo{
	border-radius: 10px 10px 0 0;
	width: 100%;
	padding:0 3.33%;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	background: #E7E7E7; /* Old browsers */
	background: -moz-linear-gradient(top,  #E7E7E7 0%, #F9F9F9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E7E7E7), color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E7E7E7 0%,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E7E7E7 0%,#F9F9F9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E7E7E7 0%,#F9F9F9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E7E7E7 0%,#F9F9F9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7E7E7', endColorstr='#F9F9F9',GradientType=0 ); /* IE6-9 */
}
.icon-geo{
	display: inline-block;
	width:25px; height: 35px;
	background:url(../images/sprite-icons-geo-do.png) -20px -15px;
	float: left;
	margin-right: 5px;
}
.title-geo p{
	display: inline-block;
	font-size: 1.5em;
	margin: 0;
	color:#666666;
	font-style: italic;
}
.icon-brand{
	display: inline-block;
	width: 35px;
	height: 30px;
	background-color:#F6D901;
	text-align: center;
	color:#FFF;
	font:italic bold 1.5em/30px 'museo-500';
	border-radius: 5px;
	margin:0 5px 0 40px;
	position: relative;
}
.icon-brand::after{
	content:'';
	border-style: solid;
	border-width: 5px;
	border-color:#F6D901 transparent transparent transparent;
	position: absolute;
	bottom:-10px; left:50%;
	margin-left: -5px;
}

.map-geo-results{
	position: relative;
	padding-top: 66.66%;
}
.map-geo-results iframe{
	border:none;
	width: 100%;
	height: 100%;
	position: absolute;
	left:0; top:0;
}


input[type='range'] {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 8px;
  background: transparent;
  /* Chrome */
  /* Firefox & Chrome/ Opera need this, 
     otherwise font-size is smaller */
  font-size: 1em;
  cursor: pointer;
}
[class*='no-smil'] input[type='range'] {
  
}
input[type='range']::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 15px;
  border-radius: 6px;
  background: #fff;
  border:solid 1px #A7A7A7;
}
.js input[type='range']::-webkit-slider-runnable-track {
  
}
input[type='range']::-webkit-slider-thumb {
  	-webkit-appearance: none;	
  	border: solid 1px #686866;
  	padding: 0;
  	width: 20px;
  	height: 20px;
 	border-radius: 5px;
	background-color: #EEEEEE;
	border:solid 1px #B5B5B5;
  	margin-top: -3px;
}
input[type='range']::-moz-range-track {
	height: 15px;
  	border-radius: 6px;
  	background: #fff;
  	border:solid 1px #A7A7A7;
}
.js input[type='range']::-moz-range-track {
  
}
input[type='range']::-moz-range-thumb {
  -webkit-appearance: none;	
  	border: solid 1px #686866;
  	padding: 0;
  	width: 20px;
  	height: 20px;
 	border-radius: 5px;
	background-color: #EEEEEE;
	border:solid 1px #B5B5B5;
  	margin-top: -3px;
  /* Firefox-only, it won't work in IE 
     and it's messed up in Chrome */
  cursor: ew-resize;
}
input[type='range']::-ms-track {
  height: 15px;
  border-radius: 6px;
  background: #fff;
  border:solid 1px #A7A7A7;
}
input[type='range']::-ms-thumb {
  	border: solid 1px #686866;
  	padding: 0;
  	width: 20px;
  	height: 20px;
 	border-radius: 5px;
	background-color: #EEEEEE;
	border:solid 1px #B5B5B5;
  	margin-top: -3px;
}









  /*********************************************************************************/
 /*==============================      $MEDIA-QUERIES    =========================*/
/*********************************************************************************/
@media screen and (max-width:1024px) {
	/*NAV*/
	.submenu-2{
		right:-75%; 
		padding-left: 0;
	}

	/*BANNER*/
	.main-banner > ul li{padding-top:40%;} /*<- WACTHOUT*/

	/*FOOTER*/
	

	/*INTERNAS*/
	.share-box > span{max-width: 100px; padding:5px 0;}
	.share-box > .share-buttons{margin-top:12px;}
}





@media screen and (max-width:980px) {
	.wrapper, header{width:98%;}

	/*NAV*/
	nav{}
	.main-menu{display: table;}
	.main-menu > li{display:table-cell; vertical-align: middle; float: none;}
	.main-menu > li > a{line-height:1em; padding:1em 5px;}
	.main-menu > li > a > span{
		display: block; 
		width: 28px; height: 28px; 
		margin:0 auto 8px;
		padding: 0;
	}
	.main-menu > li > a > span::before{left:0; top:0;}
	.submenu > li > a, .submenu-2 > li > a{padding-left:7px;}
	.social-buttons{margin-top:15px;}

	/*BUSCADOR*/
	.copy-bus-plus img{float: none; display:block; margin:auto;}
	.copy-bus-plus p{
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
		border-right: none;
		padding-right:0;
	}

	/*ACCESOS*/
	.acceso{overflow: hidden;}
	.acceso img{width: 34%; left:-2%;}

	/*BOTTOM-INFO*/
	.bottom-info img{width: 45%; bottom:-75%;}

	/*FOOTER*/
	.col-2 ul + h2, .share{float: none;}

	/*INTERNAS*/
	.rotulo.w33{width: 50%;}
	.question-text{padding:10px 30px 10px 15px;}

	/*GEOLOCALIZADOS*/
	.title-geo{padding:10px;}
	.icon-brand{
		float: left;
		clear: left;
		margin-left: 0;
		margin-top: 10px;
	}
	.title-geo p{float: left; line-height: 30px;}
	.icon-brand + p{margin-top: 10px;}
	.input-box label, .input-box label:nth-child(2n){
		display: block;
		float: none;
		width: 100%;
	}
	.input-box label:last-child{overflow: hidden;}
}





@media screen and (max-width:840px) {
	/*BUSCADOR*/
	.select-search{font-size: 1.1em;}
	.search-box form.iframe{padding-top:115%;}
	.search-box form.iframe iframe{overflow: hidden;}

	/*FOOTER*/
	.col-1{width: 30%;}
	.col-2{width: 28%;}
	.col-3{width: 33%; margin-right:0;}

	/*INTERNAS*/
	.wrapper.internas, .wrapper{width: 98.5%;}
	.bread-crumbs {float: none; overflow: hidden;}
	.bread-crumbs + .share-buttons{float:none; margin-top:10px !important;}
	input[data-width='2/4']{width: 20%; margin-right:0;}
	input[data-width='3/4']{width: 80%; margin-left: -4px;}
}



@media screen and (max-width:780px) {
	/*BANNER-BOX*/
	.banner-box img{
		float: none;
		display: block;
		margin:0 auto 30px;
	}

	/*BUSCADOR*/
	.search-box form.iframe{padding-top:135%;}
	.search-box form.iframe iframe{overflow: hidden !important;}

	/*NAV*/
	.main-menu{width: 100%; max-width: 100%;}
	.main-menu > li > a > span{display: none;}
	.submenu > li, .submenu-2 > li{line-height: 1.3em; height:auto;}
	.submenu > li > a, .submenu-2 > li > a{padding:7px 20px 7px 10px;}
	

	/*ACCESOS*/
	.acceso{
		float: none; 
		width: 60%; 
		margin-left: auto; 
		margin-right: auto;
		overflow: visible;
	}
	.acceso img{left:3%;}
	.acceso.red{margin-right: auto; margin-left: auto;}
	.acceso:nth-of-type(3){margin-top:80px;}

	/*VIP-DESTINATIONS*/
	.slide-vip-destinations li div h2{font-size:1.4em;}

	/*INTERNAS*/
	.pic-box{float: none; width: 100%;}
	.pic-box img{width: 80%; margin:0 auto 10px;}
	.pic-box a{width:48%; float: left;}
	.description-box{float: none; width: 100%; margin-top: 20px;}
	.description-box h2{
		text-align: center; 		
		border-top:dashed 1px #9AC605;
		border-bottom:dashed 1px #9AC605;
		padding:5px;
	}
	.share-box > span{width: 100%; display: block; text-align: center; max-width: 100%}
	.share-box > .share-buttons{
		float: none;
		width: 300px;
		margin:0 auto 5px;
	}
}




@media screen and (max-width:700px) {
	/*BANNER-BOX*/
	.banner-box{float: none; width: 100%;}
	.slider{display: none;}


	/*BUSCADOR*/
	.search-box{width: 100%; margin: 10px 0 30px;}
	.search-box form.iframe{padding-top:50%;}


	/*FOOTER*/
	.col-1{width: 45%;}
	.col-2{
		width: 45%; 
		float: right;
		text-align: right;
		padding: 0 2% 0 0;
		border-left: none;
	}
	.col-2 .share{float: right;}
	.col-3{
		clear: both; 
		width: 45%;
		margin-top: 40px;
	}
	
	
	/*INTERNAS*/
	.wrapper.internas{padding:0 10px 80px;}
	.main-content{
		float: none;
		width: 100%;
	}
}





@media screen and (max-width:640px) {
	/*BUSCADOR*/
	.search-box form.iframe{padding-top:60%;}

	/*HEADER*/
	header figure{
		float: none;
		width:100%;
		max-width: 335px;
		margin:25px auto;
	}
	.top-info{
		float: none;
		margin:auto;
	}
	.social-buttons{
		float: none;
		margin:15px auto;
		width: 70px;
	}
	.social-buttons li:first-child{margin-left: 0;}

	/*NAV*/
	#boton-menu{display:block;}
	nav{
		height:auto;
		padding:10px 0;
	}
	.main-menu {display: none;}
	.main-menu > li{
		float: none;
		display: block;
		width: 100%;
		height:auto;
		min-height: 0;
		border-right: none;
		border-left: none;
		text-align: left;
	}
	.main-menu > li:first-child > a{border-top: none;}
	.main-menu > li:last-child > a{border-bottom: none;}
	.main-menu > li > a{
		line-height: 40px;
		padding: 0 1em;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #ccc;
	}
	.main-menu > li > a > span{
		display: inline-block; 
		top:15px; 
		margin-right:10px;
	}
	.submenu, .submenu-2{
		position: static;
		width: 98%;
		padding: 0;
		border-left: solid 1px #272727;
		border-right: solid 1px #272727;
		margin-left: 2%;
	}
	.submenu-2{margin-left: 0; border-left: none; width: 100%;}
	.submenu > li > a{padding-left: 20px;}
	.submenu > li > a::before, .submenu-2 > li > a::before{content:'•';	margin-right: 5px;}
	.submenu-2 > li > a{margin-left:35px; border-left: solid 1px #666;}


	/*VIP-DESTINATIONS*/
	.slide-vip-destinations li div{width: 32%;}
	.slide-vip-destinations li div:nth-child(2){margin-right:2%; margin-left:2%;}
	

	/*BOTTOM-INFO*/
	.bottom-info{text-align: left;}
	.bottom-info img{display: none;}
}





@media screen and (max-width:530px) {
	/*VIP-DESTINATIONS*/
	.slide-vip-destinations li div{
		float: none;
		width:80%;
		margin:0 auto 40px;
		padding-bottom: 10%;
	}
	.slide-vip-destinations li div:nth-child(2){margin:0 auto 40px;}

	/*BUSCADOR*/
	.search-box form.iframe{padding-top:65%;}

	/*BOTTOM-INFO*/
	.bottom-info, .descuentos{
		float: none;
		margin:auto;
		width: 70%;
	}
	.descuentos{margin-top: 40px;}
	.bottom-info br{display: none;}

	/*INTERNAS*/
	.bread-crumbs {margin-top:30px;}
	.bread-crumbs + .share-buttons{display: none;}

	/*FOOTER*/
	.col-1, .col-2, .col-3{
		float: none;
		width: 80%;
		margin:0 auto 30px;
		overflow: hidden;
	}
	.col-2{text-align: center;}
	.col-2 .share{float: none;}
	.share li{
		float: none;
		display: inline-block;
	}
}




@media screen and (max-width:430px) {
	/*BUSCADOR*/	
	.search-box form.iframe{padding-top:100%;}
	.search-box form.iframe iframe{overflow: hidden;}

	/*ACCESOS*/
	.acceso{width: 90%;}
	
	/*INTERNAS*/
	.rotulo, .rotulo.right{float: none; display: block; margin-bottom: 20px; width: 100%;}
	.rotulo.w33{float: left; width: 45%;}
	.rotulo.w33:nth-of-type(2n+2){margin-left: 5%;}
	.table{display: block; border:none; border-bottom: solid 1px #ccc;}
	.table-row{display: block;}
	.table-cell{
		width:100%;
		display: block;
		border-top:none;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
	}
}




@media screen and (max-width:340px) {
	/*TOP-INFO*/
	.top-info{text-align: center;}
	.chat{
		float: none;
		display: inline-block;
		padding-top: 50px;
		text-align: center;
	}
	.chat::after{
		right:50%;
		margin-right:-21px;
		top:0;
	}
	.top-info h2{
		float: none;
		border-left: none;
		padding: 0;
		margin-top: 10px;
	}



	/*BUSCADOR*/
	.search-box form.iframe{padding-top:110%;}

	.faq-btns li a{font-size: 1.1em;}
}