@charset "utf-8";
/* CSS Document */
/* HOME */

/** Document **/
 
html{
	margin:0;
	padding:0;
	border:0;
}

body{
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande" , Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin:0;
	padding:0;
	border:0;
	background-image:url(../media/imatges/fons/fons01.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}

/** Format **/

.roig{
	color:#CC0000;
	font-weight:bold;
	font-size:0.9em;
}

.blau{
	color:#006699;
	font-weight:bold;
	font-size:0.9em;
}

.blanc{
	color:#FFF;
	font-size:0.8em;
	font-family:  "Lucida Sans Unicode","Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

a{
	font-family: "Lucida Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-decoration:underline;
	font-weight:bold;
	color:#474747;
}

a:hover{
	text-decoration:none;
}

a.separador{
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande" , Tahoma, Arial, Helvetica, sans-serif;
	border-left:1px solid #474747;
	padding-left:0.5em;
	margin-left: -0.5em;
	height: 0.8em;
	font-size:1em;
	font-weight:normal;
}

a.petit{
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande" , Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
}

p{
	line-height:1.3em;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	font-size:0.9em;
}


hr.particio{
	margin:0;
	padding:0;
	display:none;
}

div.separador{
	visibility:hidden;
	float:none;
	clear:both;
}

hr.separacio{
	margin-top:1.3em;
	margin-bottom:1.3em;
	color:#EAEFE5;
	background-color: #EAEFE5;
	height: 2px;
	border: 0;
	clear:both
}

hr.separacio_gran{
	color:#EAEFE5;
	background-color: #EAEFE5;
	height: 5px;
	border: 0;
	clear:both;
	margin-bottom:1.3em;
}


hr.separacio_ocult {
	visibility:hidden;
	clear:both;
}

hr.separacio_ocult2 {
	padding: 0;
	margin: 0;
	height: 0;
	border: 0;
	visibility:hidden;
	clear:both;
}

p.data{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:0.8em;
	color:#7D613B;
}

ul{
	position:relative;
	margin:0;
	padding-left:10px;
	list-style: url(../media/imatges/icones/quad01.gif);
}

li{
	position:relative;
	list-style: url(../media/imatges/icones/quad01.gif);
}

h1{
	font-size:1.3em;
	font-weight:bold;
	color:#360;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	margin-top: 3px;
}

h1.menuPrincDestacat{
	font-weight:normal;
}

h2{
	font-size: 1em;;
	padding:0;
	margin:0;
	line-height:1.4em;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}


/** Formulari **/

form{
	margin:0;
	padding:0;
}

input{
	margin:0;
	padding:0;
	display:block;
	float:left;
	border: 1px solid #003366;
	background-image:url(/templates/home/media/imatges/fons/fons07.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

input[type=hidden]{
	background-image:none;
	background:none;
	border:0;
}

input[type=text],input[type=password]{
	height:1.4em;
	vertical-align:middle;
}

input[type=text],input[type=password], textarea, input[type=file]{
	background: #fff url(../media/imatges/fons/fons07.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border:1px solid #999999;
}
input[type=button],input[type=submit],input[type=reset],button,input.file{
	background: #EEEEEE;
	color: #000000;
	background-image: url(../media/imatges/fons/fons06.gif);
	background-position:center left;
	background-repeat:repeat-x;
	vertical-align: middle;
	border:1px solid #333;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

label{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight:bold;
	padding-botom:0.2em;
}


/** Estructura **/

div{
	margin:0;
	padding:0;
	position: static;
	float: none;
}

div#contenidor{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

/** Estructura. Capçal **/

div#capcal{
	min-height: 182px;
}

div#capcal div.dreta{
	margin-left: 233px;
	width: 791px;
	min-height: 182px;
}

div#capcal div.esquerra{
	width: 233px;
}

div#capcal div.esquerra img{
	position:absolute;
}

div#capcal div.dreta div.superior{
	min-height: 32px;
	font-size:0.8em;
}

div#capcal div.dreta div.superior ul{
	list-style:none;
	padding:0;
	padding-top: 0.5em;
}

div#capcal div.dreta div.superior ul li{
	float:left;
	padding:0.5em;
	padding-bottom: 0;
	font-size:1em;
	list-style:none;
}

div#utilitats{
	position:relative;
	float:right;
}


ul#idiomes{
	float:left;
	margin-left:3px;
}

ul#utilsWeb{
	float:left;
	margin-right: 30px;
}


ul#estils{
	float:left;
	margin-right: 30px;
}

form#formCerca{
	float:left;
	position:relative;
	padding-top:0.9em;
	padding-right: 2px;
}

form#formCerca input#campCerca{
	width: 8em;
	min-height: 1.5em;
	margin-right: 5px;
	font-size: 1em;
}

form#formCerca input#cerca{
	width: 4em;
	line-height: 1.5em;
	min-height: 1.5em;
	margin-right: 15px;
	font-size: 1em;
}

div#capcal div.dreta div.inferior{
	min-height: 149px;
}

div#capcal div.dreta div.inferior img{
	position:absolute;
	z-index:0;
}

div#capcal div.dreta div.inferior ul{
	position:absolute;
	padding:0;
	z-index:10;
	list-style: none;
	list-style-image:none;
	top: 10.6em;
	margin-left: 33px;
	float:none;
}

