body {
    margin: 0;
}

#globalcontainer{
    margin: 0px auto;
    padding-left: 3px;
    padding-top: 15px;
    background-color:white;
}


/* Sección reservada para los estilos de texto
***********************************************/

.std_txt {
    /* Parche temporal hasta establecer el convenio de textos */
    font-family: arial, helvetica;
    font-size: 12px;
}

.gray_txt {color:#666;}
.warn_txt {color: #FF0000;}
.center {text-align: center;}
.right {text-align: right;}



/**********************************************/


/* Estilos no genéricos
***********************************************/

/* Anchos fijos */
.fxd85  { width: 85px; }
.fxd115 { width: 115px; }
.fxd150 { width: 150px; }
.fxd160 { width: 160px; }
.fxd170 { width: 170px; }
.fxd180 { width: 180px; }
.fxd200 { width: 200px; }

/**********************************************/

a:hover {
        color: #ff0000;
}

#uneven {
    background-color: #FFFFCC;
}

#even {
    background-color: #FFFFFF;
}

.uneven {
    background-color: #FFFFCC;
}

.even {
    background-color: #FFFFFF;
}

.maintitle {
    font-family: arial, helvetica;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
}

.tabs {
    font-family: arial, helvetica;
    font-size: 80%;
    color: #003366;
    font-weight: bold;
    text-decoration: none;
}

.tabsactive {
    font-family: arial, helvetica;
    font-size: 80%;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
    
.start_navbar {
        font-family: arial, helvetica;
        font-size: 85%;
        color: #FFFFFF;

}

.navbar {
    font-family: arial, helvetica;
    font-size: 82%;
    background-color: #E8EFFB;
}

.menu {
    font-family: arial, helvetica;
    font-size: 80%;
    color: #003366;
}

.file_head {
    font-family: arial, helvetica;
    font-size: 15px;
    font-weight: bold;
    margin: 1.5em 0;
    /* Color en el css de sección */
}


.dvbheadtitulopagppal {
        margin: 0;
        padding: 0;
        font-family: arial, helvetica;
        font-size: 18px;
        color: #0066CC;
        font-weight: bold;
}

.bheadtitulopagppal {
        font-family: arial, helvetica;
        font-size: 18px;
        color: #0066CC;
        font-weight: bold;
}


#hme div.bhead {
    font-family: arial, helvetica;
    font-size:12px;
    text-align: left;
    color:#0066CC;
    font-weight:bold;
}
span.bhead {
    font-family: arial, helvetica;
    font-size:12px;
    text-align: left;
    color:#0066CC;
    font-weight:bold;
}

.bhead {
    font-family: arial, helvetica;
    font-size:12px;
    text-align: left;
    color:#0066CC;
    font-weight:bold;
}
    
.bhead_abs {
    font-family: arial, helvetica;
    font-size: 12pt;
    color: #0066CC;
    font-weight: bold;
}


.bhead:visited {
        color: #52188C;
}
    
.lo_bhead {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #0066CC;
        font-weight: bold;
        background-color: #cce4f8;
    }
.btext {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #0066CC;
        font-weight: bold;
    }
ul.text li label input{
        margin-bottom: 4px;
    }
.text {
        font-family: arial, helvetica;
        font-size:12px;
        color: #000000;
        font-weight: normal;
        margin-bottom: 7px;
    }
.text_s {
        font-family: arial, helvetica;
        font-size:11px;
        color: #000000;
        font-weight: normal;
    }
.text_sp {
        font-family: arial, helvetica;
        font-size:11px;
        color: #000000;
        font-weight: normal;
        line-height: 17pt;
    }
.textlink {
        font-family: arial, helvetica;
        color: #000000;
        font-weight: normal;
    }
.resulthead {
        font-family: arial, helvetica;
        font-size: 13px ;
        color: #000000;
        font-weight: bold;
    }
.resulttext {
        font-family: arial, helvetica;
        font-size: 12px;
        color: #000000;
    }
.bresultlink {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #003366;
        font-weight: bold;
    }
.resultlinkreduce {
        font-size: 70%;
}

/*  Result link was wrong*/
.smallresultlink {
        font-family: arial, helvetica;
        font-size: smaller;
        color: #003366;
    }
.smallresultlink:visited {
        color: #52188C;
    }
.smallresultlink:hover {
        color: #ff0000;
    }

.smallresultlinkreduce {
        font-family: arial, helvetica;
        color: #003366;
        font-size: 11px;
    }
    
.usymbol {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #0066CC;
        font-weight: bold;
        text-decoration: none;
    }
.ulink {
        font-family: arial, helvetica;
        font-size: 13px 
        color: #0066CC;
        font-weight: bold;
    }

.selectbox { 
        background-color: #FFFFFF;
        font-family: arial, helvetica;
        font-size: 13px;
    }
