/********************
******GENERALS*******
*********************/

body {
background-color:#FFFFFF;
margin:0;
padding:20px 0 10px 0;
font-size:76%;
font-family: "Lucida Sans", Lucida Grande, "Lucida Sans Unicode", Arial;
color:#000}

body#nota_legal {font-family: "Lucida Sans", Lucida Grande, "Lucida Sans Unicode", Arial; font-size:11px; background-color:#79BFD1; padding:5px 0 0 0; margin:0
}

div#contenidor_1 {
width:977px;
margin:0 auto;
background:transparent url(../img/fons_03.gif) top right repeat-y;}

div#contenidor_2 {background:transparent url(../img/fons_02.gif) bottom center no-repeat; padding-bottom:9px;}
div#contenidor_3 {background:transparent url(../img/fons_01.gif) top center no-repeat;}

div#contenidor_4 {text-align:left;}

div#fons_vincle_01 {
background: url(../img/v_fons_01.gif) left top no-repeat;
width:194px;
height:42px;
text-align:center;
float:left}

div#fons_vincle_02 {
background: url(../img/v_fons_02.gif) left top no-repeat;
width:189px;
height:42px;
text-align:center;
float:left}

div#fons_vincle_03 {
background: url(../img/v_fons_03.gif) left top no-repeat;
width:189px;
height:42px;
text-align:center;
float:left}

div#fons_vincle_04 {
background: url(../img/v_fons_04.gif) left top no-repeat;
width:190px;
height:42px;
text-align:center;
float:left}

div#fons_vincle_05 {
background: url(../img/v_fons_05.gif) left top no-repeat;
width:193px;
height:42px;
text-align:center;
float:left}

a.vincle_menu:link, a.vincle_menu:visited {
line-height:42px;
color:#000;
text-decoration:none;
font-size:14px;
}
a.vincle_menu:hover{
line-height:42px;
color:#000;
text-decoration:none;
font-size:14px;
font-weight:bold
}

a.vincle_menu_triat:link, a.vincle_menu_triat:visited{
line-height:42px;
color:#000;
text-decoration:none;
font-size:14px;
font-weight:bold}


div#peu {
color:#9C9A9A;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
width:200px;
padding-top:22px}

.clickart {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:right;
width:977px; margin:0 auto;
padding-right:15px}



div#fons_home {
background:url(../img/fons_04.jpg) left top no-repeat;
width:964px;
height:400px;
margin-left:6px}



table#fons_faro_01 {background:url(../img/fons_far.gif) left bottom no-repeat; margin-top:10px}

div#fons_faro_02 {background:url(../img/fons_cor.jpg) right 208px no-repeat; margin-top:20px; margin-right:20px}
div#fons_faro_03 {background: url(../img/fons_far.gif) left 330px no-repeat;}
div#fons_faro_04 {background: url(../img/fons_far.gif) left bottom no-repeat;}

/********************
******AUTOR**********
*********************/

.ratlla_horitzonal_01 {
background:url(../img/ratlla_01.gif) left top repeat-x;
height:5px;
margin:20px 0}

/********************
******FENOMENO********
*********************/
div#video {float:left;}

.caixa_text_video {
width:180px;
float:left;
margin-left:20px;
line-height:1.7em}

.ratlla_horitzonal_02 {
background:url(../img/ratlla_02.gif) left top repeat-x;
height:5px;
margin:30px 0 20px 0}

.caixa_text_fenomeno {padding-right:100px;
line-height:1.6em}


/********************
******CITAS********
*********************/
.camps_subscribir {
background-color:#BFBEBD;
border:1px solid #494641;
}

.ratlla_horitzonal_03 {
background:url(../img/ratlla_02.gif) left top repeat-x;
height:5px;
margin:15px 0}

a.pagina:link,a.pagina:visited {
display:block;
font-size:0.9em;
padding:3px 8px;
color:#716F6E;
margin-left:5px;
text-decoration:none;
background-color:#EBEBEB;
border:1px solid #D7D7D7}

a.pagina:hover {
background-color:#BA122B;
color:white;
}

a.p_activa:link,a.p_activa:visited,a.p_activa:hover {
color:#464241;
font-weight:bold;
cursor:default;
background-color:#FFFFFF;
border:none
}

a.ico_rss:link, a.ico_rss:visited {background:url(../img/ico_rss.gif) 120px top no-repeat;
padding-right:20px;
color:#000000;
text-decoration:none;
height:22px;
display:block}

.link_cat {width:200px;  margin-top:7px; margin-left:23px}

table tr.ratlla_horitzonal_04 {
background:url(../img/ratlla_01.gif) left top repeat-x}

.ratlla_horitzonal_05 {
background:url(../img/ratlla_01.gif) left top repeat-x;
height:3px;
width:600px;
}

.ratlla_horitzonal_06{
background:url(../img/ratlla_01.gif) left top repeat-x;
height:3px;
width:700px;
margin-left:200px
}


.ratlla_vertical_01 {background:url(../img/ratlla_03.gif) left top repeat-y}

a.ico_pdf:link, a.ico_pdf:visited {
background:url(../img/ico_pdf.gif) left top no-repeat;
width:170px;
display:block;
color:#000000;
height:47px;
padding-left:50px;
font-size:14px;
font-weight:bold}

/********************
******POSTAL*********
*********************/

.fons_barres {background:url(../img/barra_fletxas.gif) left 53px no-repeat;}

.padding_left_02 {padding-left:2px}
.padding_top_239 {padding-top:292px}


div#fons_postal_dorso {
background:url(../img/postal_gran_dorso.jpg) left top no-repeat;
width:357px;
height:274px;

padding-left:30px;
line-height:1.7em
}

