/*
      Created by Keith Donegan of Code-Sucks.com

	  E-Mail: Keithdonegan@gmail.com

	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

*/

* { padding: 0; margin: 0; }

img {
border:0px;
}

form{
	margin:0;
	paddin:0;
}

body {
    background: url(../img/background.jpg) no-repeat fixed 50% 0;
    background-size: cover;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: justify;
}
#wrapper {
 margin: 0 auto;
 width: 960px;
 padding: 0 9px 0 9px;
 overflow:hidden;
}
#faux {
 background-color:#FFF;
 margin-bottom: 0px;
 /*overflow: auto;*/ /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#top {
 position:relative;
 /*width: 960px;*/
 width:auto;
 height: 24px;
 margin: 15px 0px 0px 0px;
 /*padding: 0px 9px 0 9px;*/
 padding: 0;
 background-image:url(../img/bgtop.png);
 background-repeat:no-repeat;

}

#header {
 position:relative;
 width: auto;
 height: auto;
 margin: 0px 0px 0px 0px;
 /*padding: 0px 9px 0 9px;*/
 padding: 0;
 background-image:url(../img/bgcuerpo.png);
 background-repeat:repeat-y;
}

#header #header-body {
 position:relative;
 color: #333;
 width: auto;
 /*padding: 10px 25px 0;*/
 padding: 0 25px 0;
 /*height: 125px;*/
 height: 130px;
 /*background-color: #FFFFFF;*/
}

#logo{
float:left;
margin-top:10px;
/*margin-left:10px;*/
}

#seo_logo{width:400px; height:73px; border:none;}
#seo_logo #seo_link{background:#FFF url(../img/sarenal.jpg) no-repeat; display:block; width:100%; height:100%; text-decoration:none; text-indent:-9999px; outline:none; text-decoration:none; border:none;}

#idiomas {
	float:right;
	font-size: 11px;
	/*z-index:1;*/
	/*margin-top:78px;*/
	/*margin-top: 20px;*/
	padding-left:30px;
	/*padding-top:25px;*/
	padding-top:10px;
	/*padding-bottom:20px;*/
	padding-bottom: 10px;
	width:300px;
}
#idiomas .unidioma{float:right; width:65px; text-align:right; margin-left:10px;}
#idiomas .unidioma img{margin-right:5px; float:left;}
#idiomas p{
font-weight:bold;
color:#636363;
}
#idiomas li{float:right; margin-left: 8px;}
#idiomas ul{
list-style-type:none;
}

#idiomas ul .es {
 list-style-image:url(../img/idiomas/es.jpg);
}
#idiomas ul .en {
 list-style-image:url(../img/idiomas/en.jpg);
}

#idiomas ul .de {
 list-style-image:url(../img/idiomas/de.jpg);
}

#idiomas ul li{
display:list-item;
padding:5px 0 5px 0;

}

#idiomas a{
text-decoration:none;
color:#CCC;
float:right;
display:block;
}

#idiomas a:hover{
text-decoration:none;
color:#333;
}

#idiomas .selected a{
text-decoration:none;
color:#ee8819;
}
#idiomas #tels{float:right; width:100%; text-align:right; margin-bottom:15px;}

#main{
 position:relative;
 width: auto;
 margin: 0px 0px 0px 0px;
 /*padding: 0px 9px 0 9px;*/
 padding:0;

}
.barra{
text-align:center;
background: #FFF;
}

#navigation {
 /*display:block;*/
 color: #999;
 padding: 10px 25px;
 margin: 0px 0px 0px 0px;
 background: #FFF;
 width:910px;
 overflow:hidden;
 /*border-left:1px solid #999;
 border-right:1px solid #999;*/
 /*margin:auto;*/
}

#navegador {
margin-bottom:0px;
padding:0 0 0 16px;
float:left;

}

#navegador ul{
display:block;
list-style-type:none;
float:left;
}

#navegador ul li{
display:block;
float:left;
margin-right: 10px;
}

#navegador ul li #fondoinicio_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/inicioFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
/*#navegador ul li #fondoapartamentos_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/alojamientoFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}*/
#navegador ul li #fondoapart_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/apartFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/situacionFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}


#navegador ul li #fondoservi_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/galeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondogale_es a, #navegador ul li #fondogale_en a, #navegador ul li #fondogale_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/galeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoprecio_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/tarifasFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_es a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/contactoFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoinicio_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/homeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoapart_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/apartmentsFondo.png);
/*background-position:bottom;*/
background-position: 0 100%;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/locationFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}


