@charset "utf-8";  

* {
    margin: 0;
    text-decoration: none;
    font-weight:normal;
    font-family:"Trebuchet MS", Verdana;
    font-size:11px;


}

a,a:visited,a:link,a:visited,a:active,a:hover {
    text-decoration: none;
    font-weight:normal;
    font-family:"Trebuchet MS", Verdana;
    font-size:11px;
    color:gray;
}

html, body {
    height: 100%;  
}

.float_left{float:left;}
.float_right{float:right;}
.clear{clear:both;}

.txtblanco{
    color: #fff;
    font-family: "Trebuchet MS", Verdana;
    font-size: 13px;
}
a.txtblanco{display:block;}
a.txtblanco:hover,a.txtblanco_lp:hover{text-decoration: underline;}
a.txtblanco_lp{float:left;}
.txtnegro333{
    color: #fff;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
}	

.txtrojo{
    color: #a10005;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    /*float:left;*/
    width: 500px;
}

.hola{
    color: #000;
    font-family: "Trebuchet MS", Verdana;
    font-size: 18px;
}



body {
    overflow-x: hidden;
    /*background-image: url(/website/images/fondo.jpg);*/
    background:black;
    background-position: center;
}

.contenidor {
    height: auto !important;
    height: 100%;
    margin: 0 auto;/* -250px; the bottom margin is the negative value of the footer's height */
    /*border-left: 15px solid #A10004;*/
    /*border-right: 15px solid #A10004;*/
    text-align: center;	
}

.footer {
    height: auto;
}
.push{height:0px;}


.footer{   
    font-family: "Trebuchet MS", Verdana;  
    font-size: 11px;
    color: #FFFFFF;  
    width: 980px;
    text-align: center;
    position: relative;
    margin: auto; 
    overflow: hidden;
    margin-top:0px;
    margin-bottom:-20px;
    background:#cacaca;
    border-top:1px solid gray; 
}
.footer a:hover{
    color:gray;
    text-decoration:underline;
}
.footer a img{margin-right:20px;}
.footer a{color:gray;}

button{font-size:12px; font-family: "Trebuchet MS", Verdana; }

input.autocompleter-loading {
    background-image:		url(images/spinner.gif);
    background-repeat:		no-repeat;
    background-position:	right 50%;
}
.footer_links{
    font-family: "Trebuchet MS", Verdana;  
    font-size: 11px;
    color: #FFFFFF;  
    width: 80%;
}  
#cities_list {
    width: 700px;
    text-align: center;
    overflow: hidden;
    margin: 10px auto 0px;
    padding-bottom: 20px;
}	
#cities_list  a {
    color: #FFFFFF;
    text-transform: capitalize;
    font-weight:normal;
    margin-right: 15px;
}
#cities_list a:hover {
    text-decoration: underline
}    
#cities_list  a strong{font-weight:normal;}
#content{
    background-color: #FFFFFF;
    width:940px;       
    position: relative;
    margin: auto; 
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
} 
#content_right{
    background-color: #FFFFFF;
    width: 600px;
    overflow:hidden;
    float:right;
    padding-top:50px;
}
#top_menu {      
    font-family: "Trebuchet MS", Verdana;  
    font-size: 11px;
    text-align: right;
    margin: 7px 0px;
}
#top_menu a {  
    text-decoration: none;
    color: #A10004;
    font-weight:normal;
}
#top_menu a.language { 
    color: gray;
}
#top_menu a:hover {  
    text-decoration: underline;
}
#nights {
    font-size: 11px;
}
#idioma_divisa{
    margin-top: 7px;        
    font-family: "Trebuchet MS", Verdana;  
    font-size: 11px;
    color: #666666;
    text-align: left; 
    margin-left: 650px;
    float: right;
}
#idioma_divisa .form{
    border: 1px solid #cacaca;
    min-height: 16px;
    height: 20px;
    width: 58px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: gray;
    margin-left: 14px;
}
#idioma_divisa img{display:none;}

#logo{      
    width:297px;
    height:80px;
    background:url(images/logo.jpg) no-repeat;
    position:absolute;
    margin-top:30px;
    margin-left:0px;
    left:0px;  
    top:0px;  
    float:left;
    cursor: pointer;
    padding-left: 20px;
}

#logo p,#logo h1,#logo span{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 14px;
    color: #8A8E91;
    margin-top: 60px;
    margin-left: 0px;
    text-decoration: none !important;
}
#logo span{display:block;}
#nadal{position:absolute;left:400px;top:5px;border:none;outline:none;}
#nadal a img{border:none;outline:none;}
#promo_title{font-size:14px;}
#promo_title,#faq em{color: #a5000b;}
#faq p{font-size:12px;}

#column_left { 
    float: left;
    width: 330px; 
    margin-top:50px;
}

#su_reserva{
    background-color: #000000;    
    width: 330px;        
    margin-left: 0px;
}                            
#su_reserva .text{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 11px;
    color: gray;
    margin-left: 10px;
}                      
.interior_form{ 
    border:1px solid #cacaca;
    border-top:none;
}
.interior_form input, .interior_form select{
    border:1px solid #cacaca;
}

