body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
color:#181512;
background-color:white;
margin:0;
}

p {font-size:12px;}


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

img#logo_impressio {display:none}

div#contenidor_01 {
width:990px;
margin:0 auto;
padding:0;
position:relative;
}

div#taula_04{
background-image:url(../img/fons_09.gif);
width:716px;
height:500px;
}
div.taula_fons {background:url(../img/fons_18.gif) left top no-repeat; width:719px; height:104px;}

div#taula_05 {
/*background-image: url(../img/fons_14.gif);*/
width:990px;
height:504px;
}

div#contenidor_02 {
background:url(../img/border_01.gif) top left no-repeat;
margin:0 auto;
}

div#contenidor_03 {
background:url(../img/border_02.gif) top right no-repeat
}


div#contenidor_06 {
background:url(../img/border_03.gif) bottom left no-repeat
}

div#contenidor_07 {
background: url(../img/border_05.gif) bottom right no-repeat;}




div#contenidor_54 {
background:url(../img/border_54.gif) top left no-repeat;
margin:0 auto;
}

div#contenidor_55 {
background:url(../img/border_55.gif) top right no-repeat
}


div#contenidor_56 {
background:url(../img/border_56.gif) bottom left no-repeat
}

div#contenidor_57 {
background: url(../img/border_57.gif) bottom right no-repeat;}







div#contenidor_04 {
background:white url(../img/border_04.gif) left repeat-y
}

div#contenidor_05 {
background:url(../img/border_06.gif) right repeat-y}

div#contenidor_06 {
background:url(../img/border_03.gif) bottom left no-repeat
}

div#contenidor_07 {
background: url(../img/border_05.gif) bottom right no-repeat;}


div#contenidor_08 {
background:url(../img/border_09.gif) bottom left no-repeat;
}

div#contenidor_09 {
background:url(../img/border_10.gif) bottom right no-repeat
}


div#contenidor_10 {
background: url(../img/fons_11.gif) left center repeat-y;}

div#contenidor_11 {
background: url(../img/fons_12.gif) bottom left no-repeat;
padding-bottom:80px;}


div#contenidor_50 {
background:url(../img/border_50.gif) top left no-repeat;
margin:0 auto;}

div#contenidor_51 {
background:url(../img/border_51.gif) top right no-repeat}


div#contenidor_12 {
background:url(../img/border_12.gif) top left no-repeat;
margin:0 auto;}



div#contenidor_13 {
background:url(../img/border_13.gif) top right no-repeat}

div#contenidor_14 {
background:#CCE2F0 url(../img/border_14.gif) left repeat-y}

div#contenidor_15 {
background:url(../img/border_15.gif) right repeat-y}

div#contenidor_16 {
background:url(../img/border_16.gif) left bottom no-repeat}

div#contenidor_17 {background:url(../img/border_17.gif) right bottom no-repeat}

div#contenidor_52 {
background:url(../img/border_52.gif) left bottom no-repeat}

div#contenidor_53 {background:url(../img/border_53.gif) right bottom no-repeat}


div#contenidor_18 {background:url(../img/border_18.gif) top left no-repeat}

div#contenidor_19 {background:url(../img/border_19.gif) top right no-repeat}

div#contenidor_20 {
background: url(../img/fons_07.gif) bottom left no-repeat;
padding-bottom:80px;}

div#contenidor_21 {
background:url(../img/border_20.gif) top left no-repeat;}

div#contenidor_22 {
background:url(../img/border_21.gif) left repeat-y}

div#contenidor_23 {
background:url(../img/border_22.gif) right repeat-y}

div#contenidor_24 {
background: #FCE9B6 url(../img/border_23.gif) bottom left no-repeat}

div#contenidor_25 {
background: url(../img/border_24.gif) right top no-repeat}

div#contenidor_26 {
background:url(../img/border_25.gif) right bottom no-repeat
}

div#contenidor_27 {
background:url(../img/border_26.gif) left top no-repeat}

