@charset "utf-8"; /* ---------------------- CSS RESET ---------------------- */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset,img { border:0 } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal } ol,ul { list-style:none } caption,th { text-align:left } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal } q:before,q:after { content:'' } abbr,acronym { border:0 } /*------------------------IMATGES-------------------------*/ img.dreta { margin:20px 0px 20px 20px; border:#FFFFFF solid 4px; float: right } img.thumb { width: 160px;} img.esquerra { margin:0 20px 10px 0; float: left } img.centre { margin:0 auto; border:#FFFFFF solid 4px; float:none } img.marc { border:#FFFFFF solid 4px; margin:0 10px 20px 11px } img.lateral { margin-bottom:10px } /* ---------------------- BIG BOYS ---------------------- */ body { font-family:Tahoma, sans-serif; font-size:80%; padding:0; margin:0; background:url(../img/bg_body.gif) top repeat-x } h1 { font-size:1.5em; color:#000b5f } h2 { font-size:1.3em; color:#000b5f } h3 { font-size:.95em } p { line-height:1.55em; color:#333; margin:15px 0 } strong { font-weight:bold; color:#000b5f } a { text-decoration:none; color:#000; } a:hover { text-decoration:underline; color:#000b5f } /* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */ #web { width:904px; margin:0 auto } #cos { margin:0 2px; font-size:.85em } #contingut { width:575px; float:left } #lateral { width:300px; margin-left:25px; float:left; background:url(../img/bg_lateral.gif) repeat-y; margin-bottom:15px } #peu { clear:both; background:#7189a2 url(../img/bg_peu.gif) top no-repeat; height:73px; font-size:.85em; margin:10px 2px; color:#fff } /* ---------------------- CAP ---------------------- */ #foto_cap { margin:0 2px 24px; height:100px; } #foto_cap img { display:none } #logo { padding-top:4px; display:block } /* MENU */ #menu { background:url(../img/bg_menu_cant_esq.gif) left top no-repeat } #menu .can_dre { background:url(../img/bg_menu_cant_dre.gif) right top no-repeat } #menu ul { display:block; background:#e7d8b5; width:880px; margin-left:12px; height:50px; font-family:'Trebuchet MS', sans-serif; background:url(../img/bg_menu.gif) repeat-x } #menu li { float:left; font-size:.85em; background:url(../img/separador_boto_menu.gif) left top no-repeat } #menu li a { color:#867d68; text-decoration:none; display:block; padding:7px 12px 8px 22px } #menu li a strong { color:#000; font-size:1.25em; font-weight:normal } #menu li a:hover, #menu li a:hover strong { color:#7a632f } #menu li.primer, #menu li.primer a { padding-left:2px; background:none } #menu li.actiu a { background:url(../img/bg_menu_actiu.gif) center bottom no-repeat; color:#7a632f } #menu li.actiu a strong { color:#7a632f } /* Idiomes */ #idiomes { position:absolute; margin:15px 0 0 752px; font-size:.8em; width:150px; filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; z-index:4 } #idiomes li ul { display:none; margin-top:1px } #idiomes li.actiu { outline:none; color:#777; background:#dee3e9 url(../img/ico_flecha_idiomes.gif) 130px 3px no-repeat } #idiomes li.actiu a { outline:none; color:#777; background-color:transparent } #idiomes a { display:block; padding:5px 0 6px 28px; background-color:#dee3e9; background-position:6px center; background-repeat:no-repeat } #idiomes li.actiu ul a { background-color:#dee3e9; color:#000 } #idiomes li.actiu ul a:hover { background-color:#F5F7F8 } #idiomes a.es { background-image:url(../img/bandera_es.gif) } #idiomes a.ca { background-image:url(../img/bandera_ca.gif) } #idiomes a.en { background-image:url(../img/bandera_uk.gif) } #idiomes a.it { background-image:url(../img/bandera_it.gif) } #idiomes a.de { background-image:url(../img/bandera_de.gif) } #idiomes a.fr { background-image:url(../img/bandera_fr.gif) } /* ---------------------- COS ---------------------- */ #cos h1, #cos h2 { font-family:'Trebuchet MS', sans-serif; margin-bottom:15px } #cos h1 { font-size:1.35em; height:35px; line-height:32px; padding-left:12px } #contingut h1 { background:url(../img/bg_contingut_tit.gif) left top no-repeat; color:#698097 } #contingut h2 a { color:#5A6D81; display:block } #lateral h1 { background:url(../img/bg_lateral_tit.gif) left top no-repeat; color:#917e51 } #cos p { font-size:1.2em } #contingut h2 { font-size:1.4em } #contingut p,#contingut ul { line-height:1.8em } #contingut ul { margin-bottom:15px; font-size:1.2em } /* Novetats */ #lateral h2, #lateral p { padding:0 15px; margin:0; } #lateral h2 { font-weight:bold; padding-bottom:3px } #lateral a { color:#8d753d } #lateral p { line-height:1.8em; border-bottom:1px solid #ece0c7; padding-bottom:15px; margin-bottom:10px } #lateral .lateral_peu { background:url(../img/bg_lateral_mes.gif) bottom left no-repeat; height:24px; padding-left:15px } #lateral .lateral_peu a { background:url(../img/ico_bullet_mes.gif) left center no-repeat; padding-left:18px } #lateral .data { background:url(../img/ico_data.gif) left center no-repeat; padding-left:20px; display:block; color:#aa986e; margin-top:3px } #contingut h2.noticia { margin-bottom:0; padding-bottom:0; font-size:1.8em } #contingut h3.noticia { background:url(../img/ico_data.gif) left center no-repeat; padding-left:20px; margin-top:3px; display:block; color:#698097; font-size:1.1em } /* Serveis */ .servei { border-bottom:1px solid #cdd6df; padding-bottom:15px } /* Fitxta d'una casa */ .casa h2 { color:#334456; font-size:2em } .casa_dades { float:right; width:300px } .casa_dades p { font-size:1.3em; line-height:1.7em; background:#eaedf1; padding:8px 12px } .casa_dades ul { border-top:1px solid #d9d9d9 } .casa_dades ul li { display:block; border-bottom:1px solid #d9d9d9; height:40px; line-height:40px; text-align:right; font-size:1.1em } .casa_dades ul li strong { float:left; padding-left:38px } .casa_dades .ver_fitxa { display:block; font-size:.8em; background:url(../img/ico_bullet_mes.gif) left center no-repeat; padding-left:18px } .casa_dades .ubicacion { background:url(../img/ico_ubicacio.gif) left center no-repeat } .casa_dades .metros { background:url(../img/ico_m2.gif) left center no-repeat } .casa_dades .habitaciones { background:url(../img/ico_habitaciones.gif) left center no-repeat } .casa_dades .banios { background:url(../img/ico_lavabos.gif) left center no-repeat } .casa_dades .anio { background:url(../img/ico_anio.gif) left center no-repeat } .casa_dades .capacidad { background:url(../img/ico_capacidad.gif) left center no-repeat } #foto_preview img { margin-bottom:15px; width:250px; border-bottom:3px solid #b8c4d0; padding-bottom:1px } .clear { clear:both } a.boton_reserva { padding:0 0 10px 0; display:block; width:250px } #foto_preview { height:185px; width:250px } #foto_preview a { display:none } /* CYCLE */ #foto_preview { margin: 0px } #casas_menu { margin:0; padding:0 0 15px 0; width:265px } #casas_menu ul { margin:0; padding:0 } #casas_menu li { width: 50px; float: left; margin:0 7px 7px 0; padding-right:7px; list-style: none } #casas_menu a { width: 50px; padding: 3px; display: block; border: 1px solid #aab8c7; } #casas_menu a.activeSlide { background: #b8c4d0 } #casas_menu a:focus { outline: none; } #casas_menu img { border: none; display: block } /* Formularis */ #reserva label { display:block; width:180px; font-weight:bold; font-size:1.1em; color:#555; float:left; padding-left:5px } #reserva textarea, #reserva input.text { border:1px solid #cdd6df; background-color:#EAEDF1; padding:3px; width:380px; } #reserva input.text { margin-bottom:8px } #reserva textarea { height:150px; margin-bottom:8px } #reserva .submit { display:block; text-align:right; margin-bottom:15px } #reserva input.boto { padding:2px 8px 3px; font-family:"Trebuchet MS", sans-serif; font-size:1.1em; } #ClientValidationSummary { background-color:#fff; border:2px solid #EAEDF1; font-size:.85em; margin:0; padding:5px 6px; font-weight:bold; margin-top:10px; line-height:1.6em } #ClientValidationSummary a { font-weight:normal } /* Laterales */ #lateral .casa_hover { background-color:#ccc } #lateral .casa { padding:5px 15px; } #lateral .casa img { float:left; width:75px; border:1px solid #AE7E51; padding:2px; margin-right:10px; margin-top:2px } #lateral .casa h2 { margin:0; padding:0; font-size:1.4em } #lateral .casa ul { border-bottom:1px solid #E9DCBF; padding-bottom:12px } #lateral .casa li { line-height:1.6em } #lateral strong { color:#be8360 } #mapa { border:3px solid #ccc; margin-bottom:15px; clear:left } #lateral .oficina { text-align:center } #lateral .oficina a { display:block; margin-bottom:15px } #lateral .oficina a img { border:1px solid #CCDCBF; padding:5px } #lateral .oficina a:hover img { background-color:#CCDCBF; border-color:#917e51 } /* ---------------------- PEU ---------------------- */ #peu a { text-decoration:underline; color:#fff } #peu ul { display:block; line-height:1.4em; } #peu ul li { float:left; display:block; height:47px; padding:11px 20px 15px 38px } #peu .adresa, #peu .horari { border-right:1px solid #8fa1b5 } #peu .adresa { padding-right:100px; background:url(../img/ico_mapa.gif) 15px 10px no-repeat } #peu .reserva { background:url(../img/ico_telefon.gif) 15px 10px no-repeat} #peu .links { text-align:right; float:right; padding-right:15px } #peu .links a { color:#dbe1e7 } .q { display:block; font-size:.8em; text-align:right; margin:6px 10px } .q, .q a { color:#888 }