/* CSS Document */
body
{
	background: #FFffff;
	color: #333;
	padding: 0px 0 40px;
}


h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}

h2
{
padding: 20px 0 0;
color: #E80F18;
line-height:120%
}

h3 {line-height:120%; color: #3A6899; font-size:140%}

p
{
	border: 0px solid #666;
	padding: 10px;
}


a {color: #E80F18; font-weight:bold}
a:hover {color: black } 


.activitats, .passahobe, .enllassos, .families, .busca, .escoles{
     background-color: #fff;
	 border: 2px solid #D57656; 
	 padding: 1em; 
	 margin: 1em 0;
}

     
.quadrebiblio {
background-color:#386292;
color: white;
padding: 10px 0;
font-size:85%;
}

.quadrebiblio p {
padding: 0px 10px;
margin: 5px 0;
}
.quadrebiblio strong {
text-decoration:underline;
}



/* 3 columnes */


#capsalera { 
background:url(../imatges/fons_capsalera2.jpg) top center no-repeat;
width:988px;
height:265px;
margin: 0 auto;
text-align:center}


#navegador_e {
padding-top: 2em;
padding-left: 12px;
}

#colcentral {

}

#coldreta {
background-color:#f0f0f0;

}

#peu {
margin-top: 2em;
border-top: 1px solid orange;
}

/* formularis cerca */

.cercador {
margin-bottom: 20px;
font-size: 80%
}

.cercador form {
margin: 0;
padding: 10px;
background-color: #D6E3EB;
border: 2px solid #C68775;
}


/* linia ariadna */
.ariadna {
border-bottom: 1px dotted #ccc;
margin-bottom: 1em ;
}

.ariadna p {margin: 0}



/* menu principal */
#menuprincipal { 
margin: 0;
padding-top: 130px;
margin-bottom:30px;
overflow:hidden;
}
 

#menuprincipal li {
display: inline;
list-style-type: none;

}

#menuprincipal li a {
color: black;
text-decoration:none;
font-weight:bold;
height:88px;
display:block;
float: left;
}

#menuprincipal li a:hover {
}


a#opcio1, a#opcio2, a#opcio3, a#opcio4, a#opcio5, a#opcio6, a#opcio7 {
background-image:url(../imatges/fons_capsalera2.jpg);
background-repeat:no-repeat;
border: 0px solid #E80F18;
text-indent:-9000px;
overflow:hidden;
}

a#opcio1 {
background-position: -15px -130px;
width: 70px;
}

a#opcio2 {
background-position: -85px -130px;
width: 162px;
}
a#opcio3 {
background-position: -247px -130px;
width: 192px;
}
a#opcio4 {
background-position: -439px -130px;
width: 155px;
}
a#opcio5 {
background-position: -594px -130px;
width: 118px;
}
a#opcio6 {
background-position: -712px -130px;
width: 128px;
}
a#opcio7 {
background-position: -840px -130px;
width: 125px;
}


a#opcio1:hover {
background-position: -15px -282px;
width: 70px;
}

a#opcio2:hover {
background-position: -85px -282px;
width: 162px;
}
a#opcio3:hover {
background-position: -247px -282px;
width: 192px;
}
a#opcio4:hover {
background-position: -439px -282px;
width: 155px;
}
a#opcio5:hover {
background-position: -594px -282px;
width: 118px;
}
a#opcio6:hover {
background-position: -712px -282px;
width: 128px;
}
a#opcio7:hover {
background-position: -840px -282px;
width: 125px;
}



/* menu navegador-e */

#navegador_e { margin-left:0px; }

#navegador_e ul
{
margin: 0;
padding: 0;
list-style-type: none;;

}

#navegador_e li { margin: 0 0 1px 0; }