#su_reserva #leaving_date, #su_reserva #return_date {
    min-height: 16px;
    height: 16px;
    width: 80px !important;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: #000000;
}

#su_reserva #top,#su_reserva .top{        
    background: white;
    width: 328px;
    height: 22px;
    text-align: left;
    border-top:1px solid #cacaca;
    padding-top:5px;
}

#su_reserva #top .text, #su_reserva .top .text, h1.text, #quien #top .text,.hotels h2 a{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: #A10004;
    margin:10px 0 10px 10px;
}

.hotels h2 a{margin-left:0px;}
#su_reserva #form,#su_reserva .form_id{
    background-color:white;
}

#su_reserva #bottom,#su_reserva .bottom{
    background: white;
    width: 328px;
    height: 10px;
} 

#su_reserva .form{
    border: 1px solid #cacaca;
    min-height: 16px;
    height: 18px;
    width: 158px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: #000000;
    text-transform: capitalize;
}

#su_reserva select.form {
    height: 20px;
}
#su_reserva .form_button button, #su_reserva .form_button input {
    background: url(images/button-reserva.gif) top right no-repeat;
    height:19px;
    width: 156px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

.alta_form .form_button input {
    background: url(images/button-reserva2.gif) top right no-repeat;
    height:19px;
    width: 156px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

#column_left #boto_dret{
    background: url(images/fons-button-1.jpg) top right no-repeat;
    display:none;
    width: 159px;
    height: 27px;
    float: right;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    color: gray;
    margin-top: 14px;
    padding-top: 5px;
}
#column_left #boto_esquerre{
    background: url(images/fons-button-1.jpg) top right no-repeat;
    display:none;
    width: 159px;
    height: 27px;
    float: left;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    color: gray;
    margin-top: 14px;
    padding-top: 5px;
}
#boto_esquerre a,#boto_dret a{color:gray;}
#map_home{
    background: url(images/map-home.jpg) top right no-repeat; 
    width: 320px;
    height: 160px;
    margin-top: 30px;
    margin-left: 0px;
    cursor:hand;
}

#ayuda{
    background: url(images/button-ayuda.jpg) top right no-repeat;
    width: 130px;               
    height: 75px;
    margin-top:25px;
    margin-left:94px;
} 

#ayudaen{
    background: url(images/button-ayudaen.jpg) top right no-repeat;
    width: 130px;               
    height: 130px;
    margin-top:25px;
    margin-left:94px;
} 

#payment{    
    width: 250px;               
    height: 80px;
    margin-top:160px;
    margin-left:50px; 
}

#pagos{    
    width: 700px;               
    height: 200px;
    margin-top:400px;
    margin-left:50px; 
    position: relative;
}

.pagos2 {
    text-align: center;	
    background-color: #FFFFFF;
    width:940px;       
    margin:auto;
    position: relative;
    overflow: hidden;
    padding:40px 20px 20px 20px;
}
#thawte{float:left;width:80px;margin-left:125px;margin-top:-25px;}
#taute-nou{float:left;width:50%;margin-left:25px;}
#tripadvisor{float:right;width:80px;margin-right:140px;margin-top:10px;}
#tripadvisor a{outline: none;border:none;color:transparent;}

#capcalera_home{
    background-color: #FFFFFF;
    width: 600px;
    height: 244px;
    /*margin-top:10px; si es mostren tots els menus activar aquest*/
    margin-top: -36px;
    float: right;

}
#capcalera_home a{font-weight:normal;}

#capcalera_home #photo_es{
    background: url(images/image-home.jpg) top right no-repeat;
    width: 599px;
    height: 246px;
    margin-top: 5px;
    margin-left: 0px;
    float:left;
}


#capcalera_home #photo_en{
    background: url(images/image-home_en.jpg) top right no-repeat;
    width: 599px;
    height: 246px;
    margin-top: 5px;
    margin-left: 0px;
    float:left;
}

#capcalera_fitxa_dreta img {
    border: none;
}


#capcalera_bottom{
    background-color: #FFFFFF;
    width: 600px;
    height: 150px;    
    margin-top: 0px;
    margin-left: 0px; 
    float: left; 
}

#capcalera_bottom strong{font-weight:normal;}

#capcalera_bottom .text{
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: gray;
    text-align: justify;
}

#logo2{      
    width:297px;
    height:80px;
    background:url(images/logo.jpg) no-repeat;
    margin-top:40px;
    margin-left:0px; 
    float:left;
}
#info{padding:5px;}
#info, #info h1{
    width: 585px;    
    margin-left: 0px;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 11px;
    color: #666666;
    text-align: justify;     
    float:left;
    margin-bottom:15px;
}
#info h1 strong {margin-bottom:15px;color:#A10004;font-size:14px; font-weight: bold;}

.price{        
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    text-align: right;
    width: 100px !important;
}

