/* CSS Document */

article { width: 100%; }

div.parte_izquierda { float: left; width: 60%;  }

div#fotografias { background: center no-repeat; background-size: contain; -moz-background-size: contain; margin-top: 3px; cursor: pointer; } 
div#cambiarfoto, div#vistaprevia { margin-top: 3px; }
div.previa { float: left; width: 18%; background: center no-repeat; background-size: contain; -moz-background-size: contain; margin: 0px 1%; cursor: pointer; }

div#fotoAnterior, div#fotoSiguiente  { float:left; width: 50%; text-align: center; font-size: 18px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }

div.cambioFoto { background-color: white; color: black; cursor: pointer; }
	div.cambioFoto:hover { background-color: #4868fb; color: white; }
div.cambioFotoDesh { background-color: gray; }


div#contenedor_foto_grande { }
div.oculto { width: 0px; height: 0px; }
div.mostrar { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 999; padding: 50px; }
div#foto_grande { width: 100%; height: 100%; margin: 0px auto; background-repeat: no-repeat; background-position: center; background-size: contain; -moz-background-size: contain; }
div#foto_grande_anterior { width: 30%; height: 100%; float: left; }
	div#foto_grande_anterior:hover { background: url('/images/iconos/anterior.png') left no-repeat; }
div#foto_grande_siguiente { width: 70%; height: 100%; float: right; }
	div#foto_grande_siguiente:hover { background: url('/images/iconos/siguiente.png') right no-repeat; }


ul.tabla { list-style: none; padding: 0px; margin: 0px; }
li.th { float: left; padding: 2px; width: 13%; border-bottom: 1px solid white; text-align: center; }  
li.td { float: left; padding: 2px; width: 13%; }
li.nombre_temp { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 25%; font-size: 13px; }
li.th { font-size: 12px; }
li.fechas { width: 20%; }
li.findes { width: 16%; }
li.precios { text-align: center; }
 

div.contactoOculto { width: 100%; height: 1px; overflow: hidden; opacity: 0; }
div.contactoVer { width: 100%; }

div#mostrarContacto { padding: 3px 5px; cursor: pointer; color: white; background-color: #4868fb; text-decoration: underline; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; text-align:center; font-size: 15px; border-radius: 3px; }
div#mostrarContacto:hover { padding: 3px 5px; cursor: pointer; color: #4868fb; background-color: #494949; }

input.formulario { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; width: 100%; border-radius: 3px; }
textarea.formulario { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; width: 100%; height: 121px; border-radius: 3px; } 
textarea.formulario_opinion { height: 96px; } 
input.enviar { padding: 10px; background-color: #3C4ACC; color: #9CDAEC; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; border-radius: 3px; }
	input.enviar:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }
	input.enviar:disabled { background-color: #575759; color: #313131; cursor: not-allowed; } 
	
select.mes_vacas { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin: 0px; margin-top: 5px; width: 69%; float: left; border-radius: 3px; }
select.ano_vacas { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin: 0px; margin-top: 5px; width: 29%; float: right; border-radius: 3px; }
	
sup { font-size: 10px; }

div#aceptar_contacto_ok { width: 100px; text-align: center; cursor: pointer; padding: 10px; background-color: #3C4ACC; color: #9CDAEC; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; border-radius: 3px; margin: 0px auto; }
	 div#aceptar_contacto_ok:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }

div.tabla_izquierda, div.tabla_derecha { width: 50%; float: left; padding: 2px 0px; }
div.tabla_izquierda { padding-right: 3px; border-right: 1px solid #ddd; }
div.tabla_derecha { padding-left: 3px; }
div.esencial_izquierda { float: left; }
div.esencial_derecha { float: right; }

div.cuadrado_detalle { width: 33%; padding: 2px 5px; float: left; font-size: 12px; }

p#intro_opiniones { float: left; width: 50%; }
div.puntuacion_global_media { float: right; width: 320px; margin: 0px; background-color: #3c3c3c; border-radius: 10px; padding: 10px 0px; }
div.puntuacion_global_media div.estrella_valoracion { width: 20px !important; height: 20px !important; }
div.puntuacion_global_media p { float:right; margin-right: 10px; font-size: 16px; }
div.puntuacion_global_media p span { font-size: 18px; color: #4868fb; }
div.puntuacion_detalle_media { float: left; width: 50%; }
div.puntuacion_detalle_media p { float:right; margin-right: 10px; }
div.puntuacion_detalle_media p span { font-size: 16px; color: #4868fb; }

@media screen and (max-width: 500px) {
	p#intro_opiniones { float: none; width: 100%; }
	div.puntuacion_detalle_media, div.puntuacion_global_media { clear: both; float: none; width: 320px; margin: 0px auto; }
}

div.valoracion { width: 15px; height: 15px; float: left; margin: 2px; background-color: white; border-radius: 10px; cursor: pointer; }
div.val_estrella { width: 15px; height: 15px; float: left; margin: 2px; cursor: pointer; margin-top: 5px; }
div.val_estrella_global { width: 22px; height: 22px; float: left; margin: 2px; cursor: pointer; margin-top: 5px; }
div.valoracionSelec { width: 15px; height: 15px; float: left; margin: 2px; border-radius: 10px; cursor: pointer; background-color: #4868fb; }
div.estrella_valoracion { width: 13px; height: 13px; float: right; margin: 2px; margin-top: 5px; }
div.valoracion_media { width: 15px; height: 15px; float: right; margin: 2px; margin-top: 8px; background-color: white; border-radius: 10px; }
div.valoracion_mediaSelec { width: 15px; height: 15px; float: right; margin: 2px; margin-top: 8px; border-radius: 10px; background-color: #4868fb; }
h3.izq_grupo_estrellas { float: left; margin-top: 10px; }
p.izq_grupo_estrellas { float: left; height: 15px; }
div.grupo_estrellas { float: right; height: 15px; }

div.opinar { float: left; width: 50%; padding: 0px 2px; border-radius: 3px; }
input.enviaropinar { padding: 10px; background-color: #3C4ACC; color: #9CDAEC; font-size: 14px; font-weight: bolder; border: none; margin-top: 20px; border-radius: 3px; }
	input.enviaropinar:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }
	input.enviaropinar:disabled { background-color: #575759; color: #313131; cursor: not-allowed; } 

@media screen and (max-width: 420px) {
	div.opinar { float: none; width: 100%; }
}

	
div.valoracionLista { width: 15px; height: 15px; float: left; margin: 2px; background-color: white; border-radius: 10px; }
div.valoracionSelecLista { width: 15px; height: 15px; float: left; margin: 2px; border-radius: 10px; background-color: #4868fb; }
	
div.opinion { margin: 3px 0px; padding: 5px; padding-top: 0px; border: 1px solid #313131; background-color: #3c3c3c; border-radius: 5px; }

div.opinion_izq { float: left; width: 50%; padding: 5px; }
div.opinion_der { float: right; width: 50%; padding: 5px; }
@media screen and (max-width: 500px) {
	div.opinion_izq, div.opinion_der { float: none; width: 100%; padding: 5px; }
}

div.opinion_detallada_nueva, div.opinion_detallada_media_nueva { float: none; }
	div.opinion_detallada_nueva p, div.opinion_detallada_media_nueva p { float: left; }
	div.opinion_detallada_media_nueva div.puntuacion_opinion div.estrella_valoracion { width: 15px; height: 15px; }

p#enlace_final_todasopiniones { padding: 10px 5px; text-align: right; }

/* Versión antigua */
div.puntuacion_opinion { float: right; display: inline-block; margin-top: 5px; }
div.puntuacion_detallada_opinion { float: right; display: inline-block; margin-top: 5px; }
p.nombre_opinion { }
p.fecha_opinion, p.fecha_respuesta { float: right; font-size: 12px; }
p.fecha_vacaciones_opinion { font-size: 13px; color: gray; }
p.comentario_opinion, p.comentario_respuesta { margin-top: 10px; font-size: 13px; }
div.opinion_detallada { float: left; padding: 5px; width: 50%; }
	div.opinion_detallada p { float: left; }
div.contenedor_respuesta { margin: 3px 0px; padding-left: 40px; }
div.respuesta_opinion { padding: 5px; background-color: #4c4c4c; border-radius: 5px; }


@media screen and (max-width: 420px) {
	div.opinion_detallada { float: none; width: 100%; }
}

div.mescalendario { float: left; width: 33%; border: 1px solid #313131; padding: 5px; height: 128px; background-color: #444; border-radius: 3px; }
div.diacalendario { float: left; width: 14%; font-size: 10px; height: 16px; text-align: center; padding-top: 2px; }

div.domingo { color: #F00; } div.sabado { color: #777; } 

div.reservadoinicio { background-color: #FF6672; border: 1px solid #444;; border-left-width: 2px; border-right-width: 0px; color: #ddd; }
div.reservadocentro { background-color: #FF6672; border: 1px solid #444; border-left-width: 0px; border-right-width: 0px; color: #ddd; }
div.reservadofin { background-color: #FF6672; border: 1px solid #444; border-left-width: 0px; border-right-width: 2px; color: #ddd; }

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


div#reservas { padding: 10px; border: 1px solid #4868fb; border-radius: 3px; margin-bottom: 20px; } 
div.res_izq { float: left; width: 50%; padding: 2px; }
input.formulario_estrecho { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; width: 60px; border-radius: 3px; }

p.fechas_seleccionadas { font-size: 16px; }
p#precio { font-size: 38px; color: #4868fb; }

p#precio span { font-size: 14px; color: gray; } 

div#enviarReserva a { float: right; }

div#enviarReserva p em { font-size: 11px; }


/* Responsivo */
div.recolocaotrasfechas { width:0px; height: 1px; float: left; }

div#trozo_fotografias, div#tarifas, div#calendario_reservas, div#opiniones { float: left; width: 60%; }
div#caracteristicas, div#trozocontacto { float: right; width: 39%; padding: 10px; clear: right; }

@media screen and (max-width: 950px)
{
	div.tabla_izquierda, div.tabla_derecha { float: none; width: 100%; border: none; }
}
@media screen and (max-width: 750px)
{
	div#trozo_fotografias, div#tarifas, div#calendario_reservas, div#opiniones, div#caracteristicas, div#trozocontacto, div#cambiarfoto { float: none; width: 100%; padding: 0px; margin-top: 10px; }
	div.tabla_izquierda, div.tabla_derecha { width: 50%; float: left; padding: 2px 0px; }
	div.tabla_izquierda { padding-right: 3px; border-right: 1px solid #ddd; }
	div.tabla_derecha { padding-left: 3px; }
}
@media screen and (max-width: 450px)
{
	div.mescalendario { float: left; width: 50%; border: 1px solid white; padding: 5px; height: 128px; }
	
	li.th { float: left; padding: 2px; width: 16%; border-bottom: 1px solid white; text-align: center; }  
	li.td { float: left; padding: 2px; width: 16%; }
	li.nombre_temp { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 21%; font-size: 13px; }
	li.th { font-size: 12px; }
	li.fechas { width: 16%; }
	li.findes { width: 15%; }
	li.precios { text-align: center; }
	
	/*div.recolocaotrasfechas { clear:both; width: 0px; }*/
}


div.resultado { width: 25%; float: left; padding: 10px; border-radius: 5px; }
	div.resultado:hover { background-color: #666; }
div.contenido_resultado { cursor: pointer; width: 100%; }
div.imagen_anuncio { background: center no-repeat; background-size: cover; -moz-background-size: cover; border-top-right-radius: 5px; border-top-left-radius: 5px; }


@media screen and (max-width: 700px) {
	div.resultado { width: 50%; }
}

@media screen and (max-width: 420px) {
	div.resultado { width: 100%; }
}

p.titulo { height: 24px; overflow: hidden; font-size: 13px; font-weight: bold; text-align: justify; text-transform: capitalize; }
a.titulo { color: gray; }

a.disimulado { text-decoration: none; }

p.subtitulo { height: 44px; text-overflow: ellipsis; overflow: hidden; text-align: justify; font-size: 13px; } 
p.direccion { font-size: 12px; height: 14px; text-overflow: ellipsis; overflow: hidden; }
p.precio { font-weight: bold; height: 14px; }
p.precio_consultar { font-style: italic; height: 14px; text-overflow: ellipsis; overflow: hidden; }

div.contenedor_valoracion_media { float: right; height: 22px; width: 100%; background-color: rgba(30,30,30,0.7); }
div.texto_valoracion_media { float: right; font-size: 14px; color: #4868fb; margin: 0px 5px; padding-top: 4px; }
div.valoracion_media { width: 13px; height: 13px; float: right; margin: 2px; margin-top: 5px; background-color: white; border-radius: 10px; }
div.valoracion_mediaSelec { width: 13px; height: 13px; float: right; margin: 2px; margin-top: 5px; border-radius: 10px; background-color: #4868fb; }

p#telefono { font-size: 14px; margin: 10px 0px; }
p#telefono img { margin-left: 5px; }


div#miniatura_todasop { width: 20%; float: left; margin-top: 20px; }
div#introdesc { width: 80%; overflow: hidden; float: left; padding: 20px; height: 100px; }
div#todasopiniones { margin-top: 20px; }

@media screen and (max-width: 440px){
	div#miniatura_todasop { width: 200px; margin: 10px auto; float: none; }
	div#introdesc { width: 100%; padding: 5px; float: none; }
	
	div#todas_opiniones_opinar { clear: both; }
	div.todas_op { width: 100%; }
}

div#mapa_localizacion { width: 100%; height: 350px; margin-top: 10px; }

div#anuncio_tceg { width: 100%; }
	div#anuncio_tceg div.boton { width: 50%; padding: 2px; float: left; font-size: 1.1em; }
	div#anuncio_tceg div.contenido_boton { width: 100%; text-align: center; text-transform: uppercase; color: white; background-color: #4868fb; padding: 2px; }
		div#anuncio_tceg div.contenido_boton:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }
		div#anuncio_tceg div.contenido_boton a { text-decoration: none; color: inherit; }

	div#anuncio_tceg div#boton_llamar { border-top-left-radius: 5px; }
	div#anuncio_tceg div#boton_whatsapp { border-top-right-radius: 5px; }
	div#anuncio_tceg div#boton_email { border-bottom-left-radius: 5px; }
	div#anuncio_tceg div#boton_tellamamos { border-bottom-right-radius: 5px; }

@media screen and (max-width: 440px){
	div#anuncio_tceg div.boton { width: 100%; }
	div#anuncio_tceg div#boton_llamar { border-top-right-radius: 5px; }
	div#anuncio_tceg div#boton_whatsapp, div#anuncio_tceg div#boton_email { border-radius: 0px; }
	div#anuncio_tceg div#boton_tellamamos { border-bottom-left-radius: 5px; }
}