@charset "utf-8";


/* hacks varios, adivinen para q browser... */
#content{position:relative; background-color:#fff; width:950px; margin:0 auto; background-repeat: repeat-y;}
html, body, #content {
    min-height: 100%; /* alto minimom FF y Safari */
    /*width: 100%;*/
    height: 100%; /* alto minimo para IE Windows */
    /*margin: 0;*/
    padding: 0;
}

html>body #content {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body{margin:0px; padding:0px; font: 10px Verdana, Arial, sans-serif; background-color: #0A2E1C;}
ul{list-style:none; margin-left:0px;}
a{color:#fff; text-decoration:none;}
a:hover, a.actiu{color:#FFD92D;}

.main, #body{width:950px;}
#body #body-cont{margin-left:52px; margin-right:52px;}

/*TOP*/
#content #top{ height:214px;}
#content #top .main{background-image:url(../img/top-main2-bkg.png); background-repeat:no-repeat; height:221px;}
#content #top .main #f1{text-align:right; color:#fff; height:30px; padding-top:4px; }
#content #top .main #f2{height:130px; position:relative;}
#content #top .main #f2 #carta-titol{position:absolute; bottom:0px; right:40px;  width:221px; }
#content #top .main #f2 #carta-titol a, #content #top .main #f2 #paisatge-titol a{display:block;height:20px;}
#content #top .main #f2 #paisatge-titol{position:absolute; bottom:0px; left:40px;  width:176px; }

/*idioma*/
a#lang-ca, a#lang-ca.actiu{position:absolute; top:10px; right:250px; display:block; width:16px;  height:15px; font-weight: bold; color:#FFD92D;}
a#lang-ca:hover, a#lang-ca.actiu{color:#fff;}

a#lang-es, a#lang-es.actiu{position:absolute; top:10px; right:210px; display:block; width:16px;  height:15px; font-weight: bold; color:#FFD92D;}
a#lang-es:hover, a#lang-es.actiu{color:#fff;}

a#lang-en, a#lang-en.actiu{position:absolute; top:10px; right:160px; display:block; width:16px;  height:15px; font-weight: bold; color:#FFD92D;}
a#lang-en:hover, a#lang-en.actiu{color:#fff;}

/**/
a#home, a#home-actiu{position:absolute; top:8px; right:85px; display:block; width:16px;  height:15px;}
a#home:hover, a#home-actiu{background-image:url(../img/home.gif);}

a#mail, a#mail-actiu{position:absolute; top:12px; right:62px; display:block; width:18px;  height:11px; }
a#mail:hover, a#mail-actiu{background-image:url(../img/mail.gif);}

a#mapa, a#mapa-actiu{position:absolute; top:8px; right:38px; display:block; width:19px;  height:15px;}
a#mapa:hover, a#mapa-actiu{background-image:url(../img/mapa.gif);}

/*Menu Superior*/
#content #top .main #f3 { height:30px;}

#content #top .main #f3  ul#menu, #content #top .main #f3  ul#menu-en,#content #top .main #f3  ul#menu2 {list-style:none; margin:9px 0; padding:0px; float:left;}
#content #top .main #f3  ul#menu{margin-left:54px}
#content #top .main #f3  ul#menu-en{margin-left:44px;}
#content #top .main #f3  ul#menu2{padding-left:0px; margin:9px 20px;}

#content #top .main #f3  ul#menu li, #content #top .main #f3  ul#menu-en li,#content #top .main #f3  ul#menu2 li{float:left; margin-right:6px; padding-left:6px; border-left:1px solid #fff; color:#fff;}

#content #top .main #f3  ul#menu li:first-child,#content #top .main #f3  ul#menu2 li:first-child, #content #top .main #f3  ul#menu li.nb, #content #top .main #f3  ul#menu-en li.nb, #content #top .main #f3  ul#menu2 li.nb{border:0px; padding:0px; }
#content #top .main #f3  ul#menu li a, #content #top .main #f3  ul#menu-en li a,#content #top .main #f3  ul#menu2 li a{color:#fff; text-decoration:none; font-size:11px; }
#content #top .main #f3  ul#menu li a:hover, #content #top .main #f3  ul#menu-en li a:hover, #content #top .main #f3  ul#menu-en li a.actiu,#content #top .main #f3  ul#menu2 li a:hover, #content #top .main #f3  ul#menu li a.actiu,#content #top .main #f3  ul#menu2 li a.actiu{color:#FFD92D}


#body h2{font-size:20px; font-weight:bold; border-bottom:1px solid #dcdcdc; color:#535353; margin-bottom:0; margin-top:0; padding-bottom:0; }
#body h3{font-size:11px; margin:0; padding:0;}
#body h3, #body a{color:#BD0926;}
#body h3.orange{color:#E6511E;}
#body a:hover{color:#000;}

/*#body #col1, #body #col2, #body #col3{width:274px; float:left; margin-left:30px;}*/

/*ALINEACÓ DELS ELEMENTS PRINCIPALS + COL1 Presentació*/
#body > *, #content #top .main #f3  ul#menu, #peu .main #peu-dades, #body h3{/*margin-left:52px;*/}




/*PAISATGE DE L'ALT EMPORDA*/
#paisatge, #carta{float:left;}
#paisatge{width:540px;}


/*COL1*/
#paisatge #col1{width:300px; float:left; margin-top:12px;}
/*COL2*/
#paisatge #col2{float:left; margin-left:12px; width: 200px;}
#paisatge #col2 h2 span, #body #col2 h2 a{color:#ccc;}
#paisatge #col2 h2 a:hover{color:#E6511E;}
#paisatge #col2 h2 a.actiu{color:#000;}
#paisatge #col2 ul{padding-left:18px;}
#paisatge #col2 .radio{vertical-align:-4px;}
#paisatge #col2 .enquesta a{color:#BD0926;}



ul.miradors{}
ul.miradors li{list-style-image: url("../img/view.gif"); margin-bottom:6px;}
#body #body-cont #paisatge #col2 ul.miradors li a{color:#000;}

/*BLOC CARTA DEL PAISATGE*/
#carta{width:282px; margin-left:24px; margin-top:12px;}


/*Llista d'enquestes*/
.unit-enquesta{width:264px; float:left; margin:0px; padding:0;margin-right:18px; }

/*HACKS IE 6*/
* html .unit-enquesta{margin:0; margin-right:20px; padding:0; width:240px; color:#000;}
* html .unit-enquesta div{color:#000; position:relative; z-index:99;}
* html #body #col1{margin:0; padding:0;}
* html #body #carta{margin:0; margin-left:24px; padding:0; width:280px;}
* html #content #top .main #f3 ul#menu{margin:9px 27px; margin-right:0; padding:0;}
* html #menu-esq{ margin-right:38px;}
* html .textarea{width:250px; height:80px;}
* html .textarea_min{width:230px; height:80px;}

 a.votar{display:block; width:43px;height:14px; background-image:url(../img/btn-votar.gif); background-repeat:no-repeat; background-position: bottom;}
 a.votar:hover{background-position: top;}

/*COL3 Documents*/
#docs{margin:12px; padding:0px;}
#docs li{ margin:6px 0;}
#docs li a{color:#BD0926; text-decoration:none;}
#docs li a:hover{color:#000}
#docs a img{border:0; vertical-align:-5px;}

/*COL3 Opinio*/
#opinio-cont{min-height:180px; padding:12px;}
.text, .text2, .textarea, .textarea2{border:1px solid #999;}
.textarea{width:270px; height:80px;}
.textarea_min{width:230px; height:80px;}
.textarea2{width:496px; height:100px;}
.text2{width:496px;}
a.enviar{display:block; width:43px; height:15px; background-image:url(../img/btn-enviar.gif); background-repeat:no-repeat; background-position: bottom;}
a.enviar:hover{ background-position: top;}

label{display:block;}

/*Llistat de links*/
.link {margin-top:12px; border-bottom:1px dotted #999;}
.link h4{border:0; color:#000; font-size:14px; margin:0; padding:0;}
.link p{margin:0; padding:0; padding-bottom:6px;}


/*Separador que separa el peu del contingut*/
#separator{clear:both;height:120px;}

.modul_calendari_gran, .modul_calendari_llista_events{float:left;}
.modul_calendari_gran{width:350px; margin-top:24px;}
.modul_calendari_llista_events{margin-left:20px; width:420px;}
.modul_calendari_llista_events p{margin:0; padding:0;}
#body #body-cont .modul_calendari_llista_events h3{padding:0; margin:0; border:0; font-size:14px; color:#000;}
.modul_calendari_llista_events ul li{margin-bottom:12px;}


/*Menu esquerra*/
#menu-esq{width:159px; border:1px solid #dcdcdc; margin-right:57px;}
#menu-esq div{background-color:#535353; padding:8px; color:#fff;}
#menu-esq ul{margin:12px 0; padding:0;}
#menu-esq ul li{margin:0 8px; border-bottom:1px solid #dcdcdc;}

#menu-esq ul li a{display:block; padding:4px; padding-left:0; color:#999;}
#menu-esq ul li a:hover{color:#000;}
#menu-esq ul li a.actiu, #menu-esq ul li a.actiu:hover{color:#e6511e; font-weight:bold;}

a.tornar{border:1px solid #dcdcdc; background-color:#ededed; display:block; width:159px; border-top:0;}
#paisatges{float:left;}

/*Paisatges i miradors*/
#paisatges{width:627px; padding:0; margin:0;}
#paisatges #mapa{margin:0; padding:0;}
#paisatges #intro{color:#000; font-weight:bold; width:440px;}
#paisatges a.zona{color:#000; text-decoration:underline;}

/*Llista de fotos*/
ul#fotos{padding:0; margin:0;}
ul#fotos li{margin:0; float:left; margin-right:12px; margin-top:12px; color:#535353; width:120px; text-align: center; height:120px;}

/*Llistat d'interpretacions*/
.interpretacions{position:relative;}
.interpretacions .foto{width:120px; text-align:center;}
.interpretacions ul{margin:0; padding:0; padding-left:6px; margin-left:6px; width:450px; border-left:1px solid #5A8D1F;}

.interpretacions .numero{position:absolute; left:-20px; top:32px; font-weight: bold; background-color: #000; color:#fff; padding:1px 4px;}
* html .interpretacions .numero{position:absolute; left:20px; top:32px; font-weight: bold; background-color: #000; color:#fff; padding:1px 4px;}



/*Credits*/
#credits{padding-top:24px;}
#credits #col1, #credits #col2{float:left;}
#credits #col1 a{color:#000;}
#credits #col1 a.actiu{color:#E6511E;}
#credits #col1{width:270px;}
#credits #col1 ul, #credits #col2 ul{margin:0; padding:0;}
#credits #col2 ul li{margin-right:24px;}
#credits #col2 a{font-weight:bold; color:#000; text-decoration:none;}

/*Peu*/
#peu{height:89px; margin-top:-89px; position:relative; /*background-image:url(../img/peu-bkg.gif);*/}
#peu .main{height:89px; position:relative;  margin:0 auto; width:950px;background-image:url(../img/peu2.gif); background-repeat: no-repeat;}



#peu-dades{margin-top:24px; color:#5A8D1F; font-size:10px;}
#peu-dades a{color:#5A8D1F; text-decoration:none;}
#peu-dades a:hover{color:#FFD92D;}


#peu #peu-menu{color:#999; margin-left:150px;  padding-top:20px;}
#peu #peu-menu ul{margin:0; padding:0;}
#peu #peu-menu ul li{float:left;margin-right:6px; padding-left:6px; border-left:1px solid #999;}
#peu #peu-menu ul li:first-child,#peu #peu-menu ul li.nb {border:0px; padding:0px; }
#peu #peu-menu ul li a{color:#999; font-size:10px;}
#peu #peu-menu ul li a:hover{color:#000;}

#peu #peu-logo{position:absolute; right:24px; top:42px;}

/*Mapa web*/
ul#mapa{padding:0px;}
ul#mapa li{margin:12px 0;}

.nb{border:0;}
.va4{vertical-align:-4px;}
.va2{vertical-align:-2px;}
a img{border:0;}
.center{text-align:center;}
.inv{display:none;}
.bkg-fff{background-color:#fff; padding:12px;}
.bkg-gris{background-color:#ccc; padding:12px;}
.red{color:#BD0926;}

.error{color:red;}

.fl{float:left;}
.cb{clear:both; height:12px;}