/* SEARCH RESULTS */

#search-results-number h1{
    background-color: #FFFFFF;
    width: 600px;
    height: 20px;         
    margin-top: 0px;
    float: right;  
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    font-weight:bold;
    text-align:left;
}
#search-results-number h1 span{font-size:14px;font-weight:bold;}

#ordenar{
    background-color: #FFFFFF;
    width: 600px;
    height: 20px;          
    float: none; 
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
} 
#ordenar .form{
    border: 1px solid #000000;
    min-height: 16px;
    height: 19px;
    width: 158px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: #000000;
}

#linia_logo{
    background: url(images/linia-logo.gif) top right no-repeat;
    width: 219px;               
    height: 14px;           
    position: absolute;
    margin-top: 30px;    
    margin-left: 150px;    
}

#llistat_hotels{
    width: 600px;    
    margin-top: 10px;    
    margin-left: 0px;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #666666;
    text-align: left;     
    float:left;
}

.hotels{
    width: 600px;        
    margin-top: 5px;
    margin-left: 0px;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #666666;
    text-align: left;     
    float:left;
    border-bottom:1px solid #cacaca;
    padding-bottom:10px;
    padding-top:5px;
}
.hotels h2{   /*titol antic*/
              color: #A10004;
              font-family: "Trebuchet MS", Verdana;
              font-size: 16px;
              float:left;
              margin-right:10px;
}
.hotels h2 a{   /*titol antic*/
                color: #A10004;
                font-size: 14px;
}
.hotels .valoracion{
    color: #666666;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
}
.hotels .valoracion_red{
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
}
.hotels h3{  /*direcció*/ 
             height: 10px;
             margin-top: 5px;
             color: #666666;
             font-family: "Trebuchet MS", Verdana;
             font-size: 11px;
             font-weight: 100;
             padding-bottom:10px;
             width: 310px;
}
/*ie hacks botons llistat hotels*/
.hotels h3,.td_h3_address{width /*\**/: 300px\9 !important;}/*ie8*/
.td_h3_address_search h3,.td_h3_address_search{width /*\**/: 200px\9 !important;}/*ie8*/
.botonsLlistatHotels{width /*\**/: 120px\9 !important;}/*ie8*/
* + html .hotels h3{width: 200px !important; /*tag especific IE7*/ }
* + html .botonsLlistatHotels{width: auto !important;}

.hotels .description{        
    color: #666666;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
}
.hotels .description div{ margin-right:10px;}
.hotels h3{ /*tipus habitacions*/              
            color: #666666;
            font-family: "Trebuchet MS", Verdana;
            font-size: 12px;
            font-weight: 100;
}
.hotels .price{        
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    text-align: right;
    width: 100px !important;
}
.hotels .ico_reservar button, #reservation_from_hotel .ico_reservar button {
    background: url(images/button-red.gif) top right no-repeat;
    height: 17px;
    width: 81px;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
}

.hotels .description2{        
    font-family: "Trebuchet MS", Verdana;font-size:11px;color:gray;border:1px solid #cacaca; background:#E6E6E6; margin-right:10px; margin-top:-5px;padding:3px 4px 3px 6px;
}
* + html .hotels .description2{  position:relative;top:-6px;padding:4px 3px 4px 4px;}
#siguiente{
    background: url(images/arrow-right.jpg) top right no-repeat;
    width: 120px;               
    height: 37px;
    margin-top: 20px;    
    float: right;
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    text-align: left;
    line-height: 37px;
    cursor: pointer;
    margin-top: 0px;
}

#anterior {
    background: url(images/arrow-left.jpg) top left no-repeat;
    width: 115px;               
    height: 37px;       
    float: left;
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    margin-top: 20px;
    line-height: 37px;
    text-align: right;
    cursor: pointer;
    margin-top: 0px;
}

.results_pax_option {
    padding-top: 0px;
    font-weight: normal;
    color: #A10004;
}

.results_reservation_button {
    text-align: right;
    padding-top: 8px;
}

.hotel_result_info {
    width: 600px;
}

.hotel_result_info .picture {
    width: 120px;
    height: 80px;
    margin-top: 10px;
    border:1px solid #cacaca;
}




/* FITXA HOTEL */ 

#capcalera_fitxa_dreta{
    background-color: #FFFFFF;
    width: 600px;
    height: 60px;
    margin-top: 30px;
    float: right;
}   

#capcalera_fitxa_esquerre{
    background-color: #FFFFFF;    
    width: 318px;
    height: 27px;        
    margin-top: 45px;
    margin-left: 0px; 
    float:left;
}   
#capcalera_fitxa_esquerre #boto_dret{
    background: url(images/fons-button-1.jpg) top right no-repeat;
    display:none;
    width: 160px;
    height: 27px;
    float: left;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    color: #A10004;
    margin-top: 0px;
    padding-top: 5px;
}
#capcalera_fitxa_esquerre #boto_esquerre{
    background: url(images/fons-button-1.jpg) top right no-repeat;
    display:none;
    width: 160px;
    height: 27px;
    float: right;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    color: #A10004;
    margin-top: -32px;
    padding-top: 5px;
}