.selectbox option.main {
    background-color:#CCE4F8;
}

option.main {
    background-color:#CCE4F8;
}

.selectbox option.sub {
    padding-left:20px;
}
    
.inputfield { 
        background-color: #FFFFFF;
        font-family: arial, helvetica;
        font-size: 12px;
    }
.euro {
        font-family: arial, helvetica;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
    }
.yesno { 
        background-color: #cee7ff;
        font-family: arial, helvetica;
        font-size: 70%;
        color: #000000;
        font-weight: bold;
        border: #003366 1px solid; 
        text-decoration: none;
    }
.separator_box { 
        background-color: #cee7ff;
    }
.separator_txt { 
        font-family: arial, helvetica;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
    }
.ho_separator_txt { 
        font-family: arial, helvetica;
        font-size: 95%;
    }
    
.near_back_txt {
        color: #666666;
    }
.smaller { 
        font-size: 85%;
    }
.text_small {
        font-family: arial, helvetica;
        font-size: 11px;
        color: #000000;
        font-weight: normal;
    }
.text_promo {
        font-family: verdana, arial, helvetica;
        color: #000000;
        font-weight: normal;
        font-size:12px;
        line-height:20px;
    }
.bhead_promo {
        font-family: verdana, arial, helvetica;
        font-size: 80%;
        color: #0066CC;
        font-weight: bold;
    }
    
.table_bg { 
        background-color: #0066cc;
    }
.td_title {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #0066cc;
        font-weight: bold;
        background-color: #cee7ff;
    }
.new {
        font-family: arial, helvetica;
        font-size: 80%;
        color: #ff0000;
        font-weight: bold;
    }
.control {
        font-family: arial, helvetica;
        font-size: 100%;
        color: #000000;
        font-weight: normal;
    }
.warning {
    font-family: arial, helvetica;
    font-size: 80%;
    color: #ff0000;
    font-weight: bold;
    background-color: #ffffff;
}
.alert {
    font-family: arial, helvetica;
    color: #ff0000;
    font-weight: bold;
    background-color: #ffffff;
}
.msj_ok {
    font-family: arial, helvetica;
    color: green;
    font-weight: bold;
    padding:5px;
    width: 250px;
    text-align:center;
    border: 1px solid green;

}

.form_elem_primary{
    width :200px;
    margin-bottom: 16px;
    float:left;
    font-weight: bold;
    margin-top:3px;
    margin-left:20px;
}


.same_line{
    float:left;
}
.other_line{
    clear:right;
}

.warningform{
    color: red;
    font-family: arial, helvetica;
}

.darken { 
        background-color: #dddddd;
    }
.tdtext {
        background-color: #FFFFFF;
        font-family: arial, helvetica;
        font-size: 12px;
        color: #000000;
        font-weight: normal;
        text-align:left; 
}
.tderror {
        background-color: #FFFFFF;
        font-family: arial, helvetica;
        font-size: 80%;
        color: #FF0000;
        font-weight: normal;
}

    
.menu_small_text {
        font-family: arial, helvetica;
        font-size: 70%;
        color: #000000;
        font-weight: normal;
}

.notransparent {
    -moz-opacity: 1;
    opacity: 1;
}

.transparent {
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/****************************************************************************
                    CSS DEL ESQUELETO GENERAL
*****************************************************************************/
.listadestinos {}

.listadestinos li {
    margin-top: 4px;
    margin-bottom: 4px;
}

.listnone {
    padding: 0px;
    list-style: none;
}

.listnone input {
    margin-left: 0;
}

.inputlist {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.inputlist li {
    margin-bottom: 18px;
    //border: 1px solid #fff;
}

.inputlist input,
.inputlist textarea {
    display: block;
    margin-top:6px;
    font-size:13px;
    font-family: arial, helvetica;
}

.inputlist li.piled {display:inline-block;}
.inputlist li.piled {
    //display:inline;
}

.inputlist li.date label {display:block;}
.inputlist li.date input {display:inline;vertical-align:bottom;}

.sidewarn input,
.sidewarn textarea {
    display: inline;
}
.sidewarn label{
    display: block;
}

.linedlist input,
.linedlist textarea {
    display: inline;
    position: absolute;
    left: 105px;
}

.linedlist li {
    margin: 0.5em 0;
    clear: both;
}

.linedlist input {
    width: 180px;
}

.linedlist label {
    height: 1.5em;
    line-height: 2.5em;
    float: left;
    width: 100px;
    height: 32px;
    position: relative;
    //line-height: 26px;
    //height: 26px;
}

.linedlist span {
    left: 200px;
    position: relative;
    top: 5px;
    //top: 12px;
}

/*        CSS DEL LOGO    */

 
#titulo_h1{ 
        vertical-align: middle; 
        font-family: arial, helvetica; 
        font-size: 110%; 
        color: #0066CC; 
        font-weight: bold; 

    margin-top: 20px;
    margin-bottom: 0;
} 


.bgalojam{
    background-color:#0084ce;
}
.bgplayas{          
    background-color:#efa510;
}                   
.bgski{             
    background-color:#73ad21;
}                   
.bgtravel{          
    background-color:#ce3000;
}                   
.bgowner{           
    background-color:#9c0000;
}


/*Indicador de donde estamos, margen izquierdo*/
.whereweareleft {
    width: 30px;
    float: left;
    height: 1px;
}
/*El contenido, margen izquierdo*/
.contentleft {
    width:0px;
    height: 100%;
}
.contentleft_fichas {
    width:  30px;
    height: 100%;
}

.navigationbar {
    height: 1.5em;
    padding-left: 10px;
}


.centrar {
    text-align: center;
}

/*ALINEAR EN VERTICAL*/
.align_vertical{
    vertical-align:middle;
}

#right_links img {
    position: absolute;
}

