body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
color:#000000;
width:100%;
margin:0px;
padding:0px;
min-height: 100%;
background-color:#000000;
}

.mac body {font-size: 62.5%;}
.webkit body {font-size: 71.5%;}

.textinfo p {font-size: 1.2em;line-height: 1.3em;letter-spacing: 0.02em;}

.slim {
font-weight:normal;
}

.slimita {
text-transform:none;
font-size: 1em;
font-weight:normal;
font-style: italic;
}

.textconte p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;line-height: 1.5em;letter-spacing: 0.04em;
padding: 10px 30px 20px 78px;
}

.signatura p {
padding: 14px 0 23px 0;
letter-spacing: 0.04em;
}

#wrapper{
margin:0px auto 1px auto;
padding:0px;
width:780px;
height:auto;
background-color:#A19482;
}

#wrapper_interior {
margin-left: 50px;
}


.estrelles_dalt {
background-image: url(../img/conte_estrelles_dalt.gif);
background-repeat: no-repeat;
background-position: left top;
}

.estrelles {
background-image: url(../img/int_dalt_dreta.gif);
background-repeat: no-repeat;
background-position: right top;
}

.estrelles2 {
background-image: url(../img/conte_estrelles.gif);
background-repeat: repeat-y;
background-position: left top;
}

.estrelles3 {
background-image: url(../img/int_especial.gif);
background-repeat: no-repeat;
background-position: left top;
}


a.estrella:hover {
position: relative;
text-decoration:none;
}

a.estrella span {
display: none;
width: 419px;
height: 159px;
text-decoration:none;
}

a.estrella:hover span {
display: block;
position: absolute;
top: 10px;
left: 10px;
background-image: url(../img/requadre_home_01.gif);
background-repeat: no-repeat;
background-position: right top;
padding:0;
text-decoration:none;
}

a.estrella:hover span p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
line-height: 1.3em;
letter-spacing: 0em;
color: black;
padding: 27px 40px 40px 40px;
text-decoration:none;
}



.continua_conte {
width: 550px;
height: 25px;
text-align: right;
position: relative;
top: 24px;
}

#capitolprimer {
background-image: url(../img/inicial_D.gif);
background-repeat: no-repeat;
background-position: 30px top;
margin-top: 0;
padding-top: 50px;
}

#llistat_titols {
position: relative;
}

#envia_a_un_amic {position: relative;}

#capitolprimer p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
letter-spacing: 0.2em;
line-height: 1.5em;
padding: 0 0 0 78px;
}

.ie #capitolprimer p {
font-weight:bold;
}

.sandbag-left {
border: 0; 
padding: 0;
font-size: 1.7em;
margin: 0px 0 -1px 0;
height: 1.5em;
float: left; 
clear: left;
}

#alerta {
position: absolute;
top:30px;
left:40px;
background-image: url(../img/alert.gif);
background-repeat: no-repeat;
background-position: left top;
width: 593px;
height: 240px;
z-index:9999;
}

#alerta p {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 110px 160px 40px 130px;
font-size: 1.2em;
line-height: 1.2em;
letter-spacing: 0em;
}

#alerta .tanca {
background-image: url(../img/tanca.gif);
background-repeat: no-repeat;
background-position: left top;
font-size: 1em;
color: black;
letter-spacing: 0.1em;
font-weight:bold;
text-transform:uppercase;
position: absolute;
padding: 3px 0 8px 25px;
top:190px;
left:400px;
}


#proposatitol {
background-image: url(../img/titol_titol.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 4em;
padding-top: 50px;
position: relative;
}

#resumconte {
background-image: url(../img/titol_resum.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 3em;
padding-top: 65px;
padding-bottom: 20px;
position: relative;
}


#continuaconte {
background-image: url(../img/titol_continua.gif);
background-repeat: no-repeat;
background-position: 5px top;
margin-top: 0;
padding-top: 70px;
position: relative;
}


#head {
margin: 0 2px;
background-color:#000000;
height: 30px;
text-transform:uppercase;
font-weight:bold;
color:#856F64;
font-size: 1.1em;
line-height: 30px;
letter-spacing: 0.05em;
}
.ie #head {letter-spacing: 0.045em;}

#head #titol {
padding-left: 68px;
float: left;
}

#head #mesinfo {
padding-right: 25px;
float: right;
}

.container_l {
width: 520px;
float: left;
}


#wrapper_interior .container_l {
width: 490px;
}

.container_r {
width: 205px;
float: right;
}

#wrapper_interior .container_l .titol {
padding: 30px 0 0px 78px;
}