#navegador_e a
{
display: block;
padding: 5px 10px;
width: 180px;
color: #000;
text-decoration: none;
background-color:#FFF19F ;
border-bottom: 2px dotted #800000;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navegador_e a:hover
{
color: #fff;
background-color: #F42D1A;
text-decoration: none;

border-bottom: 2px solid #800000;

}

#navegador_e ul ul li { margin: 0 0 1px 0; }

#navegador_e ul ul a
{
display: block;
padding: 3px 5px 3px 30px;
width: 165px;
color: #333;
background-color:#FFF19F ;
text-decoration: none;
font-weight:normal;
border-bottom: 1px dotted #D50000;

}

#navegador_e ul ul a:hover
{
color: #333;
background-color:#FFDBA6;
text-decoration: none;
font-weight:normal;
border-bottom: 1px solid #FCAD62;

}



/* menu navegador-i */

#navegador_i { margin-left:0px; }

#navegador_i ul
{
margin: 0;
padding: 0;
list-style-type: none;;

}

#navegador_i li { 
margin: 0 0 1px 0;
display:inline;}

#navegador_i a
{
display: block;
padding: 5px 0px;
width: 120px;
color: #000;
text-decoration: none;
background-color:#FFF19F ;
border-bottom: 2px dotted #800000;
font-family: verdana, arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
font-weight:normal;
}

#navegador_i a:hover
{
color: #fff;
background-color: #F42D1A;
text-decoration: none;

border-bottom: 2px solid #800000;

}

#navegador_i ul ul li { margin: 0 0 1px 0; }

#navegador_i ul ul a
{
display: block;
padding: 3px 5px 3px 30px;
width: 125px;
color: #333;
background-color:#FFF19F ;
text-decoration: none;
font-weight:normal;
border-bottom: 1px dotted #D50000;

}

#navegador_i ul ul a:hover
{
color: #333;
background-color:#FFDBA6;
text-decoration: none;
font-weight:normal;
border-bottom: 1px solid #FCAD62;

}

/* menu portada */


.menuportada
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #ccc;
width: auto;
}

.menuportada li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #ccc;
}

.menuportada li a { text-decoration: none; }


/* menu agenda */

ul#navegadormesos
{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-weight:bold;
text-align:center;
}

ul#navegadormesos li { display: inline; }

ul#navegadormesos li a
{
padding: 0.2em 0;
background-color: #FB983B;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
width:49%;
}

ul#navegadormesos li a:hover
{
background-color: #FCAD62;
color: #fff;
}



/*menu propostes i novetats */

.menu_propostes
{
clear: both;
padding: 0 1em;  
margin: 2.5em 0 0 0;
border-bottom: 3px solid #D57656;
height:69px;
}

.menu_propostes li
{
list-style: none;
margin: 0;
padding: ;
display: inline;
}

.menu_propostes li a
{
padding: 0px 0.5em 0 1em;;
margin: 0px 5px;
border: 3px solid #ccc;
border-bottom: none;
background-color: #f6f6f6;
text-decoration: none;
display:block;
float:left;
width:95px;
height:67px;
text-indent:-9999px;
}

.menu_propostes li a:link { color: #333; }
.menu_propostes li a:visited { color: #333; }

.menu_propostes li a:hover
{
color: #000;
background: #fff;
border-color:#FF953A ;
}

.menu_propostes li a#current
{
background-color: #FFFBEF;
border-color:#D57656;
border-bottom: 2px solid #fff;
color: #000000;
}

.menu_propostes li a.llibre  { 
	background:  url(imatges/icones/icones_menu_propostes.png) top left;
}

.menu_propostes li a.musica { 
	background: url(../imatges/icones/icones_menu_propostes.png) top center;
}

.menu_propostes li a.pelicula  { 
	background: url(../imatges/icones/icones_menu_propostes.png) top right;
}

.menu_propostes li a.llibre:hover, .menu_propostes li a#current.llibre  { 
	background: url(../imatges/icones/icones_menu_propostes.png) bottom left;
}

.menu_propostes li a.musica:hover, .menu_propostes li a#current.musica { 
	background: url(../imatges/icones/icones_menu_propostes.png) bottom center;
}

.menu_propostes li a.pelicula:hover, .menu_propostes li a#current.pelicula  { 
	background: url(../imatges/icones/icones_menu_propostes.png) bottom right;
}






/* propostes */


.propostes {
	border:3px solid #D57656;
	border-top:none;
	padding: 1em;
	margin: 0;
	background-color: #fff;
	clear:left;
}

.propostes li {
list-style:none;
border-bottom: 3px solid #fff;
padding: .5em 1em;
clear:left;
}

.propostes li a {text-decoration:none;}

.propostes li img {border:none; float:left; margin-right: 1em;}


