/*** links */ 

a { color: #770000; text-decoration: none }

a:hover,a:active { color: #000000; text-decoration: none }

#peupagina a, #ariadna a { color:#FFFFFF; text-decoration:none }

#peupagina a:hover, #peupagina a:active, #ariadna a:hover, #ariadna a:active { color:#FFCC33; text-decoration:underline }

a#actual {
	color: black; border-bottom:1px solid #999;
}


#peupagina p {
	color: #F6DBD4;
	margin:0;
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.noprint {

	display: block;

}



/******** NOTICIES ***************************************************************************/


div.inidrecera {
	/* border-bottom: 2px dotted #E6E3DD; */

	margin: 0 20px 13px 25px;
	border: 1px solid #CCCC99;
	padding: 8px;
	background-color: #FFFFCC;

}


.inidrtitol {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 7px 10px;
	padding: 1px 0 0 20px; 
	background-image: url(img/bul_dre.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}


div.ininoticia {
	/* border-bottom: 2px dotted #E6E3DD; */
	margin: 0 20px 13px 25px;
	width: 99%;
}


.inititol {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif; 
	background-image: url(img/bul_not.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 1em;
	margin-bottom:0;
}

.iniintro{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 1em;
	margin-top:0.25em;
	text-align: justify;

}



.nottitol {

	font: 1.3em Arial, Helvetica, sans-serif;

	margin: 6px 20px 6px 24px; 

	background-image: url(img/bul_not2.gif);

	background-repeat: no-repeat;

	background-position: 0 8px;

}



.notintro{
	margin: 6px 20px 6px 24px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;

}

.notcos{

	font: 0.70em Verdana, Arial, Helvetica, sans-serif;

	margin: 10px 0 10px 15px;

	text-align: justify;

	border-top: 2px dotted #CCCCCC;

	padding-top: 9px;

}

.tornar {
	border: 2px dotted gray;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	text-transform: uppercase;
	padding: 4px 10px;
}




/****** HEADINGS *****************************************************************************************/

h1, h2, h3, h4 {
	color: #5F1305;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.2em;
	margin-top: 0.5em;
}

h2 { font-size: 1em }

h3 { font-size: 0.85em }

h4 {
	font-size: 0.75em;
	margin: 0 0 .5em 0;;
}


/****** TEXT *********************************************************************************************/
p {
	margin: 0 0 .75em 0;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	line-height:140%;
}

#contingut ul {
	margin: 0 0 .75em 0;
	}

.ocult {
	display: none;
	font-size: 0;
}


.ccintro {
	font-size:0.75em;
	line-height: 1.5em;
}

/*
.txt {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
} */

#contR p {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
	color: black;
	margin: 0px 18px 10px 20px;
}

#contR h2 {
	margin: 20px 18px 10px 20px;
}


ul {

	padding: 0 0 0 20px;

	margin: 0 20px 0 5px;

	/*clear: both;*/

}

.libg  {

	list-style: none;

	background: url(img/boto_llistes.png) no-repeat;

	background-position: 6px 5px;

	font: 0.7em Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 0 20px;

	margin-bottom: .1em;

	margin-left: 0px;

	text-align: left;

}

html>body .libg {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	background-position: 0 1px;

	margin-bottom: 6px;

}
.libgR {

	list-style: none;
	background: url(img/img_li2.gif) no-repeat;
	background-position: 0 5px;
	font-size: 0.70em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}

html>body .libgR {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	background-position: 0 1px;
	margin-bottom: 6px;
}


.asstit {

	background: url(img/boto_llistes.png) no-repeat;

	background-position: 0 5px;

	font: bold 0.70em Verdana, Arial, Helvetica, sans-serif;

	margin: 15px 20px 5px 24px;

	padding: 4px 0 0 18px;

	text-align: left;

}

html>body .asstit {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	background-position: 0 1px;

}



.asstxt {

	font: 0.85em Verdana, Arial, Helvetica, sans-serif;

	text-align: justify;

	margin: 0 0 10px 0;

}

html>body .asstxt {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	font: 0.7em Verdana, Arial, Helvetica, sans-serif;

	margin-left: 35px;

}



.projtxt {

	font: 1em Verdana, Arial, Helvetica, sans-serif;

	text-align: justify;

	margin: 0 0 10px 0;

}

html>body .projtxt {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	font: 0.75em Verdana, Arial, Helvetica, sans-serif;

	margin-left: 35px;

}



.libgR {

	list-style: none;

	background: url(img/boto_llistes.png) no-repeat;

	background-position: 0 5px;

	font: 0.70em Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 0 20px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-align: left;

}

html>body .libgR {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	background-position: 0 1px;

	margin-bottom: 6px;

}




.peufoto {

	font: 0.7em Arial, Helvetica, Sans-serif;

	color: #663333;

	text-align: justify;

	margin: 10px 15px 0 0;

}



.foto {

	float: right;

	width: 303px;

	margin: 0 0 20px 20px;

}

/*** formularis */

form {
	border: 1px solid #FDE359; 
	padding: 0 1em 1em 1em; 
	background-color: #F6F6F6;
}


label {

	font: bold 0.70em Arial, Helvetica, sans-serif;

	color: #971905;

	text-transform: uppercase;

	margin: 0;

	padding: 0;

}



div.formrow {

	margin: 7px 0 0 0;

	text-align: left;

}



.camp {

	font: 0.70em Verdana, Arial, Helvetica, sans-serif;

	padding: 1px 4px 1px 4px;

	margin: 0;	

	vertical-align: middle;

}



.fboto {

	font: 0.75em Arial, Helvetica, sans-serif;

	padding: 1px 0px 1px 0px;

	margin: 0;

}