#breadcumb{
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
    color: gray;
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
}


#breadcumb a {
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: gray;
}  

#breadcumb a:hover {
    text-decoration: underline;
}  

.description_hotel {
    font-size: 11px;
    margin-bottom: 15px;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    text-align:justify;
}

#fitxa{
    width: 918px;    
    margin-top: 40px;
    position:relative;
    margin-left: 0px;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #666666;
    text-align: left;     
    float:left;
} 

.textologin{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 26px;
    color: #990000;

} 
.caract_text{
    color: #333333;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}

.textohotel{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    color: #990000;

} 



.textofecha{
    font-family: "Trebuchet MS", Verdana;             
    color: #990000;

} 

.textofechaficha{ /*dirección hotel*/
                  color: #666666;
                  font-family: "Trebuchet MS", Verdana;
                  font-size: 11px;
}




.textoopcioneshotel {
    padding-top: 12px;
    font-weight: bold;
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
}


.textohotelficha{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    color: #990000;

} 

.textohoteldireccion{ /*dirección hotel*/
                      color: #666666;
                      font-family: "Trebuchet MS", Verdana;
                      font-size: 16px;
                      line-height: 14px;
                      margin-top: -10px;
}


.textoficha{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    color: #990000;

} 

.direccio2{
    color: #666666;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}

.caract_title{
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}	


.caract_text{
    color: #333333;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}


#fitxa .breadcrumb{
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    color: #A10004;
}
#fitxa h1{ /*nom hotel*/
           color: #A10004;
           font-family: "Trebuchet MS", Verdana;
           font-size: 14px;
           font-weight: bold;
           line-height: 30px;
}
#fitxa h2{ /*dirección hotel*/
           color: #666666;
           font-family: "Trebuchet MS", Verdana;
           font-size: 14px;
           line-height: 14px;
           margin-top: -10px;
}
#fitxa .dates_red{
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 71px;
}
#fitxa .dates_grey{
    color: #999999;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 71px;
}
#fitxa .preu{
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    font-weight: bold;
}    
#fitxa .direccio2{
    color: #666666;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}

#fitxa .caract_title{
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}
#fitxa .caract_text{
    color: #333333;
    font-family: "Trebuchet MS", Verdana;
    font-size: 12px;
}
#fitxa #payment{    
    width: 250px;
    height: 80px;
    position: relative;
    margin-top:20px;
    margin-left:0px;
    left: 0px;
}


/* Reserva */   

#volver_hotel{
    background: url(images/arrow-left.jpg) top left no-repeat;
    width: 77px;               
    height: 37px;       
    float:right;
    color: #A10004;
    font-family: "Trebuchet MS", Verdana;             
    font-size: 14px;
    text-align: left;
    line-height: 37px;
    text-align: right;
}   

.form_reserva{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #A10004;       
}
.form_reserva input{
    border: 1px #000000 solid;
    height: 15px;
}
.form_reserva .form_button button{
    background: url(images/button-reserva2.gif) top right no-repeat;
    height:21px;
    width: 158px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

.form_info{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #333333;       
}

/* Alta */

.alta_form{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #A10004;
    margin: 0 auto;
}
.alta_form input{
    border: 1px #000000 solid;
    height: 20px;
}

.alta_form .form_button button{
    background: url(images/button-reserva2.gif) top right no-repeat;
    height:21px;
    width: 158px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

/* Modulo login */
#login {  
    width: 318px;     
}                            
#login .text{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 12px;
    color: #FFFFFF;
    margin-left: 10px;
    margin-top:8px;
}

#login #top,#login .top{        
    background: #FFFFFF url(images/login-top.jpg) no-repeat;
    width: 318px;
    height: 15px;
    text-align: left;
}

#login #top .text,#login .top .text{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 14px;
    color: #FFFFFF;

}

#login #form,#login .form_id{
    background-color: #A10004;
}

#login #form a, #login .form_id a{
    color: #ffffff;
}

#login #bottom,#login .bottom{
    background: #FFFFFF url(images/login-bottom.jpg) no-repeat;
    width: 318px;
    height: 15px;
} 
#login .form_button button{
    background: url(images/button-reserva.gif) top right no-repeat;
    height:21px;
    width: 158px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

#add_to_marks {
    display:  block;
    padding-left: 15px;
    background: url(images/knewstuff.png) no-repeat 38%;
    color: #666666;
    margin-top: 9px;   
    font-size: 11px;
    text-align: right;
}

#add_to_marks2 {
    display:  block;
    padding-left: 15px;
    color: #333333;
    margin-top: 9px;   
    font-size: 11px;
    text-align: right;
}

#faq {
    background: #ffffff;
    font-family: "Trebuchet MS", Verdana;
    padding: 20px;
}

#faq h2 {
    font-size: 14px;
    padding: 5px 0px;
    color: #8A8E91;
}

