﻿/* estils comuns */
body, html {margin:0px;padding:0px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif}
.fotoidiomes{background-color:#fff; background-image: url(/img/fons1.jpg); background-repeat:no-repeat; background-position: right bottom;}
b, strong {font-weight:bold}
i, em {font-style:italic}
a {text-decoration:underline;color:#000099}
a:hover {text-decoration:none;color:#990000}
/* formularis */
form {margin:0px;padding:0px}
form .boto, .boto {font-weight:normal;width:auto}
form .botoEnviar, .botoEnviar {font-weight:bold}
form .boto:hover, .boto:hover, form .botoEnviar:hover, .botoEnviar:hover {}
form input, form textarea, form select {font-family:Tahoma, Arial, Helvetica, sans-serif;background-color:transparent;border:none;border-bottom:1px solid #6c5b23}
form input:hover, form select:hover, form textarea:hover, form input:focus, form select:focus, form textarea:focus {border-bottom:1px solid #000000}
form .botoEnviar, form .boto, .botoEnviar, .boto {background-position:center; background-repeat: no-repeat; background-image:url(/img/boto.gif); width:85px; height:33px;border:none;color:#6c5b23}
form .botoEnviar:hover, form .boto:hover {border:none;color:#000000}
form textarea {font-size:100%}
/* llistes */
ul, ol {padding-left:15px}
ul li {list-style-type:circle}
ul ul li {font-size:100%;list-style-type:square}
ul ul ul li {font-size:100%;list-style-type:disc}
ol li {font-size:80%;list-style-image:none}
/* titols i paragrafs */
h1, h2, h3, h4, h5, h6 {}
/* altres elements */
div.separadorBoth, span.separadorBoth, br.separadorBoth {clear:both}
div.separadorLeft, span.separadorLeft, br.separadorLeft {clear:left}
div.separadorRight, span.separadorRight, br.separadorRight {clear:right}
acronym, abbr {cursor:help;border-bottom:1px dotted #cc0000}
strong.destacat {color:#6c5b23;font-size:110%}

/* portada idiomes */
#Portada {margin-top:+100px;margin-left:auto;margin-right:auto;width:650px;height:350px; background-image:url(/img/fonsPortada.gif); background-position:top center; background-repeat: no-repeat;text-align:center}
#Portada h1 {display:none}
#Portada ul, #Portada li {margin:0px;padding:0px;list-style:none;display:inline;text-align:center}
#Portada div.idiomes {padding-top:220px;padding-left:197px}
#Portada a {display:block;float:left;font-weight:bold;text-decoration:none;font-size:0.8em;padding-top:15px}
#Portada a:hover {color:#000000}
/* pagina */
#Pagina {margin-left:auto;margin-right:auto;width:730px;height:605px; background-repeat: no-repeat;background-image:url(/img/fons.jpg)}
#Logotip {display:none}
/* menus */
#Menu {position:absolute;top:130px;width:188px}
#Menu ul, #Menu li {margin:0px;padding:0px;list-style:none}
#Menu li a {display:block;height:37px;width:188px;background-repeat:no-repeat}
#Menu li a span {display:none}
#Menu ul.idioma li {display:inline}
#Menu ul.idioma a {width:auto;height:33px}
#Menu ul.idioma a#lang_ca {background-image:url(/img/menu/ca.jpg);width:62px;float:left}
#Menu ul.idioma a#lang_ca:hover {background-image:url(/img/menu/ca_f2.jpg)}
#Menu ul.idioma a#lang_es {background-image:url(/img/menu/es.jpg);width:62px;float:left}
#Menu ul.idioma a#lang_es:hover {background-image:url(/img/menu/es_f2.jpg)}
#Menu ul.idioma a#lang_en {background-image:url(/img/menu/en.jpg);width:64px;float:left}
#Menu ul.idioma a#lang_en:hover {background-image:url(/img/menu/en_f2.jpg)}
/* menu catala */
#Menu ul.ca a#Benvinguda {background-image:url(/ca/img/menu/Benvinguda.jpg)}
#Menu ul.ca a#Benvinguda:hover {background-image:url(/ca/img/menu/Benvinguda_f2.jpg)}
#Menu ul.ca a#Apartaments {background-image:url(/ca/img/menu/Apartaments.jpg)}
#Menu ul.ca a#Apartaments:hover {background-image:url(/ca/img/menu/Apartaments_f2.jpg)}
#Menu ul.ca a#Serveis {background-image:url(/ca/img/menu/Serveis.jpg)}
#Menu ul.ca a#Serveis:hover {background-image:url(/ca/img/menu/Serveis_f2.jpg)}
#Menu ul.ca a#MediAmbient {background-image:url(/ca/img/menu/MediAmbient.jpg)}
#Menu ul.ca a#MediAmbient:hover {background-image:url(/ca/img/menu/MediAmbient_f2.jpg)}
#Menu ul.ca a#ComArribar {background-image:url(/ca/img/menu/ComArribar.jpg)}
#Menu ul.ca a#ComArribar:hover {background-image:url(/ca/img/menu/ComArribar_f2.jpg)}
#Menu ul.ca a#Preus {background-image:url(/ca/img/menu/Preus.jpg)}
#Menu ul.ca a#Preus:hover {background-image:url(/ca/img/menu/Preus_f2.jpg)}
#Menu ul.ca a#Reserves {background-image:url(/ca/img/menu/Reserves.jpg)}
#Menu ul.ca a#Reserves:hover {background-image:url(/ca/img/menu/Reserves_f2.jpg)}
#Menu ul.ca a#LlocsInteressants {background-image:url(/ca/img/menu/LlocsInteressants.jpg)}
#Menu ul.ca a#LlocsInteressants:hover {background-image:url(/ca/img/menu/LlocsInteressants_f2.jpg)}
/* menu castella */
#Menu ul.es a#Benvinguda {background-image:url(/es/img/menu/Benvinguda.jpg)}
#Menu ul.es a#Benvinguda:hover {background-image:url(/es/img/menu/Benvinguda_f2.jpg)}
#Menu ul.es a#Apartaments {background-image:url(/es/img/menu/Apartaments.jpg)}
#Menu ul.es a#Apartaments:hover {background-image:url(/es/img/menu/Apartaments_f2.jpg)}
#Menu ul.es a#Serveis {background-image:url(/es/img/menu/Serveis.jpg)}
#Menu ul.es a#Serveis:hover {background-image:url(/es/img/menu/Serveis_f2.jpg)}
#Menu ul.es a#MediAmbient {background-image:url(/es/img/menu/MediAmbient.jpg)}
#Menu ul.es a#MediAmbient:hover {background-image:url(/es/img/menu/MediAmbient_f2.jpg)}
#Menu ul.es a#ComArribar {background-image:url(/es/img/menu/ComArribar.jpg)}
#Menu ul.es a#ComArribar:hover {background-image:url(/es/img/menu/ComArribar_f2.jpg)}
#Menu ul.es a#Preus {background-image:url(/es/img/menu/Preus.jpg)}
#Menu ul.es a#Preus:hover {background-image:url(/es/img/menu/Preus_f2.jpg)}
#Menu ul.es a#Reserves {background-image:url(/es/img/menu/Reserves.jpg)}
#Menu ul.es a#Reserves:hover {background-image:url(/es/img/menu/Reserves_f2.jpg)}
#Menu ul.es a#LlocsInteressants {background-image:url(/es/img/menu/LlocsInteressants.jpg)}
#Menu ul.es a#LlocsInteressants:hover {background-image:url(/es/img/menu/LlocsInteressants_f2.jpg)}
/* menu angles */
#Menu ul.en a#Benvinguda {background-image:url(/en/img/menu/Benvinguda.jpg)}
#Menu ul.en a#Benvinguda:hover {background-image:url(/en/img/menu/Benvinguda_f2.jpg)}
#Menu ul.en a#Apartaments {background-image:url(/en/img/menu/Apartaments.jpg)}
#Menu ul.en a#Apartaments:hover {background-image:url(/en/img/menu/Apartaments_f2.jpg)}
#Menu ul.en a#Serveis {background-image:url(/en/img/menu/Serveis.jpg)}
#Menu ul.en a#Serveis:hover {background-image:url(/en/img/menu/Serveis_f2.jpg)}
#Menu ul.en a#MediAmbient {background-image:url(/en/img/menu/MediAmbient.jpg)}
#Menu ul.en a#MediAmbient:hover {background-image:url(/en/img/menu/MediAmbient_f2.jpg)}
#Menu ul.en a#ComArribar {background-image:url(/en/img/menu/ComArribar.jpg)}
#Menu ul.en a#ComArribar:hover {background-image:url(/en/img/menu/ComArribar_f2.jpg)}
#Menu ul.en a#Preus {background-image:url(/en/img/menu/Preus.jpg)}
#Menu ul.en a#Preus:hover {background-image:url(/en/img/menu/Preus_f2.jpg)}
#Menu ul.en a#Reserves {background-image:url(/en/img/menu/Reserves.jpg)}
#Menu ul.en a#Reserves:hover {background-image:url(/en/img/menu/Reserves_f2.jpg)}
#Menu ul.en a#LlocsInteressants {background-image:url(/en/img/menu/LlocsInteressants.jpg)}
#Menu ul.en a#LlocsInteressants:hover {background-image:url(/en/img/menu/LlocsInteressants_f2.jpg)}

/* contingut */
#Contingut {position:relative;top:110px;left:200px;width:280px}
/* titols */
#Contingut #Titol h1 {width:280px; height:43px; background-position:bottom right; background-repeat:no-repeat; margin:0px; padding:0px}
#Contingut #Titol h1 span {display:none}
/* titols catala */
#Contingut.ca #Titol h1.titol_Benvinguda {background-image:url(/ca/img/titols/titol_Benvinguda.gif)}
#Contingut.ca #Titol h1.titol_Apartaments {background-image:url(/ca/img/titols/titol_Apartaments.gif)}
#Contingut.ca #Titol h1.titol_Serveis {background-image:url(/ca/img/titols/titol_Serveis.gif)}
#Contingut.ca #Titol h1.titol_MediAmbient {background-image:url(/ca/img/titols/titol_MediAmbient.gif)}
#Contingut.ca #Titol h1.titol_ComArribar {background-image:url(/ca/img/titols/titol_ComArribar.gif)}
#Contingut.ca #Titol h1.titol_Preus {background-image:url(/ca/img/titols/titol_Preus.gif)}
#Contingut.ca #Titol h1.titol_Reserves {background-image:url(/ca/img/titols/titol_Reserves.gif)}
#Contingut.ca #Titol h1.titol_LlocsInteressants {background-image:url(/ca/img/titols/titol_LlocsInteressants.gif)}
/* titols castella */
#Contingut.es #Titol h1.titol_Benvinguda {background-image:url(/es/img/titols/titol_Benvinguda.gif)}
#Contingut.es #Titol h1.titol_Apartaments {background-image:url(/es/img/titols/titol_Apartaments.gif)}
#Contingut.es #Titol h1.titol_Serveis {background-image:url(/es/img/titols/titol_Serveis.gif)}
#Contingut.es #Titol h1.titol_MediAmbient {background-image:url(/es/img/titols/titol_MediAmbient.gif)}
#Contingut.es #Titol h1.titol_ComArribar {background-image:url(/es/img/titols/titol_ComArribar.gif)}
#Contingut.es #Titol h1.titol_Preus {background-image:url(/es/img/titols/titol_Preus.gif)}
#Contingut.es #Titol h1.titol_Reserves {background-image:url(/es/img/titols/titol_Reserves.gif)}
#Contingut.es #Titol h1.titol_LlocsInteressants {background-image:url(/es/img/titols/titol_LlocsInteressants.gif)}
/* titols angles */
#Contingut.en #Titol h1.titol_Benvinguda {background-image:url(/en/img/titols/titol_Benvinguda.gif)}
#Contingut.en #Titol h1.titol_Apartaments {background-image:url(/en/img/titols/titol_Apartaments.gif)}
#Contingut.en #Titol h1.titol_Serveis {background-image:url(/en/img/titols/titol_Serveis.gif)}
#Contingut.en #Titol h1.titol_MediAmbient {background-image:url(/en/img/titols/titol_MediAmbient.gif)}
#Contingut.en #Titol h1.titol_ComArribar {background-image:url(/en/img/titols/titol_ComArribar.gif)}
#Contingut.en #Titol h1.titol_Preus {background-image:url(/en/img/titols/titol_Preus.gif)}
#Contingut.en #Titol h1.titol_Reserves {background-image:url(/en/img/titols/titol_Reserves.gif)}
#Contingut.en #Titol h1.titol_LlocsInteressants {background-image:url(/en/img/titols/titol_LlocsInteressants.gif)}
/* text */
#Contingut #Text {margin-top:20px}
#Contingut #Text p, #Contingut #Text td, #Contingut #Text li {font-size:.7em;line-height:150%}
#Contingut #Text #frmReserva input.input, #Contingut #Text #frmReserva textarea {width:250px}
/* fotos */
#Fotos {position:absolute;top:55px;margin-left:500px;width:205px; text-align:center}
#Fotos p, #Fotos li {font-size:0.7em;line-height:150%; text-align:left; margin-left:30px;}
#Fotos p:first-child {margin-top:116px}
Span.euro {font-family:Arial, Helvetica, sans-serif;}
/* select idi inicial */
ul#inicial a.boto#lang_ca,
ul#inicial a.boto#lang_es,
ul#inicial a.boto#lang_en{background-image:url(/img/boto.gif); background-repeat: no-repeat; background-position: 0 6px;width:85px;display:inline}
ul#inicial a.boto#lang_ca:hover{background-image:url(/img/botoca.gif)}
ul#inicial a.boto#lang_es:hover{background-image:url(/img/botoes.gif)}
ul#inicial a.boto#lang_en:hover{background-image:url(/img/botoen.gif)}
ul#inicial a.boto#lang_ca:hover span,
ul#inicial a.boto#lang_es:hover span,
ul#inicial a.boto#lang_en:hover span{visibility:hidden}


