/* CSS Document */

body {font-family: "Times New Roman", Times, serif; font-size:10px;}


.floatLeft {float:left}
.floatRight{float:right}

#container{ width:100%; position: relative; top:0; left:0;margin-left:0;font-size:10px;}
#container #top, #container span, #container #contingut #menu, #container #footer, #container #contingut #botonera{
	visibility:hidden; display:none;
}

/* CSS Document */

#container #top{ margin:0}
#container span{ visibility:hidden}
#container #contingut{margin:0}
/* MENU ************************************************************************************************ */
#container #contingut #menu{
	margin:0;visibility:hidden; display:none;
}
#container #contingut #menu ul{ margin:0; padding:0 0 0 0; color:#dfdfdf; list-style:none;visibility:hidden; display:none;}
#container #contingut #menu ul li{padding:0;visibility:hidden; display:none;}
#container #contingut #menu ul li:hover{ background:url(../img/backgrounds/bg_menu.png) top left repeat-y;visibility:hidden; display:none;}
#container #contingut #menu ul li a{font-size:0.8em;color:#CCC;text-decoration:none;line-height:1.2em;visibility:hidden; display:none;}
#container #contingut #menu ul li a:hover {color:#fff;visibility:hidden; display:none;}
#container #contingut #menu h1{ margin:0; font-size:1.50em; color:#fff; font-weight:bolder;visibility:hidden; display:none;}
#container #contingut #menu a:hover h1{color:#f0b23a;visibility:hidden; display:none;}


/* CONTINGUT ************************************************************************************************ */
#container #contingut #text{
	min-height:100%;
	margin:0;
	font-size:0.9em;
}

#container #contingut #text p:first-line{ font-weight:bolder}
/*#container #contingut #text blockquote:before{content:open-quote}*/
#container #contingut #text blockquote:first-letter{ font-weight:bolder; font-size:7em; color:#f0b23a; float:left; font-style:normal; margin:0 10px 0 0}
#container #contingut #text blockquote{ font-style:italic}


#container #contingut #text ul.llistat {list-style:none}
#container #contingut #text ul.llistat li{ margin:0 0 20px 0}
#container #contingut #text ul.llistat span.titulet{visibility:visible; font-weight:bolder; font-size:1.2em; color:#f0b23a}
#container #contingut #text ul.llistat a {color:#000000}
#container #contingut #text ul.llistat a:hover {color:#999; text-decoration:none}
/* TITOL PER LA PÀGINA */
/* Principals */
#container #contingut #text h1 { color:#f0b23a; font-weight:normal; font-size:3em; margin:0; padding:0}
#container #contingut #text h2 { color:#747ebf; margin-top:-10px; font-weight:normal;}

/* secundaris */
#container #contingut #text h3 {color:#f0b23a; border-top: dashed 1px #f0b23a;}
#container #contingut #text h4 {color:#f0b23a;}
#container #contingut #text h5 {}

/* CONTINGUT DESTACATS ************************************************************************************************ */
#container #contingut #text #destacts {padding: 0 50px 0 25px; #padding: 0 50px 0 0; _padding: 0 50px 0 25px;}
#container #contingut #text #destacts img{ border:none; clear:both}
#container #contingut #text #destacts h1{ padding:10px 0 0 0; margin:0; color:#747ebf; font-size:1em; text-transform:uppercase;}
#container #contingut #text #destacts .destacat{ margin:0 10px 50px 0;}
#container #contingut #text #destacts p{margin:0; text-align:justify}
#container #contingut #text #destacts .data{color:#747ebf; text-align:left; visibility:visible; font-weight:bolder; font-size:0.7em;}

/* CONTINGUT EsdevenimentsDestact ************************************************************************************************ */
#container #contingut #text #esdeveniments { }
#container #contingut #text #esdeveniments img{ border:none; margin:0 0 50px 0}
#container #contingut #text #esdeveniments h1{ padding:30px 0 0 0; margin:0; color:#747ebf; font-size:1.3em; text-transform:uppercase; font-weight:bolder; display:block; border-bottom: solid 1px #747ebf;}
#container #contingut #text #esdeveniments p{margin:0; text-align:justify}
#container #contingut #text #esdeveniments a{ margin:0.5em 0 1em 0}
#container #contingut #text #esdeveniments a img{ border:none; margin:0 0 0 50px}
#container #contingut #text #esdeveniments .data{color:#747ebf; visibility:visible; font-weight:bolder; font-size:0.9em; float: right	}
#container #contingut #text #esdeveniments .data2{color:#f0b23a; visibility:visible; font-weight:bolder; font-size:0.9em; float: left	}