.nota {

	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #666666;
	margin-top: 0.75em;

}

html>body .nota {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	margin-top: 10px;

}


/***  Preguntes freqüents ***/

div#inforelbox {
	/*clear: both;*/
	background-color: #FEF7CF;
	border: 2px solid #FB9E20;
	margin: 1em 0;
	padding: 0 0 5px 0;
	background-image: url(img/fons_info_basica.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}

#inforelbox h3 {
color: white;
background-color: #FB9E20;
padding: 0.5em;
margin-top:0;
}

#inforelbox p {
margin: .5em 1em;
}

#inforelbox ul {
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: .5em 1em;
}



.faq, .faqdesplegable {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	margin: 1em 0;
	border: 2px solid #FDE359;
	padding: 1em;
	background:#FEF7CF url(img/fons_faq.png) no-repeat right top;
}

.faq h2, .faqdesplegable h2 {
margin: 0 auto;
}

.faq li, .faqdesplegable li, .faq p, .faqdesplegable p {
	font-size: 0.7em ;
    color: #222;
	margin: 10px auto;
}
.faq p, .faqdesplegable p {
/*margin: 3px auto;*/
text-align:justify;
}

.faqdesplegable li {
margin: 0px auto;
list-style: square;
}

.faq li li, .faqdesplegable li li {
	font-size: 1em ;
}	

.faq strong, .faqdesplegable strong, .accordion-click strong{ color:#990000 }

/********** Acordió ******************/

.accordion-click{
	margin: 15px auto;
	width: auto;
	border-top: 1px dotted #ccc;
	cursor:pointer;
	padding:1px 0;
	background-color:#f6f6f6;
	font-weight:bold;
}

.accordion-content{
	width: auto;
	text-align:justify;
	background-color: #fff;
	padding-left:10px;
	border-left: 2px solid #FDE359;
}


.destacat {
	background-color: #FEF7CF;
	border: 1px solid #CBC6A6;
	margin: 1.5em 0;
	padding: 2em;
	color:#651405;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height: 1.5em;
}



/****** ESTRUCTURA ***************************************************************************************/

body#marc {

	text-align: center;
	margin: 0;
	background-color: #948D81;
	background-image: url(img/bg_pag.gif);
	background-attachment: fixed;
}


div#principal {
	width: 778px;
	margin: 0 auto;	
	background-color: white;
	text-align: left;
	background-image: url(img/bg_pag_cc.gif);
	background-repeat: repeat-y;
	background-position: left;
}

.sensefons {
	background-image: none;
}

div#barraArea {
	clear:both;
	width:100%;
	height: 82px;
	border-bottom: 1px solid white;
	background:#FB9E20 url(img/fons_generic.png) no-repeat right top;
	margin: 0;
	padding: 0;
}


div#menu {
	width: 170px;
	float: left;
}

/* div#contingut {
	width: 600px;
	padding-bottom: 2em;
	float: left;
}
*/
div#contingut {
	margin-left: 190px;
	margin-right: 200px;
	padding: 1em;
	max-width: 36em;
	padding-bottom: 3em;
}


div#contR {
	float: right;
	width: 195px;
}


#peupagina {
	clear: both;
	margin: 0;
	padding: 10px;
	color: #333;
	background-color: #D44A2A;
	border-top: 1px solid white;
}

/* div#peupagina {

	width: 778px;

	background-color: white;

	text-align: left;

	border-top: 1px solid white;

	clear: both;

	margin: 0 auto;

}
*/


#ariadna {
	font: 0.75em Arial, Helvetica, Sans-serif;
	color: white;
	clear: both;
	background-color: #6E6E6E;
	background-image: url(img/bg_ariadna.gif);
	padding: 3px 9px 4px 15px;
	border-bottom: 1px solid white;
	background-repeat: repeat-x;
	background-position: top;
}

html>body div#ariadna {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	padding: 3px 9px 3px 10px;

}





.reset {

	clear: both;

	margin: 0;

}







/***** NAV **********************************************************************************************/



.menubox {

	list-style: none;

	margin: 0;

	padding: 0;

}



.menu1 {

	width: 170px;

	letter-spacing: 0.05em;

	word-spacing: 0.05em;

	font: bold 0.75em Arial, Helvetica, Sans-serif;

	text-transform: uppercase;

	background-color: #FDE359;

	padding: 5px 0 5px 10px;

	border: none;

	margin: 0;

}

html>body .menu1 {

	/* Correcci? pels navegadors que no tenen els bugs de l'IE */

	width: auto;

	margin: 0 0 1px 0;

}



.menubox2 {

	list-style: none;

	text-transform: none;

	margin: 5px 0 -5px -10px;

	padding: 0;

	background-color: #FFEEAC;

}

.menu2 {

	font: bold 1em Arial, Helvetica, Sans-serif;

	letter-spacing: 0;

	background: #FFFFCC url(img/bg_menu2.png) no-repeat 9px 9px;

	padding: 4px 0 4px 15px;

	margin: 0;

	border-top: 1px solid #E2BC6E;

}

html>body .menu2 {

	/* Correcci? pels navegadors no IE */

	height: auto;

}

.menubox3, .menubox4 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 5px 0 0;
	border-left: 2px dotted #FB9E20;

}

.menu3, .menu4 {
	font: normal 1em Arial, Helvetica, Sans-serif;
	 /* line-height: 1em; */
	padding: 0 0 0 10px;
	margin: 0px 0 3px 0;
    background: #FFFFCC url(img/bg_menu3.png) no-repeat 1px 4px;
}