#right_links .indent {
    margin-left: 25px;
    padding: 0;
}


/****************************************************************************
        PAGINA PRINCIPAL DEL BUSCADOR
****************************************************************************/
/*Resumen ppal de la pag ppal*/
#hme .titulo h2{
    color:#0066CC;
    font-family:arial,helvetica;
    font-size:12px;
    font-weight:bold;
}

#mainresume {
    float: right;
    width: 175px;
    margin-top: 20px;
    margin-right: 160px;
    margin-bottom: 10px; /*Estilos para poner el buscador de destino junto al mapa*/
}

/*Estilos para poner el buscador de destino junto al mapa*/
#mainresume .cainside {
    text-align: left;
    padding-top: 10px;
}

#mainresume .bhead {
    margin-bottom: 5px;
}

#mainresume p {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 4px;
}

#mainresume ul {
    margin: 0px;
    padding-left: 4px;
    padding-bottom: 8px;
    list-style: none;
}

#buscador {
    white-space: nowrap;
    text-align: right;
}

#buscador .campo {
    width: 150px;
}
/*Fin estilos para el buscador junto al mapa*/

/* Menu de la derecha que contiene originalmente a las agencias */
.cajaagencias {
    position: absolute;
    /*right:0;*/
    width: 175px;
    margin-top: 32px;
    margin-left:675px;
}

.cafotos{
    width: 115px;
    height: 76px;
    border: 0px;    
}


.cajaagencias_header_first {
    margin-top: 0px; /*Para pegar la caja arriba*/
    font-family: arial, helvetica;
    text-align:left;
}


.cajaagencias_header {
    margin-top: 10px;
    font-family: arial, helvetica;
    text-align:left;
}

.cajaagencias_content {
    font-family: arial, helvetica;
    text-align:left;
    width: 118px;
    margin: 0 auto 0 auto;
}

.cajaagencias_image{
    margin-top: 5px;
    text-align: left;
    width: 118px;
}

.cajaagencias_image_last{
    margin-bottom: 5px;
    text-align: left;
    width: 118px;
}


/* round corners */

.catop-left {
    background-image: url('/images/bordertopleft1280x5.gif');
    height: 5px;
    font-size: 2px;
}


.catop-right {
    float: right;
    margin-top: -5px;
    background-image: url('/images/bordertopright.gif'); 
    height: 5px; 
    width: 5px;
    font-size: 2px;
}

.cabottom-left {
    background-image: url('/images/borderbottomleft1280x5.gif');
    height: 5px;
    font-size: 2px;
    margin-right: 5px;
}

.cabottom-right {
    background-image: url('/images/borderbottomright.gif');
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: 5px;
    font-size: 2px;
    margin-top: -5px;
}

.cainside {
    border-left: 1px solid #0066cc;
    border-right: 1px solid #0066cc;
    /*background: #EFEFEF;*/
    padding-left: 10px;
    padding-right: 10px;    
}

/*capa para ver los resultados en el mapa*/
.buscador_mapa{
     text-decoration: underline;
}

/* Pestañas del buscador*/

#pestanasbuscador {
    min-width: 500px;margin-bottom: 6px; height: 1.8em;border-bottom: 6px solid #e8effb; 
}
#pestanasbuscador .activa {
    float: left;
    margin-top: 0.2em;
    padding: 5px 30px 5px 30px;    
    font-weight: bold;
    background-color: #e8effb;
    font-family: arial, helvetica;
    border-top: 3px solid #e8effb;
    border-left: 3px solid #e8effb;
    border-right: 3px solid #e8effb;
}
#pestanasbuscador .interspace {
    margin-left: 10px;
}

    
#pestanasbuscador .inactiva {
    float: left;
    margin-top: 0.2em;
    padding: 5px 30px 5px 30px; 
    border-top: 2px solid #e8effb;
    border-left: 2px solid #e8effb;
    border-right: 2px solid #e8effb;
}