#container #contingut #text #esdeveniments .marge_foto { margin:0.3em .8em 1.8em 0}

#container #contingut #text #esdeveniments #navegacio {margin: 1.5em 0 0 0; text-align: center; border:dashed 1px #f0b23a; clear:both}
#container #contingut #text #esdeveniments #navegacio a{ float:none; text-decoration:none; margin: 0 0 0 1em; color:#666; font-weight:bolder; padding:0.1em}
#container #contingut #text #esdeveniments #navegacio a:hover {background:#666; color:#f0b23a}
/* BOTONERA ************************************************************************************************ */
#container #contingut #botonera { float:right; margin:0;visibility:hidden; display:none;}
#container #contingut #botonera ul{ list-style:none;visibility:hidden; display:none;}
#container #contingut #botonera ul li a {display:block; height:17px; width:17px; background-position:top; margin:0 0 3px 0;visibility:hidden; display:none;}
#container #contingut #botonera ul li a.home{background-image:url(../img/botonera/home.png);visibility:hidden; display:none;}
#container #contingut #botonera ul li a.contacta{background-image:url(../img/botonera/contacta.png);visibility:hidden; display:none;}
#container #contingut #botonera ul li a.imprimir{background-image:url(../img/botonera/imprimir.png);visibility:hidden; display:none;}
#container #contingut #botonera ul li a.mapa{background-image:url(../img/botonera/mapa.png);visibility:hidden; display:none;}

#container #contingut #botonera ul li a.home:hover, #container #contingut #botonera ul li a.contacta:hover, #container #contingut #botonera ul li a.imprimir:hover, #container #contingut #botonera ul li a.mapa:hover{
	background-position: bottom}
#container #contingut #text table{ border: solid 1px #747ebf}
#container #contingut #text table thead{ background-color:#747ebf; color:#fff; font-weight:bolder}
#container #contingut #text table tr td h2, #container #contingut #text table tr td h1{padding:25px 0 0 0!important; font-size:1.5em; color:#747ebf}
#container #contingut #text table .titolTaula {font-size:1.5em; background:#747ebf; color:#fff}
#container #contingut #text table tr td > strong{ font-size:1.2em; background:#dbe0ff; display:block}

.Tableresultat th { text-align: left; background:#dbe0ff;}
.Tableresultat thead th { text-align: left; background:#747ebf;}
.Tableresultat tr { text-align: center}
.Tableresultat tfoot { background:#f3c66e; font-weight:bolder}
.Tableresultat tfoot th { text-align: left; background:#f3c66e;}

.botoEnviar {visibility:hidden; display:none}
.botoCalcular { visibility:hidden; display:none}
.titulet{background:#f3c66e; font-weight:bolder; font-size:1.1em; color:#666666!important}

/* padding: FF; #padding: ie7; _padding: ie6; */
.hrline { color:#747ebf; height:1px;}	
	
/* FOOTER ************************************************************************************************ */			
#container #footer{ background:url(../img/backgrounds/bg_footer.png) bottom left no-repeat; height:102px; width:982px;;visibility:hidden; display:none;}
#container #footer #texte{padding:50px 0 0 290px; font-size:0.8em; color:#4a3c88;visibility:hidden; display:none;}
#container #footer #texte a{color:#4a3c88;visibility:hidden; display:none;}
#container #footer #texte a:hover{color:#999;visibility:hidden; display:none;}
#container #footer #texte p{margin:0; color:#FFF; font-weight:bolder; font-size:1.1em;visibility:hidden; display:none;}
#container #footer #texte p a{color:#FFF; font-weight:bolder;visibility:hidden; display:none;}
#container #footer #texte p a:hover{color:#999; font-weight:bolder;visibility:hidden; display:none;}