/* fulla css. Versió per Ajuntament de Llagostera  */


a:link { text-decoration: none; font-weight: bold; color: rgb(0, 102, 204); }
a:visited { color: rgb(0, 102, 204); font-weight: bold; text-decoration: none; }
a:active { color: rgb(0, 102, 204); text-decoration: none; font-weight: bold; }
a:hover { color: rgb(0, 51, 204); text-decoration: underline; font-weight: bold; }



/* ----------------------------- Links----------------------- */

A:link {

	text-decoration: none;

	font-weight: bold;

	color: #0066CC;

}

A:visited {

	COLOR: #0066CC;

	font-weight: bold;

	text-decoration: none;

}

A:active {

	COLOR: #0066CC;

	text-decoration: none;

	font-weight: bold;

}

A:hover {

	COLOR: #0033CC;

	text-decoration: underline;

	font-weight: bold;

}


.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 {
	margin: 0;
	background: rgb(231, 231, 231) url(../imatges/fons_body.jpg) top repeat-x;
	font-family: Georgia,"Times New Roman",serif; font-weight: normal; line-height: 1.5em; color: rgb(65, 65, 65); text-align: left; 
	text-align:center;
}

html {
	min-width: 778px;
}

div#contenidor {
	background:url(../imatges/wh.gif) bottom right no-repeat;
	width: 778px;
	margin: 0 auto;
	background-color:#FFF;
	text-align: left;	
}

div#peucontenidor {
height: 10px;
padding: 0;
margin: 0;
	background: url(../imatges/fons_peu_e.png) bottom left no-repeat;
}

div#capsalera {
	width: 778px;
	background: #FFB404  url(../imatges/capsalera.jpg) no-repeat right top;
	height: 187px;
	margin: 0;
	padding: 0;
}

div#logo {
	width: 778px;
	display:none;
	
}


div#continguts {
	width: 778px;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url(../imatges/fons_contenidor.png);
	padding-bottom: 25px;
}

div#OfertesDemandes {
	margin: 0;
	padding: 10px 30px 25px 240px;
	background-image: url(../imatges/ilustracio_esquerra.png);
	background-repeat: no-repeat;
	background-position: left top;
}



div#peupagina {
	width:760px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0 auto;
	height: 50px;
	padding: 20px 0 ;
	clear:both;
	font-size: 10px;
	background-color: #e7e7e7;
	line-height: 18px;
	font-weight: normal;
}

#peupagina A:link {

	COLOR: #990000;

	text-decoration: none;

	font-weight: bold;

}

#peupagina A:visited {

	COLOR: #000000

}

#peupagina A:active {

	COLOR: #990000

}

#peupagina A:hover {

	COLOR: #990000;

	text-decoration: underline;

	font-weight: bold;

}







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

h1 { font-family: Georgia,"Times New Roman",serif; font-weight: normal; color: rgb(204, 102, 51); }
h2 { font-family: Georgia,"Times New Roman",serif; font-weight: normal; color: rgb(0, 0, 51); }


h3 {
	font: normal 1.05em Georgia,"Times New Roman",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: normal 1.00em Georgia,"Times New Roman",serif;
	padding: 0;
	margin: 0;
}

h5 {
	font: bold 0.85em Arial, Helvetica, sans-serif;
	margin: 10px 25px 0 25px;
	color: rgb(0, 0, 51);
}



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


p { margin: 1.1em 0pt; font-family: Georgia,"Times New Roman",serif; font-weight: normal; line-height: 1.5em; font-size: 12px; color: rgb(65, 65, 65); text-align: left; }




li {
	margin-top: 1.1em; margin-bottom:1.1em; font-family: Georgia,"Times New Roman",serif; font-weight: normal; line-height: 1.5em; font-size: 12px; color: rgb(65, 65, 65); text-align: left; 
}

td {
	font-family: Georgia,"Times New Roman",serif; font-weight: normal; line-height: 1.5em; font-size: 12px; color: rgb(65, 65, 65); text-align: left;
}


.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;
}




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

.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: #008EB2;
	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;
	clear:left;
}

.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;
	clear:left;
}


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

}


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

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


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


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


#navlistOfertes
{
margin: 0;
padding: 10px 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; }

/* menu llagostera */

#submenu { clear: both; height: 40px; text-transform: uppercase; font-size: 9pt; font-weight: bold; text-decoration: none; background-image: url(fons_boto_over.png); background-repeat: repeat-x; background-position: left top; line-height: 40px; font-family: Verdana,Arial,Helvetica,sans-serif; }
#submenu ul { margin: 0px; padding: 0px; float: left; list-style-type: none; font-family: Verdana,Arial,Helvetica,sans-serif; }
#submenu li { display: inline; }
#submenu a { border-right: 1px solid rgb(255, 255, 255); margin: 0px; padding: 0 10px; float: left; height: 40px; text-align: center; line-height: 40px; color: rgb(51, 51, 51); text-decoration: none; background-image: url(../fons_boto_over.png); background-repeat: repeat-x; background-position: left top; text-transform: none; font-weight: bold; }
#submenu a:hover { color: rgb(0, 102, 204); background-color: rgb(231, 231, 231); background-image: url(fons_boto.png); background-repeat: repeat-x; background-position: left top; }
#submenu a#current { color: rgb(0, 102, 204); background-color: rgb(231, 231, 231); background-image: url(fons_boto.png); background-repeat: repeat-x; background-position: left top; }



.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
}



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

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




/* titulars h2 */

.h2esbusca, .h2sofereix, .h2admin, .h2ajuda, .h2correu {
padding: 10px 45px;
background-position:left;
background-repeat:no-repeat;
}


.h2esbusca { background-image:url(../imatges/icona_esbusca.png) }
.h2sofereix { background-image: url(../imatges/icona_sofereix.png) }
.h2admin { background-image: url(../imatges/icona_claus.png)   }
.h2ajuda { background-image: url(../imatges/icona_ajuda.png) }
.h2correu { background-image: url(../imatges/icona_correu.png) }