/* fitxa llibre */

.fitxallibre {
	background: #FDF0C4 url(imatges/fons_fitxallibre.png) left top no-repeat;
	padding: 1em 1em 1em 90px;
	margin: 1.5em 0;
	font-size:80%;
	clear: left;
}

.fitxallibre dl {
	background-color:#FFFFFF;
	padding: 1em;
	margin: 0;
	border: 2px solid #ccc;
}

.fitxallibre dt, .fitxallibre dd {
	margin: 0;
	padding: 0;
}

.fitxallibre dd {
margin-bottom: .5em;
}

.portadallibre {
	margin-left:5px!important;
}

/* Formularis */

form, fieldset {
	margin:0;
	padding:0;
	border:none;
}

input, label {vertical-align:middle;}

.form-section {
	width:100%;
	overflow:hidden;
	margin-bottom:8px;
}
.form-section label {
	float:left;
	width:100px;
	padding:3px 18px 0 0;
	text-align:right;
	font-size:90%
}
.input-box {
	float:left;
	border:2px solid #c7c7c7;
	width:290px;
	height:16px;
	padding:2px 3px;
	overflow:hidden;
}
.input-box span {
	float:left;
	width:290px;
	height:16px;
	overflow:hidden;
}
.input-box input {
	width:290px;
	padding:1px;
	margin:-2px 0 0 -2px;
	background:none;
	border:none;
}
.form-section textarea {
	float:left;
	border:2px solid #c7c7c7;
	width:295px;
	height:125px;
}

.form-section input[type="radio"] {
	width:30px;
	padding:1px;
	margin:-2px 0 0 -2px;
	background:none;
	border:none;	
	}

.botoenviar {margin-left: 120px; margin-top: 0 }
.preguntabrossa { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ccc}


/* Comentaris */

.llistacomentaris {
margin-left: ;
list-style-type: upper-alpha;
}

.llistacomentaris li {
padding: 1em 1em 0 1em;
border-bottom: 1px solid #ccc;
background:#E6EDF0


}

.llistacomentaris .data {
	  padding: 0 0 0 20px;
	  background: url(../imatges/icones/comentari_gran.png) no-repeat 3px left;
      color: #666;
	  margin: 0;
	 }

.comentari {
margin: 0;
}

.usuari {
      font-weight: bold;
}

.llistacomentaris li.imparell {
	background-color: #D4E1E9; 
}


/* fitxa llibre */

.fitxallibre {
	background: #FDF0C4 url(../imatges/fons_fitxallibre.png) left top no-repeat;
	padding: 1em 1em 1em 90px;
	margin: 1.5em 0;
	clear: left;
}

.fitxallibre dl {
	background-color:#FFFFFF;
	padding: 1em;
	margin: 0;
	border: 2px solid #ccc;
}

.fitxallibre dt, .fitxallibre dd {
	margin: 0;
	padding: 0;
}

.fitxallibre dd {
margin-bottom: .5em;
font-weight:bold;
border-bottom: 1px solid #f0f0f0;
}

.portadallibre {
	margin-left:5px!important;
}




/* STAR RATING ( http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/) */
#rating {
	float: left;
	margin: 0 1em 0.5em 0;
	padding: 0;
	display: block;
}	
	
.star-rating{
	list-style:none;
	margin-left:5px!important;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	background:  url(imatges/icones/alt_star.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(imatges/icones/alt_star.gif) left bottom;
	z-index: 2;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(imatges/icones/alt_star.gif) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}


ol.activitats_llistat {
list-style:none;
margin: 0;
padding: 0;
}

ol.activitats_llistat li {
border-bottom: 1px dotted #ccc ;
margin: .5em 0;
padding: .5em 0
}


ol.activitats_llistat h4, ol.activitats_llistat p {
padding: 0  0 0.25em 0;
margin: 0;
line-height:120%
}

.activitats_dia {
display: block;
background-color:#E80F18;
padding: 0.5em;
color: white;
font-size:150%;
font-weight:bold;
with: auto;
float: left;
margin: 0 .5em .5em 0;
}


.activitats_categoria {
font-size: 80%; 
font-variant:small-caps;
color: #666666;
font-weight:normal;
}

.activiats_notes {
color: #E80F18; 
}
/* activitats */
