/* D.PORTA disseny_ */
/*  ##########  GENERALS  ##########  */
 
body { background: #c7dbf5 url('../imatges/header.gif') repeat-x top center; color: #000000; font-family: "verdana";	 font-size: 8pt; }	
a:link { color: #2d69b4; text-decoration:none; }
a:visited { color: #2d69b4; text-decoration:none; }
a:active { color: #2d69b4; text-decoration:none; }
a:hover { color: #000000; text-decoration:none; }
h2 { font-size: 1em; font-weight: bold; }
h3 { font-size: 0.8em; font-weight: bold; color: #000000; }
	
div.hr { 
	height: 5px; 
	background: transparent url('../imatges/separadorx.gif') repeat-x scroll center; 
	border: 0px;
}

div.hr hr { 
	display: none; 
	border-width: 0px; 
	height: 0px;
	border-top:0px; 
	border: 0px;
}

a img { border: 0px }

/*  ##########  MISSATGES  ##########  */
	
#accio { 
	color: black; 
	padding: 5px;
	background-color: #f5feac;
	border: 1px solid #666666; 
}

#correcte { 
	background-color: #8ee1ab;
	border: 1px solid #26974e;
	color: #00a63b;
	padding: 20px;
	font-weight: bold;
	text-align: center; 
}

#error { 
	background-color: #e58080;
	border: 1px solid #f20d0d;
	color: #bb0000;
	padding: 20px;
	font-weight: bold;
	text-align: center; 
}

	
/*  ##########  FORMULARIS  ##########  */
 
input#boto	{
	background: #091AB6 url('../imatges/boto.gif');
    border: 1px solid #000D86;
	border-radius: 2px;
	padding-bottom: 1px;
    color: #FFFFFF;
	width: 100px;
	height: 20px;
	font-size: 1em;
	font-weight: bold;
	font-family: tahoma;
}
	
input#boto:hover {
	background: #091AB6 url('../imatges/boto_sobre.gif');
    border: 1px solid #3e49af;
	border-radius: 2px;
	padding-bottom: 1px;
    color: #000000;
	width: 100px;
	height: 20px;
	font-size: 1em;
	font-weight: bold;
	font-family: tahoma;
	cursor: pointer;	
}
	
input#camp, textarea#camp, select#camp {
    background-color: #D0DBDF;
    border: 1px solid #666666;
    border-radius: 3px;
    color: #000000;
    font-weight: normal;
	font-size: 1em;
}


/*  ##########  MÒDULS  ##########  */
 
#modul {
	margin-bottom: 1.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px solid #FFFFFF;
	width: 147px;
	border-radius: 5px;
	background: #7F98C0 url('../imatges/bg_petit.jpg') repeat-x top left;
	opacity: 0.9em;
	color: #000000;
}

#bloc_moduls {
	padding-left: 5px;
	background:  url('../imatges/separadory.gif') repeat-y left;
	float: right;
	width:160px;
}
 
.text_modul { color: #000000; font-size: 0.9em; }
.text_modul a { font-size: 0.9em; }	
	
span.stats {
	font-size: 0.9em;
	color: #666666;
	font-weight: bold;
}	


/*  ##########  WEB  ##########  */

#web {
	width: 960px;
	margin: 0 auto 0 auto;
} 

#pagina {
	float: left;
	width: 780px;
	padding-top: 20px;
	padding-bottom: 50px;
}
 
.dreta { float: right;  }
.esquerra { float: left; }
 
#llista {
	width: 120px;
	margin-right: 60px;
	border: 1px dashed #666666;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 15px;
	padding-top: 0px; 
}

#dades { font-size: 0.8em; color: #666666; }
#dades em { font-size: 7pt; color: #666666; }


/*  ##########  CAPÇALERA - HEADER  ##########  */

#header { height: 115px; }
#header .logo { float: left; padding: 5px; }

#banner {
	width:610px;
	height:70px;

	border-radius: 2px;
}

#menu {
	margin-top: 12px;
	color: #000000;
	font-family: verdana;
    font-size: 11px;
    margin-top: 15px;
	float: right;
}