#pestanasbuscador .texto {
    float: left;
    padding: 5px 10px 5px 10px; 
    margin-left: 10px;
}
/*******************************************************************************
*
*                                            AGENCIAS
*
*******************************************************************************/
/* La seccion de las agencias, originalmente la pagina del listado de los 
alojamientos que cada agencia tiene 

*/

.dv_ag_listado {}

.dv_ag_eurolistado {
    font-family: arial, helvetica;
    font-size: 82%;
    color: #000000;
    text-decoration: none;
    width: 100%;
    border: #003366 1px solid;
}

.ag_dv_enlace_web {
    position: static;
    text-align: center;
    margin-left: auto;
    margin-top: 30px;
    font-family: arial, helvetica;
    font-size: 80%;
    color: #000000;
    font-weight: normal;
}

/********************************************************************************
    ULTIMA HORA
*********************************************************************************/
.uh_image_small {
    width: 108px;
    height: 80px;
    border: 0px;    
}

/*********************************************************************************
    MENU DE LA IZQUIERDA
**********************************************************************************/
.mi_general_position {
    position: static;
    width: 142px;
    padding-left: 5px;
}

.mi_dv_arrow_ld { /*IE COMPATIBILITY*/
    padding : 7px 10px 10px 5px;
}

.mi_arrow_ld {
    width: 5px;
    height: 5px;
    border: 0px;
}

/*********************************************************************************
    SEND TO A FRIEND
**********************************************************************************/
.aviso_email{
    font-family: arial, helvetica;
    font-size: 80%;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

#formularioRecomendacion {
    padding-left: 10px;
}

#formulariostf {
    margin-top: 20px;
    clear: both;
    width: 500px;
}

#formulariostf input {
    margin-top: 5px;
}

        
#formulariostf span label{
    display: block;
    float: left;
    width: 150px;
    margin-top: 5px;
}

.recomendar_bhead_house {
    font-family: arial, helvetica;
    color: #0066CC;
    font-size: 80%;
    font-weight: bold;
    border-bottom: 1px solid #0066CC;
}

    
.recomendar_enviado{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 400px;
    height: 100px;
    border: 1px solid #0066CC;
}

.recomendar_bhead_enviado{
    font-family: arial, helvetica;
    padding-left: 10px;
    color: #0066CC;
    font-size: 80%;
    font-weight: bold;
    background: #cce4f8;
}

.barra_nav {
    background: #0084ce;
}

/* **************************************************************************************************************
        FICHA CASA
**************************************************************************************************************** */
.tabla_ppal{
    height: 100%;
}

.descripcion{}

.descripcion ul{
    list-style: none;
}


.descripcion_sin_cercano{}

.resumen_descripcion{
    margin-top: 2px;
}

.arrow{
    float:right; 
    margin-right: 2%;
    margin-bottom: 3px;
}

.clearleft{
    clear: left;
}

.clearright{
    clear:right;
}

.nobr{
    display:inline;
}

.nobrspace{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.desc{
    border-bottom: 1px solid #0066CC;
    margin-right: 20px;
    margin-top: 30px;
    
}

.desc_beach{
    border-bottom: 1px solid #EFA510;
    margin-top: 20px;
}

.desc_ski{
    border-bottom: 1px solid #5A8719;
    margin-top: 20px;
}

            /****************************************************
                        DESCRIPCION INICIAL FICHA
            *****************************************************/
.carrusel{
    float:left;
    width: 250px;
    height: 180px;
}

.Print_STF{
    width:31px;
    position: relative;
    float:right;
    margin-right: 5px;
}

.tabla_Print_STF{
    width: 30px;
    height: 122px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.menudescLocation{
    margin-top:5px;
}

.ficha_descripcion{
    font-family: arial, helvetica;
    font-size: 80%;
    color: #000000;
    font-weight: normal;
    margin-bottom: 0.3em;
    margin-top:5px;
}

.playas_ski_cercano{
    clear:both;
}

                /***********************************************
                        TEXTO PROMOCIONAL
                **************************************************/
.descripcion_promocional{
    margin-top: 8px;
}

            /****************************************************
                        DETAILS FICHA
            *****************************************************/
#ficha h3 {
    font-family: arial, helvetica;
    font-weight: bold;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 2em 0 1.2em;
}

#ficha ul {
    list-style-type: none;
    margin: 1em 0;
}

#ficha table {
    border-collapse: collapse;
}

#ficha th, #ficha td {
    border-style: solid;
    border-width: 1px;
}

.descripcion_sin_margen{
}

/* creo que ya no se usa*/
.categoria_details{
    float: left;
    width: 15%;
}