div#capcal div.dreta div.inferior ul li{
	float:left;
	padding-right:3.5em;
	padding-bottom: 0;
	list-style: none;
	list-style-image:none;
}

/** Estructura. Cos **/

div#cos{
	background-image: url(../media/imatges/fons/fons02.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
	clear:both;
	min-height:36em;
	padding-bottom:4em;
}

div#cos div#esquerra{
	float:left;
	width: 174px;
	padding-left:28px;
	padding-right:30px;
}

div#cos div.dreta{
	float:left;
	width:77%;
	/*margin-bottom: 1em;*/
}

div#cos div#esquerra ul.menu {
	float:none;
	list-style: none;
	list-style-image:none;
	padding: 0;
}
div#cos div#esquerra ul.menu  li{
	margin-left:0.7em;
	margin-right:0.7em;
	line-height: 2.2em;
	border-bottom:1px dashed #CCC;
	list-style: none;
	list-style-image:none;
}

div#cos div#esquerra ul.menu li a{
	padding-left:0.8em;
	padding-right:0;
	
}

div#temps{
	margin-top:2.5em;
	padding:0.3em;
	padding-bottom:0;
	padding-right:0;
	background-color: #F8F8F8;
	border: 2px solid #ECECEC;
	min-height: 3em;
}

div#temps h1{
	font-size:1.1em;
	text-align:center;
}

div#temps ul{
	margin-left:1.5em;
	margin-bottom: 0.5em;
	font-size:0.9em;
	text-align:left;
	list-style:none;
	list-style-image:none;
	padding: 0;
}

div#temps ul li{
	list-style:none;
	list-style-image:none;
	padding: 0;
}

div#temps a{
	display:block;
	line-height:1.8em;
	font-size:1em;
	padding-top:1em;
	margin-left: -0.5em;
}

img#previsio{
	position:absolute;
	top: -3px;
	left: 97px;
}

div#banners{
	margin-top:2.5em;
}

div#banners img{
	margin-bottom:1.5em;
}

div#cos div.dreta div.separa{
	/*margin-bottom:1em;*/
}

div#cos div.dreta div.presentacio{
	float:left;
	margin:1em;
	margin-top:0.6em;
	margin-right: 0;
	margin-bottom: 0;
	padding:0.5em;
	padding-left:0.6em;
	padding-bottom: 0;
	padding-top: 0;
	padding-right:0.5em;
	background-color: #F8F8F8;
	border: 2px solid #ECECEC;
	width: 350px;
	min-height: 19em;
}

div#cos div.dreta div.presentacio p{
	padding:0;
	padding-left: 3px;
}


div#cos div.dreta div.presentacio img{
	border: 1px solid #CCC;
}

div#cos div.dreta img{
	float:left;
	margin-right: 1em;
	margin-bottom: 1em;
}

div#cos div.dreta .nota img{
	float:none;
	position:absolute;
}

div#cos div.dreta h1{
	position:relative;
	margin-bottom: 0.8em;
}

div#cos div.dreta div.nota{
	float:left;
	margin:1em;
	margin-top:0.6em;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0.5em;
	padding-left:0.6em;
	padding-top: 0;
	padding-bottom: 0;
	padding-right:0.5em;
	border: 2px solid #ECECEC;
	width: 350px;
	min-height: 19em;
}

div#cos div.dreta div.nota ul{
	list-style:none;
	padding:0;
	padding-left: 3px;
}

div#cos div.dreta div.nota ul li{
	list-style:none;
}

div#cos div.dreta div.nota img{
	border:1px solid #CCC;
}


div#cos div.dreta ul{
	float:none;
	list-style: none;
	list-style-image:none;
	vertical-align:top;

}

div#cos div.dreta ul li{
	margin-bottom:1em;
	*margin-bottom:0em;
	*float:left;
}

div#cos div.dreta div#bannersDest{
	clear:both;
	padding-top: 0.5em;
	text-align: center;
}

div#cos div.dreta div#bannersDest img{
	margin-right:1.5em;
	margin-left: 1.1em;
	
}

/** Estructura. Peu **/

div#peu{
	min-height:75px;
	background-image:url(../media/imatges/fons/fons06.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 30px;
	padding-top: 0.8em;
	color:#FFF;
	font-size:0.7em;
}

div#ajuntament{
	position:relative;
	float:left;
	min-width:37em;
}

div#diputacio{
	float:right;
	padding-top:0.5em;
}

div#diputacio01{
	position:relative;
	float:left;
	text-align:right;
	min-width: 12em;
}

div#diputacio02{
	position:relative;
	float:left;
	min-width: 12em;
	margin-right: 20px;
}

div#diputacio02 img{
	display:block;
	float:left;
	margin-right: 5px;
	padding-bottom: 25px;
}

div#peu a{
	font-size:1em;
}

div#peu ul{
	float:left;
	list-style:none;
	list-style-image:none;
	padding-top: 0.5em;
	margin-left: 3em;
}

div#peu ul li{
	float:left;
	padding:0.5em;
	padding-bottom: 0;
	padding-top: 1.5em;
	list-style:none;
	list-style-image:none;
}

div#ajuntament img{
	display:block;
	float:left;
	margin-right: 5px;
	margin-top: 3px;
	padding-bottom: 25px;
}

.icona_temps{
	float:right; 
	padding-right:10px;
}