/*html, body, form, #page, #container, #content, #cont_left, #cont_right, article, aside
{
	height:100%;}
*/
/* - - - font face - - - */
@font-face
{
    font-family: 'futura_light_bt-webfont';
    src: url('../fonts/futura_light_bt-webfont.eot');
    src: url('../fonts/futura_light_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futura_light_bt-webfont.ttf') format('truetype'), url('../fonts/futura_light_bt-webfont.svg#futura_light_bt-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'avant_garde_bk_bt-webfont';
    src: url('../fonts/avant_garde_bk_bt-webfont.eot');
    src: url('../fonts/avant_garde_bk_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/avant_garde_bk_bt-webfont.ttf') format('truetype'), url('../fonts/avant_garde_bk_bt-webfont.svg#avant_garde_bk_bt-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'calligraphic_810_bt-webfont';
    src: url('../fonts/calligraphic_810_bt-webfont.eot');
    src: url('../fonts/calligraphic_810_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calligraphic_810_bt-webfont.ttf') format('truetype'), url('../fonts/calligraphic_810_bt-webfont.svg#calligraphic_810_bt-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

body
{
    color: #000;
    font: normal 16px "futura_light_bt-webfont"; /*line-height: 140%;*/
    background-color: #fff;
    background-image: url(../images/fn_fondo.png);
    background-repeat: repeat-x;
    background-color: #e2e2e2;
    height: 100%;
}
#page
{
    margin: 0 auto;
    height: 980px;
}
#header
{
}
#cabecera
{
    float: left;
    height: 155px;
    width: 1024px;
}
#container
{
    margin: 0 auto;
    width: 1024px;
    padding-top: 0px;
    height: 100%;
    background-image: url(../images/fn_content.png);
    background-position: top left;
    background-repeat: no-repeat;
}
#content
{
    width: 1012px;
    padding-left: 7px;
    padding-right: 3px;
    padding-top: 0px;
    float: left;
    margin-left: 2px;
    background-color: #fff;
}
#content a
{
    color: #f89b23;
    text-decoration: underline;
}
.titcontent
{
    color: #f89b23;
    font-weight: bold;
}
h1
{
    float: left;
    width: 304px;
    padding-left: 30px;
    padding-top: 20px;
}
#titularcabecera
{
    width: 690px;
    float: left;
    margin-top: 0px;
    text-align: right;
    margin-top: 0px;
}
#titularcabecera .tita
{
    text-align: right;
    font: normal 22px "calligraphic_810_bt-webfont";
}
#titularcabecera .titb
{
    margin-top: 0px;
    color: #e77b07;
    font: normal 30px "calligraphic_810_bt-webfont";
    font-weight: bold;
}
#menu
{
    float: left;
    height: 35px;
    font: normal 16px "avant_garde_bk_bt-webfont";
    margin-top: 10px;
    margin-left: 0px;
    width: 1024px;
    color: #000;
}
#menu ul
{
    float: left;
    margin-left: 32px;
}
#menu li
{
    float: left;
    list-style: none;
    padding-top: 10px;
    padding-left: 20px;
    color: #000;
}
#menu li a
{
    color: #000;
    text-decoration: none;
}
#menu li.destacado
{
    background-color: Black;
    color: #fff;
    margin-left: 30px;
    padding-right: 20px;
    padding-left: 50px;
    margin-top: -5px;
    height: 25px;
    font-size: 20px;
    width: 100px;
    padding-bottom: 7px;
}
#menu li.destacado a
{
    color: #fff;
    text-decoration: none;
}
.border
{
    border: 0px;
}
#slider
{
    width: 1024px;
    margin-left: 0px;
    float: left;
    margin-bottom: 294px;
}
#conjuncont
{
    float: left;
    width: 1024px;
    margin-bottom: 40px;
}
#conjuncont .izquierda
{
    width: 550px;
    float: left;
    margin-left: 21px;
}
h2
{
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 20px;
    color: #f89b23;
    font-size: 30px;
    font: normal 42px "avant_garde_bk_bt-webfont";
}
h3
{
    margin-bottom: 20px;
    color: #000;
    font-weight: bold;
}
h4
{
    
    margin-bottom: 20px;
color: #333;
font-weight: bold;
text-decoration: underline;}
#conjuncont .derecha
{
    width: 359px;
    float: left;
    margin-left: 50px;
    margin-top: 18px;
}
#conjuncont .derechab
{
    width: 300px;
    float: left;
    margin-left: 80px;
}
.entrada
{
    color: #000;
    font-weight: bold;
}

#footer
{
    background-image: url(../images/f_footer.png);
    background-repeat: repeat;
    width: 1022px;
    float: left;
    height: 55px;
    margin-top: 0px;
    margin-left: 2px;
}
#footer .ft1
{
    float: left;
    width: 850px;
    margin-left: 5px;
    margin-top: 12px;
    font-size: 13px;
    margin-right: 5px;
}
#footer .ft2
{
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}
#footer .ft2 a
{
    color: #000;
    text-decoration: underline;
    font-size: 12px;
}
.avisol
{
    margin-top: 15px;
    padding-right: 10px;
    vertical-align: top;
}
.habitaciones
{
    margin-left: 20px;
    margin-right: 20px;
}
.tabla
{
    width: 910px;
    border: solid 1px #ccc;
    text-align: center;
    margin-left: 0px;
    font: normal 16px "futura_light_bt-webfont";
}
.azul_bold2
{
    font-weight: bold;
    background-color: #797979;
    padding: 0.57em;
    color: #fff;
}
.alitabla
{
    float: left;
    margin-right: 15px;
    background-color: #cfcfcf;
    width: 185px;
    margin-left: 10px;
    margin-bottom: 20px;
    text-align: center;
}
.meses
{
    color: #fff;
    padding: 8px;
}
.amarillo_calendario
{
    background-color: #f5e58f;
    color: #27415e;
}
.naranja_calendario
{
    background-color: #f0b743;
    color: #27415e;
}
.calendario
{
    width: 995px;
    float: left;
    margin-left: 70px;
}
.bold
{
    font-weight: bold;
}
.boldi
{
    font-weight: bold;
    font-style: italic;
}
.boldn
{
    font-weight: bold;
    color: #f89b23;
}
.tarifas
{
    background-color: #e9e8e7;
    width: 95%;
    float: left;
    padding: 10px;
    margin-bottom: 15px;
}
.tarifasa
{
    background-color: #e9e8e7;
    width: 95%;
    float: left;
    padding: 10px;
    font-size: 24px;
    margin-bottom: 35px;
    text-align: center;
    margin-top: 30px;
}
.ofertas
{
    font-size: 20px;
}
#nav
{
    width: 100%;
    height: 35px;
    float: left;
    font-weight: bold; /*background-image: url(../images/f_nav.gif);     background-repeat: repeat-x;*/
    margin-bottom: 2px;
    background-color: #f7eddb;
}
.idiomas
{
    width: 145px;
    height: 26px;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-right: 270px; /*background-image: url(../images/f_nav.gif);     background-repeat: repeat-x;*/
}
.lineahabi
{
    width: 930px;
    margin-left: 30px;
}

p.mensaje
{
    padding: 20px;
    background-color: #f0b743;
    color: White;
    font-size: 1.2em;
    margin-bottom: 50px;
    width: 50em;
}
.reqMark
{
    color: Red;
}

span.input3
{
    background-color: #f89b23;
    color: White;
    padding: 3px;
    margin-left: 3px;
}

label
{
    display: block;
    float: left;
    text-align: left;
    width: 165px;
    font-size: 1.4em;
}
input.input, select.input
{
    float: left;
    padding: 5px !important;
    width: 300px;
}

select.input
{
    float: left;
    padding: 5px !important;
    width: 210px;
}

input.botonri
{
    padding: 12px;
    background-color: #3e7581;
    color: #fff;
    font-weight: bold;
    border: 1px solid #244850;
}

fieldset
{
    width: 100%;
    border: 0;
    margin-top: 20px;
}

textarea
{
    width: 210px;
    height: 150px;
}
legend
{
    padding: 3px;
    font-style: italic;
    font-size: 1.2em;
    padding-right: 5px;
    background-color: #E9E8E7;
    width: 500px;
}

div.row
{
    margin-left: 20px;
    clear: both;
    font-size: 11px;
    height: 20px;
    padding: 10px 0 0;
    vertical-align: top;
    width: 100%;
}

div.rowtextarea
{
    margin-left: 20px;
    clear: both;
    font-size: 11px;
    height: 150px;
    padding: 10px 0 0;
    vertical-align: top;
    width: 100%;
}


span.cursiva
{
    color: Gray;
    font-size: 0.9em;
    font-style: italic;
}

.right_bot
{
    padding-top: 20px;
    padding-bottom: 15px;
    border-top: dashed gray 1px;
    width: 500px;
    margin-top: 15px;
}


.tituloca
{
    color: #f89b23;
}
.precio
{
    background-color: #fce1be;
    border: 1px solid #f99c25;
    width: 520px;
    padding: 25px;
    text-align: center;
    font-size: 18px;
    float: left;
    margin-left: 220px;
}
.num
{
    float: left;
    width: 920px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 10px;
}
.numero
{
    float: left;
    width: 100px;
}
.numeroa
{
    float: left;
    padding-top: 25px;
    width: 820px;
}
.numerob
{
    float: left;
    padding-top: 33px;
}
.aste
{
    float: left;
    margin-top: 25px;
}
.astea
{
    float: left;
    margin-top: 5px;
    margin-bottom: 45px;
}
#aviso
{
    float: left;
}
#aviso ul li
{
    margin-left: 50px;
}
.bwhite
{
    color: #000;
    margin-left: 10px;
    opacity: 1;
}

#bahia
{
    float: right;
    width: 360px;
    height: 50px;
    margin-top: 0px;
    background-image: url(../images/visita_bahia.png);
    background-repeat: no-repeat;
}
.bahia1 a
{
    color: #fff;
    font: normal 20px "futura_light_bt-webfont";
}
.bahia1
{
    float: left;
    vertical-align: middle;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 15px;
}
.bahia2
{
    float: left;
}
#bahiab
{
    float: right;
    width: 333px;
    height: 50px;
    margin-top: 1px;
    background-image: url(../images/visita_bahia.png);
    background-repeat: no-repeat;
}
.redes
{
    margin-bottom: 30px;
    background-image: url(../images/bg_redes.png);
    background-repeat: no-repeat;
    background-position: top;
}
.borderedes
{
    padding-right: 5px;
    border: 0px;
}

#sidreria a {
color: #333;
text-decoration: underline;
}
.align {
vertical-align: middle;
}

     .cookies ul li
     {
     margin-left: 12px;
margin-top: 12px;
background-image: url(../images/li.gif);
background-repeat: no-repeat;
background-position:left top;
text-indent: 22px;
list-style: none;
}
         
         
         
         }        
          .cookies table{
         border-spacing: 0;
        padding: 1em;
} 

          .cookies table tr td{
         border-spacing: 0;
        border: 1px solid #000;
        padding-right: 6px;
        padding-left: 6px;
        height: 66px;
       
}  
#oferta {
float: left;
width: 97%;
padding: 20px;
text-align: left;
border-top: 1px solid #7ebdcc;
border-bottom: 1px solid #7ebdcc;
margin-bottom: 30px;
background-image: url(../images/sidreria.jpg);
}
#oferta .titoferta {
font-size: 18px;
font-weight: bold;
color: #306976;
}
#oferta .marginoferta {
margin-left: 80px;
margin-top: 20px;
}    
#ofertaspa {
float: right;
width: 97%;
padding: 20px;
text-align: left;
border-top: 1px solid #7ebdcc;
border-bottom: 1px solid #7ebdcc;
margin-bottom: 30px;
background-image: url(../images/laperla.jpg);
}
#ofertaspa .titoferta {
font-size: 24px;
font-weight: bold;
color: #306976;
float: right;
width: 45%;
margin-top: 20px;
margin-right: 40px;
}
#ofertaspa .marginoferta {
font-size: 18px;
font-weight: bold;
color: #000;
margin-top: 10px;
}    
#concursospa {
	border: 1px dotted #f0b743;
	background-color: #ffe2a7;
	padding: 25px;
	width: 95%;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
}
#concursospa  .titspa {
	font-size: 17px;
	color: #000;
	font-weight: bold;
}
#opreserva {
	font-size: 17px;
	color: #000;
	font-weight: bold;
	float: left;
	width: 97%;
	margin-top: 25px;
	margin-bottom: 25px;
}
#opreserva .botdispo {
	background-color: #3e7581;
	padding: 20px;
	border: 1px solid #244850;	
	float: right;
	margin-right: 130px;
}
#opreserva .botdispo a {
	color: #fff;
	text-decoration: none;
}
#opreserva .textdispo {
	margin-top: 35px;
	float: left;
	margin-left: 130px;
}