div#contenidor_28 {
background:url(../img/border_27.gif) right top no-repeat}

div#contenidor_29 {
background:url(../img/border_28.gif) right repeat-y}

div#contenidor_30 {
background: url(../img/border_29.gif) left bottom no-repeat}

div#contenidor_31 {
background:url(../img/border_30.gif) right bottom no-repeat}

div#contenidor_32 { background: #FCE9B6 url(../img/border_31.gif) left repeat-y}

div#contenidor_33 {
background: url(../img/fons_15.gif) bottom left no-repeat;
}


div.caixa_rodona_2 {padding:15px 8px 15px 15px;}

div.caixa_rodona_1 {padding:20px;}

div.caixa_rodona_3 {padding:30px;}


.ratlla_01 {
background:url(../img/fons_07.gif) left repeat-x;
height:2px;
margin-right:20px;
margin-top:25px;
 }
 
 .ratlla_02 {
background:url(../img/fons_08.gif) left repeat-x;
height:2px;
margin-right:20px;
margin-top:25px;
margin-bottom:20px;
 }
.ratlla_03 {
 border-top:1px solid #0081D4; 
 border-bottom:1px solid #0081D4;
 padding-top:10px; 
 padding-bottom:10px; 
 }
.negreta {font-weight:bold}


/*************HOME***************/

div#login {
background:url(../img/login.gif) no-repeat;
width:290px;
height:301px;
padding-top:166px;
}

.login_home_border {
border:1px solid #ffffff;
height:20px;
width:165px;
font-size:20px
}

.login_home_border_02 {
border:1px solid #ffffff;
height:18px;
width:165px;
font-size:20px
}
div#login_02 {
background:url(../img/login_02.gif) no-repeat left;
width:344px,;
height:191px;
padding-left:60px;
}

div#caixa_home {
background:url(../img/caixa_home.gif) no-repeat;
width:208px;
height:102px;
top:230px;
margin-left:30px;
position:absolute;
z-index:1
}

.llista_caixa_home {
padding-top:47px;
margin-left:15px;
}

h2#noticia_capca {
background: url(../img/2010/logo_noticies.gif) no-repeat;
position:absolute;
top:35px;
height:28px;
width:83px;
margin-left:100px
}

h2#noticia_capca a {
height:23px;
width:68px;
display:block
}

h2#mesLlegits_capca {
position:absolute;
top:35px;
height:28px;
width:91px;
background: url(../img/2010/logo_mes.gif) no-repeat;
margin-left:113px
}

h2#mesLlegits_capca a {
height:38px;
width:68px;
display:block
}

div#Taula_01 {
background: url(../img/2010/fons_web.gif) no-repeat;
width:990px;
height:365px;
top:335px;
position:absolute;
z-index:10}

div#Taula_01_sense_taronja {
background: url(../img/2010/fons_web_sense_taronja.gif) no-repeat;
width:990px;
height:365px;
top:335px;
position:absolute;
z-index:10}

.llegits_home {
padding:85px 0 0 55px;
width:250px;
overflow:inherit
}

.noticies_home{
padding-top:80px;
padding-left:40px;
width:230px;
height:230px;
overflow:hidden;
}

h2#cercador_capca {
position:absolute;
top:35px;
height:28px;
width:93px;
background: url(../img/2010/logo_cercador.gif) no-repeat;
margin-left:154px
}

h2#cercador_capca a {
height:38px;
width:68px;
display:block
}


.cercador_home{
padding-top:93px;
padding-left:30px;
width:250px;

overflow:hidden;
}

/************MES LLEGITS********************/

.capca_mes {
background:url(../img/capca_llegits.gif);
width:440px;
height:103px;
}

.mes {
position:absolute;
top:35px;
margin-left:350px;
color:#2F982B;
font-size:17px;
font-weight:bold
}

.veure_llibre {
background:url(../img/lupa_04.gif) right no-repeat;
padding-right:25px;
margin-top:25px
}

