body {
font-family:Arial, Helvetica, sans-serif;
width:100%;
height:100%;
font-size:12px;
color:#555;
margin:0;
padding:0;
/*text-align:center;*/
background-color:#B7B6B6;
}

#caixa_cercador {background-color:#f0f3dc;color:#333333;width:100%;margin:20px 0;text-align:right}

body.admin {background-color:white;}

#contenidor {
position:relative;
width:800px;
padding:0px 10px 15px  10px;
margin:0 auto;
text-align:left;
background:url(../img/fons_12.gif) 0 0 repeat-y;}

#contenidor_admin {
width:800px;
padding:15px 10px;
margin:0 auto;
text-align:left;
background:white;
}

#cos {background-color:white}

#contenidor td {font-size:12px;}

/* generals */
h1 {font-size:25px;color:black;margin-top:0;}
h2 {color:#005393;font-size:17px;}
h3 {color:black;font-size:110%;margin:0;padding:0;}
p h3 {margin:0;padding:0;}
h4 {font-size:100%;margin:0;padding:0;font-style:italic;}
p {line-height:150%;}
p.entradeta {font-weight:bold;color:black;}
p.introdos {color:black;padding:10px 0;margin:0 0 10px 0;border-bottom:1px solid black;border-top:1px solid black;font-style:italic}
code {color:green;}
fieldset {border:2px solid #FC7317;margin-bottom:15px;}
fieldset div.espaiador {padding:10px;}
legend {background:#FC7317;padding:3px;color:white;font-size:14px;font-weight:bold;}
dfn {border-bottom:1px dashed #FC7317;cursor:help}
a:link,a:hover {color:#005196}
a:visited {color:#555}


/*spans*/
.subratllat {background-color:#FDFF63;}
.data {font-style:italic;font-size:14px;color:#666;font-weight:normal}
.negre {color:black;}
.petit {font-size:80%;}
.datados {font-family:verdana;font-size:80%;color:#C71318;}
.guardat {font-family:verdana;font-size:80%;color:green;}
.guardatdos {font-family:verdana;font-size:80%;color:black;}
.vermell {color:red;font-weight:bold;}

/* encapcalaments */
h2.blog {color:black;font-size:24px;margin-top:0;font-weight:normal}
p.blog {background:transparent url(../img/fons_14.gif) 0 0 no-repeat;padding-left:35px}
p.comentari {background:transparent url(../img/fons_17.gif) 0 0 no-repeat;padding-left:35px;}
img.fotoblog {display:block;width:205px;margin:7px auto}

/*formularis*/
form {margin:0;padding:0;}
.botons {font-size:11px;}
.camps {font-family:Arial, Helvetica, sans-serif;font-size:100%;}

/* llistes */
ul.pastilles {margin:0;padding:0;list-style-type:none;width:100%;}
ul.pastilles li {float:left;margin-right:10px;padding-right:10px;background:transparent url(../img/fons_01.jpg) right top no-repeat;}
ul.pastilles li a:link ,ul.pastilles li a:visited {display:block;padding:5px 15px;background-color:#D9D9D9;text-align:center;font-size:110%;color:#0000EE;}
ul.pastilles li a:hover {background-color:#F1F1F1;}
ul.pastilles li a.pastillatriada:link,ul.pastilles li a.pastillatriada:visited {background-color:#FFF6A1;text-decoration:none;color:black;cursor:default;font-weight:bold;}
div.desprespastilla {clear:left;background:transparent url(../img/fons_01.gif) 0 0 repeat-x;}

	div.admin {clear:left;background-color:#FFF6A1;padding:5px 10px;margin-bottom:15px;}
	div.peupastilla {background:transparent url(../img/fons_06.gif) bottom left repeat-x;padding:15px 50px 50px 50px;}

ul.llistau li {list-style-image:url(../img/punt_llista_04.png);line-height:150%;}
ul.llistau li ul li{list-style-image:none;line-height:150%;list-style-type:square}
li.llistados {list-style-image:url(../img/punt_llista_05.png);line-height:150%;}
li.llistatres {list-style-image:url(../img/punt_llista_06.png);line-height:150%;}


/* taules */
#taulahome { width:100%}
#taulahome td div {/*padding:10px;*/}
#taulahome td div.vinclesbasics {padding:0;padding:5px 0 5px 8px;}
.triatnovedades {background:transparent url(../img/fons_03.gif) 0 0 no-repeat;}

table.llistats th {background-color:#000;color:white;}
table.llistats td {border-bottom:1px solid #ccc;}
tr.cebrau {background-color:#dfdfdf;}

/* separadors */
td.separadoru {width:20px;background:transparent url(../img/fons_04.gif) top center repeat-y;}
td.separadordos {width:20px;background:transparent url(../img/fons_05.gif) top center repeat-y;}
div.separadortres {height:20px;background:transparent url(../img/fons_05.gif) left center repeat-x;}
div.separadorquatre {height:5px;border-top:1px solid #bbb;margin-top:6px;margin-bottom:2px;}

#taulahome td div.gran {font-style:italic;font-size:120%;}
#taulahome td div.petit {font-style:italic;font-size:100%;}

/* layout */
div.quadrats {height:110px;width:115px;float:left;}
div.altres {float:left;width:645px;}
div.bugieu {padding:20px;}

/* textos introduïts pel Joan */
#textlliure {line-height:150%;margin-top:15px;}
	#textlliure span {background-color:#FDFF63;}
	#textlliure h4 {display:inline}
	#textlliure h3 {display:inline;margin:0;padding:0}
	
div.flotadoru {float:right;width:250px;background-color:#FFD200;padding:15px;margin:0 0 15px 15px;color:black;clear:right}
div.fotosflotants {float:right;width:250px;margin:0 0 10px 10px;}
/*div.imatge {text-align:center}*/
div.peufoto {font-style:italic;font-size:95%;text-align:center;padding:5px 0;color:black;}
div.feedback {border:2px solid #006600;background:white url(../img/raco_camp_info.gif) 0 0 no-repeat; width:450px; margin:20px auto; font-size:18px;padding:30px 15px 30px 55px;text-align:center}

/* div's */
div.arxiu_blog {background:white url(../img/fons_15.gif) 0 3px no-repeat; color:#777;padding:0 0 4px 13px;}

#credits {clear:left;margin:10px;padding-top:10px;font:10px verdana;text-align:center;border-top:3px double #999; background-color:#FFFFFF;}

/* vincles */
a.menu:link,a.menu:visited {color:#716F6E;}
a.menu:hover {color:black;}
a.menu:active {color:#B50314;}

a.gris:link,a.gris:visited,a.gris:hover {color:#716F6E;}

a.menutriat:link,a.menutriat:visited,a.menutriat:hover {font-weight:bold;color:black;text-decoration:none;}

a.midatext:link,a.midatext:visited {color:black;text-decoration:none}
a.midatext:hover {color:#000066}
.triat {cursor:default;font-weight:bold;}

a.volver:link,a.volver:visited,a.volver:hover {color:#005196;}

a.v_idioma:link, a.v_idioma:visited {color:#716F6E}

#linkhome {color:#FC7317;font-weight:bold;}

/* 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;
}

.acc {display:none}
.tancat div {display:none}
.obert div {display:inline}


/******************************
***MODIFICACIONS NOVEMBRE 08***
*********************************/
/*table tr#columna_01 { background:url(../img/fons_taula_01.gif) left top no-repeat;
width:802px;
height:110px; vertical-align:top;
text-align:left}*/

table.simple, table.simple td {
padding:0;
border-collapse:collapse;
border:0;}

.espai_sobre_5 {padding-top:5px}
.per_esquerra {margin-left:5px}
.x_per_esquerra {margin-left:10px}
.per_dreta { margin-right:5px}
.marge_sobre_5 {margin-top:10px}
.marge_primeres_caixes {margin-top:25px}
.marge_segones_caixes {margin-top:10px}

.camp_cercador {width:90px; border:1px solid #555F66}

.gris, a.gris:link, a.gris:visited {color:#716F6E}
.gris_normal{color:#BBBBBB}
.gris_clar{color:#CCCCCC}
div#capcalera { margin-top:15px}
