/*
mides
=====
- total amplada: 967px

colors
======
- magenta DD0067
- gris 1 444444
- gris 2 D7D6D6
- gris 3 464241
- gris 4 B7B6B6
- gris 5 D7D5D6
- gris 6 DFDFDF
- blau 1 0084D7
- blau 2 A9E1F8
- taronja FF9438
- rosa DC0067

fonts
=====

- arial, excepte verdana per a textos menors a 10px
*/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:76%;
color:#444444;
margin:0;
padding:10px 0;
background-color:black;
}

/* generals */
div#contenidor {
width:967px;
margin:0 auto;}

div#porta_menu {
position:relative;
height:383px;
}

ul#menu_principal {
position:absolute;
z-index:5;
left:-42px;
top:2px;
}

ul#menu_principal_interior {float:left;}



ul#menu_principal li#item_menu_1 {margin:0 0 10px 15px}
ul#menu_principal li#item_menu_2 {margin:0 0 17px 5px}
ul#menu_principal li#item_menu_3 {margin:0 0 13px 6px}
ul#menu_principal li#item_menu_4 {margin:0 0 8px 34px}
ul#menu_principal li#item_menu_5 {margin:0}
ul#menu_principal li#item_menu_6 {margin:10px 0 0 15px}
ul#menu_principal li#item_menu_7 {margin:10px 0 0 0}


ul#menu_principal_interior li#item_menu_1 {margin:0 0 10px 0}
ul#menu_principal_interior li#item_menu_2 {margin:0 0 8px 16px}
ul#menu_principal_interior li#item_menu_3 {margin:0 0 8px 8px}
ul#menu_principal_interior li#item_menu_4 {margin:0 0 4px 15px}
ul#menu_principal_interior li#item_menu_5 {margin:0}
ul#menu_principal_interior li#item_menu_6 {margin:10px 0 0 15px}
ul#menu_principal_interior li#item_menu_7 {margin:10px 0 0 0}

/********menu amb concurs i pizarra*********
ul#menu_principal li#item_menu_1 {margin:0 0 10px 15px}
ul#menu_principal li#item_menu_2 {margin:0 0 17px 5px}
ul#menu_principal li#item_menu_3 {margin:0 0 13px 6px}
ul#menu_principal li#item_menu_4 {margin:0 0 8px 34px}
ul#menu_principal li#item_menu_5 {margin:0}
ul#menu_principal li#item_menu_6 {margin:10px 0 0 15px}



ul#menu_principal_interior li#item_menu_1 {margin:0 0 10px 0}
ul#menu_principal_interior li#item_menu_2 {margin:0 0 8px 16px}
ul#menu_principal_interior li#item_menu_3 {margin:0 0 8px 8px}
ul#menu_principal_interior li#item_menu_4 {margin:0 0 4px 15px}
ul#menu_principal_interior li#item_menu_5 {margin:0 0 0 25px}
ul#menu_principal_interior li#item_menu_6 {margin:10px 0 0 3px}

*/
ul#menu_principal img, ul#menu_principal_interior img{
border:0;
}

div#peu {
position:relative;
}

div#portaFletxes {position:relative} /* les ratlletes que surten del menú principal i es junten amb la caixa de contingut */
div#portaFletxes div {position:absolute}
	
	div#fletxa_menu_1 {top:20px;left:100px}
	div#fletxa_menu_2 {top:60px;left:115px}
	div#fletxa_menu_3 {top:110px;left:95px}
	div#fletxa_menu_4 {top:150px;left:82px}
	div#fletxa_menu_5 {top:190px;left:82px}
	div#fletxa_menu_6 {top:230px;left:102px}
	div#fletxa_menu_7 {top:275px;left:122px}
	
/*
	div#fletxa_menu_1 {top:20px;left:100px}
	div#fletxa_menu_2 {top:60px;left:105px}
	div#fletxa_menu_3 {top:100px;left:80px}
	div#fletxa_menu_4 {top:145px;left:100px}
	div#fletxa_menu_5 {top:183px;left:114px}
	div#fletxa_menu_6 {top:224px;left:123px}
	*/
div#zona_variable {
margin:0 0 0 auto;
background:transparent url(../img/fons_03.gif) left top repeat-y;
}

div#zona_variable_fill {
background:transparent url(../img/fons_04.gif) left top repeat-x;
position:relative;
}

/* encapçalaments */
h1.logotip {}

h1.logotip a:link, h1.logotip a:visited {
display:block;
text-indent:-10000px;
text-decoration:none;
}

h1.home{
width:264px;
height:42px;
background-image:url(../img/logotip_1.gif);
text-indent:-10000px;
}

