/* CSS realizado por Acuarela Digital - www.acuareladigital.com */

/* Traer los estilos de la zona de contenidos */
@import url("contenido.css"); 
@import url("iconize.css"); 

/* CSS realizado por Acuarela Digital - www.acuareladigital.com */

/* Resetear las propiedades necesarias para facilitar */
/* la vision homogenea en los diferentes navegadores */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0;
 border: 0;
 font-size: 100%;
 line-height: 1; 
 text-align: left; vertical-align: baseline; outline: none;
}
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }

a { text-decoration: none; }




/* FIN reseteo */

body { background: white; font-family: 'Cousine',"Letter Gothic Std",Arial,Helvetica,sans-serif;
 font-size:62.5%;  }  

/* estructura */
#web { width: 960px; background: none; margin: 0 auto; padding-bottom: 30px; }
#principal { width: 700px; float: left; margin: 0; overflow: hidden; background: none; }
#contenido { margin: 0; overflow: hidden; background: none; padding-top: 10px; }
#secundaria { width: 220px; float: right; margin: 0; overflow: hidden; background: none; padding-top: 4px; }
#fin_estructura { clear: both; float: none; }
#pie { width: 960px;border-top: 2px solid #F32837; background: none; margin: 0 auto; font-family: Tahoma, Geneva, sans-serif; position:relative; padding-bottom: 30px; } 

/* cabecero */
#cabecero { background: none; width: 960px; height: 140px; margin: 0; padding: 0; position: relative; overflow: hidden; padding: 0; }
h1 { display: block; font-size: 0.0001em; text-indent: -10000px; } 
#logo { position: absolute; width: 339px; height: 87px; display: block; border: none; top: 44px; left:0; }
#reservas_24h { display: block; font-size: 0.0001em; text-indent: -10000px; }
#menu_idiomas { color: #F32837; font-size: 1em; font-family: 'Cousine',"Letter Gothic Std",Arial,Helvetica,sans-serif; 
position: absolute; right: 10px; top: 15px;}
#menu_idiomas a { color: #F32837; }
#menu_idiomas a:hover { text-decoration: underline; }
#reservas { position: absolute; right: 0; top: 65px; }

/* menu */
#menu_principal { display: block; margin: 0; padding: 0 0 5px 0; overflow: hidden; }
#menu_principal li { 
 display: block; margin: 0 5px 0 0; float: left;
 font-size: 1.2em; text-transform: uppercase;
}
#menu_principal li span,
#menu_principal li a { 
 display: block; margin: 0; color: black;
 padding: 6px 7px 4px 7px;
}
#menu_principal li span,
#menu_principal li a.seccion_activa,
#menu_principal li a:hover { 
 background: #F32837; color: white;
}

/*  migas de pan */
#ruta_navegacion { background: none; padding: 3px 0 10px 7px; color: #ADADAD; font-size: 1em; }
#ruta_navegacion a { color: #ADADAD; }
#ruta_navegacion a:hover { color: #F32837; }
#ruta_navegacion .seccion_actual { color: #ADADAD; }