.container_l .titol {
color:#000000;
padding: 30px 0 0px 68px;
}


.container_l .titol h1 {
font-size: 1.2em;
line-height: 1.3em;
font-weight:bold;
text-transform:uppercase;
}

.container_l .titol h1 a {color:#000000;}

.ie .container_l .titol h1 {padding-top:6px;line-height: 1.2em;}

.container_l .titol h2 {font-size: 1.1em; font-weight:normal;line-height: 1em;}
.ie .container_l .titol h2 {line-height: 0.1em;}


.textinfo h1 {
font-size: 2em;
line-height: 1em;
letter-spacing: 0.04em;
font-weight:bold;
}



.container_l #intro {
color:#fff8b5;
font-size: 2.2em;
line-height: 2em;
padding: 8px 5px 25px 68px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: lighter;
letter-spacing: 0.1em;
}

.ie .container_l #intro {
font-size: 2.5em;
letter-spacing: 0.2em;
}

.container_l #intro img {
vertical-align: middle;
}

.container_l #resum {
font-size: 1em;
letter-spacing: 0.1em;
font-weight:bold;
text-transform:uppercase;
width: 300px;
color: white;
float:left;
}

.container_l #resum2,
.container_l #proposa2
{
font-size: 1em;
letter-spacing: 0.1em;
font-weight:bold;
text-transform:uppercase;
width: 518px;
color: white;
float:right;
text-align:right;
}

.container_l #resum2 p {
background-image: url(../img/resum.gif);
background-repeat: no-repeat;
margin: 5px 0px 20px 0px;
padding-right: 23px;
padding-top: 5px;
background-position: right;
}

.container_l #proposa2 p {
background-image: url(../img/proposa_titol.gif);
background-repeat: no-repeat;
margin: 5px 0px 20px 0px;
padding-right: 23px;
padding-top: 5px;
background-position: right;
}


.container_l #resum p {
background-image: url(../img/resum.gif);
background-repeat: no-repeat;
margin: 15px 5px 20px 68px;
padding-left: 23px;
padding-top: 5px;
}


.container_l #proposa {
font-size: 1em;
letter-spacing: 0.1em;
font-weight:bold;
text-transform:uppercase;
width: 190px;
color: white;
float:right;
}
.container_l #proposa p {
background-image: url(../img/proposa_titol.gif);
background-repeat: no-repeat;
margin: 15px 30px 20px 0px;
padding-left: 23px;
padding-top: 5px;
}


.container_l .textinfo p
{
padding: 10px 0 0 68px;
}

#wrapper_interior .container_l .textinfo p,
#wrapper_interior .container_l .textinfo h1,
.items_conte .textinfo h1
{
padding-left: 78px;
}

.items_conte .textinfo p
{
padding: 10px 20px 0 78px;
}

#wrapper_interior .container_l ul {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
letter-spacing: 0.2em;
padding: 1.6em 0 0 94px;
margin: 0px;
list-style-type: square;
}

#wrapper_interior .container_l ul li {
padding-bottom:0.7em;
margin: 0px;
}

#footwhide {
clear: both;
font-weight:bold;
padding-top: 2em;
font-size: 1.3em;
letter-spacing: 0.2em;
}



#footwhide ul {
list-style: none;
margin: 0;
padding: 0 0 0 78px;
font-size: 0.75em;
letter-spacing: 0.07em;
}

div.home #footwhide ul {
padding: 0 0 0 68px;
}

#footwhide ul li {
margin: 0;
font-weight:normal;
display: inline;
}

.items_conte {
width: 700px;
}

.items_conte .lft {
width: 525px;
}

label {
font-size: 1.1em;
line-height: 1.7em;
}

.container_l .formfield {
padding-left: 78px;
}

.formwide {
clear: both;
padding-top: 2em;
}

#wrapper_interior .formwide {
padding-top: 0;
}

.formwide input.text,
.formwide input.captcha,
.formwide textarea {
border: solid 1px #d7d7d7;
background-color: #d7d7d7;
font-size: 1.1em;
letter-spacing: 0.2em;
padding: 2px;
}

.formwide .container_l input.text,
.formwide .container_l textarea {
width: 404px;
}

.formwide .container_r input.text {
width: 162px;
}

.formwide button {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image: url(../img/publica_accepta_modifica.gif);
background-repeat: no-repeat;
margin: 0px 0px 5px 0px;
padding-left: 23px;
padding-top: 6px;
border: none;
background-color: transparent;
font-size: 1em;
letter-spacing: 0.1em;
text-decoration:none;
text-transform:uppercase;
color:#ffffff;
font-weight:bold;
text-align: left;
}

