/* CSS Document */

body {margin:0; padding:0; font-family: "Times New Roman", Times, serif; font-size:0.9em; background:#f3c66e url(../img/backgrounds/bg_web.jpg) top left repeat-x}

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

#container{ width:982px; position:absolute; top:0; left:-492px; margin-left:50%}
#container #top{ margin:0}
#container span{ visibility:hidden}
#container #contingut{background:url(../img/backgrounds/bg_contingut.png) top left repeat-y; #margin:-5px 0 0 0}
/* MENU ************************************************************************************************ */
#container #contingut #menu{
	width:242px;
	float: left;
	margin:5px 0 0 0
}
#container #contingut #menu ul#menunav{ margin:0; padding:0 0 0 0; color:#dfdfdf; list-style:none}
#container #contingut #menu ul#menunav li{padding:10px 5px 5px 10px;list-style-type: none;margin: 0;padding: 0;}
#container #contingut #menu ul#menunav li a{font-size:0.9em;color:#FFF;text-decoration:none;line-height:1.1em;display: block;text-decoration: none;background-color: transparent;padding: 4px 12px 4px 10px;}
#container #contingut #menu ul#menunav li a:hover {background:url(../img/backgrounds/bg_menuObrir_ov.jpg);color:#fff}
#container #contingut #menu h1{ margin:0; font-size:1.30em; color:#fff; font-weight:bolder}
#container #contingut #menu h4{ margin:0; font-size:0.9em; color:#fff; font-weight:bolder}

#container #contingut #menu a:hover h1{color:#f0b23a}
#container #contingut #menu ul#menunav li ul li a{font-size:0.8em;color:#fff;text-decoration:none;line-height:1.2em;display: block; font-weight:bold;padding: 4px 12px 4px 10px;}
#container #contingut #menu ul#menunav li ul li a:hover{color:#f0b23a;}
/*#container #contingut #menu ul#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {background-image:  url(img/flecha.gif);background-repeat:	no-repeat;background-position: right center;}
#container #contingut #menu ul#menunav .menutrg:hover {background-position: right center;background-repeat: repeat-x;}*/
.menuliObrir, .menutrg{ background:url(../img/backgrounds/bg_menuObrir.jpg) center left no-repeat}
.menuliObrir:hover, .menutrg:hover{ background:url(../img/backgrounds/bg_menuObrir_ov.jpg) center left no-repeate}
.menuliNormal{ background:url(../img/backgrounds/bg_menuObrir.jpg) top left}
.menuliNormal:hover{ background:url(../img/backgrounds/bg_menu_n.png) top left}
.menuliNormal2{ background-color:#493d89}
.menuliNormal3{ background-color:#493d89}


/*#container #contingut #menu ul#menunav {margin: 0;padding:0;}
#container #contingut #menu ul#menunav li {}*/
#container #contingut #menu ul#menunav ul {	margin: 0;padding: 0;z-index: 10000;}
/*#container #contingut #menu ul#menunav ul li {}
#container #contingut #menu ul#menunav a {}*/
/*controla la botonera 
#container #contingut #menu ul#menunav a:hover, #menunav a:active, #menunav a:focus,
#container #contingut #menu ul#menunav .menuon, #menunav .menuon:hover, 
#container #contingut #menu ul#menunav .menuon:active {color: #333333;letter-spacing: 0.01px;}
#container #contingut #menu ul#menunav .menumark, #menunav .menumark:hover {font-weight: bold;}*/


/*controla el desplazamiento y alcance de los submenus */
#container #contingut #menu ul#menunav .menuhide {left: -9000px;border: 0;}
#container #contingut #menu ul#menunav .menushow {left: auto;z-index: 20000;}


/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */

/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */

#menunav {
	margin: 0;
	padding:0;
}
#menunav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menunav ul {
	margin: 0;
	padding: 0;
	z-index: 10000;
}
#menunav ul li {
}
#menunav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 4px 12px 4px 10px;
	color: #ffffff;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
	color: #333333;
	letter-spacing: 0.01px;
}
#menunav .menumark, #menunav .menumark:hover {
	font-weight: bold;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
	background-image:  url(img/flecha.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menunav .menutrg:hover {
	background-position: right center;
	background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
	left: -9000px;
	border: 0;
}
#menunav .menushow {
	left: auto;
	z-index: 20000;
}


/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */
/* ********************************************************************** */


/* CONTINGUT ************************************************************************************************ */
#container #contingut #text{
	min-height:450px;
	margin:0 45px 0 262px;
	font-size:0.9em;
}
#container #contingut #text img.home{

	margin:0 -45px 0 -20px;

}
/*#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}

#container #contingut #text ul {list-style:none}
#container #contingut #text ul li{}
#container #contingut #text ul span.titulet{visibility:visible; font-weight:bolder; font-size:1.2em; color:#f0b23a; margin-top:10px; display:block}
#container #contingut #text ul a {color:#000000}
#container #contingut #text ul 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:0; font-weight:normal;font-size:1.6em;}

/* 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}

/* CONTACTA ************************************************************************************************ */
#container #contingut #text #form1{}
#container #contingut #text #form1 p label{ width:150px; display:inline-block}

.error { color:#CC0000; font-size:1.4em}
.errorsamp { color:#CC0000;}
a.botonsformulari { padding:4px; font-size:0.9em; color:#FFF; text-decoration:none; background:#747ebf; font-weight:bolder; border:solid 1px #666 }
a.botonsformulari:hover { color:#999;  background:#505a99; font-weight:bolder; border:solid 1px #333 }
/* BOTONERA ************************************************************************************************ */
#container #contingut #botonera { float:right; margin:0 8px 0 0}
#container #contingut #botonera ul{ list-style:none}
#container #contingut #botonera ul li a {display:block; height:17px; width:17px; background-position:top; margin:0 0 3px 0}
#container #contingut #botonera ul li a.home{background-image:url(../img/botonera/home.png)}
#container #contingut #botonera ul li a.contacta{background-image:url(../img/botonera/contacta.png)}
#container #contingut #botonera ul li a.imprimir{background-image:url(../img/botonera/imprimir.png)}
#container #contingut #botonera ul li a.mapa{background-image:url(../img/botonera/mapa.png)}

#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}
#container #contingut #text table tr td a { color:#f0b23a; padding:0 0 0 10px;}
#container #contingut #text table tr td a:hover{ color:#747ebf; padding:0 0 0 10px;}

.ruta_taula { background-color:#b9bedf; font-weight:bold; color:#666666; font-size:1.1em}

.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 {background:url(../img/botonera/enviar.png) no-repeat top left; height:21px; width:55px; cursor:pointer; border:none}
.botoCalcular {background:url(../img/botonera/calcular.png) no-repeat top left; height:21px; width:62px; cursor:pointer; border:none; margin:10px 0; text-align:center}
.botoPDF {height:81px; visibility:hidden; width:75px; cursor:pointer; border:none; background:url(../img/pdf.png)  no-repeat top left;}
.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;
	clear: both;
}
#container #footer #texte{padding:50px 0 0 290px; font-size:0.8em; color:#4a3c88}
#container #footer #texte a{color:#4a3c88}
#container #footer #texte a:hover{color:#999}
#container #footer #texte p{margin:0; color:#FFF; font-weight:bolder; font-size:1.1em}
#container #footer #texte p a{color:#FFF; font-weight:bolder}
#container #footer #texte p a:hover{color:#999; font-weight:bolder}

#copia_requisits{float:right; margin:0; padding:0; font-size:1.1em;}