#navegador ul li #fondoservi_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/galeFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoprecio_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/pricesFondo.png);
background-position:0 100%;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_en a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/contactFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoinicio_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/startseiteFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}
#navegador ul li #fondoapart_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/apartmentsFondo.png);
background-position:0 100%;
background-repeat:no-repeat;
}
#navegador ul li #fondosituacion_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/lageFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoservi_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/galeFondo.png);
background-position: 0 bottom;
background-repeat:no-repeat;
}

#navegador ul li #fondoprecio_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/tarifeFondo.png);
background-position:0 100%;
background-repeat:no-repeat;
}

#navegador ul li #fondocontacto_de a{
display:block;
float:left;
padding-bottom:10px;
background-image:url(../img/menu/kontaktierenFondo.png);
background-position:bottom;
background-repeat:no-repeat;
}

#navegador ul li a{
display:block;
float:left;
padding-bottom:10px;
}

#navegador ul li a:hover{
display:block;
float:left;
}

#conten_slider{ position:relative; width:910px; height:255px; padding:0; margin:0; float:left; margin-bottom:10px; z-index:1;}

#leftcolumn {
 display: inline;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 120px;
 float: left;
 padding: 0px 20px 0px 20px;
}

#menualojamiento {
margin:0;
padding:0;
text-decoration:none;
}

#menualojamiento ul {
list-style:none;
color:#898989;
font-weight:bold;
margin:0;
}

#menualojamiento ul .desactivo{
padding:0 0 0 20px;
background-image:url(../img/fondoFlecha.png);
background-repeat:no-repeat;
height:23px;
margin-top:5px;
}

#menualojamiento ul .activo{
padding:0 0 0 20px;
background-image:url(../img/fondoFlechaOn.png);
background-repeat:no-repeat;
height:23px;
margin-top:5px;
}

#menualojamiento ul li a {
text-decoration:none;
color:#898989;
}

#menualojamiento ul li a .selected {
text-decoration:none;
color:#ed1651;
}

#content {
 float: left;
 color: #333;
 margin: 25px 25px 25px 0;
 padding: 0 25px 0 25px;
 /*width: 338px;*/
 /*width:449px;*/
 width:630px;

 /*position: relative;*/
 border-right:1px solid #ededed;
 /*border-left:1px solid #ededed;*/
 line-height:18px;
}

#content a {
	text-decoration:none;
	color:#000000;
}

/*#contentSituacion {
 float: left;
 color: #333;
 margin: 25px 0;
 padding: 0 25px 0 25px;
 width: 449px;

 display: inline;
 position: relative;
 border-right:1px solid #ededed;*/
 /*border-left:1px solid #ededed;*/
/* line-height:18px;
}*/

/*#content ul {
	list-style-type:square;
	margin-left:15px;
}*/

#rightcolumn {
 display: inline;
 position: relative;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 220px;
 float: right;

}
#reservas {
position:relative;
float:left;
width:910px;
background-color:#fef5e6;
padding:10px 25px 10px;
}

#reservas p {float:left;}
#reservas p input { float:left; margin-top:3px;}
#informacion {
/*position:relative;*/
float:right;
/*padding:10px 0px 0px 0;*/
padding:0;
color:#ed1651;
/*font-size:14px;*/
text-align:center;
/*margin-left:260px;*/
margin-right: 60px;
}

.linea {
border-top:1px solid #dacbcf;
margin: 3px 0 6px 0;
width:165px;
}

.linea2 {
border-top:1px solid #dbdbdb;
margin: 3px 0 6px 0;
width:122px;
}

#bottom {
 position:relative;
 width: auto;
 height: 24px;
 margin: 0px 0px 10px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/bgbottom.png);
 background-repeat:no-repeat;
}

#ftop {
 position:relative;
 width: 951px;
 height: 18px;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/ftop.png);
 background-repeat:no-repeat;
 float:left;
}

#footer {
 width: 951px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 0px 9px 0 9px;
 font-size:10px;
 color:#636363;
 background-image:url(../img/fmiddle.png);
 background-repeat:repeat-y;
 float:left;
 }
#fleft {
float:left;
padding-left:15px;
line-height:20px;
}

