@charset "utf-8";
/* CSS Document 
* Nombre del proyecto: GRUPAL 15 AÑOS
* Nombre del archivo: grupal-15anios.css
* Descripción: Hoja de estilos global
* Fecha de creación: Febrero de 2013
* Autor: Javier Herrera
* Autor eMail: javier@adboxpublicidad.com
*/

@import url(normalize.min.css);

/***************************************/ 
/* CLEANERS & OTHERS */
/***************************************/
*{/*list-style:none;*/ outline:none;}

a:link, a:visited, a:hover, a:active{text-decoration:none; outline:none;}
body{font-family:'opensans-regular'; overflow:hidden;}
html{overflow-x:hidden;}

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

/***************************************/
/* FONT-FACE */
/***************************************/
@font-face {
	 font-family: 'opensans-regular';
	 src: url('fonts/opensans-regular.eot');
	 src: url('fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/opensans-regular.woff') format('woff'),
			url('fonts/opensans-regular.ttf') format('truetype'),
			url('fonts/opensans-regular.svg#opensans-regular') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family: 'opensans-light';
	 src: url('fonts/opensans-light.eot');
	 src: url('fonts/opensans-light.eot?#iefix') format('embedded-opentype'),
			url('fonts/opensans-light.woff') format('woff'),
			url('fonts/opensans-light.ttf') format('truetype'),
			url('fonts/opensans-light.svg#opensans-light') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family: 'opensans-semibold';
	 src: url('fonts/opensans-semibold.eot');
	 src: url('fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
			url('fonts/opensans-semibold.woff') format('woff'),
			url('fonts/opensans-semibold.ttf') format('truetype'),
			url('fonts/opensans-semibold.svg#opensans-semibold') format('svg');
	 font-weight: normal;
	 font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-sf6wcu');
	src:url('fonts/icomoon.eot?#iefix-sf6wcu') format('embedded-opentype'),
		url('fonts/icomoon.woff?-sf6wcu') format('woff'),
		url('fonts/icomoon.ttf?-sf6wcu') format('truetype'),
		url('fonts/icomoon.svg?-sf6wcu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-house:before {
	content: "\e600";
}
.icon-phone:before {
	content: "\e605";
}
.icon-envelope-alt:before {
	content: "\e606";
}
.icon-network:before {
	content: "\e607";
}
.icon-googleplus:before {
	content: "\e601";
}
.icon-facebook:before {
	content: "\e602";
}
.icon-twitter:before {
	content: "\e603";
}
.icon-youtube:before {
	content: "\e604";
}
.icon-linkedin-sign:before {
	content: "\e608";
}
/*@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot');
	src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		  url('fonts/icomoon.woff') format('woff'),
		  url('fonts/icomoon.ttf') format('truetype'),
		  url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak:none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height:1;
	/* Better Font Rendering =========== *
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {content: "\e600";}
.icon-twitter:before {content: "\e601";}
.icon-linkedin-sign:before {content: "\e602";}
.icon-envelope-alt:before {content: "\e603";}
.icon-phone:before {content: "\e604";}
.icon-house:before {content: "\e605";}
.icon-network:before {content: "\e606";}*/

/* SAMPLES
* .opensans-regular{font-family: 'opensans-regular';}
* .opensans-light{font-family: 'opensans-light';}
* .opensans-semibold{font-family: 'opensans-semibold';}
*/
		
/***************************************/
/* HEADER */
/***************************************/
header{width:100%; max-width:1200px; min-height:100px; margin:auto; position: relative; overflow: hidden;}
	header > figure{float: left; width:26.25%; margin:10px 0 0 8.75%; line-height: 0;}
	header > figure img{width:100%; width:100%\9; height:auto;}

	header > article{float: right; margin:10px 8.75% 0 0;}
	header > article p{font-size:0.688em; line-height:1.364em; text-align:right; color:#777076; margin:0 0 10px;}
	header article p strong br{display:none;}
	header > article > ul{margin:0; padding:0; float: right;}
	header > article > ul li{height:16px; min-width:16px; overflow:hidden; display:inline-block; margin-left:10px;}
	header > article > ul li a{color:#777076; font-size:1em; display:block; text-align: center; transition:all .2s ease-in; -webkit-transition:all .2s ease-in;}
	header > article > ul li:hover a:first-child{margin-top:-17px;}
	header > article > ul li a[class^='icon'].hover{color:#EE3D96;}

	.menu{margin:0; padding:0; float:right; margin:5px 8.75% 0 0; list-style:none;}
	.menu li{float:left; font-size:0.688em; font-family:'opensans-semibold'; border-left: 2px solid #EE3D96; margin-left:10px;}
	.menu li:first-child{border-left:none;}
	.menu li a{color:#777076; display:inline-block; margin-left:10px;}
	.menu li a:hover{color:#EE3D96;}

	#boton-menu{display:none; margin:-20px 0 0 2%; background:#8E1142; font-size:0.875em; line-height: 20px; width:45px; padding:0 5px; text-align: center; color:#fff; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; font-variant:small-caps;}
	

	/*-------------
	*NAV
	-------------*/
	body > nav{width:100%; min-height:80px; margin:auto; border-bottom:2px solid #CD144B; position: relative;}
	body > nav > article{width: 100%; max-width:1200px; margin:auto;}
	body > nav article > ul{ list-style:none; margin:55px 0 0; padding:0; float:left; width:100%;}
	body > nav article > ul > li{float:left; font-size:0.813em; line-height:13px; border-left: 2px solid #999; padding:0 1%; position: relative;}
	body > nav article > ul > li:first-child{border-left:none; margin-left:9%;}
	body > nav article > ul > li > a{color:#EE3D96; font-family:'opensans-semibold'; position: relative;}
	body > nav article > ul > li > a:hover, body > nav article > ul > li.active > a{color:#999;}
	.drop{padding-right: 15px;}
	.drop::after{content:''; background:url(../images/bg-arrow-nav.png); width: 10px; height: 6px; position: absolute; top:50%; margin-top:-3px; right:0;}
	.drop:hover::after, body > nav article > ul > li.active > .drop::after{background-position:0 -6px;}


	body > nav > article > select{display:none; margin:25px auto 0; width:80%; font-size: 0.875em; line-height: 40px; position: absolute; left:0; right:0; padding:10px 0;}
	.no-link{background:#666; color:#fff;}
	.sub-btn{color:#82c341;}




/******************************************************************
	-	SETTINGS FOR BANNER CONTAINERS - SLIDER REVOLUTION	-
*********************************************************************/

	.tp-banner-container{
		width:100%;
		position:relative;
		padding:0;
	}

	.tp-banner{
		width:100%;
		position:relative;
	}

	.tp-banner-fullscreen-container {
			width:100%;
			position:relative;
			padding:0;
	}
/***************************************/
/* MAIN-BANNER */
/***************************************/
#main-banner{width: 100%; max-height:327px; background:#f1f1f1; position: relative;}
	


/***************************************/
/* COPY-BAR */
/***************************************/
#copy-bar{width: 100%; background:#8E274D; padding:20px 0; border-top:1px solid #FF3894; position:relative; z-index:999}
	#copy-bar article{width: 100%; max-width: 1200px; margin:auto;}
	#copy-bar article p{text-align:center; color:#fff; margin:0 20%; font-size:0.813em; line-height: 1.308em;}


.pad100 {padding-top: 100px; }


/***************************************/
/* MAIN-WRAP */
/***************************************/
.main-wrap{width: 100%; max-width:1000px; margin:35px auto; position: relative;}
	.titles{font:normal 1.125em/1em 'opensans-semibold'; color:#000; margin:0;}
	.sub-titles{font-size:0.875em; margin:3px 0 25px; font-family: 'opensans-light'; color:#333;}

	.top-box{width:32%; float: left; margin-bottom: 45px; position: relative;}
		.top-box > figure{width: 100%; line-height: 0; overflow:hidden;}
		.top-box > figure img{width: 100%; width: 100%\9; height:auto;}
		.top-box > h2{line-height: 30px; font-size: 1.438em; color:#fff; position:absolute;}
		.top-box > h2.left{left:10%; bottom:28%;}
		.top-box > h2.right{right:12%; bottom:28%; font-size:1.125em; line-height:1.222em; text-align:right;}
		.top-box > p{color:#fff; font-size:0.750em; line-height: 1.333em; position:absolute; left:10%; bottom:20%;}
		.top-box > .button , .bottom-box > .button, .button{
			display:block; 
			line-height:25px; width:28%; 
			text-align: center; 
			color:#fff; font-size: 0.750em; font-family: 'opensans-light';
			position: absolute; right:12%; bottom:22%;
			transition:all .3s; -webkit-transition:all .3s;
			border-radius: 5px; -webkit-border-radius: 5px;
			background: #f2468d; /* Old browsers */
			background: -moz-linear-gradient(top, #f2468d 0%, #8e274d 29%, #8e274d 29%, #8e274d 65%, #f2468d 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2468d), color-stop(29%,#8e274d), color-stop(29%,#8e274d), color-stop(65%,#8e274d), color-stop(100%,#f2468d)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* IE10+ */
			background: linear-gradient(to bottom, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2468d', endColorstr='#f2468d',GradientType=0 ); /* IE6-9 */
		}
/******************************************************************************************************/
/*******************************************EDITADO POR NICO*******************************************/		
/******************************************************************************************************/		
		
				.top-box > .button2 , .bottom-box > .button2, .button2{
			display:block; 
			line-height:25px; width:50%;
			text-align: center; 
			color:#fff; font-size: 0.750em; font-family: 'opensans-light';
			transition:all .3s; -webkit-transition:all .3s;
			border-radius: 5px; -webkit-border-radius: 5px;
			background: #f2468d; /* Old browsers */
			background: -moz-linear-gradient(top, #f2468d 0%, #8e274d 29%, #8e274d 29%, #8e274d 65%, #f2468d 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2468d), color-stop(29%,#8e274d), color-stop(29%,#8e274d), color-stop(65%,#8e274d), color-stop(100%,#f2468d)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* IE10+ */
			background: linear-gradient(to bottom, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2468d', endColorstr='#f2468d',GradientType=0 ); /* IE6-9 */
		}
		
		.top-box > .button2:hover, .bottom-box > .button2:hover, .bottom-box > .button2.pink:hover, .button2:hover{
			opacity:0.5;
		}
		
/******************************************************************************************************/
/***************************************FIN EDITADO POR NICO*******************************************/		
/******************************************************************************************************/		
		
		
		.top-box > .button:hover, .bottom-box > .button:hover, .bottom-box > .button.pink:hover, .button:hover{
			color:#8e274d;
			background:linear-gradient(to bottom, #fff 0%,#fff 100%);
			background:-moz-linear-gradient(top, #fff 0%, #fff 100%); /* FF3.6+ */
			background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fff 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
			background:-o-linear-gradient(top, #fff 0% ,#fff 100%); /* Opera 11.10+ */
			background:-ms-linear-gradient(top, #fff 0%, #fff 100%); /* IE10+ */
			background:linear-gradient(to bottom, #fff 0%,#fff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
		}
		.top-box.middle{margin:0 2%;}






	  /*---------------------/
	 /      BOTTOM-BOX      /
	/---------------------*/

	.bottom-box{width:30%; float: left; position: relative; overflow: hidden; border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; line-height:0; margin-bottom: 45px;}
		.bottom-box > figure{width:100%;}
			.bottom-box > figure > img{width:100%; width:100%\9; height:auto;}

			.bottom-box > .button{right:5%; bottom:12%; width:35%;}
			.bottom-box > .button.center{left:0; right:0; margin:auto;}
			.bottom-box > .button.pink{
				background: #ffb9b5; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffb9b5 0%, #ff6666 30%, #ff6666 65%, #ffb9b5 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb9b5), color-stop(30%,#ff6666), color-stop(65%,#ff6666), color-stop(100%,#ffb9b5)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffb9b5 0%,#ff6666 30%,#ff6666 65%,#ffb9b5 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffb9b5 0%,#ff6666 30%,#ff6666 65%,#ffb9b5 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffb9b5 0%,#ff6666 30%,#ff6666 65%,#ffb9b5 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffb9b5 0%,#ff6666 30%,#ff6666 65%,#ffb9b5 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb9b5', endColorstr='#ffb9b5',GradientType=0 ); /* IE6-9 */
			}

	.bottom-box.middle{margin:0 5%;}

		.bottom-box h2{line-height:1.250em; text-align:center; font-size:1.500em; font:'opensans-semibold'; position: absolute; left:0; top:0; z-index: 100; font-weight: normal; width: 100%; margin:0; padding:13px 0 0;}
		.bottom-box h2.white{background:#fff; color:#8E274D;}
		.bottom-box h2.pink{background:#FD5A57; color:#fff;}
		.bottom-box h2.white::before, .bottom-box h2.pink::before{content:''; background:url(../images/sprite-bg-titles.png) center top; width:100%; height: 8px; position: absolute; left:0; top:0;}
		.bottom-box h2.pink::before{background-position:0 -14px}
		.bottom-box h2.white::after, .bottom-box h2.pink::after{content:''; background:url(../images/bg-titles-1.png) no-repeat; width: 100%; height:22px; position: absolute; left:0; bottom:-22px; background-size:100%; -webkit-background-size:100%;}
		.bottom-box h2.pink::after{background:url(../images/bg-titles-2.png) no-repeat; background-size:100%; -webkit-background-size:100%;}

	



  /*---------------------/
 /      NEWS-&-FB       /
/---------------------*/

	.news{width:70%; float:left; margin-top:15px;}
	.news figure{line-height: 0;}
	.news figure img{width: 100%;}

	.one-col-span{width:27%; float: right; overflow: hidden; line-height: 0;}
	.one-col-span > iframe{width:99%; min-height:290px; border:none; overflow:hidden; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid #666; display:block; margin:auto;}	



	

  /******************************************************************************************************/
 /*============================================= INTERNAS =============================================*/
/******************************************************************************************************/

  /*---------------------/
 /       HOTELES        /
/---------------------*/

h1.title-int{color:#E5097F; font:normal 1.438em/0.739em 'opensans-semibold'; text-align: center; margin:0; border-bottom: solid 1px #ccc; padding-bottom: 20px;}
p.copy{color:#808080; font-size: 0.750em; line-height: 1.333em; text-align: center; margin:20px 0;}

.thumb-hotel{margin:40px 0 0; padding: 0; list-style:none;}
	.thumb-hotel li{float: left; width:32%; margin-bottom: 45px;}
	.thumb-hotel li:nth-child(3n+2){margin-left:2%; margin-right: 2%;}

		.thumb-hotel li figure{line-height: 0; background:url(../images/bg-frame-hotels.png) no-repeat center center; background-size: 100%; -webkit-background-size: 100%; padding:12% 0;}
		.thumb-hotel li:nth-child(3n+2) figure{background-image:url(../images/bg-frame-hotels-2.png);}
			.thumb-hotel li figure img{width:77.01149425287356%; height:auto; margin:auto; display: block;}

		.thumb-hotel li p{font-size: 0.750em; line-height: 1.333em; text-align: center; color:#000; min-height:140px;}
		.thumb-hotel li a.button, .button.no-absolute{position: static; margin:20px auto 0; border:solid 1px #f2468d; max-width: 200px;}

/*====INTERNA-HOTEL====*/
.logo-title{display: block; margin:-40px auto 0; width:100%; max-width:220px;}
.logo-title + hr{border:none; border-bottom: solid 1px #ccc; margin:0;}

.gallery-categories{margin:30px 0 40px; padding: 0;}
	.gallery-categories li:first-child{margin-left:33%;}
	.gallery-categories li{float: left; font-size: 0.750em; height: 25px; border:solid 1px #ee3d96; border-radius:13px; -webkit-border-radius:13px; margin-right:.5%; overflow: hidden;}
	.gallery-categories li a{color:#808080; line-height: 25px; display: block; padding:0 10px;}
	.gallery-categories li a:hover, .gallery-categories li.active a{background:#F7ADAF; color:#fff;}

.gallery-pics{margin: 0; padding: 0;}
	.gallery-pics li{width:31%; float: left; margin:0 1.166666666666667% 30px; line-height: 0;}
	.gallery-pics li.hide{display: none;}
	/*.gallery-pics li:nth-child(3n+2){margin-left:3.5%; margin-right:3.5%;}*/
		.gallery-pics li a{display: block; position: relative; overflow: hidden;}
			.gallery-pics li a img{width: 100%; width: 100%\9; height:auto; transition:all .3s; -webkit-transition:all .3s;}
			.gallery-pics li a span{position: absolute; width: 100%; height: 100%; background:url(../images/galeria-hoteles/transparencia.png); background-size: 100%; -webkit-background-size: 100%; opacity:0; transition:all .3s; -webkit-transition:all .3s; z-index: 1;}
			.gallery-pics li a:hover span{opacity:1;}
			.gallery-pics li a:hover img{-webkit-transform:scale(1.07,1.07); transform:scale(1.07,1.07);}



h2.subtitle-int{text-align: center; font:normal 1.375em/1.182em 'opensans-semibold'; color:#808080; margin:50px 0 20px; border-bottom: solid 1px #ccc; padding-bottom:10px;}

.more-hotels{margin: 0 0 60px; padding: 0;}
	.more-hotels > li{float: left; width:18%; border:dotted 1px rgba(0,0,0,.2); margin:0 1%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
		.more-hotels > li a{display: block; width: 100%; height:100%;}
			.more-hotels > li a img{width: 100%; width: 100%\9; height:auto;}
			.more-hotels > li a:hover{opacity:.5;}



	
	




/***************************************/
/* FOOTER */
/***************************************/
footer{width: 100%; background:#222222; border-top:3px solid #222222;}

	.data-info{width: 100%; background:#333333; padding:30px 0;}
	.data-info div{width: 100%; max-width:1085px; margin:auto;}
	
	.data-info div > figure{width:22.58064516129032%; float: left;}
	.data-info div > figure img{width:100%; width:100%\9; height:auto;}

	.data-info .one-col-footer{float:left; width:21.19%; padding-left:2.76%; margin-left: 2.76%;	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-left: 1px solid #404040;}

	.one-col-footer h1{margin:0 0 10px; color:#EE3996; font:normal 0.688em/1em 'opensans-semibold';}
	.one-col-footer ul{margin:0; padding:0;}
	.one-col-footer ul li{font-size:0.688em; line-height:1.273em; color:#fff; margin-bottom:3px; }
	.one-col-footer ul li a,.one-col-footer > span a{color:#fff; transition:all .2s ease-in; -webkit-transition:all .2s ease-in; display:block;}
	.one-col-footer ul li a:hover, .one-col-footer > span a.hover{color:#EE3996;}
	.one-col-footer ul li a{display:inline;}
	.one-col-footer ul li span{display:inline-block; margin-right:8px;}

	.one-col-footer > span{width:16px; height: 16px; display:inline-block; overflow: hidden; text-align: center; margin:8px 8px 0 0; }
	.one-col-footer > span:hover a:first-child{margin-top:-16px;}

	.one-col-footer form{line-height: 0;}
	.one-col-footer input[type='text'], .one-col-footer textarea{width:100%; border:none; margin-bottom:5px; font-size:0.688em; line-height:20px; padding:0 5%; border-radius:3px; -webkit-border-radius:3px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
	.one-col-footer textarea{line-height:1.273em; height:60px; padding:2% 5%; resize: none;}
	.one-col-footer input[type='text']:focus, .one-col-footer textarea:focus{background:#f3f3f3;}
	.one-col-footer input[type='button']{
		float: right; width:65px;
		color:#fff; font-size:0.688em;
		border-radius:3px; -webkit-border-radius:3px;
		border: none; line-height:20px;
		background: #f2468d; /* Old browsers */
		background: -moz-linear-gradient(top, #f2468d 0%, #8e274d 29%, #8e274d 29%, #8e274d 65%, #f2468d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2468d), color-stop(29%,#8e274d), color-stop(29%,#8e274d), color-stop(65%,#8e274d), color-stop(100%,#f2468d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f2468d 0%,#8e274d 29%,#8e274d 29%,#8e274d 65%,#f2468d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2468d', endColorstr='#f2468d',GradientType=0 ); /* IE6-9 */
	}
	.one-col-footer input[type='button']:hover{opacity:.7;}


	.credits{width: 100%; max-width:1085px; margin:auto; padding:40px 0 20px;}
	.credits h2, .credits p{color:#fff; float: left; font-size:0.688em; margin:0;}
	.credits h2 a, .credits p a{color:#fff; text-decoration: underline;}
	.credits h2 a:hover, .credits p a:hover{text-decoration: none; background:#fff; color:#000;}
	.credits p{float:right; position: relative; margin-right:40px;}
	





/***************************************/
/* RESPONSIVE */
/***************************************/

@media only screen and (max-width: 1024px) {
	body > nav article > ul.clearfix > li:first-child{margin-left:4%;}
	.main-wrap, .data-info > div{width:98%;}
	.credits h2, .credits p{float: none; text-align: center; margin:0;}
	.credits p{margin-bottom:50px; margin-top: 10px;}
	.credits p::after{right:50%; margin-right:-17px; bottom:-50px;}
}



@media only screen and (max-width:980px) {
	body > nav article > ul.clearfix > li:first-child{margin-left:3%;}
	.menu{clear:both;}
}



@media only screen and (max-width:920px) {
	body > nav article > ul.clearfix > li:first-child{margin-left:1.6%;}
	#copy-bar article p br{display:none;}
	.top-box > .button{bottom:3%;}
	.top-box > h2.right{bottom:12%;}
	.top-box > .button{ bottom:3%;}
}




@media only screen and (max-width:900px) {
	body > nav article > ul.clearfix{display: none;}
	body > nav article select{display:block;}

	/*==INTERNAS==*/
	.gallery-categories li:first-child{margin-left:30%;}
}



@media screen and (max-width:850px) {
	.pad100 {padding-top: 20px; }

	header figure{float:none; margin:20px auto; min-width:315px;}
	header article{float: none; margin:0 auto 20px;}
	header article p{text-align: center;}
	header article ul{float: none; width: 120px; margin:auto;}
	.menu{float:none; margin:0 0 0 28%;}
	.menu li{font-size:0.625em;}

	.top-box, .bottom-box{width:45%; margin:0 2.5% 45px 2.5%;}
	.top-box.middle, .bottom-box.middle{margin:0 2.5% 45px 2.5%;}
	.top-box > .button{bottom:22%;}
	.top-box > h2.right{bottom:27%;}

	.news, .one-col-span{float: none; width:100%;}
	.one-col-span{margin-top:45px;}
	.one-col-span iframe{min-height:230px;}


	.data-info div figure{float: none; margin:0 auto 20px; width: 100%; max-width:265px;}
	.data-info .one-col-footer{margin-left: 0;}
	.data-info .one-col-footer:nth-child(3){width:40%;}
	.data-info .one-col-footer:nth-child(4){width:37%;}
}



@media screen and (max-width:670px){
	.menu{margin-left:22%;}
	
	.top-box, .bottom-box{width:64%; margin:0 auto 45px; float: none;}
	.top-box.middle, .bottom-box.middle{margin:0 auto 45px;}

	/*==INTERNAS==*/
	.thumb-hotel li, .gallery-pics li{width:45%; margin-left:2.5%; margin-right:2.5%;}
	.thumb-hotel li:nth-child(3n+2), .gallery-pics li:nth-child(3n+2){margin-left:2.5%; margin-right: 2.5%;}
	.thumb-hotel li:nth-child(2n+3){clear:left;}

	.gallery-categories li:first-child{margin-left:25%;}
}


@media screen and (max-width: 535px) {
	.grupal15-mob {display: none}
	
	}

@media screen and (max-width: 535px) {
	body{font-size:120%}
	header article ul, .one-col-footer span{font-size: 0.842em;}

	header{border-bottom: 1px solid #8E1142;}
	.menu{width:100%; display:none; margin-left: 0;}
	.menu li{
		margin-left: 0;
		line-height: 25px;
		float: none; border:none;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #f2f2f2;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	}
	.menu li a{display:block;}
	#boton-menu{display:block;}

	#main-banner, .one-col-span{display:none;}

	.top-box, .bottom-box{width: 90%;}

	.data-info .one-col-footer{float:none; width: 100% !important; border-left:none; border-bottom: 1px solid #404040; margin-bottom: 20px; padding:0 2.76% 20px 2.76%; overflow: hidden;}
	.data-info .one-col-footer:nth-child(2) ul li{float:left; margin-right:1%; border-right:1px solid #fff; padding-right:1%; }
	.data-info .one-col-footer:nth-child(2) ul li:last-child{padding:0; border:none;}

	/*==INTERNAS==*/
	.thumb-hotel li{width:95%; margin-left:auto; margin-right:auto; float: none;}
	.thumb-hotel li:nth-child(3n+2){margin-left:auto; margin-right: auto;}

	.gallery-categories li:first-child{margin-left:12%;}

	.gallery-pics li{width:95%; float: none; margin-left:auto; margin-right: auto;}
	.gallery-pics li:nth-child(3n+2){margin-left:auto; margin-right:auto;}

	.more-hotels > li{width:33%; margin:0 8.5% 40px;}
		
}



@media only screen and (max-width: 450px){
	#copy-bar article p{margin:0 5%;}

	.top-box{width: 100%;}

	.data-info .one-col-footer:nth-child(2) ul li{margin-bottom:10px; margin-right:2%; padding-right:2%;}

	/*==INTERNAS==*/
	.gallery-categories li:first-child{margin-left:3%;}
	.more-hotels > li{float:none; width:85%; margin:0 auto 40px;}
}



@media only screen and (max-width:390px) {
	header article p strong br{display:block;}
	.top-box > p{bottom:18%;}
	.main-wrap .top-box:nth-child(3) > p{bottom:12% !important;}

	/*==INTERNAS==*/
	.gallery-categories li{float: none; margin:0 auto 10px; width:80%; text-align: center}
	.gallery-categories li:first-child{margin-left: auto; }
}
/*CONTACTO POR NICO*/
.main-wrap{width: 100%; max-width:890px; margin:35px auto;}
	.titles{font:normal 1.125em/1em 'opensans-semibold'; color:#000; margin:0 0 20px;}
	.sub-titles{font-size:0.875em; margin:3px 0 25px; font-family: 'opensans-light'; color:#333;}
	
	.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;}

 /*---------------------/
 /      CONTACTO        /
/---------------------*/
.map-box{width:72%; float: left;}

	.map-box > p{font-size: 0.750em; line-height: 1.417em; color:#4d4d4d; margin:0;}
	.map-box > iframe{border: none; overflow: hidden; width: 100%; min-height:325px; background-color: #f1f1f1; margin-top:20px;}

.right-box{width:26%; float: right;}
	.right-box > img[alt*='logo']{width: 90%; width: 90%\9; height:auto; display: block; margin:auto;}

	.right-box > h2{text-align: center; color:#4d4d4d; font-size:0.813em; margin:20px 0 15px;}

	.right-box > ul{margin: 0; padding: 0;}
	.right-box > ul li{text-align: center; color:#4d4d4d; font-size: 0.750em; line-height: 1.250em; margin-bottom: 10px;}
	.right-box > ul li span{display: block; width: 20px; height: 20px; background:#7B757A url(../images/sprite-icons-contacto.png); margin:0 auto 3px; border-radius:50%; -webkit-border-radius:50%;}
	.right-box > ul li:nth-child(2) span{background-position:0 -20px;}
	.right-box > ul li:nth-child(1n+3) span{background-position:0 -40px;}
	.right-box > ul li a{color:#4d4d4d;}
	.right-box > ul li a:hover{color:#b32539;}

#contact-form{margin: 40px 0 60px; display: block;}

	h3.subtitle{color:#1a1a1a; font-size: 0.938em; margin:0 0 10px;}
	
	#contact-form input[type='text'], #contact-form > textarea{width:32%; height: 30px; padding:0 2%; font-size: 0.813em; float: left; border:solid 1px #ccc; border-radius:10px; -webkit-border-radius:10px; margin-bottom: 10px; display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
	#contact-form input[type='text']:nth-of-type(2){margin-left: 2%; margin-right: 2%;}
	#contact-form input[type='text']:focus, #contact-form > textarea:focus{background-color: #f1f1f1}
	#contact-form > textarea{width: 100%; height:6.153846153846154em; padding:.7% 2%; resize:vertical; overflow: hidden;}
	#contact-form input[type='button']{
		border: none;
		display:block; float: right;
		width:30%; max-width:130px;
		text-align:center; text-transform: uppercase;
		font-size:0.750em; line-height:25px; 
		color:#fff;
		border-radius: 5px; -webkit-border-radius: 5px;
		background: #b32539; /* Old browsers */
		background: -moz-linear-gradient(top,  #b32539 0%, #ee314c 36%, #ee314c 67%, #b32539 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b32539), color-stop(36%,#ee314c), color-stop(67%,#ee314c), color-stop(100%,#b32539)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b32539 0%,#ee314c 36%,#ee314c 67%,#b32539 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b32539 0%,#ee314c 36%,#ee314c 67%,#b32539 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b32539 0%,#ee314c 36%,#ee314c 67%,#b32539 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b32539 0%,#ee314c 36%,#ee314c 67%,#b32539 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32539', endColorstr='#b32539',GradientType=0 ); /* IE6-9 */
	}
	#contact-form input[type='button']:hover{opacity:.7;}

.others-web{margin: 0; padding: 0;}
	.others-web > li{float: left; width:25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style:none; }
		.others-web > li img{width: 100%; max-width: 170px; display: block; margin:0 auto 20px;}

		.others-web > li > ul{margin: 0 0 0 8%; padding: 0; border-right:solid 2px #ccc; }
		.others-web > li:last-child > ul{border-right:none;}
			.others-web > li > ul li{font-size: 0.750em; margin-bottom: 8px; color:#333;}
			.others-web > li > ul li a{color:#333;}
			.others-web > li > ul li a:hover{color:#b32539;}
			.others-web > li > ul li span{font-size:  0.750rem; display: inline-block; margin-right:8px;}

		.others-web > li > a{
			display: block; margin:20px auto 0; 
			max-width: 40%; 
			font-size:0.750em; line-height: 35px; 
			border-radius:6px; -webkit-border-radius:6px;
			color:#FFF;
			text-align: center;
			background: url(../images/sprite-bg-btns-other-sites.png) repeat-x;
		}
		.others-web > li:nth-child(2) > a{background-position: 0 -35px;}
		.others-web > li:nth-child(3) > a{background-position: 0 -105px;}
		.others-web > li:last-child > a{background-position: 0 -70px;}
		.others-web > li > a:hover{opacity:.7;}

		
#boton {
display: block; margin:20px auto 0; 
			max-width: 40%; 
			font-size:0.750em; line-height: 35px; 
			border-radius:6px; -webkit-border-radius:6px;
			color:#FFF;
			text-align: center;
			background: url(../images/sprite-bg-btns-other-sites.png) repeat-x;
		}
		
		.bg-formulario {background-image: url(../../images/bg-form-contacto.jpg); background-repeat: no-repeat;
    padding: 40px 0;
    clear: both; background-attachment: fixed;
    background-size: cover;
    background-position: center;}
	.font-rosa {color: #8e274d;}
	.mensaje-form {display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
	.btn-mensaje {background-color: #f0869d;
    color: #FFF;
    border: 0;
    padding: 10px 40px;
    margin-top: 20px;}
	.info-contacto {text-align: center;
    color: #8e274d;
    font-size: 33px;
    margin-bottom: 40px;
    font-weight: 600;}
	.bg-contacto2 {background-image: url(../../images/bg-form-contacto.jpg); background-repeat: no-repeat; background-position: center; background-attachment:fixed; background-size: cover;
        padding: 15px 0;
    border-top: 7px solid #8E274D;}
	.consulta {color: #8e274d; font-size: 30px; margin-bottom: 0px}
    .consulta-sub {font-weight: 400; color: #777777; margin-bottom: 25px;     margin-top: 10px;}
    .no-borde {border-radius: 3px !important; height: 38px !important;}
    .no-borde2 {border-radius: 3px !important;}
	.btn-contacto {border: 0; border-radius: 0px; background-color: #EE3D96; padding: 10px 70px; color: #FFF; text-transform: uppercase; margin-top: 15px;}