.enmarcadescripcion{
    width: 100%;
}

.carac_details{
    float: left;
    max-width: 85%;
}



            /****************************************************
                        GALERIA FICHA
            *****************************************************/

.fotolistado {
    min-width: 90%;
}

.fotoindividual {
    width: 40%;
    text-align: center;
}

.centrar_Firefox{
    width: 300px; 
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
            /****************************************************
                        PRECIOS FICHA
            *****************************************************/
.menu_precios_como_llegar{
     margin-left: 2px;
}
            /****************************************************
                        DISPONIBILIDAD FICHA
            *****************************************************/

.margen_calendario{
    margin-left: 2px;
}

.margen_arriba{
    margin-top:8px;
}

/****************************************************
            COMO LLEGAR FICHA
*****************************************************/

.comollegar{
    margin-top: 10px;
}

.comollegar div {
    float:left;    
}

.comollegar img {
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border: 0;
}


.comollegar div span {
    color: #666666;
}

/*******************  CALENDARIO ************************/
.libre{
    float: left;
    width: 17px;
    height: 17px; 
    border: 1px solid #7777ff;
}

.ocupado{
    width: 17px; 
    height: 17px; 
    border: 1px solid #7777ff; 
    float: left;
    text-align:center;
}

.libre_ocupado{
    margin-top: 8px;
}

.txt_libre_ocupado{
    float: left; 
    width: 7em;
    margin-left: 5px;
}

.cal_link {        
    color: #000000; 
}
.cal_nameofday {        
    font-family: arial, helvetica;        
    font-size: 80%;        
    color: #0066cc;        
    font-weight: bold;        
    background-color: #cee7ff;
}
.cal_normal {        
    font-family: arial, helvetica;
    font-size: 80%;
    color: #000000;
    font-weight: normal;
    background-color: white;    
}
.cal_booked {        
    font-family: arial, helvetica;        
    font-size: 80%;        
    color: #666;        
    background-color: #ffaaaa; 
    font-weight: normal;
    text-decoration: line-through;
}
.cal_partialy_booked {        
    font-family: arial, helvetica;        
    font-size: 80%;        
    color: #000000;        
    background-color: #FFFFBD; 
    font-weight: normal;
}
.cal_weekend {        
    font-family: arial, helvetica;        
    font-size: 80%;        
    color: #000000;        
    background-color:   #FFFFFF; 
    font-weight: normal;    
}
.cal_selected_day {
    background-color: yellow;
}
.cal_isselectable {
    text-decoration: underline;
}
.cal_isselectable:hover {
    background-color: lightgrey;
    cursor:pointer;
}

/******************************************************************************/
.fondo{ 
    background-color: #CCE4F8;
}

#aviso_email{
    display: none;
    color: red;
}

/*************************** TABLA DE RESULTADOS **********************/
#resultados {
    clear: both;
    border-collapse: collapse;
}

#resultados .lineabottom {
    border-bottom: 2px solid #e8effb;
}

#resultados .separacionaprox {
    padding-bottom: 5px;
    padding-top: 12px;
}

#resultados tr td {
    padding: 10px 6px 0px 0px;
}

/************************************* MOVIL ***************************/
.movil1 {
    text-align: center;
    border: 1px solid green;
}


/*******************************GOOGLE_MAPS**************************/
.google_no_exact {
    display: none;
    text-align: center; 
    white-space: nowrap; 
    position: absolute; 
    z-index: 3;
    padding: 2px 10px 8px 10px;
    margin-left: 150px; 
    margin-top: 150px;
    width: 350px;
    height: 150px; 
    border: 1px solid #d2d2d2;
}

.google_no_exact_trans {
    display: none;
    z-index: 2;
    background-color: #FFFFFF;
    position: absolute;
    padding: 2px 10px 8px 10px;
    margin-left: 150px; 
    margin-top: 150px;
    width: 350px;
    height: 150px; 
}

.visual_content_all{
}

.border_list{
    margin-top: 0.2em; 
    float:left;
    border: 2px solid #e8effb
}

.scroll_list{
    width: 137px; 
    height: 38em;
    overflow-y: auto;
}

.title_list{
    padding-top:4px; 
    padding-bottom: 4px;
    border-bottom: 1px solid #e8effb;
}

.content_list{
    padding-left: 7px; 
    padding-bottom: 5px; 
    padding-top: 5px
}

/*.map_etiq_content{
    margin-left:150px;
}
*/

/*********************************************************************************
    SENDMAIL
**********************************************************************************/

#sendmail_head{
    font-family: arial, helvetica;
    color: #0066CC;
    font-size: 80%;
    font-weight: bold;
    border-bottom: 1px solid #0066CC;
}

#sendmaildiv{
    margin-top: 20px;
    clear: both;
    width: 100%;
}