h1.interior{
width:214px;
height:33px;
background-image:url(../img/logotip_2.gif);
text-indent:-10000px;
}

h1.interior a {
width:214px;
height:33px;
}

h1.interior_petit {
width:135px;
height:27px;
background-image:url(../img/logotip_3.gif);
text-indent:-10000px;
}

h1.interior_petit a {
width:135px;
height:27px;
}

/* div's i caixes */
div.porta_cita {background:transparent url(../img/fons_02.gif) left top repeat-y;}
div.porta_cita fieldset {background:transparent url(../img/fons_01.gif) left top no-repeat;}
div.porta_cita div.marc_cita {
background:transparent url(../img/fons_01.gif) left bottom no-repeat;
padding:15px 0 15px 30px;
}

div#bodego {
position:absolute;
top:-35px;
z-index:5;
width:520px;
}

p.sangrat {
text-indent:3em;
}

div.noticia {
padding-right:70px;
background-position:top right;
background-repeat:no-repeat;
}

div.noticia_home {
padding-right:80px;
padding-left:25px;
margin-right:30px;
background-position:top right;
background-repeat:no-repeat;
}
	div.n_bookcrossing {background-image:url(../img/ico_bookcrossing.gif)}
	div.n_bookcrossing_gris_6 {background-image:url(../img/ico_bookcrossing_fons_gris.gif)}
	div.n_concurso {background-image:url(../img/ico_concurso.gif)}
	div.n_concurso_gris_6 {background-image:url(../img/ico_concurso_fons_gris.gif)}
	div.n_industria {background-image:url(../img/ico_industria.gif)}
	div.n_industria_gris_6 {background-image:url(../img/ico_industria_fons_gris.gif)}
	div.n_autor {background-image:url(../img/ico_autor.gif)}
	div.n_autor_gris_6 {background-image:url(../img/ico_autor_fons_gris.gif)}
	div.n_promocion {background-image:url(../img/ico_promo.gif)}
	div.n_promocion_gris_6 {background-image:url(../img/ico_promo_fons_gris.gif)}


.fletxa_1 {
background:transparent url(../img/ico_fletxa_3.gif) 0 3px no-repeat;
padding-left:25px;
}

/* marges */
.marge_1 { /* colecciones */
margin-left:55px;
position:relative;
}

.marge_2 { /* el autor */
margin-left:25px;
margin-right:45px;
}

.marge_3 { /* coelho */
margin-left:55px;
margin-right:90px;
}

.marge_4 { /* noticies */
margin-left:20px;
margin-right:20px;
}

.marge_5 { /* citas */
margin-left:50px;
margin-right:50px;
}

/* espaiats */
.espaiat_25_0 {padding:25px 0;}
.espaiat_5_0_0_18 {padding:5px 0 0 18px !important;}
.espaiat_5_20_25_18 {
padding:5px 20px 25px 18px !important;
}

.espaiat_8 {
padding-bottom:8px}
/* llistes */
ul.titols {
margin-top:0;
margin-bottom:0;
}

ul.titols li {
list-style-image:url(../img/ico_fletxa_1.gif);
}

ul.titols_gris_3 {
margin-top:0;
margin-bottom:0;
}

ul.titols_gris_3 li {
list-style-image:url(../img/ico_fletxa_4.gif);
}

/* separadors */
div.separador_1 {
background:transparent url(../img/fons_07.gif) left center repeat-x;
height:15px;
}

div.separador_2 {
background:transparent url(../img/fons_09.gif) left center repeat-x;
height:40px;
}

div.separador_3 {
background:transparent url(../img/fons_12.gif) left center repeat-x;
height:15px;
}

div.separador_4 {
background:transparent url(../img/fons_13.gif) left center repeat-x;
height:15px;
}

td.separador_5 { /* separador vertical */
background:transparent url(../img/fons_15.gif) top center repeat-y;
width:15px;
}

