/* CSS Document */
html, body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color:#FFEDB8;
}

body td {
font-size:12px;
}

/* formularis */
form {margin:0;padding:0;}
.camps {border:1px solid #706F6E;font-size:13px;color:black;font-family:Arial, Helvetica, sans-serif}
div.capacamps {border:1px solid #706F6E;font-size:13px;color:black;background-color:#F7FA9C;width:170px;height:19px;overflow:hidden;}
.botons {font-size:13px;}
select {font-size:13px;}

fieldset {border:2px solid #A51133;margin:0 0 15px 0;padding:0;}
fieldset div.espaiador {padding:10px;}
legend {background:#A51133;padding:3px;color:white;font-size:14px;font-weight:bold;}

/* layout */
#principal {width:100%}

#columna_u {width:430px;background-color:#FFEDB8;vertical-align:top}
#columna_liquida {vertical-align:top;background:white url(../img/fons_01.gif) 0 0 repeat-y}

#full {background:transparent url(../img/fons_00.gif) 0 -2px no-repeat;padding:20px 20px 20px 45px;}
	#full p, #full li {line-height:22px}
	
	#intro {height:116px;background:#8B161C url(../img/logotip.jpg) 0 0 no-repeat;}
	
	#intro h1 {margin:0;padding:0;}

	#intro p {
	margin:0;
	padding:65px 10px 10px 10px;
	font-size:11px;
	color:white;
	}
	
h2#servir {
margin:0;
padding:12px 15px 12px 28px;
font-size:16px;
background:transparent url(../img/punt_llista_01.gif) 0 15px no-repeat;
}

h2#actualitat {
font-size:20px;
color:#8B161C;
margin:0;
padding:0 0 20px 47px;
background:transparent url(../img/opcio_5.gif) 0 0 no-repeat;
}

h2.titulars {
font-size:20px;
color:#8B161C;
margin:0;
padding:15px 0 20px 0;
}

h3#titol {font-size:16px;padding:0;margin-bottom:15px}

#opcions_serveis {
padding:30px 0 30px 15px;
border:1px solid #8B161C;
border-width:1px 0;
font-size:11px;
}

#opcions_serveis h3 {margin:0;padding:0;font-size:12px}

#opcions_serveis ul {margin:10px 0;padding:0;list-style-type:none}
#opcions_serveis li {padding:0 0 4px 12px;background:transparent url(../img/punt_llista_02.gif) 0 3px no-repeat}

#opcions_serveis li a:link,#opcions_serveis li a:visited {color:#8B161C;}
#opcions_serveis li a:hover{color:white;background-color:#8B161C;}

#columna_u_u {width:200px;float:left;}
#columna_u_dos {width:200px;float:left;margin-left:15px}
#la_flor {width:80px;padding:5px 15px;background-color:#8B161C;}
#cita {color:#8B161C;margin:40px 0 40px 15px;padding:0}
#peu {margin-left:15px;text-align:center;font-size:10px;color:#504D4B;}

/* genèriques */
.granate {color:#8B161C}
.blanc {color:white}
.vermell {color:red}
.lila {color: #A017C2;}

.petit {font-size:10px}
.gran {font-size:14px;}

/* parágrafs */
p.neutre {margin:0}

div.separador_u {background:transparent url(../img/fons_02.gif) left center repeat-x;margin:10px 0}
div.error {background:#EA0034 url(../img/exclamacio_negativa.gif)  5px center  no-repeat;margin:0px auto; width:645px;padding:5px 5px 5px 50px;text-align:center;color:white;font-weight:bold}

table.tabulars {}
table.tabulars th {font-size:11px}
table.tabulars td {border-top:1px solid white;font-size:12px;padding:2px}
td.celagroga {background-color:#FFEDB8;}

/* taules */
table.taulau {background-color:#706F6E;}
table.taulau th {background-color:black;color:white;padding:5px;}
table.tabulars {border:1px solid black;border-collapse:collapse}
table.tabulars td{border:1px solid black;border-collapse:collapse;padding:3px;color:black}
.cebrau {background-color:#FFEDD5;color:black;}
.cebrados {background-color:#FFEDB8;color:black;}
.cebratres {background-color:#FFEDB8;color:black;}
.cebraquatre {background-color:white;color:black;}
.cebraquatre td{border-bottom:1px solid #706F6E;}


img.flotadreta {float:right;margin:0 0 10px 10px}

/* vincles */
a.blanc:link,a.blanc:visited,a.blanc:hover {color:white}
a.granate:link,a.granate:visited,a.granate:hover {color:#8B161C}
a.triat:link,a.triat:visited,a.triat:hover {color:#8B161C !important;background-color:transparent !important;font-weight:bold;cursor:default;text-decoration:none}
a.blau:link,a.blau:visited,a.blau:hover {color:#00135D}

.acc {position:absolute;left:-10000px}

/* '''''''''''''''''''''''''''''''''''''''''''''''''''
   '''''''''''''''' estils antics ''''''''''''''''''''
   ''''''''''''''''''''''''''''''''''''''''''''''''''*/
.petit {font-size:10px}
.gran {font-size:14px;}

a:link,a:visited,a:hover {color:#00135D}

/* estils administració */
a.accions {
display:block;
text-decoration:none;
height:25px;
width:40px;
margin:1px;
background-color:transparent;
background-position:12px 5px;
background-repeat:no-repeat;
}

a.accions:hover {
margin:0px;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:1px solid #444;
border-right:1px solid #444;
}

a.accions:active {
margin:0px;
border-left:1px solid #444;
border-top:1px solid #444;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
background-position: 14px 7px;
}

a.accions span{display:none;}

.editar {
background-image:url(../img/fons_09.gif);
}

.eliminar {
background-image:url(../img/fons_10.gif);
}

a.accions img{
border:0;
}