#fleft a {
text-decoration:none;
color:#636363;
}

#fleft a .selected {
color: #ee8819;
}


#fright {
float:right;
text-align:left;
line-height:20px;
padding-right:25px;
margin-right:70px;
}
#fright a {
text-decoration:none;
color:#ee8819;
font-weight:bold;
}
#fbottom {
 position:relative;
 width: 951px;
 height: 18px;
 margin: 0px 0px 15px 0px;
 padding: 0px 9px 0 9px;
 background-image:url(../img/fbottom.png);
 background-repeat:no-repeat;
 float:left;
}
.clear { clear: both;}

.azul { color:#7aabc6;}

.botonDisp {

	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: #ee8819;
	border: 1px solid #000000;
	height: 20px;
	width: 165px;
	float:right;
	margin-top: 2px;
}

.botonVideo {

	font-family: Verdana, Arial, Georgia;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	/*background-color: #63889d;*/
	background-color: #f67934;
	border: 1px solid #000000;
	height: 20px;
	width: 120px;
}

.imgTexto img{
margin-top:10px;
margin-right:6px;
margin-bottom:20px;

}

.fuenteVerdana16 {

	font-family: Verdana, Arial, Georgia;
	font-size: 16px;
	font-weight: bold;
	color: #7aabc6;
	text-decoration: none;
	margin-bottom:10px;
}

.formEtiquetas {
	height:25px;
	float:left;
	width:85px;
}


#map_canvas {
	width:610px;
	height:250px;
	z-index:12;
	float:left;
	/*padding:10px 0 10px 0;*/
	margin: 25px 0;

}

.borde1pxAzul {
	border: 1px solid #7aabc6;
}
.tablaCeldas {
	background-color:#f67934;
	color:#FFFFFF;
	padding: 0 3px;
}

.tablaBottom {
	border-bottom: 1px solid #f67934;
}

.fntRosa {color: #ED1651}

/*BLOQUE DE RESERVAS*/
.textform{ text-align:right; width: 105px; margin: 5px 5px 0 5px}
	.ui-datepicker-trigger{ margin:5px 5px 0; float:left;}
	/*#reservas p img {margin:1px 5px 0;}*/


/*Galeria*/
#columna_izq { position:relative; width:220px; height:auto; float:right; margin: 25px 25px 0 0;}
	#galeria a img{ position:relative; float:left; margin-bottom:25px;}

#contenedor_galeria{
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:20px;
	/*padding: 2em 1em 4em;*/
}

.navigation-controls {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 5px;
	z-index: 1001;
}

/* Picture slides */
.picture-slides-disabled {
	color: #eee;
}

.picture-slides-container {
	/*margin-bottom: 2em;*/
	float:left;
	width:500px;
	margin-left: 60px;
}

.picture-slides-dimmed-background .navigation-controls {
	/*-moz-border-radius : 0 0 5px 5px;
	-webkit-border-top-left-radius : 0;
	-webkit-border-top-right-radius : 0;
	-webkit-border-bottom-left-radius : 5px;
	-webkit-border-bottom-right-radius : 5px;*/
}

.picture-slides-dimmed-background .picture-slides-image-text {
	/*-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;
	-webkit-border-bottom-left-radius : 0;
	-webkit-border-bottom-right-radius : 0;*/
}

.picture-slides-fade-container {
	/*position: relative;*/
	overflow: hidden;
	z-index: 1002;
	height:310px;
}

.picture-slides-fade-container a {
	display: block;
	height: 240px;
	text-align: center;
	margin-bottom: 10px;
}

.picture-slides-fade-container a img {
	/*-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;*/
}

.picture-slides-image-load-fail {
	display: none;
}

.picture-slides-image-text {
	/*position: relative;*/
	background: #fff;
	text-align: center;
	padding: 5px 0 10px;
	z-index: 1001;
}

/*.picture-slides-previous-image,
.picture-slides-next-image,
.picture-slides-start-slideshow,
.picture-slides-stop-slideshow {
	display: none;
}

.picture-slides-previous-image,
.picture-slides-next-image,
.picture-slides-start-slideshow,
.picture-slides-stop-slideshow {
	cursor: pointer;
}*/

.picture-slides-thumbnails {

	list-style: none;
	float:left;
	margin-top: 10px;

}
.picture-slides-thumbnails li {
	margin:0 15px 5px 0;
	float:left;
	width:100px;

}
.picture-slides-thumbnails li img {
	width: 100px;
	padding:2px;
	border:1px #CCC solid;

}