#faq h3 {
    font-size: 12px;
    padding: 20px 0px 10px;
    color: #A10004;   
}

#faq p {
    font-size: 11px;
    margin: 14px 0px;
}

#hotel_gallery {
    margin: 0px -5px;
}

#hotel_gallery img {
    margin: 10px 5px 0px;
    width: 70px;
    height: 70px;
    display: inline;
    cursor: pointer;
}



/*
	Adverts, messages, responses
*********************************************************/

#message,#message2,#message3  {
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 2em;
    text-align: left;
}

.error {
    color: #ff0000 !important;
}

#message.error,#message2.error,#message3.error {
    background: url(images/ico_error.gif) left no-repeat;
}

input.error, label.error {
    background: #FDA497 !important;
    color: #000000 !important;
}

label.error {
    border: none !important;
}

.success {
    color: #006600 !important;
}

#message.success,#message2.success,#message3.success {
    background: url(images/ico_success.gif) left no-repeat;
}

#searching_message {
    background: #ffffff url(images/logo.jpg) 3px 20px no-repeat;
    width: 320px;
    height: 70px;
    padding: 15px;
    padding-top: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -95px;
    text-align: center;
    z-index: 1000;
    font: 13px "Trebuchet MS", Verdana;
    border: 2px solid #A10004;
}

#migues_pa { 
    height: 5px; padding-bottom: 12px;
    font-family:"Trebuchet MS", Verdana;
    font-style:normal;
    font-weight:bold;
    color:white;
    font-size:12px;

}
#migues_pa a,#migues_pa p{color:white;font-weight:bold;padding:0px 20px 0px 6px;}
#migues_pa a:hover{color:black;text-decoration:none;}
#migues_pa div { float: left; background: #c76668 url(images/migues_pa_arrow.jpg) center right no-repeat; color: #ffffff; margin: 0 0 0 0 }
#migues_pa div.current { background: #a10004 url(images/migues_pa_arrow_current.jpg) center right no-repeat; }
#migues_pa div.before { background: #a10004 url(images/migues_pa_arrow_before.jpg) center right no-repeat; }
#migues_pa div.next { background: #c76668 url(images/migues_pa_arrow_next.jpg) center right no-repeat; }
#migues_pa div.last { background:#c76668 url(images/migues_pa_arrow_last.jpg) center right no-repeat; }

#reservation_from_hotel { font-size: 11px; }
#reservation_from_hotel .price { text-align: right; width: 40px; }

#reservationInfo { text-align: left; }

#quien,.quien{
    background-color: white;    
    width: 330px;        
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 10px;
    border:1px solid #cacaca;
    color:gray;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    text-align:left;
}                            
#quien .text{
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 11px;
    color: gray;
    padding:10px;
}                      

#quien #leaving_date, #quien #return_date {
    border: 1px solid #cacaca;
    min-height: 12px;
    height: 16px;
    width: 80px !important;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: gray;
}

#quien #top,#quien .top{        
    background: white;
    width: 316px;
    height: 0px;
    text-align: left;
}

#quien #top .text,#quien .top .text{ 
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 14px;
    color: #A10004;
    margin:10px 10px 15px 10px;
    padding:0px;
}
.text_news .error{padding-top:15px;}
* + html .text_porque{margin-top:10px; /*tag especific IE7*/ }
.text_news{margin-top:10px;}
* + html .text_news{margin-top:20px; /*tag especific IE7*/ }
#quien #form, #quien .form_id{
    background-color: white;
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 11px;
    color: gray;
}

#quien #form a,#quien .form_id a{
    background-color: white;
    font-family: "Trebuchet MS", Verdana;
    text-align: left;
    font-size: 11px;
    color: gray;
}

#quien #bottom,#quien .bottom{
    background: white;
    width: 318px;
    height: 10px;
} 

#quien .form{
    border: 1px solid #000000;
    min-height: 16px;
    height: 18px;
    width: 158px;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: gray;
    text-transform: capitalize;
}
/*NOU DISSENY*/
#quien #form input{float:left;}
#quien #form input,#quien #form select{color:gray; width:138px; margin:20px 0 20px 10px;font-size:11px; }
#quien #form select{width:142px;  }
.texto1{color:gray; padding:0px 0 5px 25px; display:block;}/*sha de tocar tb news.php i porque.php*/
#necesitas_ayuda{margin-top:30px;}/*sha d'afegir al html de home.php*/
#quien a{font-weight:normal;}
#quien a:hover{text-decoration:underline;}


#quien select.form {
    height: 20px;
}
#quien .form_button button, #quien .form_button input {
    background: url(images/button-reserva.gif) top right no-repeat;
    height:19px;
    width: 156px;
    color: gray;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

