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

body td {
font-size:12px;
}

/* 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:20px 0 20px 15px;
margin-top:12px;
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}

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

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/opcio_3.gif);
}

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

a.accions img{
border:0;
}

.feedback {
	display: block;
	border:3px solid #8B161C;
	padding:10px;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	background-color:#FFFFCC;
}