/* colors i imatges de fons */
.fons_blanc {background-color:white}
.fons_negre {background-color:black}
.fons_gris_3 {background-color:#464241}
.fons_gris_5 {background-color:#D7D5D6}
.fons_gris_6 {background-color:#DFDFDF}
.fons_blau_1 {background-color:#00AFE9;}
.fons_blau_2 {background-color:#A9E1F8;}

.fons_img_1 {
background-image:url(../img/1_web_home.jpg);
background-repeat:no-repeat;
}
.fons_img_2 {
background-image:url(../img/coelho_home.jpg);
background-repeat:no-repeat;
}

.fons_img_3 {
background-image:url(../img/4_web.jpg);
background-repeat:no-repeat;
}

.fons_img_4 {background:transparent url(../img/fons_05.gif) bottom left no-repeat}
.fons_img_5 {background:transparent url(../img/fons_05.gif) top right no-repeat}
.fons_img_6 {
background-image:url(../img/2_web_home.jpg);
background-repeat:no-repeat;
}

.fons_img_7 {
background-image:url(../img/3_web_home.jpg);
background-repeat:no-repeat;
}

.fons_img_8 {background:transparent url(../img/12_web.jpg) top right no-repeat}
.fons_img_9 {background:transparent url(../img/10_web.jpg) top right no-repeat}
.fons_img_10 {background:transparent url(../img/19_web.jpg) top right no-repeat}
.fons_img_11 {background:transparent url(../img/28_web.jpg) top right no-repeat}

/* fonts */
.verdana {font-family:Verdana, Arial, Helvetica, sans-serif}
.arial {font-family:Arial, Helvetica, sans-serif}
.entrelletres_1 {letter-spacing:0.035em}
.entreparaules_1 {word-spacing:0.2em}
.entreparaules_2 {word-spacing:0.4em}
cite {font-style:normal}


/* vincles */
a:link, a:visited {color:#0084D7;}
a:hover {color:black;}

a.blanc_gris_3:link, a.blanc_gris_3:visited {color:white;}
a.blanc_gris_3:hover {color:#464241;}

a.gris_3_blau_1:link, a.gris_3_blau_1:visited {color:#464241}
a.gris_3_blau_1:hover {color:#0084D7}

a.vora_negre_gris_4:link img, a.vora_negre_gris_4:visited img {border:1px solid black;}
a.vora_negre_gris_4:hover img {border:1px solid #B7B6B6;}

a.vora_gris_3_gris_4:link img, a.vora_gris_3_gris_4:visited img{border:1px solid #464241;}
a.vora_gris_3_gris_4:hover img{border:1px solid #B7B6B6;}

a.mas_info:link,a.mas_info:visited {
padding:3px 0 3px 20px;
color:#464241;
background:transparent url(../img/ico_mas_informacion.gif) -300px 3px no-repeat; 
}
a.mas_info:hover {
color:#0084D7;
background-position:0 3px; 
}

a.mas_info_negre:link,a.mas_info_negre:visited {
padding:3px 0 3px 20px;
color:white;
background:transparent url(../img/ico_mas_informacion_negre.gif) 0 3px no-repeat; 
}

a.mas_info_negre:hover {
background-position:-300px 3px; 
}

a.mas_info_gris_6:link,a.mas_info_gris_6:visited {
padding:3px 0 3px 25px;
color:#464241;
background:transparent url(../img/ico_mas_informacion_gris.gif) 3px 3px no-repeat; 
}
a.mas_info_gris_6:hover {
color:#0084D7;
background-position:-298px 3px; 
}

a.ver_ficha:link,a.ver_ficha:visited {
padding:4px 0 4px 22px;
background:transparent url(../img/ico_ver_ficha.gif) 0 3px no-repeat; 
}
a.ver_ficha:hover {
background-position:-300px 3px; 
}

a.subir:link,a.subir:visited {
padding:4px 0 4px 22px;
background:transparent url(../img/ico_fletxa_2.gif) 0 3px no-repeat; 
}
a.subir:hover {
background-position:-300px 3px; 
}

a.envia_cita {
padding:0px 0 3px 27px;
background:transparent url(../img/ico_envia_a_un_amic.gif) left center no-repeat;
}

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

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

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

/* formularis */
label {display:block}
.camps {
border:1px solid #0083D7;
background-color:#A9E1F8;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}


/* amplades */
.w720 {width:720px}
.w575 {width:575px;}
.w555 {width:555px;}
.w535 {width:535px;}
.w431 {width:431px;}
.w325 {width:325px;}
.w335 {width:335px;}
.w300 {width:300px;}
.w295 {width:295px}
.w277 {width:277px;}
.w258 {width:258px;}
.w228 {width:228px;}
.w177 {width:177px}
.w160 {width:160px}
.w150 {width:150px}
.w100 {width:100px}
.w110 {width:110px}
.w95 {width:95px}
.w77 {width:77px;}
.w75 {width:75px;}
.w25 {width:25px}
.w35 {width:35px;}

/* alçades */
.h1 {height:1px}
.h5 {height:5px}
.h8 {height:8px}
.h15 {height:15px}
.h30 {height:30px}
.h40 {height:40px}
.h80 {height:80px}
.h200 {height:200px}
.h215 {height:215px}
.h298 {height:298px}

/* colors */
.blanc, a.blanc:link,a.blanc:visited {color:white;}
.negre, a.negre:link,a.negre:visited {color:black;}
.magenta, a.magenta:link,a.magenta:visited {color:#DD0067;}
.gris_1, a.gris_1:link,a.gris_1:visited {color:#444444;}
.gris_2, a.gris_2:link,a.gris_2:visited {color:#D7D6D6;}
.gris_3, a.gris_3:link,a.gris_3:visited {color:#464241;}
.gris_4, a.gris_4:link,a.gris_4:visited {color:#B7B6B6;}

.blau_1, a.blau_1:link,a.blau_1:visited {color:#0084D7;}
.blau_2, a.blau_2:link,a.blau_2:visited {color:#A9E1F8;}
.taronja, a.taronja:link,a.taronja:visited {color:#FF9438;}
a.taronja:hover {color:#000000}
.rosa, a.rosa:link,a.rosa:visited {color:#DC0067;}

.f_magenta {background-color:#DD0067}


/**********************************************
		PROPIETATS NOVES PER LA PISARRA
********************************************/
/*comuns*/
div#barra_puntets  {
background:transparent url(../img/fons_03.gif) top right repeat-y;
margin:0 0 0 auto;
}

/*div#barra_puntets_2 {
background:transparent url(../img/fons_20.gif) top left repeat-y;
margin:0 0 40px auto;
}*/


div#pizarra {background: url(../img/pizarra.gif) no-repeat center;
width:711px;
height:416px
}

.pizarra_fons1 {
background:url(../img/fons_pisarra_01.gif) no-repeat left;
height:275px;
margin:40px 0px 10px 55px;
padding:45px 10px 10px 10px
}

.pizarra_fons2 {
background:url(../img/fons_pisarra_02.gif) no-repeat left;
height:147px;
margin:26px 0px 6px 25px
}

.pizarra_fons3 {
background:url(../img/fons_pisarra_03.gif) no-repeat left;
height:184px;
margin:6px 0px 20px 25px
}

.fons_blau_pizarra {
background-color:#D0EFFC;
width:624px;
margin-left:58px;
}

.camps_pizarra {
border:1px solid #0083D7;
background-color:white;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
}

.materias {
background:url(../img/ratlla_01.gif) repeat-y left;
font-size:11px;
margin:15px 15px 0 0
}

table tr td .border_materias {
border-top:1px solid #D8D8D8
}

table tr td .border_materias_02 {
border-bottom:1px solid #D8D8D8;
border-top:1px solid #D8D8D8
}

/*Marges*/
.peresquerra40 {padding-left:36px}
.peresquerra30 {padding-left:30px}
.perdreta40 {margin-right:40px}

.espaiat_20_10_20_25
{padding:20px 10px 20px 25px }

/***VINCLES**/


a.enviar {
display:block;
width:43px;
height:48px;
background-position:0 0;
text-indent:-10000px;
margin-left:20px
}

a.enviar:link, a.enviar:visited {background:url(../img/ico_envia.gif) no-repeat}
a.enviar:hover{background-position:-56px;}

a.enviar_blanc {
display:block;
width:43px;
height:48px;
background-position:0 0;
text-indent:-10000px;
margin-left:20px
}

a.enviar_blanc:link, a.enviar_blanc:visited {background:url(../img/ico_envia_02.gif) no-repeat}
a.enviar_blanc:hover{background-position:-56px;}

a.anterior {
display:block;
width:48px;
height:46px;
background-position:0 0;
text-indent:-10000px;
/*margin-left:50px*/
}

a.anterior:link, a.anterior:visited {background:url(../img/ico_anterior.gif) no-repeat}
a.anterior:hover{background-position:-81px;}

a.siguiente {
display:block;
width:48px;
height:46px;
background-position:0 0;
text-indent:-10000px;
}

a.siguiente:link, a.siguiente:visited {background:url(../img/ico_siguiente.gif) no-repeat}
a.siguiente:hover{background-position:-80px;}

a.actualizar:link, a.actualizar:visited {
background-color:#0083D7; 
color:white;
text-decoration:none; 
font-size:11px;
font-weight:bold;
padding:5px;
margin-left:5px}
a.actualizar:hover{background-color:#5CC8F1}


.blocCentrat {margin:0 auto !important}
/**********************************************
		PROPIETATS NOVES CONCURS 
********************************************/

.border_01 {
background:black url(../img/border_01.gif) left no-repeat;
height:10px;
width:17px;
}

.border_02 {
background:black url(../img/border_02.gif) left repeat-x;
height:10px;
}

.border_03 {
background:black url(../img/border_03.gif) right no-repeat;
height:10px;
width:17px
}

.border_04 {
background:black url(../img/border_04.gif) left repeat-y;
}

.border_05 {
background:black url(../img/border_05.gif) left no-repeat;
height:10px;
width:17px}

.border_06 {
background:black url(../img/border_06.gif) left repeat-x;
height:10px;}

.border_07 {
background:black url(../img/border_07.gif) right no-repeat;
height:10px;
width:17px}

.border_08 {
background:black url(../img/border_08.gif) right repeat-y;
}

table.barra_lateral td {
padding:5px 0 7px 10px;
border-top:1px solid #D8D8D8;
}

table.barra_lateral td.ultima_cela{
border-bottom:1px solid #D8D8D8;
}

.ratlla {
background:url(../img/ratlla_02.gif) repeat-x;
height:2px;
margin:0 10px 0 30px
}

.ratlla_02 {
background:url(../img/ratlla_02.gif) repeat-x;
height:2px;
margin:0 8px 0 10px
}

.frase_pasos {
font-size:13px;
margin:5px 5px 5px 15px
}

div#incrip_completa {
border:1px solid #D8D8D8;
margin:60px 120px 20px 120px;
padding:40px 60px 40px 90px}


#catalogo_concurso {margin:10px 10px 20px 20px}
div#catalogo_concurso a {display:block} 
div#catalogo_concurso img {border:0;} 

table.barra_lateral .no_border {border:0}

/******links*********/
a.vota0:link, a.vota0:visited {
color:white;
font-size:9px}

a.vota1:link, a.vota1:visited {
color:white;
background:url(../img/cor_1.gif) no-repeat 30px 2px;
font-size:9px}

a.vota2:link, a.vota2:visited {
color:white;
background:url(../img/cor_2.gif) no-repeat 30px 2px;
font-size:9px}

a.vota3:link, a.vota3:visited {
color:white;
background:url(../img/cor_3.gif) no-repeat 30px 2px;
font-size:9px}

a.vota4:link, a.vota4:visited {
color:white;
background:url(../img/cor_4.gif) no-repeat 30px 2px;
font-size:9px}

a.vota5:link, a.vota5:visited {
color:white;
background:url(../img/cor_5.gif) no-repeat 30px 2px;
font-size:9px}


a.vota0:hover, a.vota1:hover, a.vota2:hover, a.vota3:hover, a.vota4:hover, a.vota5:hover {color:#0083D7}


a.buscar {
display:block;
width:41px;
height:40px;
background-position:0 0;
text-indent:-10000px;}

a.buscar:link, a.buscar:visited {background:url(../img/boto_buscar.gif) no-repeat}
a.buscar:hover{background-position:-48px;}


/***Amplades***/

.w98 {width:98px}
.w132 {width:132px}
.w140 {width:145px}
.w265 {width:265px}
.w274 {width:274px}
.w620 {width:610px}

.h5 {height:5px}

/************MARGES*********/
.peresquerra80 {margin-left:80px}
.peresquerra60 {margin-left:60px}

.espaiat_2 {padding-top:2px; padding-bottom:2px !important}
.per_sota_2 {margin-bottom:2px}
.centrat_foto {margin:0 auto 2px auto}

a.marge_cor_hor:link, a.marge_cor_hor:visited {margin:0px 5px 0px 7px;}
a.marge_cor_ver:link, a.marge_cor_ver:visited {margin:0px 2px 0px 7px;}


/****VINCLES*****/

a.participar {
display:block;
width:83px;
height:47px;
background-position:0 0;
text-indent:-10000px;
margin:8px 0 0 10px}

a.participar:link, a.participar:visited {background:url(../img/boto_participar.gif) no-repeat}
a.participar:hover{background-position:-102px;}

a.gestionar {
display:block;
width:83px;
height:47px;
background-position:0 0;
text-indent:-10000px;
margin:8px 0 0 10px}

a.gestionar:link, a.gestionar:visited {background:url(../img/boto_gestionar.gif) no-repeat}
a.gestionar:hover{background-position:-102px;}


a.votar:link,a.votar:visited {
display:block;
font-size:0.9em;
padding:3px 8px;
border:1px solid #D7D6D6;
text-decoration:none;
background-color:#0084D7;
color:white}

a.votar:hover {
background-color:white;
color:#0084D7}



/**************************************************************************************** 
                   These are standard sIFR styles... do not modify 
*****************************************************************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}
.sIFR-hasFlash h2.cita {visibility: hidden;}
.denone {display:none}