@charset "utf-8";
/* CSS Document 
* Nombre del proyecto: VILLA MARINA
* Nombre del archivo: villa-marina.css
* Descripción: Hoja de estilos global
* Fecha de creación: Diciembre de 2014
* Author: Diana Cuenca
* Author eMail: dianitacuenca@gmail.com
*/

@import url(normalize.min.css);

/*-------------
*--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;
}
@font-face {
   font-family: 'artifika';
   src: url('fonts/artifika-regular.eot');
   src: url('fonts/artifika-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/artifika-regular.woff') format('woff'),
        url('fonts/artifika-regular.woff2') format('woff2'),
        url('fonts/artifika-regular.ttf') format('truetype'),
        url('fonts/artifika-regular.svg#artifika') format('svg');
   font-weight: normal;
   font-style: normal;
}
/* === SAMPLES ===
* .museo-300{font-family: 'museo-300';}
* .museo-500{font-family: 'museo-500';}
* .artifika{font-family: 'artifika';}
*/




  /***************************************/
 /*========= 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,ol{margin:0; padding:0;}
html{font-size:62.5%; overflow-x:hidden;}
body{
	font-family:'museo-300'; 
	font-size:10px; 
	overflow-x:hidden; 
	margin-right:0 !important; 
	background-color: #ECE7E1;
	min-height: 800px;
}
img{width: 100%; width: 100%\9; height:auto;}
figure{line-height:0;}


/*-------------
*--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;}


/*-------------
*--ICONS--*
-------------*/
[data-icon]{
	background: url(../images/sprite-icons.png); 
	display: inline-block; 
	position: relative;
}
[data-icon*='trip_advisor']{background-position: 0 0; width:30px; height:30px;}
[data-icon*='trip_advisor-white']{background-position:0 -30px;}
a:hover [data-icon='trip_advisor']{background-position:0 -30px;}
[data-icon*='facebook']{background-position:-30px 0; width:30px; height:30px;}
[data-icon='facebook-white']{background-position:-30px -30px;}
a:hover [data-icon='facebook']{background-position:-30px -30px;}
[data-icon*='youtube']{background-position:-60px 0; width:30px; height:30px;}
[data-icon='youtube-white']{background-position:-60px -30px;}
a:hover [data-icon='youtube']{background-position:-60px -30px;}

[data-icon*='instagram']{background: url(../images/spig.png); background-position:0 0; width:30px; height:30px;}
a:hover [data-icon='instagram']{background-position:0 -30px;}
[data-icon*='instagram-white']{background: url(../images/spigwh.png); background-repeat:no-repeat}

[data-icon='wine-glass']{background-position:-90px 0; width:65px; height:65px;}
[data-icon='spoons']{background-position:-155px 0; width:65px; height:65px;}
[data-icon='meal']{background-position:-220px 0; width:65px; height:65px;}

[data-icon='arabezco-1']{background-position:-90px -65px; width:150px; height:15px;}
[data-icon='arabezco-2']{background-position:-90px -140px; width:115px; height:15px;}

[data-icon='left-ribbon']{background-position:0 -60px; width:35px; height:20px;}
[data-icon='right-ribbon']{background-position:-35px -60px; width:35px; height:20px;}

[data-icon='pointer']{background-position:-90px -80px; width:60px; height:60px;}
[data-icon='clock']{background-position:-150px -80px; width:60px; height:60px;}
[data-icon='spoons-2']{background-position:-210px -80px; width:60px; height:60px;}

[data-icon='left-arrow']{background-position:0 -80px; width:25px; height:25px;}
[data-icon='right-arrow']{background-position:-25px -80px; width:25px; height:25px;}

[data-icon*='trip_advisor-2']{background-position:0 -105px; width:35px; height:20px;}

[data-icon='lupa']{background-position:-35px -105px; width:35px; height:35px;}

[data-icon='prev-arrow']{background-position:-50px -80px; width:10px; height:15px;}
[data-icon='next-arrow']{background-position:-60px -80px; width:10px; height:15px;}

[data-icon='calendar']{background-position:-50px -140px; width:25px; height:25px;}
[data-icon='clock-2']{background-position:-50px -165px; width:25px; height:25px;}

  /**********************************/
 /*==========  $WRAPPER  ==========*/
/**********************************/
.wrapper{
	max-width: 1100px;
	margin:auto;
	position: relative;
}





		
 /***************************************/
 /*=========      $HEADER     =========*/
