/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Format
---------------------------------------------------------------------------------------------------------- */
                     
.noscreen {display:none;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.f-left {float:left !important;}
.f-right {float:right !important;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;}
/* ----------------------------------------------------------------------------------------------------------
3) Main
---------------------------------------------------------------------------------------------------------- */

body {background:url("../img/bg.gif") 50% 0 repeat-y; font:0.8em/1.5 "arial", sans-serif;}
a {color:#00F;}
a:hover {color:#F00;}
h1, h2, h3, h4, h5, h6, p, address, blockquote, dl, fieldset {margin:15px 0;}
h3 {font-size:140%;}
h4 {margin-top: 0px;}       

h2.search {margin: 0 0 5px 0; font-size: 19px;}
h3.title-article {margin: 0 0 0 0; display: inline;} 
h3.title_pag{color: #FF8101; text-decoration: underline; margin: 0; padding: 0}
h3.title_pag_hotel{display: inline; color: #FF8101; text-decoration: underline; margin: 0; padding: 0}
p.title_pag{color: #333; margin: 5px 0 0 0; padding: 0; font-size: 10px; width: 348px;}
  

#title_pag{width: 460px;height: 53px;background:url("../img/title_pag.png"); margin: 0 0 25px 0; padding: 7px 0 0 10px}
#title_pag_llarg{width: 700px;height: 53px;background:url("../img/title_pag_llarg.png"); margin: 0 0 25px 0; padding: 7px 0 0 10px}


#main {width:940px; margin:0 auto; overflow:hidden; }
#header {width:940px; height:95px; overflow:hidden; background:url("../img/his1.png") 0 0 no-repeat;}
#logo {position:relative; width:254px; height:75px; overflow:hidden; margin:0 0 0 20px; padding:0; font-size:300%;}
#logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}

#tray {padding:10px 0 15px 10px; background:url("../img/tray.gif") 0 100% no-repeat;}
#tray ul {margin:0; list-style:none;}
#tray ul li {display:inline;}
#tray ul li a {display:block; float:left; padding:0 15px 0 10px; background:url("../img/tray-separator.gif") 100% 50% no-repeat; text-decoration:underline;}
#tray #idioma ul li a {background:url("../img/tray-separator.gif") 100% 50% no-repeat;}
#tray ul li a:hover {text-decoration:none;}
#tray ul li a.last {background: none;}
#tray #idioma ul li a.last {background: none;}
#tray ul li#tray-active a {font-weight:bold; text-decoration:none;}

#idioma{float: right;}
#idioma ul li a{background: none;}

#cols {position:relative; margin:10px 0; background:url("../img/cols.gif") 0 0 repeat-y;}

#content {float:right; width:704px; overflow:hidden;}
#content-left {float:left; width:470px;}
#content-left-in {padding:0 0; margin:0;}
#content-right {float:right; width:224px;}
/*#content-right a.hotel-oferta-title,#content-right a.hotel-oferta-title:visited{color: #FF9F00}*/
#content-right a.hotel-oferta,#content-right a.hotel-oferta:visited{color: #0C7CCE} 

#contingut{width: 450px; margin: 0 auto;}
#contingut p{line-height: 15px;}

#aside {float:left; width:224px; overflow:hidden;background: #E5E5E5;}
#aside-top {width:224px; height:5px; background:url("../img/aside-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside-bottom {position:absolute; bottom:0; left:0; width:224px; height:5px; background:url("../img/aside-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#aside-bottom-right {width:224px; height:5px; background:url("../img/aside-bottom.gif"); font-size:0; line-height:0;}

.nav {margin:0; list-style:none;}
.nav li {display:inline;}
.nav li a {display:block; padding:7px 10px 7px 30px; background:url("../img/nav-link.gif") 15px 13px no-repeat;}
.nav li#nav-active a {background:url("../img/nav-active.gif") 15px 13px no-repeat; text-decoration:none; font-weight:bold;}
.nav #nav-active ul li a {padding-left:45px; background:url("../img/nav-sub.gif") 30px 10px no-repeat;}
.nav a:hover {text-decoration:none;}
#reserva-localizador {position:absolute; top:125px;/*top: 413px*/ left:15px; width:100px; height:22px; border:0;}
#reserva-estat{position:relative; height: 140px; padding: 0; }
#reserva-estat p{ margin: 0; padding: 0; font-size: 10px; margin-bottom: 10px;} 
#reserva-mail { width:158px; height:22px; border:0;}

#reserva-submit {position:absolute; top:120px; left:115px; width:60px; height:22px; border:0;}
#reserva-localizador, #reserva-submit,#reserva-mail {font-family:"arial",sans-serif;}



#newsletter {position:relative; height:130px; margin:0; padding:0 15px 15px 15px; }        
#newsletter-right-top {position:relative; height:6px; margin:0 0 0 0; padding:0 15px 0 15px;  background:url("../img/aside-right-top.png") top no-repeat #fff}        
#contactar {position:relative; height:30px; margin:10px 0 0 0; padding:0 15px 15px 15px; }
#newsletter_input {position:absolute; top:100px; left:15px; width:100px; height:22px; border:0;}
#newsletter-submit {position:absolute; top:100px; left:115px; width:60px; height:22px; border:0;}
#newsletter_input, #search-submit {font-family:"arial",sans-serif;}
#newsletter p{ margin: 0; padding: 0; font-size: 10px; }

#aside h4 {font-size:100%;}
#aside h4.margin {margin:15px 0 5px 0;}      

#footer {position: relative; clear:both; padding:5px 0; background:url("../img/footer.gif") 0 0 repeat-x; font-size:85%; height: 70px}
#footer p {margin:10px 0; text-align: center}
#footer a:hover {text-decoration:none;}
#footer a.footnav{margin: 0 5px;}
#certificate{position: absolute; left: 800px; top: 15px}

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

#topstory-top {width:470px; height:5px; background:url("../img/topstory-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory-top-estret {width:224px; height:5px; background:url("../img/topstory-top_estret.gif") 0 0 no-repeat; font-size:0; line-height:0;} 
#topstory-bottom {width:470px; height:5px; background:url("../img/topstory-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#topstory-bottom-estret {width:224px; height:5px; background:url("../img/topstory-bottom_estret.gif") no-repeat top #fff; font-size:0; line-height:0; padding-bottom: 15px;}
#topstory {padding:5px 10px 10px 20px; position: relative;}
#topstory-estret {padding:5px 10px 10px 10px; position: relative;}


#topstory-desc h2 {margin:0; font-size:140%; font-weight:normal;}


#topstory-list {padding:10px 0 5px 10px; overflow:hidden}
#topstory-list-estret {padding:10px 0 5px 5px; overflow:hidden}
#topstory-list p {padding: 0; margin: 0;}

#search-submit {width: 97px; height: 23px; display: block; position: absolute; left: 300px; top: 150px;}
#search-submit-estret {width: 97px; height: 23px; display: block; position: absolute; left: 122px; top: 204px;}
#entrar-submit {width: 97px; height: 23px; display: block;  position: absolute; left: 120px; top: 125px; /*top: 413*/}
#registrar-submit {width: 97px; height: 23px; display: block;  position: absolute; left: 120px; top: 99px;  }
#reservar-submit {width: 97px; height: 23px; display: block;  position: absolute; left: 600px; top: 30px;  }
#reservar2-submit {width: 97px; height: 23px; display: block; float:right;}
#destino-search{width: 320px;}
#destino-search-estret{width: 200px;}

#dia_llegada, #dia_salida{width: 50px;}
#mes_llegada, #mes_salida{width: 50px;} 
#adults, #childs{ width: 50px; }
#topstory table{margin: 5px 0; padding: 0;}

#topstory a.calendari, #topstory a.calendari:visited{width: 21px; height: 17px; display: block; background: url('../img/calendar_c.png') top; float:right; margin: 0 30px 0 0;}
#topstory a.calendari:hover{background-position: bottom;}

#topstory-estret a.calendari-estret, #topstory-estret a.calendari-estret:visited{width: 21px; height: 17px; display: block; background: url('../img/calendar_c.png') top; float: right;} 
#topstory-estret a.calendari-estret:hover{background-position: bottom;}

img.img-calendari{margin: 0 0 0 0; padding: 0 0 0 0;}

#check_in{float: left; width: 50%; margin-top: 10px;}
#check_out{float: right; width: 50%; margin-top: 10px;}

#check_in_estret{margin-top: 10px;}
#check_out_estret{margin-top: 10px;}

#adults_div{width: 54px; float: left; margin-top: 10px;}
#childs_div{width: 54px; float: left; margin-top: 10px;}

#ba_desti,#ba_poblacio{width: 225px;}
.int_linea2{margin-top: 10px;}





.article {margin-bottom:10px; padding-bottom:10px; background:url("../img/dot.gif") 0 100% repeat-x;}
.article .article-img {float:left; width:100px;}
.article .article-img img {display:block;}
.article .article-desc {float:right; width:355px;}
.article img.ratting{margin-left: 10px;}

.article .article-desc h3 {margin:0; font-size:140%; font-weight:normal;}
.article .article-desc .info {margin:0; font-size:85%;}
.article .article-desc p.nomb {margin-top:0; text-align:justify;font-family:"arial",sans-serif;}

p.article-price, p.article-more{margin:8px 0 0 0; padding: 0; display: inline;}
p.article-price{float: left;}
p.article-more{float: right;}

.box-01-top {width:224px; height:5px; margin-top:0; background:url("../img/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01-top-b {padding:5px 10px 15px 10px; background:url("../img/box-01-top-b.gif") 0 100% no-repeat;}
.box-01-top-b .f-left {text-transform:uppercase;}
.box-01-top-b .f-right {padding-top:2px; font-size:85%;}
.box-01-bottom {width:224px; height:11px; margin-bottom: 5px; background:url("../img/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-01 {padding:5px; background:url("../img/box-01.gif") 0 0 repeat-y;}

.box-01 .bg {margin:10px 0; padding:10px 0;}
#bannerbox{margin-bottom: 5px;}

.news {margin:0;}
.news {padding: 10px;}
.news p{margin:0; padding: 0;}       


.box-02-top {width:227px; height:5px; margin-top:10px; background:url("../img/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02-top-b {padding:5px 10px 15px 10px; background:url("../img/box-02-top-b.gif") 0 100% no-repeat; text-transform:uppercase;}
.box-02-bottom {width:260px; height:11px; background:url("../img/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.box-02 {padding:5px 15px; background:url("../img/box-02.gif") 0 0 repeat-y;}

.mostreaded {margin:0; list-style:none;}
.mostreaded span {font-size:85%;}

#aside .padding {padding:10px 15px;}
.more {padding-right:15px; background:url("../img/arrow.gif") 100% 50% no-repeat;}
.prev {padding-left:15px; background:url("../img/arrow2.gif") 0% 50% no-repeat;} 
.rss {padding-left:22px; background:url("../img/rss.gif") 0 50% no-repeat;}
table.topten {width: 400px; margin: 0 auto;}
table.topten td.image{width: 30px;}
#imatges-topten{width: 433px;}
#imatges-topten img{margin: 20px 0 0 0}


.fitxa_top{width: 214px; height:26px}
.main-left-photo img{width: 214px;}
.main-left-photo{width: 214px;}
.modul_fitxa{float: left; width: 214px; margin: 20px 5px;}
#map{width: 214px; height: 141px;}
#mapi{width: 600px; height: 400px;}
#mapinside{width: 420px; height: 263px; margin: 10px auto;}
.top_html{margin: 20px 0;}
.top_foto{width: 135px; float:left; margin: 5px;}

#galeria{width: 435px; margin: 0 auto;}
.clear{clear: both;}
#contingut-text{ text-align: justify; }

.selected { background-color: #0897FF; }
#llista span{color: #fff;}
#llista .selected span{ color: #0897FF; }
#llista ul{list-style: none;}


.send_form{text-align: center;}
#contact_form{width: 435px; margin: 0 auto;}
.contact_links{margin-left: 20px; list-style: none;}

.paginacio{width: 200px;}

#more_destinations{position: absolute; top: 0; left: 0}

.contact-norm{width: 200px;}
.contact-petit{width: 85px;}
.contact-norm-select{width: 204px;}
.contact-norm-text{width: 415px;}

.gmnoprint span{display: none;}

.only4print{display: none;}
img.topten{width: 135px; height: 135px;}

select.busc_gran{width: 55px;}
a#moreleft{margin-right: 20px;}
a#moreright{margin-left: 20px;}

img.imginfo{float:left; height: 165px; margin: 0 15px 15px 0;}

#panellAnuncis{margin: 0 auto;}

p.print_cancel_bono{text-align: right;}
img.pago{float: right;}

.telephone{width: 195px;}
.tel{font-weight: bold; font-size: 13px;}
.telephone .tel{font-size: 11px;}