.formwide button.mail {
background-image: url(../img/enviar.gif);
background-position: left 7px;
}

.formwide .form_l {
padding-left: 78px;
float: left;
border-bottom: solid 1px red;
}



.container_r #madeby {
text-align:right;
padding: 28px 28px 40px 0px;
}

.container_r #madeby img {
margin: 2px 0px 14px 0px;
}

.container_r #madeby h1 {font-size: 1.1em; font-weight:normal; line-height:1.5em}

.container_r #falten {
float:right;
width:123px;
height:127px;
background-image: url(../img/fons_falten.gif);
background-repeat: no-repeat;
}

.container_r #falten p {
padding: 22px 0 0 21px;
font-size: 1.1em;
line-height: 1.4em;
letter-spacing: 0.05em;
}

.container_r #falten strong {
font-size: 1.2em;
}


.container_r #inici,
.items_conte #inici {
font-size: 1em;
letter-spacing: 0.1em;
font-weight:bold;
text-transform:uppercase;
width: 150px;
padding-top: 4em;
color: white;
}

.ie .container_r #inici {padding-top: 5em;}

#wrapper_interior .container_r #inici {padding-top: 1.22em;}
.ie #wrapper_interior .container_r #inici {padding-top: 2.5em;}


.container_r #inici p,
.items_conte #inici p
{
background-image: url(../img/inici.gif);
background-repeat: no-repeat;
margin: 15px 0px 20px 0px;
padding-left: 23px;
padding-bottom: 20px;
}


.container_r .imprimir p {
text-transform:uppercase;
background-image: url(../img/imprimir.gif);
background-repeat: no-repeat;
margin: 10px 0px 10px 0px;
padding: 6px 0 10px 23px;
}

.container_r .enviamic p {
text-transform:uppercase;
background-image: url(../img/enviar.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 10px 0px 10px 0px;
padding: 0px 0 6px 23px;
}

.container_r .resum p {
text-transform:uppercase;
background-image: url(../img/resum.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 10px 0px 10px 0px;
padding: 6px 0 6px 23px;
}


.container_r .ilustrat p {
text-transform:uppercase;
background-image: url(../img/icopdf.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 10px 0px 10px 0px;
padding: 6px 0 6px 23px;
}



.container_r .referencia,
.container_r .referencia2 {
float: right;
padding-right: 28px;
}

.container_r .referencia p {
text-transform:uppercase;
text-align: right;
background-image: url(../img/boto_tv3.gif);
background-repeat: no-repeat;
background-position: right top;
margin: 35px 0px 10px 0px;
padding: 0px 23px; 6px 0px;
}

.container_r .referencia2 p {
text-transform:uppercase;
text-align: right;
background-image: url(../img/catalunya_radio.gif);
background-repeat: no-repeat;
background-position: right top;
margin: 35px 0px 10px 0px;
padding: 0px 23px; 6px 0px;
}


.container_r .rss p {
text-transform:uppercase;
background-image: url(../img/rss.gif);
background-repeat: no-repeat;
margin: 5px 0px 0px 0px;
padding: 6px 0 5px 23px;
}

.container_r .txt p {
margin: 0px 0px 10px 0px;
padding: 0px 20px 0px 23px;
}


/* -- TOOLS AND GENERALS -- 
*/

div,form,img,p,h1 {margin:0;padding:0;}

button {cursor: pointer;}

html {margin:0px auto 1px auto;padding:0px;min-height: 100%;}

img{
border:0px;
font-size:0.7em;
color:#464642;
}


form{margin:0px; padding:0px;}

a{text-decoration:none;color:#ffffff;font-weight:bold;}
a:hover{text-decoration:underline;}

.error{color:#990000}
.clear {clear:both;}
hr{display:none;}

.h_1e7{height:1.75em;}
.h_1e {height:1em;}
.h_2e {height:2em;}
.h_10e{height:10em;}

.h_16e{height:9.4em;}
.ie .h_16e{height:6.5em;}

.h_25e{height:25em;}

.h_35d5{height:35em;}
.ie .h_35d5{height:38em;}


.h_m6e {min-height:6em;}

.h_5  {height:5px;}
.h_20 {height:20px;}
.h_50 {height:47px;}
.h_80 {height:80px;}
.h_135{height:94px;}

.h_impr{height:43px;}

.lh3e {line-height:3em;}
.lh0e {line-height:0.5em;}

.separa_300 {
clear: both;
width: 100%;
height: 300px;
}
.relative {
position: relative;
}

.white {color: white;}
.black {color: black;}