.img_wrap_outer {
    float: left;
    /*background: url( images/shadow.gif ) no-repeat bottom right;*/
    margin: 0px 5px 0 5px;
}
.precio_especial {
    left:440px;
    margin-top:-10px;
    position:absolute;
    z-index:1;
}
#quien img.precio_especial{
    left:270px;
    margin-top:10px;
}
.color_precio_especial,#quien.color_precio_especial{
    background: #FFFEC9;
}
.img_wrap_inner {
    background-color:transparent;
    float:left;
    padding:0;
    position:relative;
    top:-5px;
}

.porque{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #fff;       
}
.porque .form_button button{
    background: url(images/button_buscar.jpg) top right no-repeat;
    height:27px;
    width: 142px;
    color: #000000;
    border: 0;
    cursor: pointer;
    margin-top: 5px;
}

.porque_info{
    font-family: "Trebuchet MS", Verdana;             
    font-size: 12px;
    color: #333333;       
}
                      
#su_reserva #return_date {
    min-height: 16px;
    height: 16px;
    width: 80px !important;
    font-family: "Trebuchet MS", Verdana;
    font-size: 11px;
    color: #000000;
}

	

/*OCULTAR -MOSTRAR porque reservar en (actualment nomes funcionant en LP)*/
.titulo {
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    font-weight:bold;
    color: #fff;
    text-decoration:none;
    margin-left:10px;
}


.link1 {
    cursor: pointer;
    font-family: "Trebuchet MS", Verdana;
    font-size: 14px;
    font-weight:bold;
    color: #fff;
    text-decoration:none;
    margin-left:15px;
}

.texto1 {
    cursor: pointer;
    font-family:"Trebuchet MS", Verdana;
    font-size: 11px;
    color:gray;
    text-align:left;
    text-indent:inherit;
    margin-left:32px;
}

/*GOOGLE MAPS*/
#zoomMapa{float:right;margin:20px 0px 0px 0;/*border:1px solid #cacaca; background:#e6e6e6;*/color:black;font:verdana;font-size:12px;width:120px;}
#zoomMapa span,#show_ciutats_provincia span{position:relative;top:-3px;}
#zoomMapa span{top:-13px;font-weight: bold;}
#zoomMapa img{border:none;outline:none;position:relative;top:-5px;}
#ordenar{margin-top:10px;text-align:left;}
#mapaGoogle{margin-top:50px;border:1px solid #cacaca;}
#imgZoomMapa {height:25px;}
* + html #mapaGoogle{margin-top:60px; /*tag especific IE7*/}

/*ciutats provincia*/
#ciutats_provincia{overflow: hidden;padding:0px 10px 0px 10px;margin-top:45px;text-align:left;width: 570px;background: #EDEDED;}
#ciutats_provincia a{margin:0px 10px 0 0;}
#ciutats_provincia a:visited{color:#BBBBBB;}
#ciutats_provincia a:hover{text-decoration: underline;}
#show_ciutats_provincia{width:auto; float:left; margin-top:15px;}
#show_ciutats_provincia strong{font-weight: bold;}
#show_ciutats_provincia:hover,#zoomMapa span:hover{cursor: pointer;}
#show_ciutats_provincia span:hover,#zoomMapa span:hover{text-decoration: underline;}
#img_ciutats_provincia{margin-right: 10px;height:16px;}

/*slide show HOME*/
#link_imatge_home{text-decoration:none;position:relative;left:-600px;top:25px;}
#titol_imatge{position:absolute;z-index:1;width:600px;text-align:right; filter: alpha(opacity=60); opacity: .6;background-color:white; height:30px;overflow:hidden; top:-37px;
        left:300px;/*firefox*/
        [left:300px;/*firefox*/
        left:600px;]/*chrome*/
}
#text_titol_imatge{position:relative;color:black;text-decoration:none; padding-right:20px;font-family:"Verdana";font-size: 11px;top:8px;}
.amagat{position:absolute;border:none; width:600px; height:250px;top:-37px;
        left:300px;/*firefox*/
        [left:300px;/*firefox*/
        left:600px;]/*chrome*/
}
#imatge1,#imatge2,#imatge0{opacity:0;}
/*\*/
html*.amagat,html*#titol_imatge{
    ]left:300px;}/*ie7*/
.amagat,#titol_imatge{
  left /*\**/: 600px\9  /*ie8*/
}