.sendmaillabelobligatorio{
    font-weight: bold;
}

#sendmail_messagesent{
    margin-top: 20px;
}

.warningdiv{
    color: red;
    padding-left: 200px;
    margin-top: -10px;
}

#bodylabeldiv{
    position: absolute;
    padding-top:5px;
}

#diaentradacalendario, #diasalidacalendario{
    display: none;
    position: absolute;
    z-index: 10;
}

#charsleftdiv{
    display: none;
}

#sendmailsubmit{
    padding-left:200px;
}

#messagesent{
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 2px;
}

#messagesent img{
    padding-right: 20px;
}

.info_campo_gris{
    color: #666666;
    font-weight: normal;
    font-size: 90%;
}


/****************************************************************************************
        login.php
****************************************************************************************/

#newuserbox, #registereduserbox{
    float: left;
    border: 1px solid #eee3e1;
}

#newuserbox{
    margin-right: 40px;
    width: 370px;
}

#registereduserbox{
    width: 346px;
}

#newuser, #registereduser{
    padding: 4px;
    background-color: #fffecd;
    font-weight: bold;
    font-size: 140%;
    border-bottom: 1px solid #eee3e1;
}

.houses_section_color{ color: #0084CE; }
.houses_section_backgroundcolor{ background-color: #0084CE; }

.mountains_section_color{ color: #73AD21; }
.mountains_section_backgroundcolor{ background-color: #73AD21; }

.beaches_section_color{ color: #EFA510; }
.beaches_section_backgroundcolor{ background-color: #EFA510; }

.travellers_section_color{ color: #CE3000; }
.travellers_section_backgroundcolor{ background-color: #CE3000; }

.owner_section_color{ color: #9C0000; }
.owner_section_backgroundcolor{ background-color: #9C0000; }

#newusertext, #registereduserform{
    padding: 15px;
    height: 208px;
}

#newuserlink{
    font-weight: bold;
    font-size: 140%;
    margin-bottom: 20px;
}

#benefitslist li{
    margin-top: 10px;
    margin-left:30px;
    list-style-type:disc;
}
        
.logininfolabel{
    margin-bottom: 3px;
    font-weight: bold;
}

.logininfoinput{
    margin-bottom: 15px;
}

#loginformsubmit{
    color: #ffffff;
    font-weight: bold;
}

#loginformsubmitnotenabled{
    font-weight: bold;
}

#loginremembercheckbox, #loginforgotpassword{
    margin-top: 15px;
}

.alertbox
{
    border: 1px solid #e6ceb2;
    background-color: #fffdd0;
    color: #b22e1f;
    font-weight: bold;
    font-size: 80%;
    padding: 5px;
    text-align: justify;
    margin-top:5px;
}

#imagenDatosFicha {float:left;width:398px;}
#imagenDatosFicha a#carrusellink {display:block;margin:0 auto}
#imagenDatosFicha div.text {padding-bottom:20px;}
#imagenDatosFicha div.text a {display:inline-block;}
#imagenDatosFicha img {border: none;}

#textoDatosFicha {
    float: left;
    padding-left: 20px;
    width: 430px;
}

#textoDatosFicha a img {
    border: 0;
}

#textoDatosFicha td {
    vertical-align: top;
    line-height: 22px;
}

.separacion {
    clear: both;
}

.textoHacerClic {
    font-family: arial, helvetica;
    font-size: 80%;
}

.contenidoImagenes {
    float: left;
    margin-top: 20px;
    width: 420px;
}

.pieImagen {
    text-align: center;
}

.imagenesColaboracionesViajeros {
    float: left;
    margin-left: 5px;
    width: 200px;
}

.opinionesColaboracionesViajeros {
    float: left;
    margin-left: 21px;
    width: 624px;
}

.contenidoImagenesIndex {
    padding-top: 20px;
}

.capturaImagenIndex{
    text-align: center;
}

.phorum_box_left{
    padding-left:5px;border-left:1px solid #ce3000;border-top:1px solid #ce3000;border-bottom:1px solid #ce3000;background-color:#ffffcc;
}

.phorum_box_right{
    padding-right:5px;border-right:1px solid #ce3000;border-top:1px solid #ce3000;border-bottom:1px solid #ce3000;background-color:#ffffcc;
}
/***************************************************************
Para estirar un contenedor con floats por debajo del contenido
****************************************************************/
.clearfloat:after 
{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 

.clearfloat 
{display: inline-block;} 

/* Oculta para IE-mac \*/ 
* html .clearfloat 
{height: 1%;} 

.clearfloat 
{display: block;} 

/* Para corregir bugs del IE con los elementos con float */
/* Hides from IE-mac \*/
* html #mainresume {height: 1%; display: inline}
/* End hide from IE-mac */


/***************************************************************
Nuevas clases genéricas.
Los colores y cualquier cosa específica se definen en las hojas 
particulares de cada sección.
****************************************************************/

/* Parche para opiniones */
h1.dbl_under{margin-top:40px;}
.cabecera_text {font-size: 12px;}

/**
 * Listas de condiciones. Clases para poner los iconos a la izquierda.
 */
ul.list_img_ok {
    background-image: url('/images/ok2.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    list-style-type:disc;
}

ul.list_img_ok li, ul.list_img_x li, ul.list_img_is li {line-height:20px;margin-bottom:8px;font-size:13px;}

ul.list_img_x {
    background-image: url('/images/x.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    list-style-type:disc;
}

ul.list_img_is {
    background-image: url('/images/is.gif');
    background-repeat: no-repeat;
    padding-left: 40px;
    list-style-type:disc;
}

.margen_abajo {
    margin-bottom: 25px;
}

/**
 * Clases para formularios
 */
.form_container {
    padding: 3px;
}

.left_label {
    float:left;
    width: 150px;
    position: relative;
    top: 8px;
}

.form_input {
    margin: 3px;
    display: block;
    float: left;
}

.input_nolabel {
    margin-left: 155px;
}

.aviso_form {
    position: relative;
    left: 155px;
}

.form_noinput {
    position: relative;
    top: 8px;
    left: 3px;
}

/***************************************************************
Recuadro de aviso. (Colores en la hoja de la sección)
Si se añade la clase error sobreescribe los colores.
****************************************************************/
.msg_box {
    border: 1px solid #DADBDD;
    width: 450px;
    margin: 0 auto;
    margin-top: 1em;
}

.msg_box h3 {
    margin: 0px;
    padding: 3px;
    font-family: arial, helvetica;
    font-size: 80%;
    font-weight: bold;
    background-color:#CEE7FF;
}

.msg_box p {
    margin: 1ex 1ex;
}

.error {
    border-color: red;
}

.error h3 {
    background-color: #FF4444 !important;
    color: white !important;
}


/***************************************************************
Enlace que imita un botón. (Colores en la hoja de la sección)
****************************************************************/
.link_box {
    margin-top: 20px;
    text-align: center;
}

.link_box a {
    text-decoration: none;
    padding: 1px 8px;
    font-family: arial, helvetica;
    font-size: 80%;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid; 
}

/***************************************************************
Enlace centrado con icono opcional a la izquierda
****************************************************************/
.center_link {
    margin-top: 20px;
    text-align: center;
}

.center_link img  {
    margin-right: 5px;    
    text-decoration: none;
}


/* Modificaciones a las pestañas del buscador
*********************************************/
html #pestanasbuscador2 {
    //margin-top: 6px !important;
}

html #pestanasbuscador2 span {
    //padding-bottom: 2px !important;
    //padding-top: 8px !important;
}

html #pestanasbuscador2 span.iefix {
    //padding-top: 0px !important;
}

a.tab2:link {
    color: #003366 !important;
}
a.tab2:visited {
    color: #52188c !important;
}

a.tab2:hover {
    color: #ff0000 !important;
}

#pestanasbuscador2 {
    padding-bottom: 2px;
    margin-left: 0;
    border-bottom: 2px solid #E8EFFB;
    margin-top: 8px;
}




