body {background-color:#ddddd4; color:#333}
p{text-align: justify;}
a {color:#ff7f00;}
a:hover {color:#ff5f00;}
h3.title {border-bottom:1px solid #E1E1D9; color:#333; font-size: 16px;}
h2.search{color: #0C7CCE; text-decoration: underline}
h4 a,h4 a:visited{color: #333; text-decoration: none;}


#main {background-color:#FFF;}


#header {background-color:#FF9F00; color:#FFF;}
#header a {color:#FFF;}

#tray {background-color:#0F99FF; color:#FFF;}
#tray a {color:#FFF; font-weight: bold;} 
#tray li#tray-active a {color:#ffe680;}

p.nomb { font-size: 11px;}

.nav a {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#444 !important; font-weight: bold;} 
.nav #nav-active a {background-color:#FF9F00 !important; color:#FFF !important;}
.nav #nav-active ul li a {border-top:1px solid #0e77c4; background-color:#0F99FF !important; color:#ffe680 !important;}

a.enllas-esquerre,a.enllas-esquerre:visited{color: #0F99FF; width: 100%; display: block;text-decoration:none; text-align: right;}
#more_destinations {width: 224px;}
#newsletter {border-top:1px solid #f2f2f2; background-color:#d0d0d0;font-size: 11px;}
#newsletter p{font-size: 11px;}  
#reserva-estat p{font-size: 11px;} 
#contactar {border-top:1px solid #f2f2f2; background-color:#d0d0d0;}    
#newsletter_input {background:#FFF;font-size: 13px;}
#newsletter-submit {background:#0F99FF; color:#FFF;font-size: 12px}
#reservar-submit { color:#FFF;font-size: 14px; text-align: center; font-weight: bold;}  

#reserva-localizador{font-size: 12px;}
#reserva-mail{font-size: 12px;}  
a.search-submit,a.search-submit:visited {background: url('../img/button_c.png') top; text-decoration:none;color:#fff;font-size: 14px; font-weight: bold; text-align: center;}
a.search-submit:hover{background-position: bottom;color:#fff;}
a.gris-submit,a.gris-submit:visited {background: url('../img/button_gris_c.png') top; text-decoration:none;color:#fff;font-size: 14px; font-weight: bold; text-align: center;}
a.gris-submit:hover{background-position: bottom;color:#333;}

input{font-size: 10px;}

#footer{height: 150px;}
#footer, #footer a {color:#323232;}
#footer a.footnav,#footer a.footnav:visited{text-decoration: none;}
#footer a.footnav:hover{text-decoration: underline;}   

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory{font-size: 12px;}
#topstory-top, #topstory, #topstory-estret {background-color:#FFEFC6;}
#topstory-desc .info, #topstory-desc .info a, .article .article-desc .info, .article .article-desc .info a {color:#5F5F5F;}

#topstory-desc .info a:hover, .article .article-desc .info a:hover {color:#2F2F2F;}
#topstory-desc h2 a {color:#0c7cce;}
#topstory-desc h2 a:hover {color:#0A5F9E;}
#topstory-list {border-top:1px solid #FFF6DF; background-color:#FFE192;}
#topstory-list p {color: #0C7CCE; font-size: 12px} 
#topstory-list a,#topstory-list a:visited {color: #0C7CCE; text-decoration: none;}
#topstory-list a:hover {text-decoration: underline;}        

.box-01-top, .box-01-top-b {background-color:#DDDDD4; color:#333;}
.box-01-top-b .f-right {color:#8A8A6B;}
.box-01 .bg {border-top:1px solid #DBDBD2; border-bottom:1px solid #DBDBD2; background:#EFEFEC;}
.box-01 a, .box-01 a:visited{color: #0C7CCE; text-decoration: none; font-weight: bold; font-size: 12px;}
.box-01 a:hover {text-decoration: underline;}      
.news p{text-align: left;}

.box-02-top, .box-02-top-b {background-color:#D7ECF4; color:#333;}
.box-02 a {color:#2878CB;}
.box-02 a:hover {color:#0A5F9E;}

.news p{font-size: 11px;}

    .mostreaded span {color:#5F5F5F;}
    
p.article-price a, p.article-price a:visited {color: #003480; text-decoration: none;}
p.article-price a:hover{text-decoration: underline;}
p.article-more a, p.article-more a:visited {color: #003480; text-decoration: none;}
p.article-more a:hover{text-decoration: underline;}
p.nomb{font-size: 11px;}
p.nomb a, p.nomb a:visited {color: #003480; text-decoration: none;}
p.nomb a:hover{text-decoration: underline;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.rss {color:#333;}
.underline{text-decoration:underline;}

img.solhis{float:left; margin: 0 10px 5px 0;}
a.topten,a.topten:visited{ font-weight: bold; color: #666;text-decoration: none; display: block; height: 22px;padding-top: 3px;}
a.topten:hover{ color: #0F99FF;}
.info_titulFitxa{ display: block; border-bottom: 1px solid #E0E1DC; color: #444444; font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.fitxa_top{background: url(../img/fitxa_mapa_top.png)}
.main-left-sec1-galeria-ant{margin-top: 3px; float: left; color: #666; text-decoration: none; padding: 0 5px;}
.main-left-sec1-galeria-dps{margin-top: 3px; float: right; color: #666;  text-decoration: none;padding: 0 5px;}

.contact_links a, .contact_links a:visited{color:#666; text-decoration: none;}
.contact_links a:hover{color:#0F99FF;}

.infodesc{text-align: justify;}

.p_title{font-size: 18px; text-align: center; font-weight: bold;}

.destinations{list-style: none;}
.destinations li{ width: 50%; float: left; text-align: center}
.destinations li a,.destinations li a:visited{color: #666; text-decoration: none; font-size: 16px; font-weight: bold;}
.destinations li a:hover{ color: #0F99FF;}

.autocompleterul li{font-size: 10px;}

p.conditions{font-size: 10px; padding: 0; margin: 0;}
p.oferta_title{color: #316ac5; font-weight: bold; margin:0; padding:0;}
.modul_paquet{background: #D8ECF5; padding: 0 10px; width: 430px; margin: 0;}
.modul_paquet_top{background: url(../img/modul_paquet_top.png); width: 450px; height: 13px; margin-top: 10px;}
.modul_paquet_bottom{background:url(../img/modul_paquet_bottom.png); width: 450px; height: 13px;margin-bottom: 10px;}

p.error{font-size: 14px; text-align: justify;}

a.hotel-oferta,a.hotel-oferta:visited{color: #0C7CCE; font-weight: normal;}

.cartrawlerframeabs{ width: 790px;}

#contingut-text p {padding: 0; margin: 0; text-align: center;}

/* ----------------------------------------------------------------------------------------------------------
5) Hotelinfo
---------------------------------------------------------------------------------------------------------- */