.titol_fotos_pekes_home{border:1px solid #cacaca;margin:0px 35px 0 0;}
.fotos_pekes_home{margin-right: 35px;margin-top:7px}
.fotos_pekes_home a img{border:1px solid #cacaca; border-bottom:none;} 

#link_telefon{font-size:12px;}
#filtrar{margin-top:-20px;float:right;}

/*DETALL HOTEL*/
h2.direccio,.hotels h3{color:gray;font-size:11px;text-align:left; font-family:"Trebuchet MS",Verdana;margin-left:10px;text-transform: capitalize;}
.hotels h3{margin-left:0px;}
h1.text{margin-top:10px;margin-bottom:5px;}
#descripcio_hotel{font-size:11px;color:gray;font-family:"Trebuchet MS,Verdana";text-align:justify; margin:0px 10px 20px 10px; line-height:20px;}
#serveis{margin-top:25px;}
#servicios_habitacion,#servicios_hotel,#features{margin-right:15px;}
#serveis ul{padding-left:15px;}
.titol_servei{font-weight:bold;}
#reserva table{color:gray;background:white;}
#reserva .text{color:gray;}
#quien form{color:gray; padding:10px;}
#quien table{padding:10px;}
#habitacions_disponibles{text-align:left;padding:0 0 10px 10px;}
#opciones_para{font-weight:bold;margin-bottom:10px; display:inline;}
.hotelPrice{color:black;font-size:12px;font-weight:bold;}
.preu_tipus_hab{display:block; height: 20px;clear:both; }
.alineat_dreta{float:right;display:inline;padding-right:10px;}
#caixa_boto_reservar{width:310px;text-align:center;clear:both;}
#reservar:hover{background-color:#A10004;}
#total_estancia{display:inline;float:right;margin-bottom:10px;margin-right:10px;}
#quien .title{margin-top:10px;}
#quien tr{margin-bottom:10px;}
#icones_compartir{padding:10px;}
#icones_compartir .icona{margin-top:10px;}
#quien.border_red{border:1px solid #A10004; overflow:auto;}
#quien.border_red .txtrojo2{padding:0 0 10px 10px; font-weight:bold; width:280px;}
.hotels .txtrojo{width:350px;}
.preu_tipus_hab .txtrojo{width: 200px;float:left;}
#form_amagat{display:none;}
/*BOTO FORM*/
#boto_reservar,.boto_reservar{font-size:11px;color:gray;padding:1px;border:1px solid #cacaca; background:#E6E6E6; cursor:pointer; width:auto;margin:auto;}
#search_button,.boto_reservar,.description2{font-size:12px;font-family:"Trebuchet MS",Verdana;}
#boto_info_sense_dates{text-align:right;margin-top:60px;}
#oculto2 a:hover{text-decoration: none;}
/*tripadvisor*/
#CDSWIDSSP,.widErrBx{border:none;background-color: white !important; width: 330px !important;}
.widSSPPower{display:none;}
/*serveis*/
#servicios_habitacion,#servicios_hotel,#features{padding-top:10px;}
#servicios_habitacion ul,#servicios_hotel ul{list-style: none;}
#servicios_habitacion ul li,#servicios_hotel ul li{display:inline;margin-right:5px;}
#features h3{display:inline;margin-left:15px;}

/*PRERESERVATION*/
.link_normal{color:gray;}
.link_normal:hover{cursor:pointer;text-decoration:underline;}
.txt{padding-left:20px;color:gray;}
.textohoteltitulo{font-weight:bold;color:#A10004}
.rojo,a.rojo{color:#A10004;}
a.rojo:hover{text-decoration:underline;}
.gris{color:gray;}
.lletra_petita{font-size:10px;}
div#text_cancelacio{font-size:11px;width:450px;padding-left:20px;}
div#text_cancelacio span{font-size:11px;}
#newsletter,#conditions{border:none;}
.ya_registrado{border:1px solid #cacaca;}
#confirmForm2{position:absolute;top:250px;left:620px;padding:15px;border:1px solid #cacaca;text-align:left;}
#confirmForm2 h4{color:#A10004;font-weight: bold;}
#sessio_caducada{height:300px;vertical-align: middle;}
#sessio_caducada span{font-weight: bold; color:red;}

/*TPV*/
#iframe_tpv{text-align: center; margin:20px 0 0 0;}
#iframe_tpv iframe{border:1px solid #cacaca;}

/*CATEGORIES*/
ul#list_families_categories{padding:10px;list-style: none;margin-top:15px;}
.list_titol_familia{padding-bottom:5px;font-weight:bold;overflow:hidden;}
ul.list_categories{list-style:none;padding:0 0 10px 0;}
.list_categories li{background:#EDEDED;padding:2px 0 2px 30px;margin-bottom:2px;overflow:hidden;}
.list_categories li:hover{cursor:pointer;background-color:#E4E2E0 !important;}
.list_categories li span{float:right;padding-right:20px;overflow:hidden;}
.list_titol_categoria span{color:gray;}

/*MENÚ */
/*menu te declarades propietats com golf mes amunt*/
#menu{float:right;margin-top:15px;width: 600px;border-bottom:1px solid #cacaca;}
.menu-element-pare{height:25px;float:left;width:150px;background: url(/website/styles/images/pestanya.jpg) no-repeat 0 6px; padding-top:8px;}
a.a-pare-menu{color:#A10004;font-size:16px;display:block;font-weight: bold;padding-top:1px;}
.menu-element-pare ul{display:none;position:absolute;z-index:15;list-style-type: none;padding:0px; margin-left:2px;text-align: left; background-color: transparent;color:gray;width:144px;}
* + html .menu-element-pare ul{position:relative;margin-left:-2px; /*tag especific IE7*/}
.menu-element-pare ul li{padding:2px 0px;background-color: white;border-right:1px solid #cacaca;border-left:1px solid #cacaca;width:144px;}
.menu-element-pare ul li a{display:block;padding:2px 0 2px 10px;border-bottom:1px solid white;border-top:1px solid white;color:#A10004;}
* + html .menu-element-pare ul li a{display: inline-block;width: 130px; /*tag especific IE7*/}
.menu-element-pare:hover > ul{display:block;}
.menu-element-pare:hover > a.a-pare-menu{color:black;}
.menu-element-pare ul li:hover,.menu-element-pare ul li:hover > a,.destinos-content a:hover{color:black;}
.menu-element-pare ul li:hover > a,.destinos-content a:hover{background-color: #E6E6E6;}
.menu-element-pare ul li.menu-last{background: url(/website/styles/images/pestanya-baix.png) transparent no-repeat -2px -3px;padding-bottom: 10px;border:none;width:146px;}
.menu-element-pare ul li.buit{background-position: -2px -24px;}


.destinos-container{display:none;position:absolute;z-index:15;margin-left:2px;width: 502px;height: 200px;background:  url(/website/styles/images/pestanya-destinos.png) transparent no-repeat 0 0;}
* + html .destinos-container{position:relative;margin-left:2px; /*tag especific IE7*/}
.destinos:hover > .destinos-container{display:block;}
.destinos-content{padding:10px 15px 35px 15px;background: white;border:1px solid #cacaca;border-top:none;border-bottom:none;width: 470px;height: 200px;margin-top:15px;}
.linia-destinos-baix{background: url(/website/styles/images/pestanya-destinos-baix.png) transparent 0 -10px no-repeat;padding-bottom: 10px;border:none;width:502px;height: 20px;}
.destinos-content a{width: 78px;display:block;float:left;margin-right: 10px;color:#A10004;margin-top:1px;}
* + html .destinos-content a{margin-top:0px;/*tag especific IE7*/}
.principales-paises{width: 180px;text-align: left;float:right;border-left:2px solid #cacaca;padding-left:20px; }
.principales-ciudades{width: 265px;text-align: left;float:left;}
a.ver-todos{color:#4E4E4E;padding-top:5px;clear:left;width:120px;}
a.ver-todos:hover{background: white;text-decoration: underline;}
.destinos-container h2{font-weight: bold;margin-bottom:5px;}

a.golf,.menu-element-pare ul li a.golf,.golf{color:#006C23;}
a.spa,.menu-element-pare ul li a.spa,.spa{color:#00B3B3;}
a.dluxe99,.menu-element-pare ul li a.dluxe99,.dluxe99{color:#FF9933;}
a.collection,.menu-element-pare ul li a.collection,.collection{color:black;}
a.romantico,.menu-element-pare ul li a.romántico,.romántico{color:#3d095d;}
a.familiar,.menu-element-pare ul li a.familiar,.familiar{color:#d4c604;}
a.restaurante_gourmet,.menu-element-pare ul li a.restaurante_gourmet,.restaurante_gourmet{color:#753005;}
.hotels .description span{margin-right: 5px;}


/*hotels by country*/
#ciutats_pais{padding-top:30px;}
#ciutats_pais #ciutat{width: 275px;text-align: left;}
#ciutats_pais #ciutat.align0{clear:left;margin-left:20px;float:left;}
#ciutats_pais #ciutat.align1{clear:right;margin-right:20px;float:right;}
#ciutats_pais #ciutat a:hover{text-decoration: underline;}

/*bafarada*/
.bafarada{height: 80px;width: 203px;position:absolute;background: url(/website/styles/images/bafarada_peke.png) transparent 0 0px no-repeat;
         padding-top:35px;top:225px;left:245px;z-index: 2;}
.bafarada p{width:130px;padding-left:65px;text-align: left;background: url(/website/styles/images/information2.png) transparent 25px 0px no-repeat;}
* + html .bafarada p{margin-left:-60px;padding-left:40px;background-position:0px 0px;/*tag especific IE7*/}

/*banner descuento*/
#banner_descuento{margin-left:280px;margin-top:-20px;position:absolute;z-index: 2;}
#banner_descuento:hover > .bafarada_oferta{display:block;z-index:90;}
.bafarada_oferta{height: 80px;width: 203px;position:absolute;background: url(/website/styles/images/bafarada_peke.png) transparent 0 0px no-repeat;display:none;padding-top:30px;top:35px;margin-left:70px;z-index: 100;}
.bafarada_oferta p{width:130px;padding-left:65px;text-align: left;background: url(/website/styles/images/information2.png) transparent 25px 0px no-repeat;}
* + html .bafarada_oferta{margin-left:-10px;background-position:0px 0px; /*tag especific IE7*/} 
* + html #banner_descuento{margin-left:-50px;top:30px;}

/*pagina de links*/
#listado_links{margin-top:20px;}
#listado_links{text-align: left;}
#listado_links li{margin-bottom:10px;}
#listado_links li a{color:#A10004;}
#listado_links li a:hover{text-decoration:underline;}
}