/* fulla css. A partir de:
http://www.ajuntament.gi/auditori/auditori.css */

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

a:hover,a:active, a:focus { color:#000; text-decoration:underline; }

a.neg{ color:#FFFFFF; text-decoration:none }

a.neg:hover,a.neg:active {
	color:#FFCC33;
	text-decoration:underline;
	float: none;
}

.drecera {
	text-decoration:underline;
}

.vinclesDestacats li {
	margin: 5px 0 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-image: url(imatges/boto1.png);	
}

.vinclesDestacats a {
	color:#600; 
	text-decoration:none
}

.vinclesDestacats a:hover, .vinclesDestacats a:active, .vinclesDestacats a:focus {
	color:#000;
	text-decoration:underline; 
 }
 
 
.menuAdmin {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

.menuAdmin a:hover, .menuAdmin a:active, .menuAdmin a:focus {
	color:#000;
	text-decoration:underline; 
 }
 
/***** ESTRUCTURA *******************************************************************************************/

body#marc {
	text-align: center;
	margin: 0;
	background-color: #948D81;
}

html {
	min-width: 778px;
}

div#contenidor {
	width: 778px;
	margin: 0 auto;
	background-color:#FFF;
	text-align: left;	
}

div#capsalera {
	width: 778px;
	margin: 0 auto;
	float: left;
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background: url(imatges/fons_capsalera.png) no-repeat left top;
	background-color: #4A6975;
}

div#logo {
	float: left;
}

div#menuscapsalera {
	float: right;
	width: 545px;
	text-align: right;
	margin: 5px 15px 5px 0;
}


div#continguts {
	width: 778px;
	margin: 0 auto;
	/*background-image: url(imatges/fons_girona_tria.jpg); */
	background-repeat: no-repeat;
	background-position: right bottom;
}

div#esquerra {
	width: 200px;
	float:left;
	text-align: left;

}

div#dreta {
	width: 500px;
	float: right;
	text-align: left;
	margin: 20px 20px 0px 0;
	padding-bottom: 35px;
}

div#dretaOfertes {
	width: 500px;
	float: right;
	margin: 20px 20px 0px 0;
	padding-bottom: 25px;
}

div#peupagina {
	width: 778px;
	background-color: #D44A2A;
	text-align: center;
	clear: both;
	margin: 0 auto;
	padding: 0;
	clear:both;
}

.v {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


/* colors i fons per a cada secció */

.fonsVoluminos {
	background: url(imatges/fons_voluminos.png) repeat-y left top;
	}
	
.fonsSubstitueixes {
	background:url(imatges/fons_substitueixes.png) left top repeat-y;
	}	
	
.fonsEspecial {
	background:url(imatges/fons_especial.png) left top repeat-y;
	}
	
.fonsUtil {
	background:url(imatges/fons_util.png) left top repeat-y;
	}
	
.fonsGeneral {
	background:url(imatges/fons_general.png) left top repeat-y;
	}		

.fonsPortada {
	/* background:url(imatges/fons_portada.jpg) left top no-repeat; */
	background:url(imatges/deixalla_electronica.jpg) no-repeat left bottom; 
	
	}	
	
		
.titolVoluminos {
color: #E6B100 ;
}

.titolSubstitueixes {
color: #FFAA42 ;
}

.titolEspecial {
color: #F56647;
}

.titolUtil {
color: #F48700 ;
}

.titolGeneral {
color: #101618 ;
}

.titolOfertes {
	color: #F48700;
	font-size:1.25em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-top: 25px;
	margin-bottom: 15px;
}


/* Menú com és? */


#menuComEs
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.6em;
padding: 0 0 15px 0;
margin-bottom: 15px;
border-bottom: 2px dotted #999;
}

#menuComEs li
{
list-style: none;
margin: 0;
display: inline;
color: #333;
font-weight:bold;


}

#menuComEs li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #F67258;
background: #425E6A;
text-decoration: none;
}

#menuComEs li a:link { color: #FFFFFF; }
#menuComEs li a:visited { color: #FFFFFF; }
#menuComEs li a:hover {
border-color: #FF0000;
color: #FFF;
background: #56727E;
}