.picture-slides-thumbnails a {
	outline: none;
}

.picture-slides-thumbnails li .picture-slides-selected-thumbnail img {
	padding: 2px;
	background: #ff8400;
	border: 1px solid #ccc;
}

/*=============================================*/
.margin25 { margin: 0 0 0 25px }
#posicionlogo { margin: 5px 0 0 60px; float:left;}
#posicionInfologo { float:left; margin: 20px 0 0 30px; }

/*====== BLOQUE DE WEB AMIGAS ================*/
.bloque_generico{margin-bottom:25px; overflow:hidden;}
.cabecera_bloque{height:39px; border-bottom:1px #CCC solid; background:url(../img/bgbloque.jpg) no-repeat;}

.titulo_bloque{padding:0; margin:0; width:220px; height:38px; line-height:30px; text-align:center; background:url(../img/texto_bloque.png) 0 0 no-repeat;}
/*
.titulo_bloque_ami:lang(es){ background-position: -10px -76px;}
.titulo_bloque_ami:lang(en){ background-position: -230px -76px;}
.titulo_bloque_ami:lang(en){ background-position: -440px -76px;}
*/
.ami_es{ background-position: 0px -76px;}
.ami_en{ background-position: -220px -76px;}
.ami_de{ background-position: -440px -76px;}

.ofer_es{ background-position: 0px -38px;}
.ofer_en{ background-position: -220px -38px;}
.ofer_de{ background-position: -440px -38px;}

.gale_es{ background-position: 0px 0px;}
.gale_en, .gale_de{ background-position: -220px 0px;}

.conten_link_generico{text-align:center; width:220px; float:left;}
.conten_link_generico a, .conten_link_generico a:link{text-decoration:none; color:#ee8819; font-weight:bold;}

.inner_bloque{width:220px; padding:0 0px; margin: 10px 0; float:left;}

#lista_amigas{ list-style:none;}
#lista_amigas li{ margin-bottom:10px;}
#lista_amigas li span{color:#ee9918; font-weight:bold;}
#lista_amigas li a{text-decoration:none; color:#000;}
/*============================================*/

/**
*	Nuevos campos de fecha para
*	el formulario de contacto.
**/
#contact_entrada,
#contact_salida{
	padding-right: 16px;
	width: 184px;
	background: transparent url('/html/datepicker/images/cal.png') 98% 50% no-repeat;
	border-width: 1px;
}
#enviar{
	margin-top: 10px;
	display: block;
	width: 120px;
}


/**
*	Link :: Portinatx En directo
**/

#online_portinatx{
	text-decoration: none;
	padding: 10px 0 10px 35px ;
	font-size: 1em;
	line-height: 1.182em;
	background:transparent url('/html/img/webcam.png') 0 50% no-repeat;
	color: #333;
	float:left;
	margin: 0 0 0 50px;
	max-width: 75px;
	text-align: center;
}
#online_portinatx:hover{
	text-decoration: underline;
}
	#online_portinatx > span{
		font-weight: bold;
		font-style:italic;
		text-transform: uppercase;
	}

#iframe_portinatx{
	margin-top: 20px;
}

.align_center{
	text-align: center;
}


/*************** MENU QR LANDING **********/
.menu-link {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.menu-link__item {
	padding: 15px 25px;
	text-decoration: none;
	color: #fff;
	background-color: #fd8700;
	min-width: 130px;
	margin-bottom: 30px;
	text-align: center;
}
.menu-link__item:last-child {
	margin-bottom: 0px;
}

@media (max-width: 992px) {
	body.menu {
		background-size: cover;
	}
	.menu-link__item {
		width: 85%;
		margin-bottom: 60px;
		font-size: 36px;
		padding: 30px 25px;
	}
	.menu-link__item:first-child {
		margin-top: 60px;
	}
	.menu-link__item:last-child {
		margin-bottom: 60px;
	}
  }

/*************** MENU QR LANDING *************/


/* contacto */
.response {}
.response--successful {
    background-color: #b3ffbe;
    padding: 10px 15px;
    margin-top: 5px;
}
.response--error {
    background-color: #ffd7d7;
    padding: 10px 15px;
    margin-top: 5px;
}
/* end contacto */