/* contenido columna derecha */
.reserva_texto { background: #E7273C url(../../imagenes/book_now.gif) no-repeat center 2px; overflow: hidden; padding: 5px 0 0 10px; margin-bottom: 10px; height: 35px; overflow: hidden; }
.reserva_texto_amano { background: #E7273C; padding: 0; margin-bottom: 10px; }
.reserva_ahora { background: none; font-size: 0.0001em; font-weight: normal; color: #E7273C; text-indent: -1000px; display: block; }
.reserva_ahora a { display: block; height: 55px; width: 100%; background: none; }
.reserva_ahora_amano a { background: none; font-size: 1.8em; font-weight: bold; color: white; display: block; padding: 14px 5px 8px 5px; text-align: center; overflow: hidden; }
.reserva_pre_tel { background: white; height: 20px; margin-top: -5px;  }
.reserva_tel { background: white url(../../imagenes/telefono.gif) no-repeat 10px top; height: 40px; margin-top: -5px;  }
.reserva_book { font-size: 1.6em; letter-spacing: 0.0001em; text-transform: uppercase; font-weight: normal; color: #D43240; display: block; text-align: right; padding-right: 12px; padding-top: 3px;  }
/* imagenes en columna derecha */
.img_link, .img_link img { display: block; margin: 0 auto 25px auto;  }


/* redes sociales */
#redes_sociales { width:960px; padding: 10px 0 0 0; background: none;  /*border-bottom: 2px solid #F32837;  */font-size: 1.1em; color: black; overflow: hidden; }
#redes_sociales p { float: left; padding-top: 6px; padding-right: 5px;}
#redes_sociales .redes { font-size: 0.01em; text-indent: -10000px; display: block; width: 20px; height: 20px; float: left; margin-right: 5px; }
#redes_sociales .face { background: url(../../imagenes/facebook.gif) no-repeat left top; }
#redes_sociales .twit { background: url(../../imagenes/twitter.gif) no-repeat left top; }
#redes_sociales .youtube { background: url(../../imagenes/youtube.gif) no-repeat left top; }
#redes_sociales .googleplus { background: url(../../imagenes/googleplus.gif) no-repeat left top; }
#redes_sociales .vime { background: url(../../imagenes/vimeo.gif) no-repeat left top; }
#redes_sociales .redes:hover { background-position: left -100px; }
#contenedor_tweet { width: 100px; float: left; margin-left: 6px; }
#contenedor_megusta { width: 380px;float: left; }
#contenedor_googleplus { width: 270px; float: left; margin-left: 10px;}
.contenedor_dmca { display: block; text-align: center; }
.dmca { margin-left: 150px; }

/* contenido pie */
#slogan_pie { font-size: 1.1em; text-align: left; padding-top: 5px; margin-left: 0; line-height: 1.3em; }
#slogan_pie a { color: black; }
#slogan_pie a:hover { color: #E7273B; text-decoration: underline; }
#enlaces_posicionamiento { font-size: 1.1em; text-align: left; padding-top: 3px; margin-left: 0; line-height: 1.3em; }
#enlaces_posicionamiento a { color: #BFBFBF; padding-right: 8px; display: inline-block; }
#enlaces_posicionamiento a:hover { color: #E7273B; text-decoration: underline; }

#cyb { position: absolute; display: block; padding-right: 25px; background:url(../../imagenes/cb-01.gif) no-repeat right top; padding-top: 5px; height: 15px; width: 48px; right: 0; top: 8px; font-size: 1.1em; color: black;}
#cyb:hover { color: #F32837; text-decoration: underline;}

/* destacados */
#destacados { 
 width: 960px; margin: 0 auto 20px auto; padding: 0; overflow: hidden;
}
#destacados h2 { 
 color: #333333; text-transform: uppercase; margin-left: 0; margin-bottom: 5px;
 display: block; font-size: 1.8em; font-weight: bold; line-height: 1.1em;
}





#contenedor_destacados {
 width: 960px; margin: 0 0 10px -20px; border-top: 1px dotted #333333;  /*border-bottom: 1px dotted #333333; */padding: 0; overflow: hidden; padding-top: 20px;
}
#contenedor_destacados .contenedor_destacado {
 display: block; float: left;
 width: 298px;
 margin: 0 0 10px 20px;
 overflow: hidden; background: none; text-align: center;
 position: relative;
}
.titulo_submenu { display: block; color: #F32837; font-size: 1.5em; font-weight: bold; margin-bottom: 4px; text-align: center;  }
.titulo_submenu:hover { color: black;  }
.descripcion_submenu { display: block; color: #555555; font-size: 1.3em; font-weight: normal; margin-bottom: 8px; text-align: center;  }

.booking_div { background: none; overflow: visible; width: 220px; margin: 0 auto 0 auto; padding-top: 5px; }

/* texto seo */
#texto_refuerzo_seo { width: 960px; margin:0 auto; }
#texto_refuerzo_seo h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: right; font-size: 1.2em; color: #666; font-weight: normal; font-style: italic; padding-bottom: 5px;}
#texto_refuerzo_seo p { text-align: justify; line-height: 1.4em; font-size: 1.2em; color: #666; font-weight: normal; font-style: normal; padding-bottom: 5px; padding-bottom: 15px; }

/* menu hermanos */
#menu_secundario_lateral {
 background: none; padding-top: 0; overflow: hidden; padding-bottom: 8px; border-bottom: 1px solid #555; margin-bottom: 20px; 
}
#menu_secundario_lateral p {
 font-size: 1.8em; color: white; background: #555; padding: 7px 6px 5px 6px; font-weight: bold; margin-bottom: 8px;
}

#menu_secundario_lateral .lista_contenido { margin-left: 5px; margin-bottom: 0;
}
#menu_secundario_lateral .lista_contenido li { margin-bottom: 3px; color: #F32837;
}

#pago_seguro {
 padding-top: 55px; background: url(../../imagenes/pago-seguro.gif) no-repeat left top; position: relative; 
}
#pago_seguro.en {
 background-image: url(../../imagenes/pago-seguro-en.gif); }
#pago_seguro ul li { position: relative; background: url(../../imagenes/circulito.gif) no-repeat left top; display: block; height: 20px; margin-bottom: 8px; padding-top: 2px; padding-left: 25px; font-size: 1.1em; color: #666; }
#pago_seguro ul li span { position: absolute; color: white; font-size: 15px; font-weight: bold; left: 4px; top: 3px; }
#reserva_x6 { position: absolute; width: 220px; height: 230px; font-size: 0.001em; color: white; text-indent: -1000px; display: block; background: url(../../imagenes/transparente.gif) repeat; left: 0; top:0;  }
#digicerticon { display: block; width: 100px; height: 74px; margin: 0 auto;
}

/* generales */
.cierre_flotacion { clear: both; }
.navegacion_interna { display: none; }


/* caja responsiva */
.embed-box {
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 62.25%;
    padding-top: 30px;
    position: relative;
}
/* mapa responsiva */
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.embed-box iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}