#menuComEs a:link#current, #menuComEs a:visited#current, #menuComEs a:hover
{
border-color: #FF0000;
color: #FFF;
background: #F48700;
}



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

#menuComEs .menuUtil a:link {background-color:#FF9008;}
#menuComEs .menuVoluminos a:link {background-color:#FFC400;}
#menuComEs .menuEspecial a:link {background-color:#F67258;}
#menuComEs .menuSubstitueixes a:link {background-color:#FFBE6F;}

#menuComEs .menuUtil a:visited {background-color:#FF9008;}
.menuVoluminos a:visited {background-color:#FFC400;}
.menuEspecial a:visited {background-color:#F67258;}
.menuSubstitueixes a:visited {background-color:#FFBE6F;}






/***** ENCAPÇALATS ******************************************************************************************/

h2 {
	font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px 0 10px 0;
}

h3 {
	font: bold 1.05em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(imatges/ratlla_punts_h.png) repeat-x left top;
	padding: 12px 0 0 0;
	margin: 10px 0 0 0;
	clear:both;
}

h4 {
	font: bold 1.00em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

h5 {
	font: bold 0.85em Arial, Helvetica, sans-serif;
	margin: 10px 25px 0 25px;
	color: #D44A2A;
}



/***** FORMAT *******************************************************************************************/


p {
	font: 0.75em/166% Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin: 6px 0;
	text-align:justify;
}

li {
	font: 0.8em/166% Verdana, Arial, Helvetica, sans-serif;
}

td {
	font: 0.8em/166% Verdana, Arial, Helvetica, sans-serif;
}


.link {

	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 15px 8px 32px;
	padding-left: 20px;
	background-image: url(img/bull_link.gif);

}

.link2 {
	font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 15px 8px 52px;
	padding-left: 20px;

}



ul {
	padding: 6px 0 6px 12px;
	margin: 0 20px 0 5px;
}




.boto2 {
	padding: 0;
	margin: 0;
	border: none;
	width:auto;
}

.boto {
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 5px 7px 5px 7px;
	background-color: #FFFFFF;
	border-top: 2px dotted #D44A2A;
	border-bottom: 2px dotted #D44A2A;
}



/* --------------*/ 

.comentari {
	display: none;
}



.nav1 {
	font: bold 0.70em Verdana, Arial, Helvetica, sans-serif;
	border-left: 1px solid #D44A2A;	
	padding: 7px 7px 7px 7px;
	float: left;
	margin: 0;
}


.navL {
	margin: 0px;
	width: 50%;
	padding: 4px 5px 4px 5px;
	float: left;
}

.navR {
	padding: 4px 5px;
	clear: right;
}

.navRbaix {
	margin: 0px;
	padding: 4px 5px;
	float: right;
	clear: right;
	vertical-align:bottom;
}



/***** MENUS *******************************************************************************************/

a.menu { color:#000; text-decoration:none }

a.menu:hover,a.menu:active { color:#CC0000; text-decoration:underline;}


p:focus { }

.menuitem {

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

	padding: 5px 5px 5px 20px;

	margin: 0;

	border-bottom: 1px solid #FFFFFF;

	background: url(img/img_bul.gif) no-repeat;

	background-position: 6px 7px;

}



.menutitol {

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

	letter-spacing: 0.6px;

	word-spacing: 2px;

	padding: 5px 5px 5px 8px;

	margin: 0;

	border-bottom: 1px solid #FFFFFF;

	background-color: #B39829;

	color: #FFFFFF;

}





/***** PEU **********************************************************************************************/

.peu {

	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	color: #F6DBD4;
	padding: 3px 25px;
}





/***** FORMULARI ************************************/

label {
	color: #D44A2A;
	margin: 0;
	padding: 0;
	font: bold 0.8em Arial, Helvetica, sans-serif;

}



legend {

	font: bold 0.9em Arial, Helvetica, sans-serif;
	margin: 0px 25px 0 15px;
	color: #D44A2A;
	padding-bottom: 5px;
}

html>body legend {

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

	padding: 15px 25px 5px 25px;

	margin: 0;

}

input, textarea {
	width:250px;
	border: 1px solid #465C66;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	font-weight:bold;
	color: #465C66;
	font-size:1em;
	}


/** llistat ofertes **/


.ofertesTitular {
	font-weight: bold;
	color: #000;
	background-image: url(imatges/ratlla_punts_gris_h.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

.ofertesText {
	color: #333;
	font-size: 0.75em;
	margin:0;
	padding:0;
}

.ofertesData {
	color: #999;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
}	

.ofertesContacte {
	color: #465C66;
	font-size: 0.7em;
	padding: 12px 0 0 0;
	margin: 0;
	background-image: url(imatges/separador.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.ofertesNavegador {
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 5px 20px 0;
	float:right;

}


#contentsOfertes td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.llistatOfertes td{
	border-bottom:#ccc 1px solid;
}


#contentsOfertes label {
font-size: 1em;
}


/*** menu ofertes  */
/* http://css.maxdesign.com.au/listamatic/horizontal08.htm */


#navlistOfertes
{
margin: 0;
padding: 20px 0 20px 5px;
border-bottom: 1px solid #000;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:0.85em;
}

#navlistOfertes ul, #navlistOfertes li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;

}

#navlistOfertes a:link, #navlistOfertes a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 8px 4px 8px;
text-decoration: none;
color: #999;
}

#navlistOfertes a:link#current, #navlistOfertes a:visited#current, #navlistOfertes a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlistOfertes a:hover { color: #000; }


/*Calendari */

.calendariMes {
	background-color:#FFFFFF;
	font-weight: bold;
	letter-spacing: .1em;
	color:#F67258;
	border-right:solid 1px #F67258;
	background: url(imatges/ratlla_punts_h.png) repeat-x left top;
	
}

.calendariFilaParell {
	background-color: #FEF0ED;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FDD8D0;
}

.calendariFilaImparell {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FDD8D0;	
}

.notes {
	font-size: 0.65em;
	color: #666;
	line-height:120%;
}


.textOrdenanca {
	background-color: #F6F6F6;
	padding: 15px;
	margin: 15px;
	width: 450px;
	border: 1px solid #CCCCCC;
}


.requadre {
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px;
	width:auto;
	clear:both
}


/* Questionari inicial */

div#requadrequestionari {
}

#requadrequestionari h2 {
color: #F15335;
font-size:1.4em;
}

#requadrequestionari h3 {
background: none;
}

#requadrequestionari a {
font-family:"Trebuchet MS", Arial, sans-serif;
text-decoration:underline;
}

#requadrequestionari a:hover, #requadrequestionari a:active, #requadrequestionari a:focus {
 color:#FF9008; 
}

#passes p{ 
font-size:0.8em;

}

