/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*, h1, h2, h3, h4{margin:0;padding:0;list-style-type:none;text-decoration:none}
body{background:#020202;font-family:Arial, Helvetica, sans-serif}
h2{font:normal 150% Arial, Helvetica, sans-serif;color:#333;}
/*.h2{display:none}
.dir{font:normal 80% Arial, Helvetica, sans-serif;color:#5c625d}
.dir p{margin-bottom:10px;color:#333}
.dir a{color:#555;font-weight:normal;font-size:100%;text-decoration:underline}
.dir a:hover{color:#000}*/
a{font-size:100%;color:#555;}
a:hover{text-decoration:underline}			
img{border-style:none}
.clear{clear:both;color:#999;text-align:right;font:0.7em tahoma, Verdana, Arial, Helvetica}
noscript p{margin:20px auto;width:950px;display:block;color:#fff;clear:both}
.occ_mov { display:none!important}
.whatsapp { position: fixed; right:5px; top:90px; z-index:9999; background-color:#fff; border-radius:25px; font-size:80%; color:#000!important; font-weight:500; padding-right:10px;font-family: 'Roboto Condensed', sans-serif;-webkit-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);}
.whatsapp img{ display:inline; vertical-align:middle; margin-right:3px}
.cita { position: fixed; right:5px; top:150px; z-index:9999; background-color:#fff; border-radius:25px; font-size:80%; color:#000!important; font-weight:500; padding-right:10px;font-family: 'Roboto Condensed', sans-serif;-webkit-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);box-shadow: 0px 3px 12px -4px rgba(0,0,0,0.75);}
.cita img{ display:inline; vertical-align:middle; margin-right:3px}

/*******POU UP*************/
#popup {
		background-color: rgba(0,0,0,0.8);
		position: fixed;top:0;left:0;right:0;bottom:0;margin:0;
		-webkit-animation:autopopup 2s;
		-moz-animation:autopopup 2s;
		animation:autopopup 2s;
		z-index:99999999
}
		@-webkit-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@-moz-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
	#popup:target {
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
		opacity: 0;
		visibility: hidden;
	}
	.popup-contenedor {
		position: relative;
		margin:15% auto;
		padding:30px 40px;
		background-color: #fafafa;
		color:#333;
		border-radius: 3px;
		width:70%;
		text-align:center;
	}
	.popup-contenedor img { width:50%}
	.popup-contenedor p { font:300 200% Segoe, "Segoe UI", sans-serif; margin:0}
	.popup-contenedor h2 { font:600 250% Segoe, "Segoe UI", sans-serif; color:#438C2A; margin:0}
	a.popup-cerrar {
		position: absolute;
		top:3px;
		right:3px;
		background-color: #222;
		padding:7px 10px;
		font-size: 20px;
		text-decoration: none;
		line-height: 1;
		color:#fff;
	}

/*---- Menu navegacion ----*/
.dto { text-align:center; background-color:#E73D52; padding:20px; font-size: 180%; line-height:150%; margin:5px 0 0; display: block}
.dto .gr { font-size:130%; color:#fff; font-weight:400; display:block; margin-top:5px}
.dto .gr i {font-weight:700; font-style:normal}
#menuMovil { display:none; position:relative;}
header {
	overflow: hidden;
	position: inherit;background: #000;z-index: 998;
	width:100%;}
header h1 {
	display: inline-block;
	vertical-align: middle;
	width:83%;
	margin:0 auto;
	padding:5px 0 3px 0;
	float:none;
	height: inherit;
	text-align:center
}
header h1 a { text-decoration: none;}
header h1 img{ display: inline-block; vertical-align: middle; width:90px}
header p.telef { 
	width:120px;
	text-align:center;
	line-height:0;
	color:#fff;
	margin:5px 0 1px;
	clear:both;
	display:block;
    position: absolute;
    top: 18px; right: 140px;
}
header p.telef strong{font:600 70% 'Roboto Condensed', sans-serif!important; color: #333; background-color: #fff;border-radius: 20px;padding: 3px 0;display: block;width:65px; margin-top: 10px; z-index: 10}
header p.telef img{ display:  block; margin-left: 21px; vertical-align: middle; z-index: 20}
header p.telef a{ color:#fff }
.menu-anchor {
	width: 40px;
	height: 38px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	margin-top:0px; margin-left: 5px
}
.menu-anchor:before {
	content: "";
	display: block;
	margin: 10px auto 0;
	width: 65%;
	height: 4px;
	background: #fff;
	box-shadow: 0 .45em 0 0 #fff, 0 .92em 0 0 #fff;
	border-radius:3px;
}
.menu-active .menu-anchor { background:#666;}
menu {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 250px;
	height: 100%;
	padding-top: 30px;
	background: #fafafa;
	font-size:110%;
	box-shadow: inset -4px -10px 10px 0 rgba(0,0,0,.1);
	overflow:auto}
menu ul li{ text-transform:uppercase; border-bottom:1px solid #ddd; padding:8px 0}
menu li a{display: block;margin: 0;	padding: 5px 20px;color: #000!important;text-decoration: none; font:400 80% 'Roboto Condensed', sans-serif}
menu li.current {display: block;font-size:100%;margin: 0;padding: 5px 20px;color: #000!important}
menu li a:hover {color: #000;text-decoration:none}
menu ul ul li{text-transform:none;border-bottom: none;font:400 90% 'Roboto Condensed', sans-serif!important;color:#999!important; padding:0 20px}
menu ul ul li a{ color:#444!important; font-size:100%; font-weight:400!important; padding:0}
menu ul ul li a:hover{ color:#000!important}


/*
	Aqui se esconde el menu de navegacion movil 
	O valor exatamente a largura da sidebar
*/
menu {
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*	Esta es la posicion original de HEADER e do MAIN */

header, .main {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}
/* Com a classe menu-active na tag HTML */
.menu-active menu {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.menu-active header, 
.menu-active .main {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}

/* Acordion */
.accordion-container {width: 100%;clear:both}
.accordion-titulo {position: relative;display: block;text-decoration:none}
.accordion-titulo.open { font-weight:700; color: #fff }
.accordion-titulo:hover { font-weight:700}
.accordion-titulo span.toggle-icon:before {content:"+";font-size:130%}
.accordion-titulo.open span.toggle-icon:before {content:"-";font-weight:700; font-size:140%}
.accordion-titulo span.toggle-icon {position: absolute;top: 0;right: 20px;font:400 115% 'Roboto Condensed', sans-serif}
.accordion-content {display: none;padding: 10px;overflow:auto} 
/*------------------------------------*/
/* page styles*/
.contenedor {width:100%;margin:0 auto;position:relative}
#head {width:100%; background: #000;z-index: 999; position:fixed;}
#head h1 {margin:15px 0 0; display:inline-block; vertical-align:middle; width:12%; text-align:center}
ul.navDcha, nav.navIzq { display:inline-block; vertical-align:middle;width:43%;}
ul.navDcha li { display: inline; vertical-align: central;}
ul.navDcha li a { color:#fff; font:700 90% 'Roboto Condensed', sans-serif; padding:45px 2%}
ul.navDcha li a:hover { background-color:#fff; color:#555; text-decoration:none;padding:45px 2%}
.redesTop { position:fixed; top:8px; right:2%}
.redesTop img{ width:30px; margin: 0 2px}
#head p.telef { 
	width:30px;
    position: absolute;
    top: 9px; right:65px;
}

nav { text-align:right;}
nav ul ul {	display: none; text-align:left}
nav ul li:hover > ul {display: block}
nav ul {vertical-align:middle;width:100%; position: relative;display: inline-block}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li { display:inline-flex;font:700 95% 'Roboto Condensed', sans-serif; padding:45px 2%; color:#eee}
nav ul li a {color:#fff; text-decoration: none;}
nav ul li:hover {background-color:#fff;color:#555}
nav ul li:hover a {color: #fff}
nav ul ul {
	background:#fff; border-radius: 0px; padding:5px 0 0; position: absolute; top: 100%;
	width:50%;
	margin-left:-2%;
	font-size:110%
}
nav ul ul li {
	display:inherit;
	border-bottom: 1px solid #eee;
	position: relative;
	padding:10px 0;
	margin:0 5%;
	color:#999; font-weight:normal; 
}
nav ul ul li a {
	padding: 8px 0;
	color: #555!important;
	font-size:100%; font-weight:400
}	
nav ul ul li:hover {
	text-decoration:none;
	color:#999; 
	font-weight:normal
}
nav ul ul li a:hover {
	text-decoration:none;
	color:#000; 
	font-weight:700
}
#container { position: relative; padding-top:70px}
.oferta { text-align: center; margin: 1%; display: none}
.oferta img{ width: 100%; max-width:1071px}

.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	 margin:0px auto;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 80%;
    left: 10%;
    position: absolute;
    top: 0;
    width:80%;
    }
.slide { margin-top:41px}

.grande { display:block; font-size:180%; text-transform:uppercase; margin:10px 0}

/*----- Interior --- */
/*--------- galeria ---------*/
.contenidoInt {width:100%; background-color:#fff}
.contenidoInt h3 { margin:10px 0; font-weight:normal; color:#666}
.contenidoInt p,.contenidoInt li{font-size:95%;color:#444; line-height:140%; margin-bottom:8px}
.contenidoIntTxt{width:70%;background-color:#fff; margin:30px auto 0; padding-bottom:30px; padding-top:60px; display:block}
.contenidoIntTxt h2 { font:300 150% Roboto, Arial; margin:20px 0 10px}
.contenidoIntTxt a { font-size:100%}
.cookiefirst-cookie-declaration p, .cookiefirst-cookie-declaration dd{ color:#333!important; font-size: 1rem; line-height: 1.3rem}
.cfAycx h3 { font-size: 1.3rem}

p.col{font-size:90%; float:left; display:block; width:30%;font:300 120% Roboto, Arial;}
p.art{float:right; width:90px; border:1px solid #ddd; padding:3px 0; text-align:center; font-size:80%; color:#999}
.lin{ border-bottom:1px dotted #ccc; margin:10px 0 15px; clear:both}
ul.galeria li{float:left;margin:10px 2.1% 10px;width:29%;text-align:center; color:#666; font-size:90%; padding-bottom:5px; }
ul.galeria li img{width:100%;display:block;margin-bottom:5px;border:1px solid #fff}
ul.galeria a{color:#666}
ul.galeria li:hover,ul.galeria li img:hover{border-color:#d4bdb7}

.colFoto, .colDcha,#map { display:inline-block; vertical-align: top; width:38%; margin:20px 3% 20px 8%}

.colFoto{ display:inline-block; vertical-align: top; width:38%; margin:20px 3% 20px 8%}
.colFoto img { width:100%}
.colDcha{width:45%;margin:20px 0 20px 0; padding:1% 0}
.colDcha h1, .contenidoIntTxt h1 { font:300 120% Roboto, Arial; text-transform:uppercase}
.colDcha h1 span {font:500 250% Roboto, Arial; margin-bottom:20px; display: block; text-transform: none}
.contenidoIntTxt h1 span { font-weight:300 }
.colDcha h2 { font:500 250% Roboto, Arial; margin-bottom:20px}
.colDcha p.precio{font:300 120% Roboto, Arial; display:block;margin:10px 0 20px}
.colDcha p.precio strong{font-size:180%;font-weight:normal}
.colDcha ul{margin-top:30px}
.colDcha li{ display:inline-block; width:13%;margin:0 1% 2% }
.colDcha li img{ width:100%;}
.colDcha.Ancha { width:90%; margin:20px auto auto; max-width:990px; display:block; padding-top:60px}

.capa2{ overflow:hidden; clear:both; margin:5px 0}
.alquilerTraje { float:left; width:33%; position:relative}
.fiesta { float:right; width:66.5%; border-left:5px; position:relative}
.alquilerTraje img, .fiesta img { width:100%}
.txtAlquiler {color:#000; padding:35px 0; position: absolute; z-index:99; width:100%; bottom:30%; left:0%; text-align:center}
.txtAlquiler h2 {color:#000; font:700 150% 'Roboto', sans-serif; margin-bottom:30px }
.txtAlquiler h2 span{color:#000; display:block;font-weight:400; font-size:85%; margin-top:8px; }
.txtAlquiler p a{ margin:0 auto; font-weight:700; font-size:110%; width:70%; display:block; color:#111; background-color:#fff; border:2px solid #000; padding:10px 0 8px}
.txtFiesta {color:#000; padding:35px 0; position: absolute; z-index:99; width:70%; top:30%; left:30%; text-align:center}
.txtFiesta h2 {color:#fff; font:700 150% 'Roboto', sans-serif; margin-bottom:30px }
.txtFiesta h2 a{font:700 130% 'Roboto', sans-serif; color:#fff }
.txtFiesta h2 strong a{ margin:15px auto 0; font-weight:700; font-size:80%; width:70%; display:block; color:#111; background-color:#fff; border:2px solid #000; padding:10px 0 8px}
.txtFiesta p{ margin:0px auto; line-height:0; color:#fff; font-size:120%; text-transform:uppercase}

/*---- marca exclusiva ---*/

.marca { width:100%; padding:15px 0; text-align:center; background-color:#fff; border-top:1px solid #000; color:#666; text-transform:uppercase; font-size:80%}
.marca a { display:block; margin-top:8px}
/* --  PIE  -- */
#pie{ width:95%; margin:0 auto; text-align: center; color:#6f6f6f; font:400 100% 'Roboto', sans-serif; padding-top:2rem}
#pie a {font-weight:normal;  font:400 100% 'Roboto', sans-serif;}
.pie-1,.pie-3,.redes{ display:inline-block; vertical-align:top; color:#d1d1d1; text-align: left}
.pie-1{width:20%; background: url(../images/ico-ubicacion.gif) left top no-repeat; padding:0 2% 0 30px}
.pie-1 a {color:#888; font-weight:normal; font:400 100% 'Roboto Condensed', sans-serif!important; }
.pie-3 {width:30%; background: url(../images/ico-cita.gif) left top no-repeat; padding:0 3% 0 30px ;color:#888;font:400 100% 'Roboto Condensed', sans-serif;}
.pie-3 strong { font-size:120%; font-weight:normal; color:#d1d1d1; text-transform:uppercase;font:400 110% 'Roboto', sans-serif; }
.redes { margin-top: 10px}
.redes a { margin-right:8px;}
.pie a:hover{color:#06C}
address{font-style:normal;font-size:100%;line-height:140%; color:#d1d1d1}
.pieInf { width:100%; text-align:center; clear:both; border-top:1px solid #202020; padding-top:2rem; margin:2rem 0 2rem; display:block;color:#6f6f6f; font:400 90% 'Roboto Condensed', sans-serif; }
.pieInf a { padding:0 5px}
.vacaciones { text-align:center; text-transform:uppercase; color:#111111; margin:6px 0; padding:2rem 0; width:100%; font:300 130% Segoe, "Segoe UI", sans-serif; display:block; background-color: #ffffff; display: none }
.vacaciones strong { font-weight:600}
/*estilos de formulario */
#formulario{color:#333;margin-top:10px}
#formulario h3{margin-bottom:5px;font:300 130% 'Roboto', Arial; color:#000 }
#formulario p{line-height:130%;margin:10px 0 10px}
label{display:block;line-height:140%;margin:0;width:95%; font-size:80%}
input,textarea{border-style:none;border:1px solid #eee; padding:5px;color:#333;font:95% Tahoma, "Trebuchet MS", Arial, Verdana;width:95%;background-color:#eee;margin:0 0 5px;	list-style-type:none}
textarea{height:150px;margin-bottom:10px}
#formulario .botton{width:150px;background-color:#444;color:#FFF; border-radius:5px;display:block;margin:15px auto;cursor:pointer;padding:8px 0;border:1px solid #444; font:bold 100% Arial, Helvetica, sans-serif}
#formulario .botton:hover{color:#fff;background-color:#000}
.check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc}
.gracias{width:88%;background-color:#eaeaea;border:1px solid #ccc;font:90% Tahoma, Arial, Verdana;padding:60px 30px;line-height:180%}

/*--- Cookies ----*/
.cookies{width:100%;background-color:#f2f1ef;margin:8px auto 0;padding:5px 0;display:none; position:fixed; bottom:0; border-top:3px solid #fff; z-index:999}
.cookiesCaja { margin:0 auto;background-color:#eee;color:#666;width:950px;font-size:90%;}
p.cookiesTxt{ float:left; width:800px;}
p.cookiesBot{background-color:#0053a0; display:block; float:right; width:110px; margin-top:6px; text-align:center;padding:5px 0;color:#fff!important;font-weight:bold;text-decoration:none!important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px;}
p.cookiesBot a{color:#fff; text-decoration:none; text-transform:uppercase}

/************************************************/
/* All Mobile Sizes (devices and browser)

@media only screen and (min-width: 768px) and (max-width: 990px){

#contenido{width:100% }
#head { width:100%}
#head h1 {width:10%; margin:7px 0 0}
#head h1 img {width:70px }
ul.navDcha{font-size:90%; width:46%  }
nav.navIzq {font-size:90%; width:42%  }
nav ul ul {margin-left:-1.5%}
nav ul li, ul.navDcha li a { font:400 95% 'Roboto Condensed', sans-serif; padding:30px 1.5%}
ul.navDcha li a {padding:30px 1.5%}
ul.navDcha li a:hover { padding:30px 1.5%}

.redesTop { top:20px; right:3%}
.whatsapp { top:60px;font-size:70%}
*/
@media only screen and (max-width: 906px) {  
#container {  padding: 0}
#contenido{width:100%}
.contenidoInt { padding:0}
#head{ display:none }
#menuMovil {display:block; padding-left: 10px}
header h1 { margin:5px 0 0 20px;width:85%; text-align:left}
.redesTop { top:17px; right:70px}
header p.telef { font-size:100%; padding-left:10px; text-align:center }
.whatsapp { position: fixed; top:58px; right:10px; font-size:70%; color:#000!important; font-weight:600; padding:3px;font-family: 'Roboto Condensed', sans-serif; width:160px; text-align:center}
.whatsapp img{ display:inline; vertical-align:middle; top:-40px; right:10%; position:absolute}

.alquilerTraje,.fiesta  { float:none; width:100%; border:none; font-size:90%; margin:0 0 5px; height:350px; overflow:hidden}
.txtAlquiler {bottom:20%; left:0; width:100%}
.txtFiesta { width:100%; top:25%; left:0}
.txtFiesta h2 { margin-bottom:15px }
.occ_mov { display:block!important}
    
.dto { font-size: 140%;}
    
.txtFiesta {color:#000; padding:35px 0; position: absolute; z-index:99; width:90%; top:25%; left:10%; text-align:center}
.cookiesCaja { width:98%;}
p.cookiesTxt{ width:70%;}
.accordion-content { padding: 10px 0;}
#container { position: relative; }

.colFoto, .colDcha,.colDchaAncha { width:45%; margin:15px 2% 15px 2%}
.colDcha{width:48%;margin:15px 2% 15px 0; padding:2% 0}
.colDcha p.precio{font-size:120%;display:block;margin:10px 0 20px}
.colDcha p.precio strong{font-size:180%;font-weight:normal}
.colDcha ul{margin-top:20px}
.colDcha li{ display:inline-block; width:12%;margin:0 1% 2% }
.colDcha li img{ width:100%;}
.colDcha.Ancha { width:90%; display:block}
.contenidoIntTxt{width:90%;}

.video-responsive { border-top:5px solid #000}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    left: 1%;
    width:98%;
	 margin-top:-60px; 
}
.slide{ margin-top:12px}

	 
/*-PIE-*/

#pie{ width:98%}
.pie-1{width:30%}
.pie-3 {width:30%}
}

/*@media only screen and (min-width: 420px) and (max-width: 767px) {*/
@media only screen and (max-width: 450px) {
#container { }
#contenido{width:100%}
.contenidoInt { padding:0}
#head{ display:none }
#menuMovil {display:block}
header h1 { margin:5px 0 0 20px;width:85%; text-align:left}
.redesTop { top:17px; right:70px}
/*header p.telef { font-size:100%; padding-left:10px; text-align:center; right: 90px;  }*/
   
.whatsapp { position: fixed; top:58px; right:10px; font-size:70%; color:#000!important; font-weight:600; padding:3px;font-family: 'Roboto Condensed', sans-serif; width:160px; text-align:center}
.whatsapp img{ display:inline; vertical-align:middle; top:-40px; right:10%; position:absolute}

.alquilerTraje,.fiesta  { float:none; width:100%; border:none; font-size:90%; margin:0 0 5px; height:350px; overflow:hidden}
.txtAlquiler {bottom:20%; left:0; width:100%}
.txtFiesta { width:100%; top:25%; left:0}
.txtFiesta h2 { margin-bottom:15px }
.occ_mov { display:block!important}

/*--- INTERIORES ---*/

#container { position: relative; padding-top:0px}
.colFoto, .colDcha,#map,.colDchaAncha { display:block; width:93%; margin:15px auto; padding:0}
.colDcha { padding-bottom:20px}
.colDcha h1 { /*font:700 120% Roboto, Arial*/ font-size:100%}
.colDcha h2 { /*font:300 170% Roboto, Arial; */ font-size:220%;margin-bottom:20px}
.colFoto { height:420px; overflow:hidden}
.occ { display:none!important}

.colDcha ul{margin-top:20px}
.colDcha li{ display:inline-block; width:12%;margin:0 0.5% 2% }
.colDcha li img{ width:100%;}
.colDcha li.fotoGrande {width:55%;margin:0 2% 2% 0; vertical-align:top; display: block; float:left}
.colDcha.Ancha { max-width:90%;}

.contenidoIntTxt{width:95%;}
#map iframe { height:450px;}
.colDcha.Ancha { max-width:93%;}
.video-responsive { border-top:5px solid #000; margin-top:-15px}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    left: 1%;
    width:98%;
	 margin-top:-55px;
}
.slide{ margin-top:-15px}
.block { display:block}


/*COOKIES*/
.cookiesCaja { width:98%}
p.cookiesTxt{ width:100%; display:block; float:none}
p.cookiesBot{width:25%; float:none; margin:20px auto}

/*-PIE-*/
#pie{ width:98%; font:400 90% 'Roboto', sans-serif; padding-top:10px}
.pie-1,.pie-2,.pie-3{ display:block; vertical-align:top; float:none;  width:350px; padding-left:50px;  margin:10px auto 20px}
.pieInf { width:98%; margin:20px auto 15px }
.pieInf span{ display:block}
}

@media only screen and (max-width: 450px) {
.block { display:block}
.dto .gr { font-size:110%}
    .dto strong{ display: block }
#contenido{width:100%}
.contenidoIntTxt{width:95%}
#head { display:none}
#container { padding-top:0px}
#menuMovil {display:block; background-color: transparent}
header h1 { margin:5px 0 0 10px;width:80px; text-align:left}
header h1 img{ margin:5px 0 0 0; width:60px}
.redesTop { top:17px; right:70px}
.whatsapp { position: fixed; top:58px; right:10px; font-size:70%; color:#000!important; font-weight:600; padding:3px;font-family: 'Roboto Condensed', sans-serif; width:160px; text-align:center}
.romper { display: block}
.whatsapp img{ display:inline; vertical-align:middle; top:-40px; right:10%; position:absolute;  z-index: 9999999}
header p.telef { width:40px;text-align:left; padding: 0; clear:both;display:block; position: absolute;top: 15px; right:120px}
header p.telef strong{font:600 70% 'Roboto Condensed', sans-serif!important; color: #333; background-color: #fff;border-radius: 20px;padding: 3px 0;width:65px; margin-top: 10px; display: none}
header p.telef img{ display:  block; margin-left: 21px; vertical-align: middle;}
.alquilerTraje,.fiesta  { float:none; width:100%; border:none; font-size:90%; margin:0 0 5px; height:250px; overflow:hidden; background-color:#667c9a}    
.fiesta img { width:100%; height:auto}
.txtAlquiler {bottom:10%; left:0}
.txtFiesta { width:100%; top:15%; left:0}
.txtFiesta h2 {font:700 120% 'Roboto', sans-serif; margin-bottom:10px }
.txtFiesta p {font:600 90% 'Roboto', sans-serif; margin:0px }
.slide{ margin-top:6px}
/*.video-responsive { border-top:5px solid #000; margin-top:0px}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    left: 1%;
    width:98%;
	 margin-top:-55px;
	 height:100%
}
*/
/*-- INTERIORES ---*/
p.col{font-size:100%}
.colFoto, .colDcha,#map,.colDchaAncha { display:block; width:93%; margin:15px auto; padding:0}

.colDcha { padding-bottom:20px; margin-top:15px}
.colDcha h1,.contenidoIntTxt h1  { font:700 150% Roboto, Arial}
.colDcha h2 { font:300 140% Roboto, Arial; margin-bottom:20px}
.contenidoIntTxt h2 { font:500 120% Roboto, Arial; margin-bottom:10px; color:#111}

.colFoto { height:320px; overflow:hidden}
.occ { display:none!important}
.colDcha ul{margin-top:20px}
.colDcha li{ display:inline-block; width:16%;margin:0 1% 2% }
.colDcha li img{ width:100%;}
.colDcha li.fotoGrande {display:block; width:100%;margin:0 auto 2%}
.colDcha li:last-child{ display:none }
#map { height:320px!important;}
#map iframe{ height:320px!important; display:block; margin-bottom:20px}
.colDcha.Ancha { max-width:93%;}

ul.galeria li{float:none; display:inline-block; width:45%; margin:10px 2% 10px; }
ul.galeria li img{width:100%;display:block;margin-bottom:5px;border:1px solid #fff}
.colDcha ul.galeria li:last-child{ display: inline-block }

.marca {font-size:70%}.marca img{ width:70%;}

/* -- Pie -- */
#pie{ width:98%; font:400 90% 'Roboto', sans-serif; padding-top:10px}
.pie-1,.pie-2,.pie-3{ display:block; vertical-align:top; float:none;  width:80%; padding-left:50px;  margin:10px auto 20px}
.pieInf { width:98%; margin:20px auto 15px }
.pieInf span{ display:block}

}

/*-- Lightbox min --*/

.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}