.titol {
font-weight:bold;
margin-bottom:5px
}

.frase_mesLlegits {
background:url(../img/lupa_03.gif) left no-repeat;
height:74px;
margin-left:200px;
font-size:14px;
line-height:74px;
padding-left:50px;
color:#716F6E;
font-weight:bold
}

/********************FITXA LLIBRE*****************/

.frase_questionari {
font-size:12px;
font-weight:bold;
padding-right:8px
}


/********************P�GINA PROFESSOR****************/

div#frase_cercar_prof {
background:url(../img/fletxa_01.gif) left bottom no-repeat;
height:42px;
padding-top:25px;
padding-left:40px;
margin-left:20px;
}

div#frase_recomanats {
background:url(../img/fletxa_03.gif) left bottom no-repeat;
height:39px;
padding-top:20px;
padding-left:30px;
margin-left:20px;
}

div#frase_llistat_classes {
background:url(../img/fletxa_01.gif) left bottom no-repeat;
height:42px;
line-height:42px;
padding-left:50px;
margin-left:20px;
}


div#solicitar {
background:url(../img/fletxa_02.gif) left bottom no-repeat;
margin-left:20px;
padding-left:50px;
height:36px;
line-height:36px}

div#contacteadmin {
background:url(../img/fletxa_01.gif) left bottom no-repeat;
margin-left:20px;
padding-left:50px;
height:36px;
line-height:36px; margin-top:20px}

div.seccionsProfe {
background:url(../img/fletxa_04.gif) left bottom no-repeat;
margin-left:20px;
padding-left:40px;
height:36px;
line-height:36px}

div.seccionsProfe2 {
background:url(../img/fletxa_12.gif) left bottom no-repeat;
margin-left:20px;
padding-left:40px;
height:36px;
line-height:36px}

div.seccionsProfe3 {
background:url(../img/fletxa_04.gif) left bottom no-repeat;
margin-left:20px;
padding-left:40px;
height:36px;
line-height:36px}



div.seccionsProfe4 {
background:url(../img/fletxa_13.gif) left bottom no-repeat;
margin-left:20px;
padding-left:40px;
height:36px;
line-height:36px}


/*****************LLISTAT DE CLASSES****************/
.capca_classe {
background:url(../img/capca_classe.gif);
width:390px;
height:101px;
}

h2#classe {
position:absolute;
top:15px;
margin-left:150px;
color:white;
font-size:17px;
font-weight:bold
}

tr.llista_01 {
background:#CCE2F0;
height:25px;
line-height:25px;
text-align:center
}

table.taula_06, table.taula_06 td, table.taula_06 th {
border:1px solid white !important;
}

/********************LLISTA LLIBRES LLEGITS PEL NEN********************/
table.taula_07 {
border:1px solid white !important;
}


table.taula_07 td.border_blanc, table.taula_07 th.border_blanc {
border:1px solid white !important;
}


.caixa_punts  {
background:url(../img/boto_punts.gif) no-repeat;
width:250px;
height:29px;
line-height:29px;
margin-top:15px;
position:relative;
margin-left:10px
}


/*******************QUE VOLS FER***************/

h2#capca_pagina_nen {
background:url(../img/capca_nen2.gif) no-repeat;
height:289px;
height:114px;
text-indent:-1000px
}

#consultar_llista {
background:url(../img/fletxa_05.gif) left no-repeat;
height:43px;
padding-left:45px;
padding-bottom:20px;
margin-left:20px;
}

#donar_alta {
background:url(../img/fletxa_06.gif) left no-repeat;
height:43px;
padding-left:45px;
margin-left:20px;
padding-bottom:20px;
}

#cercar_llibre_01 {
background:url(../img/fletxa_07.gif) left no-repeat;
height:43px;
padding-left:45px;
margin-left:20px;
padding-bottom:20px;
}

.puntuacio {
width:990px;
height:203px
}

