html {width: 100%; height: 100% }
@font-face {
    font-family: 'tipoexterna';
    src: url('fonts/dinmittelschriftstd-webfont.eot');
    src: url('fonts/dinmittelschriftstd-webfont.eot?iefix') format('eot'),
         url('fonts/dinmittelschriftstd-webfont.woff') format('woff'),
         url('fonts/dinmittelschriftstd-webfont.ttf') format('truetype'),
         url('fonts/dinmittelschriftstd-webfont.svg#webfont3siEgypN') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 12px;
  color: #555555;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
  background-image: URL(img/bkg_body.jpg);
  background-repeat: repeat-x;
  background-color: #dff0cc;
  background-position: top center;
  position: relative;
}

a,a:visited,a:link { font-family: 'Trebuchet MS', Helvetica, sans-serif; color: #555555; font-size: 11px; text-decoration: none}
a:hover {text-decoration: underline}

p { margin: 0px; padding: 0px; }   /*paragraf sense marges*/

table{
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size: 12px;
  color: #555555;
}

select,input[type=submit] { font-family:  Arial; color: #555555; line-height: 18px; font-size: 12px; padding: 2px}
input[type=submit] { cursor: pointer}

form{ padding: 0; margin: 0;}

.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w31 { width: 31%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w99 { width: 99%; }
.w100{ width: 100%; }

.h100 { height: 100%}
.h97 { height: 97% !important }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.aleft { text-align: left; }     /*text a la esquerra*/
.acenter { text-align: center; } /*text al centre*/
.aright { text-align: right; }   /*text a la dreta*/

.vmiddle { vertical-align: middle; }   /*text a la dreta*/

.bold { font-weight: bold; }
.mayus { text-transform: uppercase; }          /*text en MAYUSCULES*/
.minus { text-transform: lowercase; }          /*text en minuscules*/

a.pointer { cursor: pointer}
.pointer { cursor: pointer }

.padleft14 { padding-left: 14px}
.padtop14 { padding-top: 14px}

/* FORMAT TABLE BASE */
.height1 {height: 166px}
.height2 {height: 110px}

/* ESTRUCTURA */
h1 { font-family: Georgia, Serif; color: #FFFFFF; font-size: 28px; font-weight: normal; padding-top: 25px}

/* TOP */
.top_content { width: 935px; margin: auto; height: 184px; text-align: left; position: relative; text-align: center}
.top_seccions { background-image: URL(img/bkg_top_seccions.jpg); height: 100%; background-repeat: repeat-x; background-position: top left;}
.tdtop { background-image: URL(img/bkg_top_seccions.jpg); background-repeat: repeat-x; background-position: top left; }
.menu { width: 800px; text-align: right; margin-top: 25px; }
.menu ul { padding: 0; float: right}
.menu li { float: left; text-align: right; list-style: none; margin: auto; margin: 0px; padding: 0px; width: 120px; margin-left: 40px }
.menu a { font-family: tipoexterna; text-transform: uppercase; font-size: 16px; color: #FFFFFF}
.menu a:hover { text-decoration: none}
.menu span { display: block; font-size: 13px; color: #a5a5a5; line-height: 13px}

.idiomes { background-image: URL(img/bkg_idiomes.png); width: 63px; height: 23px; position: absolute; top: 0; right: 0}
.idiomes a { font-family: Arial; color: #154d0c}
.idiomes a:hover { font-weight: bold}

.idiomes a.on, .idiomes a.on:hover { font-family: Arial; color: #154d0c; font-weight: bold; text-decoration: underline}

/* PAG */
.pag { width: 100%; background-color: #FFFFFF;}
.pag_content{ text-align: left; width: 935px; margin: auto; min-height: 400px; display: table; padding: 25px 0 25px 0 }

/* BOT */
.bot { /*position: absolute; bottom: 0;*/ width: 100%; height: 110px; background-image: URL(img/bkg_bot.png); background-repeat: repeat-x; background-color: #dff0cc}
.tdbot { }
.bot_content { width: 935px; margin: auto; padding-top: 14px; text-align: left; font-size: 11px; font-weight: bold}
.bot_avislegal,.bot_adreca { width: 300px}
.bot_content a { font-weight: normal !important}

/* SECCIONS */
.seccio_titol { font-family: tipoexterna; font-size: 24px; color: #000000; text-transform: uppercase; margin-bottom: -5px; display: block}
.seccio_content { background-image: URL(img/bkg_seccio_content_top.jpg); background-repeat: no-repeat; width: 100%; min-height: 150px}
.quisom_content, .promocions_una { padding-top: 25px; position: relative}
.quisom_box_text { position: absolute; right: 0; width: 369px; height: 354px; z-index: 10000}
.bkg_blanc_opac { width: 369px; height: 354px; background-color: #FFFFFF; opacity:0.8; filter:alpha(opacity=80); position: absolute}
.quisom_text { position: absolute; padding: 30px 25px 30px 25px}

/* PROMOCIONS */
.promo_filtres { width: 100%; height: 70px; background-image: URL(img/bkg_promo_filtres.png); text-align: center}
.promo_filtres select { border: 1px solid #9b9b9b}
.promo_filtres input[type=submit] { font-weight: bold; background-image: URL(img/bkg_promo_submit.png); width: 108px; height: 28px; border: 0}

table.promo_llistat tr { height: 125px;}
table.promo_llistat tr.tr_paginacio,
tr.tr_paginacio2 { height: 20px !important}
.tr_paginacio2 td { border-bottom: 0 !important}
.paginacio table,
.paginacio table a{ color: #888888; font-size: 12px}

table.promo_llistat td { border-bottom: 1px dashed #c3c3c3;}
td.promo_llistat_foto { width: 210px}
td.promo_llistat_text { width: 380px; padding-right: 40px}
td.promo_llistat_opcions { width: 170px}
.promo_llistat_color1 { color: #333333}
.promo_llistat_color2 { color: #888888}
.promo_llistat_link a { font-family: Georgia, Serif; font-size: 12px; color: #000000; font-style: italic; font-weight: bold }
span.promocions_una_titols { font-family: Georgia, Serif; font-size: 14px; color: #000000; font-style: italic; font-weight: bold}
.promocions_una { line-height: 18px}
.titol_situacio { font-family: tipoexterna; font-size: 12px; color: #3e4903; text-transform: uppercase; font-weight: bold}
#mapgoogle { width: 460px; height: 251px; background-color: transparent !important}
/* info google maps */
#simple_example_window div { background-color: transparent !important; border: 0 !important}
#simple_example_window_contents{ background-image: URL(img/infomap.png); width: 132px !important; height: 58px !important; border: 0 !important }
.titul { font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 12px; color: #FFFFFF !important; }
#simple_example_window_contents table { padding-top: 5px; text-transform: uppercase}
#simple_example_window{
    width: 181px;
    margin-top: -10px;
    margin-left: 76px;
    border: 0 !important;
    background-color: transparent;
  }

  #custom_info_window_red_beak{
    width: 28px;
    height: 38px;
  }
  * html #simple_example_window_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
  }
  #simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
  #simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
    background-color: #E5E3E3;
    height: 1px;
    width: 1px;
  }

.promocions_una_mesfotos { text-align: center; position: absolute; bottom: 0; right: 0; width: 130px; height: 23px; font-family: tipoexterna; font-size: 14px; color: #FFFFFF; text-transform: uppercase}
.promocions_una_mesfotos span { display: block; position: relative; padding-top: 3px}
.bkg_mesfotos { background-color: #000000; opacity:0.6; filter:alpha(opacity=60); width: 130px; left: 0; height: 100%; position: absolute}
.thumbnails { position: relative; width: 459px; height: 242px; overflow: hidden; float: right}
.promo_llistat_foto_hidden { width: 188px; height: 99px; overflow: hidden}
table.promocions_una_opcions { color: #333333; margin-top: 4px; clear: both; float: right; text-align: left; }
table.promocions_una_opcions th { height: 22px; padding-left: 8px; background-color: #3e4903; color: #FFFFFF; font-family: tipoexterna; font-weight: normal; text-transform: uppercase }
table.promocions_una_opcions td { padding-left: 8px; height: 25px}
.bordetaulaopcions { border-right: 3px solid #FFFFFF}
.borde2taulaopcions { border-top: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF}
.borde3taulaopcions { border-top: 3px solid #FFFFFF}
.fons1 { background-color: #e1e1e1}
.fons2 { background-color: #c9c9c9}
.promocions_una_form { width: 456px; float: right}
.promocions_una_form table { background-color: #f1f1f1; /*padding: 14px*/}
.promocions_una_form table input[type=text],
#contactar input[type=text]{ font-size: 11px; background-color: #e0e0e0; border: 0; padding: 3px; width: 212px}
.promocions_una_form table input[type=text].width2 { width: 426px !important}
.promocions_una_form table textarea,
#contactar textarea{ font-size: 11px; width: 426px; height: 105px; background-color: #e0e0e0; border: 0; padding: 3px; font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.promocions_una_form input[type=submit],
#contactar input[type=submit] { margin-top: 5px; color: #484848; background: transparent; border: 0; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; text-align: left}
input.invalid,
textarea.invalid{ border: 1px solid #FF0000 !important}
label.invalid { display: none !important}
td.invalid { color: #FF0000 }

.ico_oportunitat { position: absolute; margin: 28px 0 0 -23px}
.preu_oportunitat { background-image: URL(img/bkg_preu_oportunitat.jpg); width: 162px; height: 47px; background-repeat: no-repeat;
    text-align: right; color: #FFFFFF; font-size: 12px; padding-right: 7px; margin-left: -20px; background-position: top right;}
span.oportunitat_llistat { display: block; font-family: tipoexterna; text-transform: uppercase; font-size: 14px; padding: 7px 0 0 7px}

a.tornar_llistat { display: block; float: right; font-family: tipoexterna; font-size: 14px; color: #585858; text-transform: uppercase}

/* GALERIES */
.llista_galeries { padding-top: 9px; font-family: tipoexterna; font-size: 14px; text-transform: uppercase; color: #585858; width: 500px; height: 24px; text-align: right}
.llista_galeries a { font-family: tipoexterna; font-size: 14px; text-transform: uppercase; color: #585858; }
.llista_galeries a:hover { text-decoration: none; color: #000000}
a.unafoto { display: block; width: 101px; height: 101px; overflow: hidden; text-align: center; border: 8px solid #dfdfdf; margin: 16px 16px 0 0}
a.unafoto:hover { border-color: #14390c}

.llista_galeries a.on,
.llista_galeries a.on:hover { font-family: tipoexterna; font-size: 14px; text-transform: uppercase; color: #000000; }

.sobre_foto { width: 101px; margin: auto; height: 101px; background-color: #FFFFFF; position: absolute; opacity:0.4;filter:alpha(opacity=40) }

/* CONTACTAR */
.gmaps { width: 936px !important; height: 251px !important; padding-top: 25px !important}
#contactar input[type=text] { width: 197px !important}
.tdform {width: 605px}
#contactar textarea { width: 600px !important; height: 70px !important}
.tddades { padding-left: 17px}
.tdborde { border-left: 1px solid #c2c2c2; height: 118px; padding-left: 20px}