#passes a {
font-family:"Trebuchet MS", Arial, sans-serif;
text-decoration:underline;
color:#999;
}

#passes a:hover, #passes a:active, #passes a:focus {
 color:#FF9008; 
}



.requadre_dreta {
	padding: 5px;
	width:220px;
	float:right;
	text-align:left;
	margin: 10px;
	border-left: 1px solid #CCCCCC;
}

.requadre_esquerra {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	width:220px;
	float:left;
	text-align:right;
	margin: 10px;
}

.requadre_centrat {
	padding: 2px;
	width:50px;
	text-align:center;
	background-color: #4A6975;
	margin: 10px auto;
	height: auto;
	
}

.requadre_centrat_residu {
	padding: 2px;
	width:80%;
	text-align:center;
	background-color: #4A6975;
	margin: 10px auto;
	height: auto;
}

.requadredestacat {
	background-color: #FEEBE7;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px;
	padding: 10px;
	width:auto;
	clear:both
}

.requadresolucio {
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px;
	width:auto;
	background-color:#FFFFFF;
}


	
.activat {
	color: #FFFFFF;
	background-color: #FF6600;
	}

.colesquerra {
width:47%; 
float:left;
}

.coldreta {
width:47%; 
float: right
}

.separador {
width: auto;
clear:both;
}