div#tens_punts {
font-size:20px;
color:white;
font-weight:bold;
position:absolute;
top:525px;
margin-left:750px
}

div#tens_punts_02 {
font-size:20px;
color:white;
font-weight:bold;
position:absolute;
top:545px;
margin-left:750px
}

/*******************Llistat llibres nen*****************/

.capca_nen {
background:url(../img/capca_nen.gif);
width:394px;
height:101px}

h2#capcanom_nen {
position:absolute;
top:12px;
margin-left:155px;
color:white;
font-size:17px;
font-weight:bold
}


/***************************CERCAR UN LLIBRE*******************/

p#frase_cercar {
background: url(../img/fletxa_08.gif) left no-repeat;
height:42px;
padding-left:45px;
}


/*********************QUESTIONARI****************************/

.questionari {
padding-left:5px;
padding-right:10px;
}


/****************ENCAP�ALAMENTS**************/
h1.general {
text-indent:-10000px;
background-color:white;
background-repeat:no-repeat;
background-position:0 0
}

h2.general {
text-indent:-10000px;
background-color:white;
background-repeat:no-repeat;
background-position:0 0
}


h1#logo_01 {
background-image:url(../img/2010/logo.gif);

width:247px;
height:160px;
}

h1#logo_02{
background-image: url(../img/logo_04.gif);

width:317px;
height:149px;
}

h2.encapcament_01 {
font-weight:bold;
padding-top:8px
}

h1#logo_03 {
background-image:url(../img/logo_06.gif);
width:152px;
height:97px;
}


/*****************AMPLADES***********/

.w80 {width:80px}
.w90 {width:90px}
.w130 {width:130px}
.w150 {width:150px}
.w180 {width:180px}
.w200 {width:200px}
.w250 {width:250px}
.w230 {width:230px}
.w260 {width:220px}
.w_250 {width:240px}
.w290 {width:290px;}
.w310 {width:310px}
.w320 {width:320px}
.w330 {width:330px}
.w350 {width:350px}
.w370 {width:370px}
.w400 {width:400px}
.w440 {width:440px}
/*.w44*/
.w540 {width:540px}
.w600 {width:600px}
.w650 {width:650px}
.w690  {width:690px}
.w720 {width:720px}
.w780 {width:780px}
.w840 {width:840px}
.w900 {width:900px}



/***************MARGES**************/

.m50 {margin-left:50px}
.m80 {margin-left:80px;}
.persobre70 {margin-top:70px}
.persobre40 {margin-top:40px}
.persobre30 {margin-top:30px}
.marges30 {
margin-left:30px;
margin-right:30px;
}
.marges100 {
margin-left:100px;
margin-right:100px
}
.marges120 {
margin-left:120px;
margin-right:120px;
}
.marges200 {
margin-left:200px;
margin-right:200px
}

.marges250 {
margin-left:250px;
margin-right:250px
}

.marges300 {
margin-left:300px;
margin-right:300px
}



/**************PADDINGS**************/

.p73 {padding-right:73px}
.padding20x40 {padding:20px 40px;}