/********************************************************************
    Listas de opciones con radio buttons y cabeceras
    ------------------------------------------------ */
ul.radio_list{font-size:13px;}
ul.radio_list label {margin-right:6px;}
ul.radio_list table.offers label{margin-left:0;}
ul.radio_list table.offers input{margin-left:0;}
ul.radio_list ul {
    padding: 6px 0;
}

ul.radio_list input { display: inline;vertical-align:middle;margin-right:6px;}
ul.radio_list input.iefixwidth {
// width:13px;
}

.radio_header {
    color: #9C0000;
}

/***********************************************************************/

.legend {
    color: #666666;
    font-family: arial, helvetica;
    font-size: 70%;
}

hr.footer_rule {
    border: 0;
    height: 1px;
    background-color: #E8EFFB;
    color: #E8EFFB;
    margin-top: 3em;
    margin-bottom: 1em;
}

ul.lista_head {
    list-style-type: none;
    padding: 5px 0 5px 2px;
    margin: 0;
}

ul.lista_head ul {
    list-style-type: none;
    padding: 0;
    display: inline;
}

div#footer ul.lista_head > li:first-child {
    width: 225px;
}

/* IE6 doesn't support first-child, so this is needed to hack around */
li.ie6_list_head {
    width: 225px;
    font-weight: bold;
    color: #666666;
}

ul.lista_head li {
    float: left;
}

ul.lista_head > li:first-child {
    font-weight: bold;
    color: #666666;
}

ul.lista_head ul li {
    display: inline;
    padding: 0 7px;
}