#menu span.selected a  { font-weight: bold; color: #71c8fa;	 } 
#menu a { color: #FFFFFF; }
#menu a:hover { color: #aacaf3; } 


/*  ##########  PEU - FOOTER  ##########  */

#footer { clear: right; text-align: right; padding-top: 2em; }
 
#footer .conexions {
	float: left; 
	width: 230px; 
	text-align: left;
	margin-top: -20px;
}

#footer span.no_respon {
	font-size: 7pt;
	font-weight: bold;
	color: #666666;
}
 
#footer span.enllacos {
	text-align: right;
	color: #000000;
}

#footer .autor { clear: right } 

#form_afegir_comentari {
display: none; clear: both; border: 1px solid black; width: 350px; margin: auto; background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x top center; border: 1px solid; padding: 10px;
}

/*  ##########  INICI  ##########  */

#cercador {
	clear: left;
	border: 1px solid black;
	width: 683px;
	margin: auto;
	background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x -50px;
	border: 1px solid;
	padding: 10px;
}

#inici { width: 800px; margin-top: 20px; }
#novetats { float: left; margin: 20px; }
#bloc_fitxes { float: left; margin: 20px;  }

#bloc_fitxes .darreres_fitxes { 
	width: 460px;
	border: 1px solid #000000;
	padding: 10px;
	background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x bottom center; 
}

#entrada {
	clear: left;
	width:750px;
	margin: auto;
}

#titol { float: left; padding: 0px; }

#data {
	float: right;
	font-size: 9px;
	font-family: verdana;
	color: #666666;
	padding-top: 12px;
	font-weight: bold;
}

#titol .tit_1 {
	float: left;
	background: url('../imatges/tabnoticia_1.png') no-repeat;
	width: 8px;
	height: 27px;
}

#titol .tit_2 {
	float: left;
	background: url('../imatges/tabnoticia_2.png') repeat-x;
	height: 27px;
}

#titol .tit_3 {
	float: left;
	background: url('../imatges/tabnoticia_3.png') no-repeat;
	width:8px;
	height: 27px
}

#titol h1.titol_not {
	font-weight: bold;
	font-family: tahoma;
	color: #000000;
	font-size: 11px;
}

#entrada .cos {
	padding: 10px;
	border: 1px solid #8cb3e6;
	clear: left;
	background-color: #FFFFFF;
}

#entrada .previ { text-align: justify; color: #000000; }

#paginacio {
	border: 1px solid black;
	background: #7f98c0 url("../imatges/bg_petit.jpg") repeat-x 0px -65px;
	opacity: 0.2em;
	margin: 15px;
	padding: 10px;
	clear: both;
	text-align: center;
}
/* D.PORTA disseny_ */


#cont_blog { float: left; width: 100%; }
#cont_blog .titol_seccio { float: left; width: 50%; }

#taula { 
	margin: auto;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 765px;
	height: 300px;
	overflow-y: scroll; 
}

#taula .nom { 
	padding: 2px;
	float: left;
	border: 1px solid #666666;
	color: #FFFFFF;
	background: #666666;
	width: 300px; 
	text-align: left;	
}

#taula .data { 
	float: right;
	margin-right: 2px;
	font-size: 9px;
	font-family: verdana;
	color: #666666;
	font-weight: bold; 
}

#taula .comentari { 
	overflow: auto; 
	clear: left;
	margin-bottom: 20px;
	background: #C7DBF5;
	padding: 5px;
	margin-right: 2px; 
	text-align: left;
}

#form_taula { 
	text-align: center;
	border-left: 1px solid;
	border-bottom: 1px solid; 
	border-right: 1px solid;
	width: 765px;
	background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x;
	margin: auto;
	padding-top: 10px; 
}

#form_fitxa {
	width: 600px;
	margin: auto;
	background: #7f98c0 url('../imatges/bg_gran.jpg') repeat-x;
	border: 1px solid;
	padding: 10px; 
}

#form_fitxa td, #form_contacte td, #form_afegir_comentari td { font-size: 0.7em; }