div.Scroller-Container {
  position: absolute;
   top: 0px; 
   left: 0px;
}

.Scrollbar-Up {cursor: pointer;}
.Scrollbar-Down {cursor: pointer;}

#variable{
color:white;
height:380px;
width:250px;
overflow:hidden;
position:relative;
margin-left:15px
}

div#posicio_text_postal {text-indent:2.8em; padding-top:120px;}
div#posicio_nom_01 {position:relative; top:146px; margin-left:10px}
div#posicio_nom_02 {position:relative; top:185px; margin-left:10px}

/********************
******MIDES*******
*********************/

.w_15 {width:15px}
.w_30 {width:30px}
.w_38 {width:38px}
.w_60 {width:60px}
.w_70 {width:70px}
.w_100 {width:100px}
.w_130 {width:130px}
.w_180 {width:180px}
.w_200 {width:200px}
.w_250 {width:250px}
.w_260 {width:260px}

.w_280 {width:270px}
.w_285 {width:285px}
.w_324 {width:324px}
.w_400 {width:400px}
.w_427 {width:427px}
.w_430 {width:430px}
.w_450 {width:450px}
.w_550 {width:550px}
.w_570 {width:570px}
.w_576 {width:576px}
.w_580 {width:580px}
.w_600 {width:600px}
.w_700 {width:700px}
.w_720 {width:720px}
.w_730 {width:730px}
.w_780 {width:780px}

.h_15 {height:15px}
.h_45 {height:55px}
.h_80 {height:80px}
.h_92 {height:92px}



.marge_logo_planeta {padding-top:220px; padding-left:30px}
.marge_candado_home {padding-top:30px}
.marge_dalt_80 {padding-top:80px}
.marge_esquerra_40 {margin-left:40px}
.marge_esquerra_60 {margin-left:60px}

.marge_inicio_01 {margin-bottom:80px; padding-right:25px}
.marge_inicio_02 {padding-right:25px; padding-top:45px; margin-bottom:80px}
.marge_inicio_03 {margin-top:100px}
.marge_inicio_04 {margin-bottom:110px; padding-right:25px}

.padding_left_06 {padding-left:6px}

.padding_top_05 {padding-top:5px}
.padding_top_25 {padding-top:25px}
.padding_15_0 {padding:15px 0}
.padding_left_60 {padding-left:60px}
.padding_left_100 {padding-left:100px}
.padding_left_45 {padding-left:45px}
.padding_bottom_20 {padding-bottom:20px}
.padding_left_200 {padding-left:200px}

.ratlla_vertical_02 {background:url(../img/ratlla_03.gif) right top repeat-y}

a.v_llibre:link, a.v_llibre:visited {color:#000000; font-style:italic; text-decoration:none}
a.v_llibre:hover {color:#000000; font-style:italic; text-decoration:underline}
/********************
******COLORS*******
*********************/
.gris_01, a.gris_01:link, a.gris_01:visited {color:#9C9A9A}
.negre, a.negre:link, a.negre:visited {color:#000}
.vermell_01, a.vermell_01:link, a.vermell_01:visited {color:#BA122B}
.blau_01, a.blau_01:link, a.blau_01:visited {color:#0082AA}

div#vincle_moccia {width:977px; margin:0 auto; text-align:center}

a.v_moccia:link, a.v_moccia:visited {color:#0082AA; font-size:16px; text-decoration:none}

div#logo_adn {
width:70px;
text-align:center;
float:left;
margin-right:20px;
margin-top:10px}

a.v_logo_adn:link, a.v_logo_adn:visited {color:#484848;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif, Garamond;
font-size:11px;
font-weight:bold}

/***************************
********canvis booket*******
*************************/

.ratlla_horitzonal_07{
background:url(../img/ratlla_01.gif) left top repeat-x;
height:5px;
margin:20px 20px}

#fons_faro_05{background:url(../img/fons_far.gif) left bottom no-repeat}