/* Sublista separada por barras */
ul.lista_barras li {
    border-left: 1px black solid;
}

ul.lista_barras li:first-child {
    border: 0;
}

/* Again, this is necessary due to the lack of first-child support in IE6 */
.ie_first_border {
    border: 0 !important;
}

ul.lista_barras li.selected {
    color: #666666;
}


/* Lista con fondo azul */
ul.blue_list {
    background-color: #E4EDF5;
}

div#footer ul.blue_list > li:first-child {
    width: 232px;
}

ul.blue_list ul li {
    padding: 0 0 0 13px;
}

/* IE6 doesn't support first-child, so this is needed to hack around */
ul.blue_list li.ie6_list_head {
    width: 232px;
}

ul.blue_list li.ie_first_nopad {
    padding: 0;
}

ul.blue_list ul li:first-child {
    padding: 0;
}

/* Lista de enlaces a secciones de la propia página */
.anchor_list {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-position: inside;
    counter-reset:  section;
}

.anchor_list li {
    margin-bottom: 20px;
}

h3.common {
    /* A sustituir por tamaño no relativo */
    font-size: 80%;
    font-family: arial, helvetica;
}

.numlist:before {
    content: counter(section) ". ";
    counter-increment: section;
}

/*    Tabla de precios
    ---------------- */
#price_table{font-size:13px;}
.tabla_precios {
    border-collapse: collapse;
    display: inline;
    text-align: center;
}

.tabla_precios img {
    border: none;
}

.tabla_precios td {
    text-align: right;
}

.edit_precios td {
    text-align: center;
}

.tabla_precios td,
.tabla_precios th {
    border: solid 1px #0066CC;
    padding: 6px;
}

.tabla_precios th {
    background-color: #CEE7FF;
    color: #666;
}

.tabla_precios th.left {
    text-align: left;
}

input.dis, select.dis {
    background-color:#EEEEEE;
    color:#444444;
}

/* Calendario */
table.calendar {
    border: solid 1px #7777FF;
    font-family:arial,helvetica;
    border-collapse: collapse;
}

table.calendar th {
    background-color:#CEE7FF;
    color:#0066CC;
    font-weight:bold;
}

table.calendar th,
table.calendar td {
    border: solid 1px #7777FF;
    font-size:12px;
    padding: 5px;
    height: 2em;
    /* IE hack: calcula las alturas distinto al estandar */
    //height: 1.5em;
}

table.calendar th a {
    font-size: 10px;
}

table.calendar th a img {
    border: 0;
}

table.calendar .booked {
    background-color:#FFAAAA;
}

table.calendar .booked span {
    color:#666666;
    text-decoration:line-through;
}

table.calendar .partially_booked {
    background-color:#FFFFBD;
}

table.calendar th[colspan="7"]
{
    text-align: left;
}

table.calendar th[colspan] {
    border: 0;
}

table.calendar input {
    display: ;
}

.leftside {
    float: left;
    margin-right: 1em;
}

.cal_group {
    margin: 10px 2px;
}

.link_img {
    border: 0;
    cursor: pointer;
}

/* Listas en línea */
ul.inline {
    list-style-type: none;
    margin:0;
    padding:0;
}

ul.inline li {
    display: inline;
    margin-right: 1em; /* Sobreescribir para casos específicos */
}

/* Para listas con elementos con ancho fijo */
ul.inline_fxd {
    list-style-type: none;
    margin:0;
    padding:0;
}

ul.inline_fxd li {
    float: left;
    padding-right: 1em;
}

.indent {
    padding-left: 1em;
}

div.doc h2 {
    font-size: 13px;
    margin-top:16px;
}

div.doc h3 {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    margin-left: 20px;
    margin-top:16px;
}
div.doc p {
    margin-top:16px;
    line-height: 20px;
}

div.doc ul {list-style:disc;margin-left:48px;}
div.doc ul li {margin-top:16px;line-height:20px;}

#platinum_list {list-style-type:none;padding-left:0;margin-left:0;}
#platinum_list li {clear:both;height:80px;margin:20px 0}
#platinum_list li a.img {width:110px;height:80px;float:left;text-align:center;}
#platinum_list img.photo {margin:auto;}
#platinum_list p {margin:6px 0;}
#platinum_list li.beach p.description {background-image:url(http://st-rentalia.com/images/nbeach.gif);}
#platinum_list li.rural p.description {background-image:url(http://st-rentalia.com/images/nrural.gif);}
#platinum_list li.city  p.description {background-image:url(http://st-rentalia.com/images/ncity.gif);}
#platinum_list li.ski   p.description {background-image:url(http://st-rentalia.com/images/nski.gif);}
#platinum_list li p {padding-left:160px;}
#platinum_list li p.description {background-position:130px top;background-repeat:no-repeat;padding-top:7px;}