#fitxa {float: left; width: 100%; }
#part_superior_fitxa { float: left; width: 100%; }
#part_superior_fitxa .provincia { font-size: 18pt; font-weight: bold; color: #4c62c1; text-shadow: #FFFFFF 0.1em 0.1em 0.1em }
#part_superior_fitxa .comarca { font-size: 14pt; font-weight: bold; color: #2d2d3b; text-shadow: #FFFFFF 0.1em 0.1em 0.1em }
#contingut_fitxa { width: 100%; margin-top: 50px; }
#foto_fitxa { float: left; width:315; height: 487; border: 1px solid black; background: black; text-align: center; }
#foto_fitxa span.autor_foto { color: #FFFFFF; }
#info_fitxa { width: 420px; float: right; border: 1px solid; background: #7f98c0 url('../imatges/bg_gran.jpg') repeat-x; padding: 15px; padding-top: 0px; }

h1.nomenclatura { text-align: center; font-size: 10pt; color: blue; }
#header_info_fitxa { clear: both; padding-bottom: 40px; }
#header_info_fitxa span.municipi { font-size: 10pt; font-weight: bold; color: #666666; }

#coincidents { margin-top: 20px; width: 420px; float: right; border: 1px solid; background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x; padding: 15px; }
#marca_aigua { width: 310; height: 530; position: absolute; background: url(../imatges/gegantcat_marcaaigua.png) no-repeat 160px 470px; }

#requadre {
width: 100%; margin-top: 50px;opacity: 0.9;
}
#requadre .blanc {
width: 420px; margin: auto; border: 1px dashed #666666; background: #FFFFFF; border-radius: 5px; padding: 15px; padding-top: 0px;
}

#requadre .cerca {
width: 600px; margin: auto; border: 1px dashed #666666; background: #FFFFFF; border-radius: 5px; padding: 15px; padding-top: 0px;
}

#captcha {
border: 0px; width: 60px; height: 20px;
}

#form_contacte {
padding: 10px; border: 1px solid; width: 400px; background: #7f98c0 url('../imatges/bg_petit.jpg') repeat-x; margin: auto; padding-top: 10px;
}
#coments_quant {
padding: 10px; margin: auto; border: 1px solid #CCCCCC; width: 600px;
}
#cercador_pag { float: left; width: 50%; }

div.banner {
	margin-bottom: 1em;
	border: 1px solid #000000;
	width: 148px;
	height: 53px;
	text-align: center;
}

#armand_1 {
	width: 151px;
	height: 186px;
	background: transparent url('../imatges/armand/inici.png');
	float: right;
}

#armand_2 {
	width: 151px;
	height: 186px;
	background: transparent url('../imatges/armand/error.png');
	float: left;
	margin-right: -120px;
}

#armand_3 {
	width: 151px;
	height: 186px;
	background: transparent url('../imatges/armand/quisom.png');
	float: right;
}

#armand_4 {
	width: 175px;
	height: 186px;
	background: transparent url('../imatges/armand/mapageganter.png');
	float: left;
	margin-right: -175px;
}

#armand_5 {
	width: 151px;
	height: 186px;
	background: transparent url('../imatges/armand/enviarfitxa.png');
	float: right;
}

#armand_6 {
	width: 151px;
	height: 186px;
	background: transparent url('../imatges/armand/contacte.png');
	float: right;
	margin-right: 100px;
}

#equip {
    background: url("../imatges/bg_gran.jpg") repeat-x scroll top left #7F98C0;
    border: 1px solid;
    padding: 10px;
    width: 200px;
	float: left;
	text-align: center;
	margin: auto;
	margin-bottom: 2em;
	margin-right: 15px;
	margin-left: 15px;
	height: 350px;
}

#funcio {
	font-size: 0.9em;
	font-weight: bold;
}

.admin { color: #1800ff }
.moderador { color: #dc7510 }
.blogger { color: #009403 }

.informacions { text-align: justify; }

#equips { font-size: 0.8em; }

.info_data { float: right; margin-top: -60px; color: #2D69B4; font-size: 0.8em; font-weight: bold; }