/****************COLORS************/
.taronja {color:#EA5115;}
.taronja3 {color:#F2AF46}
.taronja4 {color:#F98035}
.blanc {color:white}
.negre {color:#181512;}
.gris{color:#716F6E;}
.vermell2 {color:red}
.blaufons {background-color:#B3D4E8}
.blau {color:#0081D4}
.blauclar {color:#0C64E0}
.blauclarfons {background:#D1E3E1}
.verd2 {color:#84B41F}
.blau_02{color:#0075A7}


.blaufons2 {background-color:#004B8D}
.taronja2 {background-color:#F2AA00}
.vermell{ background-color:#E4212B}
.verd {background-color:#2F982B}
.blaufons3 {background-color:#0081D4}
.taronja5{background-color:#EF8411}

/****************AL�ADES*************/
.h10 {height:10px}
.h20 {height:20px}
.h30 {height:30px}

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

#login a:link, #login a:visited {
font-size:18px;
color:white;
margin-left:110px;
}

.llista_caixa_home a:link, .llista_caixa_home a:visited {
background:url(../img/punt_01.gif) no-repeat left;
padding-left:15px;
}

a.vincleInici {
display:block;
width:66px;
height:63px;
background-position:0 0;
background-repeat:no-repeat;
margin-left:70px;
text-indent:-100000px
}

a.vincleInici:link, a.vincleInici:visited {background-image: url(../img/ico_inici.gif);}
a.vincleInici:hover {background-position:-71px}

a.veurellibre:link, a.veurellibre:visited {
color:#0081D4;
text-decoration:none;
font-size:9px}

a.vincleInici2 {
display:block;
width:66px;
height:63px;
background-position:0 0;
background-repeat:no-repeat;
margin-left:250px;
text-indent:-100000px
}

a.vincleInici2:link, a.vincleInici2:visited {background-image: url(../img/ico_inici_02.gif);}
a.vincleInici2:hover {background-position:-71px}

a.veurellibre:link, a.veurellibre:visited {
color:#0081D4;
text-decoration:none;
font-size:9px}


a.veurellibre:hover {text-decoration: underline}


a.cercarLlibre {
display:block;
width:83px;
height:30px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}

a.cercarLlibre:link, a.cercarLlibre:visited {background-image:url(../img/boto_cercar.gif)}
a.cercarLlibre:hover{background-position:-88px;}

a.llistaClasse1:link, a.llistaClasse1:visited, span.llistaClasse1 {
background:url(../img/punt_02.gif) left no-repeat;
margin-left:50px;
padding-left:20px;
height:27px;
line-height:27px;
text-decoration:none;
font-weight:bold;
}

a.llistaClasse2:link, a.llistaClasse2:visited, span.llistaClasse1  {
background:url(../img/punt_03.gif) left no-repeat;
margin-left:50px;
padding-left:20px;
height:27px;
line-height:27px;
text-decoration:none;
font-weight:bold;
}

a.vermell:hover {
color:red;
font-weight:bold;
}

a.pagina_perso:link, a.pagina_perso:visited {
font-size:16px;
font-weight:bold;
color:black;
text-decoration:none}
a.pagina_perso:hover {color:#0081D4}


a.pagina_recomanat:link, a.pagina_recomanat:visited {
font-size:16px;
font-weight:bold;
color:black;
text-decoration:none;}
a.pagina_recomanat:hover {color:#0081D4}



a.imprimir {
display:block;
width:107px;
height:20px;
background-position:0 0;
text-indent:-10000px;
}

a.imprimir:link, a.imprimir:visited {background:url(../img/ico_imprimir.gif) no-repeat}
a.imprimir:hover{background-position:-115px;}


a.vincle_llista_01:link, a.vincle_llista_01:visited {
background:url(../img/punt_04.gif) left no-repeat;
padding-left:20px;
margin-left:10px;
color:black;
text-decoration:none;
height:25px;
line-height:25px;

}

a.vincle_llista_01:hover {text-decoration: underline}

a.vincle_llista_02:link, a.vincle_llista_02:visited {
background:url(../img/punt_03.gif) left no-repeat;
padding-left:20px;
margin-left:10px;
color:black;
text-decoration:none;
height:25px;
line-height:25px;
}

a.vincle_llista_02:hover {text-decoration: underline}

a.numeracio:link, a.numeracio:visited {
color:black;
text-decoration:none;
}

a.numeracio:hover {text-decoration:underline}


a.desconectar {
display:block;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-100000px;
width:224px;
height:31px;
}

a.desconectar:link, a.desconectar:visited {background-image: url(../img/boto_desconectar.gif);}
a.desconectar:hover {background-position:-256px}


/*********************************** 
  missatges de resposta
************************************/
/*********************************** 
  missatges de resposta
************************************/
/*div.feedback_ok {
background:#2E60EF url(../img/exclamacio.gif) 5px center no-repeat;
font-weight:bold;
padding:8px 25px 8px 60px;
width:65%;
margin:15px auto;
color:white;
text-align:center;
}

div.feedback_ko {
background:#EA0034 url(../img/exclamacio_negativa.gif) 5px center no-repeat;
font-weight:bold;
padding:8px 25px 8px 60px;
width:65%;
margin:15px auto;
color:white;
text-align:center;
}

*/
div.feedback_ok {

color:blue;
text-align:center;
}

div.feedback_ko {
border:solid;
border-color:#ffffff;
border-width:2px;
color:#ffffff;
text-align:center;
width:150px;
margin-left:32px;
margin-top:40px;
padding:8px
}

/* pestanyes llistat_nen.php */
.pestanyes_ {
	padding: 0px 0px 30px 0px;
}
.pestanya_ {
	margin: 0px 20px 0px 0px;
	float:right;
	border:1px solid #B3D4E8;
	background:#DEEAEE url(../img/fons_01.gif) left bottom repeat-x;
	width:110px;
	height:30px;
	text-align:center;
}
.pestanya_triat {
	margin: 0px 20px 0px 0px;
	float:right;
	border:1px solid #B3D4E8;
	background:#DEEAEE url(../img/fons_01.gif) left bottom repeat-x;
	width:110px;
	height:30px;
	text-align:center;
	background-color:#B3D4E8;
}
.vincle_pestanya:link, .vincle_pestanya:visited{
	color:#0066CC;
	padding-top:5px;
	height:25px;
	width:150px;
	text-decoration:none;
}

.vincle_pestanya:hover{
	color:#000000;
}
.text_vincle{
	padding-top:6px;
}

.boto_contacte{width:152px; height:28px; background:url(../img/boto_cntacte.gif) no-repeat; padding:10px; margin-left:50px; margin-top:10px;}
.centrar_foto_div_01{display: table; height: 28px;  #position: relative; overflow: hidden;width:152px;}
.centrar_foto_div_02{#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
.centrar_foto_div_03{#position: relative; #top: -50%}

/********************
Afegits al 02/12/2010
*********************/

.categories
{
	font-weight:bold;
	text-align:center;
	float:left;
	height:150px;
	font-size:14px;
	margin:15px 20px 15px 0;
}

.categories a:link, .categories a:visited
{
	color:#1B4464;
	text-decoration:none;
	display:block;
}

.categories a:hover
{
	color:#5789AF;
}

a img
{
	border:none;
}
div.email_home{padding-left:50px;padding-top:20px; float:left; padding-left:65px; width:220px}
div.email_home a{color:#EF8716 !important; text-decoration:none;}
div.email_home_02{height:40px;padding-top:10px; font-size:13px; padding-left:10px}
div.email_home_03{height:40px;padding-top:10px; font-size:13px; padding-left:30px}
div.email_home_04{height:40px;padding-top:10px; font-size:13px; padding-left:40px}


.trenca_float_02 {clear: both;
   height: 0;
   margin: 0;
   padding: 0;
   font-size: 0.000001em;
   line-height: 0.000001em;}
   
   
#personalitzacio_nen{
	position:absolute;	
	width:297px;
	height:383px;
	top:135px;
	left:693px;
	background-repeat: no-repeat;
}
.drac1{
	background-image:url('../img/drac-A.png');
}
.drac2{
	background-image:url('../img/drac-B.png');
}
.drac3{
	background-image:url('../img/drac-C.png');
}
.drac4{
	background-image:url('../img/drac-D.png');
}

/* Lectura a casa */
.boto_lectura_a_casa {
    background-color: #0083d7;
    border: 2px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
	font-size:14px;
	width:150px;
	margin:0;
}

.contenedor_dibuix_lectura_a_casa{
	margin:10px 25px;
	float:left; text-align:center; width:250px;
}