/**************************************/
header{
	border-bottom: solid 3px #FFA21E;
	background: url(../images/bg-header.png);
	position:relative;
	z-index:110;
}

.social-buttons{
	float: right;
	margin-top: 15px;
}
	.social-buttons li{
		display: inline-block;
		margin-left: 8px;
	}
	.social-buttons li span{
		transition:.3s;
		-webkit-transition:.3s;
	}

.top-info{
	float: right;
	font-family: 'museo-500';
	font-weight: normal;
	font-size: 1.5em;
	color:#1F180E;
	text-align: right;
	position: relative;
	padding-right: 25px;
	margin: 10px;
}
.top-info:after{
	content:'';
	background:url(../images/sprite-icons.png) -70px -60px;
	width: 10px; height: 60px;
	position: absolute;
	right:0; top:50%;
	margin-top: -30px;
}
	.top-info span{
		display: block;
		text-shadow: 1px 1px 0 #9D8062;
		margin-bottom: 5px;
	}
	.top-info a{
		font-size: 1.6rem;
		color:#fff;
		font-family: 'museo-300';
	}
	.top-info a strong{color:#F8BF00; font-weight: normal;}


.nav-bar{
	min-height: 65px;
	background-color: rgba(0,0,0,.3);
	position: relative;
	margin-top: 10px;
}
	.logo{
		width:310px;
		position: absolute;
		left:0; right:0;
		top:50%;
		margin:-85px auto;
	}

	nav{
		max-width: 1100px;
		background-color: #FFF;
		margin:auto;
		min-height: 65px;
	}
		nav > ul > li{
			float: left;
			height: 65px;
			width: 12%;
			vertical-align: middle;
			position: relative;
		}
		nav > ul > li:nth-child(4){margin-left:28%;}
		nav > ul > li > a{
			display: table;
			width: 100%;
			text-align: center;
			height: 100%;
			font-size: 1.5em;
			color:#666666;
			font-family: 'artifika';
		}
		nav > ul > li > a > span{display: table-cell; vertical-align: middle;}
		
		nav > ul > li > span.desplegar
		{
			display:inline-block;
			position:relative;
			float:right;
			width:20px;
			height:20px;
			font-size:16px;
			top:18px;
			right:20px;
			background-color:#ffa21e;
			color:#fff;
			border-radius:4px;
			text-align:center;
			font-weight:bold;
			z-index:2;
			cursor:pointer;
			position:absolute;
			display:none;
		}
		
		nav > ul > li > span.desplegar:before { content:"+"; }
		
		nav > ul > li.sub_open > span.desplegar:before { content:"-"; }
		
		nav > ul > li:hover > a{color:#10984E;}

		nav > ul > li.sub_open .submenu{display: table;}
		nav > ul > li:hover .submenu[data-type]{display: block;}
		.submenu{
			display: none;
			position: absolute;
			background-color: rgba(106,89,55,.85);
			width: 140%;
			left:50%;
			transform:translate(-50%,0);
			-ms-transform:translate(-50%,0);
			-webkit-transform:translate(-50%,0);
		}
		.submenu li{
			font-size: 1.5em;
			border-bottom: solid 1px #FFA21E;
			font-family: 'museo-300';
		}
		.submenu li:last-child{border-bottom: none;}
		.submenu li a{
			color:#FFF; 
			display: block;
			padding:1em 0;
			text-align: center
		}
		.submenu li a:hover{background-color: #0C733A;}
		#responsive-nav-button{display: none;}




  /**************************************/
 /*==========  $MAIN-BANNER  ==========*/
/**************************************/
.main-banner{
	margin:auto;
	padding-top: 38%;
	overflow: hidden;
	/*background:url(../images/img-banner-home.jpg) center top no-repeat;*/
	background-position:center top;
	width:100%;
}
.main-banner.internas{
	padding-top: 22.16%;
	/*background:url(../images/img-banner-internas.jpg) center top no-repeat;*/
}

.contenedor_main_banner
{
	display:inline-block;
	width:100%;
	position:relative;
}

.main-banner a
{
	position:absolute;
	width:100%;
	height:100%;
	display:inline-block;
	top:0;
	left:0;
}





  /*************************************************/
 /*=========     $MAIN-HOME-CONTENT      =========*/
/*************************************************/

/*=======================/
* $TOP-TITLE *
/======================*/
.top-title{
	background-color: #FFF;
	position: relative;
	padding-bottom: 20px;
	margin-top: -80px;
	z-index:110;
}
.top-title::before, .top-title::after, .main-content::before, .main-content::after{
	content:'';
	background:url(../images/bg-top_top-title.png);
	width: 100%; height: 15px;
	position: absolute;
	left:0; top:-15px;
}
.top-title::after, .main-content::after{
	top:auto;
	bottom:-15px;
	background:url(../images/bg-bottom_top-title.png);
}
	.icons-top{
		float: left;
		overflow:hidden;
		position: relative;
		z-index: 100;
		margin-top: -40px;
		left:50%;
		transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
	}
	.icons-top li{
		display: inline-block;
		background-color: #6A5937;
		border-radius: 50%;
		margin-right: 10px;
	}
	.icons-top li:last-child{margin: 0;}

	.top-title h2{
		text-align: center;
		color:#858585;
		font-size: 2em;
		font-weight: normal;
	}
	.top-title h1{
		font-family: 'artifika';
		font-size: 3.2em;
		color:#858585;
		font-weight: normal;
		text-align: center;
	}
	.top-title h1 em{
		font-style: normal;
		color:#0C7239;
	}
	.top-title > span{
		display: block;
		margin:auto;
	}


/*=======================/
* $VIP-SERVICES *
/======================*/

.vip-services {margin-top: 50px;}
.vip-services li{
	float: left;
	width:31.81%;
	background-color: #FFF;
	padding-bottom: 20px;
}
.vip-services li:nth-child(2){margin:0 2.285%;}
	.vip-services li h2{
		width: 90%;
		text-align: center;
		margin:15px auto;
		font-family: 'artifika';
		font-size: 1.8em;
		color:#0C7239;
		font-weight: normal;
		padding-bottom: 8px;
		border-bottom: solid 2px #FFA21E;
	}
	.vip-services li h2 span[data-icon]{top:3px;}
	.vip-services li p{
		font-size: 1.7em;
		line-height: 1.3em;
		color:#858585;
		width: 90%;
		text-align: center;
		margin:20px auto;
	}
	.vip-services li a{
		display: block;
		max-width: 160px;
		margin:auto;
		background-color: #0C733A;
		color:#FFF;
		font-size: 1.8em;
		text-align: center;
		border-radius: 8px;
		padding:.55em 0;
		box-shadow: 0 3px 0 1px #0C513A;
	}
	.vip-services li a:hover{
		background-color: #F8C200;
		box-shadow: 0 1px 0 1px #D7A700;
		transform:translate(0,5px);
		-ms-transform:translate(0,5px);
		-webkit-transform:translate(0,5px);
	}





/*=======================/
* $BOTTOM-BAR *
/======================*/
.bottom-bar{
	background:url(../images/bg-bottom-bar.jpg) center top no-repeat;
	background-size: cover;
	padding:25px 0;
	margin:65px 0 45px;
}

	.bottom-bar ul{
		float: left;
		width: 47.27%;
		margin-top:3%;
	}
	.bottom-bar li {overflow: hidden;}
	.bottom-bar li:nth-child(2){margin:25px 0;}
	.bottom-bar li > span{
		background-color: #F8C200;
		border-radius: 50%;
		float: left;
		margin-right: 10px;
	}
	.bottom-bar li p{
		font-size: 1.6em;
		color:#FFF;
	}
	.bottom-bar li p strong{font-family: 'museo-500'; font-weight: normal;}
	.bottom-bar li p span{color:#F8C200;}

	.video-box{
		float: right;
		width: 45%;
		padding-top: 28.63%;
		background:url(../images/bg-video-box.png) no-repeat;
		background-size: cover;
		position: relative;
	}
	.video-box iframe{
		display: block;
		margin:2.5% auto 0;
		left:0; right:0;
		top:0;
		width: 95%;
		height: 91%;
		position: absolute;
		border: none;
		overflow: hidden;
	}



/*=======================/
* $COMMENTS-AGENCIES *
/======================*/
.comments-box{
	float: left;
	width: 46.36%;
}
	.comments-box h2{
		font-size: 1.8em;
		color:#0C7239;
		margin: 0 0 15px 15px;
		font-family: 'artifika';
		font-weight: normal;
	}
	.comments-box h2 span{
		top:3px;
		margin-right: 6px;
	}
	.comments-wrap{
		background-color: #FFF;
		border-radius: 10px;
		box-shadow: 2px 2px 0 2px #D3D3D3;
		padding:3.92%;
		position: relative;
	}
	.comment-text{
		float: left;
		width: 80%;
	}
	.comment-text p{
		font-size: 1.7em;
		line-height: 1.3em;
		color:#858585;
		margin: 0;
	}
	.comment-text span{
		font-size: 1.7em;
		display: block;
		margin-top: 20px;
		color:#0C7239;
		font-style: italic;
	}
	.comments-wrap ul {float: right;}
	.comments-wrap ul li{background-color: #F8C200}
	.ctrls-prev-next li{display: inline-block; margin-left:3px;}
	.ctrls-prev-next li:hover{opacity:.7;}
	.comments-wrap > a{
		color:#6A5937;
		font-size: 1.4em;
		font-family: 'artifika';
		border-bottom: solid 1px #6A5937;
		padding: 3px;
		position: absolute;
		right:20px;
		bottom:20px;
	}
	.comments-wrap > a:hover{background-color:#6A5937; color:#FFF;}



.agencies-box{
	float: right;
	width: 46.63%;
}
.agencies-box[data-width='full']{width: 100%; float: none;}

	.agencies-box h2{
		font-size: 1.8em;
		color:#0C7239;
		margin: 0 0 25px;
		font-family: 'artifika';
		font-weight: normal;
		text-align: center;
	}

	.slide-agencies{
		border-bottom: solid 1px #D3D3D3;
		padding-bottom: 20px;
	}
	.slide-agencies li{overflow: hidden; width:100%;}
	.slide-agencies figure{
		width: 20.83%;
		float: left;
		margin-right: 5.56%;
		overflow: hidden;
		border-radius: 50%;
		border: solid 2px #F8C200;
		transition:.3s;
		-webkit-transition:.3s;
	}
	.agencies-box[data-width='full'] .slide-agencies figure{
		width: 9.09%;
		margin-right: 3.89%;
	}
	.slide-agencies figure:hover{opacity:.6;}
	.slide-agencies figure:last-child,
	.agencies-box[data-width='full'] .slide-agencies figure:last-child
	{margin-right: 0;}

	.agencies-box > span{
		color:#858585;
		font-size: 1.6rem;
		display: inline-block;
		margin-top: 15px;
	}
	.agencies-box .ctrls-prev-next{float: right; margin-top:10px;}
	.agencies-box .ctrls-prev-next li{background-color: #0C733A;}





  /**************************************/
 /*=========     $FOOTER      =========*/
/**************************************/
footer{
	background: url(../images/bg-footer.png);
	min-height: 245px;
	margin-top: 60px;
	padding-bottom: 40px;
}
	.fake-bar{
		height: 30px;
		background:url(../images/bg-fake-bar-footer.png);
		margin-bottom: 65px;
	}
	.logo-footer{
		width: 220px;
		position: absolute;
		left:0; right:0;
		top:0;
		margin:auto;
	}

	.footer-box{
		border-top: solid 2px #392C20;
		border-bottom: solid 2px #392C20;
		padding:15px 0;
		overflow: hidden;
		width: 27.27%;
		float: left;
		margin-top: 10px;
	}
	.footer-box.right{float: right;}
	.footer-box ul{
		float: left;
		margin-left: 15px;
		margin-right: 35px;
	}
	.footer-box ul li{
		list-style: disc outside;
		color:#D98C1F;
		margin-bottom: 8px;
	}
	.footer-box ul li:last-child{margin-bottom: 0;}
	.footer-box ul li a{color:#FFF; font-size:1.5em;}
	.footer-box ul li a:hover{color:#D98C1F;}
	.footer-box h2{
		margin: 0;
		color:#DA8C20;
		font-size: 1.5em;
	}
	.footer-box p{
		font-size: 1.5em;
		color:#FFF;
		margin:6px 0;
	}


	.info-footer-box{
		float: left;
		width: 35.45%;
		text-align: center;
		position: relative;
		margin-left: 5%;
	}
	.info-footer-box::before, .info-footer-box::after{
		content:'';
		background:url(../images/bg-shadow-footer.png);
		width: 17px; height: 140px;
		position: absolute;
		left:-20px; top:50%;
		margin-top: -70px;
	}
	.info-footer-box::after{
		left:auto; right:-20px;
		background-position: -17px 0;
	}
	.info-footer-box h2{
		font-size: 1.8em;
		margin: 0 0 5px;
		font-family: 'artifika';
		color:#FFF;
		font-weight: normal;
	}
	.info-footer-box h3{
		font-size:1.5em;
		font-weight: normal;
		color:#FFFFFF;
		margin-top: 0;
	}
	.info-footer-box a{
		font-size: 2.2em;
		display: block;
		margin:20px 0;
		color:#FFF;
	}
	.info-footer-box a em{color:#D98C1F; font-style: normal;}
	.info-footer-box span{display: block; margin:auto;}


	.credits-bar{
		background:url(../images/bg-credits-bar.png);
		min-height: 55px;
	}
	.credits-bar a[href*='productoravisual.com']{
		float: left; 
		margin-top: 10px;
		width:120px;
	}
	




  /***********************************************************************************/
 /*==============================      $INTERNAS      ==============================*/
/***********************************************************************************/
.main-content{
	background-color: #FFF;
	position: relative;
	padding-bottom: 40px;
	margin-top:-30px;
	z-index:110;
}
	.fake-flower{
		position: absolute;
		max-width: 110px;
		left:-68px; top:30px;
		
		top:23px;
	}

/*=======================/
* $LEFT-COL *
/======================*/
.left-col{
	float: left;
	width: 62.72%;
	margin-left: 5.45%;
}

	.breadcrumbs li{
		display: inline-block;
		margin-right: 10px;
		font-size: 1.6em;
		color:#858585;
	}
	.breadcrumbs li a{color:#858585; padding-bottom:1px; display: block; border-bottom: solid 1px #fff;}
	.breadcrumbs li a:hover{color:#0C7239; border-bottom: dotted 1px #0C7239;}

	.left-col h1{
		font:normal 3.2em/1.3em 'artifika';
		color:#0C7239;
		margin:15px 0;
	}
	.left-col p{
		font-size: 1.7em;
		line-height: 1.35em;
		margin:20px 0;
		color:#666666;
	}
	.left-col p strong{color:#0C7239; font-weight: normal;}
	.left-col p:first-of-type{margin-top:30px;}
	.left-col p em{
		color:#FFA01E;
		font-family: 'museo-500';
		font-style: normal;
	}
	.left-col p a[href*='tel']{color:#666666; border:none;}
	.left-col p a{color:#0C7239; border-bottom: dotted 1px #0C7239;}

	hr[data-type]{
		width: 100%;
		height: 7px;
		border:none;
		background:url(../images/bg-hr-line.jpg);
		margin: 10px 0 20px;
	}

	.main-image{overflow: hidden;}

	.gallery{overflow: hidden;}
	.gallery li{
		float: left;
		width: 21.73%;
		margin:24px 4.26% 0 0;
	}
	.gallery li:nth-child(4n){margin-right: 0;}
	
	.gallery li:nth-child(4n+1) {
	clear: left;
	}
	
	.gallery figure{
		position: relative;
		overflow: hidden;
	}
	.gallery figure *{
		transition:.3s;
		-webkit-transition:.3s;
	}
	.gallery figure span{
		position: absolute;
		right:10px;
		bottom:10px;
		z-index: 10;
	}
	.gallery figure:hover img{
		transform:scale(1.2);
		-ms-transform:scale(1.2);
		-webkit-transform:scale(1.2);
		opacity:.7;
	}
	.gallery figure:hover span{
		right:50%;
		bottom:50%;
		margin:0 -17px -17px 0;
	}


	.pager{
		background-color:#FFA21E;
		padding:1em;
		border-radius: 8px;
		float: left;
		margin: 40px 0 20px;
		position: relative;
		left:50%;
		transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);
		-webkit-transform:translate(-50%,0);
		box-shadow: 0 2px 0 1px #CE7700;
	}
	.pager li{float: left;}
	.pager li a{
		font-size: 1.6em;
		color:#FFF;
		padding:0 .8em;
		border-right: solid 1px #CC7700;
		text-decoration: underline;
	}
	.pager li:first-child a, .pager li:last-child a{padding: 0; border-right: none;}
	.pager li a:hover{color:#CC7700;}
	.pager li:nth-last-child(2) a{border-right: none;}
	.pager li a span{top:3px;}


	.share-btns{
		float: right;
	}
	.share-btns li{
		float: left;
		margin-left: 10px;
	}
	.share-btns li:first-child{
		font-size: 1.6em;
		color:#858585;
	}
	.share-btns li:not(:first-child){
		background:url(../images/sprite-icons.png) -90px -155px #6A5937;
		width: 30px; height: 30px;
		border-radius: 50%;
	}
	.share-btns li:nth-child(3){background-position:-120px -155px;}
	.share-btns li:nth-child(4){background-position:-150px -155px;}
	.share-btns li:nth-child(2):hover{background-position:-90px -185px;}
	.share-btns li:nth-child(3):hover{background-position:-120px -185px;}
	.share-btns li:nth-child(4):hover{background-position:-150px -185px;}
	.share-btns li a{display: block; width: 100%; height: 100%; opacity: 0;}




	/*:::::::::::::::::CONTACTO:::::::::::::::::*/
	.alert{
		font-size: 1.6em;
		color:#0C7239;
		font-style: italic;
		display: inline-block;
		margin: 15px 0 30px;
	}
	.form-box{
		background:url(../images/bg-horario.png);
		padding:2.17%;
	}
	.form-box form{
		background-color: #F8F5F3;
		padding:5% 3.03%;
		position: relative;
	}
	.form-box form::before{
		content:'';
		background:url(../images/sprite-icons.png) 0 -140px;
		width: 50px; height: 40px;
		position: absolute;
		right:5px; top:5px;
	}
	.form-box form h3{
		font-size: 1.7em;
		color:#666666;
		margin: 0 0 30px;
		font-family: 'museo-500';
	}
	.radio{display: inline-block; margin:0 7.60% 40px 0;}
	.radio:last-of-type{margin-right: 0;}
	.radio span{
		font-size: 1.6em;
		color:#7E7E7E;
		position: relative;
	}
	.radio span::before{
		content:'';
		background:url(../images/sprite-icons.png) -225px -140px;
		width: 20px; height: 20px;
		position: absolute;
		left:-20px; top:-2px;
	}
	.radio input{opacity: 0;}
	.radio input:checked + span{color:#0C7239;}
	.radio input:checked + span:before{background-position:-205px -140px;}

	
	.form-box form div{
		float: left;
		width: 45%;
		margin-bottom: 20px;
		position: relative;
		overflow: hidden;
	}
	.form-box form div:last-of-type{
		float: none;
		width: 100%;
		clear: both;
	}
	.form-box form div:nth-child(2n){float:right;}
	.form-box form div label{
		display: inline-block;
		margin-bottom: 8px;
		color:#666666;
		font:bold 1.7em/1.2em 'museo-500';
	}
	.form-box form div input, .form-box form div textarea{
		display: block;
		width: 100%;
		border: solid 1px #D1C6C2;
		height:37px;
		font-size: 1.6em;
		padding:0 1em;
	}
	
	.form-box form div input.error, .form-box form div textarea.error { border-color:red; }
	
	.form-box form div input:focus, .form-box form div textarea:focus{
		background-color: #D1C6C2;
		color:#FFF;
	}
	.form-box form div input[data-width="short"]{
		display: inline-block;
		width: 44%;
	}
	.form-box form div span{
		position: absolute;
		right:7px; bottom:7px;
		border-left: solid 1px #D1C6C2;
	}
	.form-box form div input[data-width="short"]:first-of-type{margin-right:10%;}
	.form-box form div textarea{
		height:100px;
		min-height: 100px;
		padding: 1em;
		resize: vertical;
	}
	.form-box form button{
		border:none;
		float: right;
		width: 145px;
		background-color: #0C733A;
		color:#FFF;
		font-size: 1.7em;
		padding:.58em 0;
		border-radius: 8px;
		box-shadow: 0 2px 0 2px #0C513A;
	}


/*===============/
* RIGHT-COL *
/==============*/
.right-col{
	float: right;
	width:25.45%;
	margin-right: 2.27%;
	position: relative;
}

	.right-col > span{
		display: block;
		margin:-10px auto 0;
	}

	.horario{background:url(../images/bg-horario.png); padding: 5.35%; margin-top: 15px;}
	.horario-text{
		background-color: #F8F5F3;
		padding:2% 4% 8% 4%;
		text-align: center
	}
	.horario-text > span{
		background-color: #FFA21E;
		display: block;
		margin:-40px auto 0;
		border-radius: 50%;
		transform:scale(.75);
		-ms-transform:scale(.75);
		-webkit-transform:scale(.75);
	}
	.horario-text p{
		font-size: 1.6em;
		color:#858585;
		line-height: 1.3em;
	}
	.horario-text p strong{font-weight: normal; font-family: 'museo-500';}
	.horario-text h2{
		font:normal 3.2em/1.2em 'artifika';
		color:#0C7239;
		margin: 0;
		border-top: solid 1px #E1DAD0;
		border-bottom: solid 1px #E1DAD0;
		padding:.25em;
	}
	.horario-text a{
		display: block;
		max-width: 145px;
		margin:auto;
		background-color: #0C733A;
		color:#FFF;
		font-size: 1.7em;
		padding:.58em 0;
		border-radius: 8px;
		box-shadow: 0 2px 0 2px #0C513A;
	}
	.horario-text a:hover, .form-box form button:hover{
		background-color: #FFA21E;
		box-shadow: 0 1px 0 1px #E88500;
		transform:translate(0,3px);
		-ms-transform:translate(0,3px);
		-webkit-transform:translate(0,3px);
	}

	.banner-aside{
		margin-top: 30px;
		text-align: center;
	}
	.banner-aside:hover{opacity:.6;}
	.banner-aside h2{
		font:normal 1.5em/1.3em 'artifika';
		color:#0C7239;
		padding-bottom: 5px;
		border-bottom: solid 2px #FFA21E;
		margin-bottom: 0;
	}
	.banner-aside h2 span{top:3px;}














  /*********************************************************************************/
 /*==============================      $MEDIA-QUERIES    =========================*/
/*********************************************************************************/

@media screen and (min-width:1400px) {
	.main-banner { padding-top:26%; }
	.main-banner.internas { padding-top:14.16%; }
}

@media screen and (min-width:1300px) {
	.main-banner.internas { padding-top:14.16%; }
}

@media screen and (max-width:1100px) {
	.wrapper{width: 98%;}
	nav > ul > li{width: 11%;}
	nav > ul > li:nth-child(4){margin-left: 34%;}
	.vip-services li p{min-height: 100px;}
	.footer-box ul{margin-right:8%;}
}


@media screen and (min-width:971px) {

nav > ul > li:hover .submenu { display:table; }

}


@media screen and (max-width: 970px) {
	.top-info{float: left; text-align: left;}
	.top-info::after{right:auto; left:-12px;}
	.logo{top:0; margin-top: -52px;}
	nav{display: none; margin-top:90px;}
	
	nav > ul > li span.desplegar { display:inline-block; }
	
	nav > ul > li{
		float: none;
		height:auto;
		width: 100%;
	}
	nav > ul > li:nth-child(4){margin-left:0;}
	nav > ul > li > a{
		display: block;
		padding:1em;
		border-bottom: solid 1px #FFA21E;
		text-align: left;
	}
	nav > ul > li > a > span{display:block;}

	.submenu{
		width: 100%;
		position: static;
		transform:translate(0,0);
		-ms-transform:translate(0,0);
		-webkit-transform:translate(0,0);
	}
	
	#responsive-nav-button{
		background-color:#FFA21E;
		border: solid 1px #FFA21E;
		border-radius:5px;
		display: inline-block;
		padding:5px 10px 9px;
		float: right;
		margin:12px;
		
	}
	#responsive-nav-button span{
		display: inline-block;
		width: 20px; height: 20px;
		border-bottom: solid 3px #FFF;
		border-top: solid 3px #FFF;
		position: relative;
		top:4px;
	}
	#responsive-nav-button span::before{
		content:'';
		background-color: #FFF;
		width: 100%; height: 3px;
		position: absolute;
		top:50%; margin-top: -2px;
	}
	#responsive-nav-button:hover{background-color:#FFF;}
	#responsive-nav-button:hover span{border-color: #FFA21E;}
	#responsive-nav-button:hover span::before{background-color:#FFA21E;}
	.vip-services li h2{font-size: 1.4em;}
	.bottom-bar ul{margin-top: 0;}
	.bottom-bar li span{margin-bottom:10px;}
	.bottom-bar li p{margin:10px 0 0;}
	.bottom-bar li p br{display: none;}
}






@media screen and (max-width: 870px) {
	.top-title{padding:0 10%;}
	.vip-services li{float: none; width: 50%; margin:0 auto 30px;}
	.vip-services li:nth-child(2){margin:0 auto 30px;}
	.vip-services li h2{font-size: 2em;}
	.vip-services li p{min-height: 0;}
	.comments-box{float: none;width: 100%;}
	.agencies-box{float: none; width: 100%; margin-top: 40px;}
	.footer-box.right{
		float: none; 
		clear: both; 
		width: 100%; 
		border-top:none;
	}
	.footer-box.right p{display: inline-block;}
	.footer-box.right p + p{margin-left:10px;}
	.footer-box{width: 45%;}
	.info-footer-box{float: right; width: 45%; margin-right: 2.5%;}

	/*INTERNAS*/
	.fake-flower{display: none;}
	.left-col, .right-col{float: none; width:95%; margin: 0 auto;}
	.right-col{margin-top: 50px;}
	.breadcrumbs{margin-top:20px;}
	.horario{width:70%; margin-left:auto; margin-right: auto;}
	.banner-aside{float: left; width: 47%; margin-left: 1.5%; margin-right: 1.5%;}
	.banner-aside span{display: none;}
}





@media screen and (max-width: 730px) {
	.top-info span{display: inline-block;}
	.nav-bar{margin-top: 50px;}
	header .social-buttons{margin-top:5px;}
	.vip-services li{width: 90%;}
	.bottom-bar ul{float: none; width: 80%; margin:auto;}
	.video-box{
		float: none; 
		width: 80%; 
		margin:30px auto 0;
		padding-top: 50%;
		background-size: 100% 100%;
	}
}





@media screen and (max-width: 560px) {
	.top-info{
		float: none; 
		margin:0; 
		text-align: center;
		padding-top: 10px;
		padding-right: 0;
	}
	header .social-buttons{
		float: none;
		margin: 0;
		display: inline-block;
		position: relative;
		left:50%;
		transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		-webkit-transform: translate(-50%,0);
	}
	header .social-buttons li:first-child{margin: 0;}
	header .wrapper{margin-bottom:80px; padding-top:10px;}
	.top-info:after{content:none;}
	.top-title,.main-content{margin-top:-20px;}
	.footer-box{float: none; width: 100%;}
	.footer-box.right {border-top: solid 2px #392C20;}
	.footer-box.right p{display: block; margin-top: 15px;}
	.footer-box.right p + p{margin-left:0;}
	.info-footer-box{float: none; width: 95%; margin: 20px auto;}


	/*INTERNAS*/
	.gallery li{width:30%; margin:1.66%;}
	.gallery li:nth-child(4n){margin-right:1.66%;}
	.agencies-box[data-width='full'] .slide-agencies figure{
		width: 20%;
		margin-right: 6.66%; 
		margin-bottom: 20px;
	}
	.agencies-box[data-width='full'] .slide-agencies figure:nth-child(4n){margin-right: 0;}
	.form-box form div{float: none; width: 100%;}
	.form-box form div label{display: block;}
}





@media screen and (max-width: 430px){
	body{font-size: 12px;}
	.logo{opacity: 1;}
	.nav-bar{padding-top: 200px;}
	#responsive-nav-button{
		display: block;
		max-width: 42px;
		float: none;
		margin: -60px auto 0;
	}
	nav{margin-top:10px;}
	.top-title, .main-content{margin-top: 0;}
	.top-info span{display: block;}
	.vip-services li h2 span{display: none;}
	.bottom-bar ul{width:97%; text-align: center}
	.bottom-bar li > span{float: none;}
	.video-box{width: 97%; padding-top:60%;}
	.info-footer-box a{font-size: 2.2rem;}
	.comments-box ul{position: absolute; right:0; top:-45px;}
	.comments-box a{bottom:-30px; right:0;}
	.comment-text{float: none; width: 100%;}
	.agencies-box{margin-top: 60px;}

	/*INTERNAS*/
	.left-col h1{font-size: 2.6em;}
	.gallery li{width:45%; margin:2.5%;}
	.gallery li:nth-child(4n){margin-right:2.5%;}
	.horario{width: 97%;}
	.horario a{width:96%; max-width:96%;}
	.banner-aside{float: none;width: 97%; margin:30px auto 0; }
	.banner-aside span{display: inline-block;}
	.radio{display: block;}
	.form-box form::before{content:none;}
}









.wrapper_contenidos
{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	width:100%;
	clear:both;
	float:left;
	margin:20px 0px 20px 0px;
	
	font-size: 1.7em;
	line-height: 1.35em;
	color:#666666;
}


.gallery_pager a.active { color:#CC7700; text-decoration:none; }




#contact label.error { display:none !important; }



.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span
{
	overflow: hidden;
	width: 20px;
	line-height: 200px;
	height: 20px;
}


.wrapper_contenidos ul, .wrapper_contenidos ol { margin:12px 0; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }
.wrapper_contenidos ul li, .wrapper_contenidos ol li { list-style-type:disc; margin:0 0 10px 30px; }

.wrapper_contenidos ol li { list-style-type:decimal; }