@charset "utf-8";
/* CSS Document */

/* MOVIL COMUNES (0px a 630px) */
@media screen and (max-width:999px) {
 #principal { position: relative; overflow: visible; }
 .boton_menu { width: 90px; height: 70px; display: block; position: absolute; right: 10px; top: -100px;
 background: #E6293B url("../../imagenes/boton-menu-movil.png") 7px 5px no-repeat; border-radius: 8px;
  }
 .boton_menu:hover { cursor: pointer; background-color: #000; }
 #menu_principal { padding-top: 15px; }
 #menu_principal li { margin: 0 5px 8px 5px; }
 #principal,
 #secundaria { float: none; }
 #secundaria .cierre_flotacion { clear:inherit; display: none; }
 #secundaria .espacio { display: none; }
 .img_normal { width: auto; }
 .img_normal img { width: 100%; }
 
 #fancybox-wrap #fancybox-left-ico { left:20px; }
 #fancybox-wrap #fancybox-right-ico { right:20px; left: inherit; }
}

/* COMUNES DE 0  a 456px*/
@media screen and (max-width:808px) {
  .img_flotder, .img_flotizq { width: 50%; }
  .img_flotder img, .img_flotizq img { width: 100%; }
 .reserva_tel { clear: both; float: none; background: none; padding-top: 20px; margin-bottom: 20px; }
 .reserva_book { text-align: center; padding-right: 0; }
 .img_link { width: 150px; margin-bottom: 0; float: none; margin: 0 auto 7px auto; } 
 .img_link img { margin-bottom: 0; width: 150px; } 
 #contenedor_destacados .contenedor_destacado { width: auto; float: none; }
 #destacados h2 { text-align: center; }
 #redes_sociales { text-align: center; }
 #redes_sociales .redes { float: none; display: inline-block; height: 20px; padding: 0; }
 #redes_sociales p { float: none; display: block; text-align: center; }
 #slogan_pie { text-align: center; }
 .dmca  { margin-left: 0; display: block; padding-top: 5px; margin: 0 auto; width: 100px; }
 #texto_refuerzo_seo h2 { display: none; }
  .original { width: auto; }
  .original img { width: 100%; }
}

/* MOVIL 4 (700px) */
@media screen and (min-width:809px) and (max-width:999px) {
 #web,
 #cabecero,
 #principal,
 #secundaria,
 #destacados,
 #contenedor_destacados,
 #texto_refuerzo_seo,
 #redes_sociales,
 #pie { width: 700px; }
 
 .booking_div { float: left; margin-right: 20px; }
 #pago_seguro { width: 220px; overflow: hidden; float: left; margin-right: 20px; }
 .img_link { width: 150px; margin-bottom: 0; float: right; } 
 .img_link img { margin-bottom: 0; width: 150px; } 
 #contenedor_destacados .contenedor_destacado { width: 210px; }
 #redes_sociales { text-align: center; }
 #redes_sociales .redes { float: none; display: inline-block; height: 20px; padding: 0; }
 #redes_sociales p { float: none; display: block; text-align: center; }
 #slogan_pie { text-align: center; }
 .dmca  { margin-left: 0; display: block; padding-top: 5px; margin: 0 auto; width: 100px; }
}

/* MOVIL 3 (456px)*/
@media screen and (min-width:497px) and (max-width:808px) {
 #web,
 #cabecero,
 #principal,
 #secundaria,
 #destacados,
 #contenedor_destacados,
 #texto_refuerzo_seo,
 #redes_sociales,
 #pie { width: 456px; }
 
 .booking_div { float: left; margin-right: 15px; }
 #pago_seguro { width: 210px; overflow: hidden; float: right; margin-right: 0; margin-top: 5px; }
 
 #cabecero { height: 120px; }
 #logo { width: 250px; height: 65px; }
 #logo img { width: 100%; }
 .boton_menu { width: 60px; height: 50px;  right: 10px; top: -80px;
 background: #E6293B url("../../imagenes/boton-menu-movil-2.png") 4px 3px no-repeat;
  }
}

/* MOVIL 2 (300px)*/
@media screen and (min-width:341px) and (max-width:496px) {
 #web,
 #cabecero,
 #principal,
 #secundaria,
 #destacados,
 #contenedor_destacados,
 #texto_refuerzo_seo,
 #redes_sociales,
 #pie { width: 300px; }
 
 .booking_div { float: none; margin: 0 auto; }
 #pago_seguro { width: 220px; overflow: hidden; float: none; margin: 0 auto; }
 
 #cabecero { height: 100px; }
 #logo { width: 200px; height: 50px; }
 #logo img { width: 100%; }
 .boton_menu { width: 60px; height: 50px;  right: 10px; top: -60px;
 background: #E6293B url("../../imagenes/boton-menu-movil-2.png") 4px 3px no-repeat;
  }
  .img_flotder, .img_flotizq { float: none; width: 100%; margin-left: 0; margin-right: 0; padding: 0; }
  .original { width: auto; float: left; margin-right: 15px; padding-bottom: 15px;  }
  .original img { width: 100%; }
  .grafico { margin-left: 0; }
  .grafico .contenedor_destacado { float: none; margin-right: 0; width: 100%; }
  .grafico .contenedor_destacado a { margin:0; padding: 0; width: 100%; }
  .grafico .contenedor_destacado img { margin:0; width: 100%; }
}

/* MOVIL 1 de 0 a (300px)*/
@media screen and (max-width:340px) {
 #web,
 #cabecero,
 #principal,
 #secundaria,
 #destacados,
 #contenedor_destacados,
 #texto_refuerzo_seo,
 #redes_sociales,
 #pie { width: auto; max-width: 300px; }
 #contenido { padding-left: 5px; padding-right: 5px; }
 .booking_div { float: none; margin: 0 auto; }
 #pago_seguro { width: 220px; overflow: hidden; float: none; margin: 0 auto; }
 
 #cabecero { height: 100px; }
 #logo { width: 70%; height: 40%; left: 5px; }
 #logo img { width: 100%; }
 .boton_menu { width: 35px; height: 50px;  right: 10px; top: -65px;
 background: #E6293B url("../../imagenes/boton-menu-movil-2.png") -20px 3px no-repeat;
  }
  .img_flotder, .img_flotizq { float: none; width: 100%; margin-left: 0; margin-right: 0; padding: 0; }
  .original { width: auto; float: left; margin-right: 15px; padding-bottom: 15px;  }
  .original img { width: 100%; }
  .grafico { margin-left: 0; }
  .grafico .contenedor_destacado { float: none; margin-right: 0; width: 100%; }
  .grafico .contenedor_destacado a { margin:0; padding: 0; width: 100%; }
  .grafico .contenedor_destacado img { margin:0; width: 100%; }
}
@media screen and (min-width:999px) {
 
.embed-box {float:right; margin-left: 25px; margin-bottom: 25px; width: 300px; height: 169px; padding: 0; }
#contenido .ancho_cien {float:none;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 62.25%;
    padding-top: 30px;
    position: relative; width: 100%; margin: 0; }
}