body {
margin:0;
padding:0;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 100%;
font-weight:normal;
font-style:normal;
text-align:center;
color:#000;
}

#continguts {
text-align:justify;
margin-left: auto;
margin-right: auto;
margin-top:0;
margin-bottom:20px;
width: 900px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
color:#666;
border-bottom:1px solid #666;
}

h2 {
font-style:italic;
font-size:0.8em;
}

p {
font-size: 0.8em;
line-height:1.7em;
text-align:justify;
}

a {
text-decoration:none;
color:#EC851C;
}

a:hover {
text-decoration:underline;
color:#43A2C1;
}

hr {
border:thin dotted #999;
width: 250px;
margin-left:200px;
}



/* Capcelera -------------------------------------------- */
#capcelera {
margin:0;
padding:0;
clear:both;
height: 170px;
}

#logo {
width:185px;
margin-left:4px;
float:left;
}

#logo img {
border:0;
}

#imatge_top {
width:682px;
margin-right:12px;
margin-left:12px;
float:left;
}



/* Ariadna -------------------------------------------- */


#area {
clear:both;
height:38px;
margin-left:228px;
margin-right:12px;
margin-top:8px;
width:640px;
}



/* Menu -------------------------------------------- */

#menupral {
width:209px;
float:left;
margin-left:5px;
padding-left:0px;
font-size:1em;
margin-bottom:25px;
}

html>body #menupral {
padding-left:12px;
margin-left:0px;
}
/* ^^^^^^^^^^^^^ -------------------------------------------- */



/* vvvvvvvvvvvvvv -------------------------------------------- */
ul { 
margin-right:0;
margin-left:0;
padding-left:0px;
text-align:left;
width:185px;
}

html>body ul { 
margin-top:10px;
list-style-type:none;
list-style-position:inside;
list-style-image:url(media/marca.jpg);
background-color:#DFDFDF;
}
/* ^^^^^^^^^^^^^ -------------------------------------------- */


li.unvis {
height:1px;
}


/* vvvvvvvvvvvvvv */
li {
padding-bottom:4px;
padding-left:10px;
background-color:#DFDFDF;
}

html>body li {
padding-bottom:0px;
}
/* ^^^^^^^^^^^^^ -------------------------------------------- */



/* vvvvvvvvvvvvvv -------------------------------------------- */
li.sobre {
background:transparent url(media/topmenu.jpg) top left no-repeat;
height:14px;
list-style-type:none;
list-style-image:none;
margin-bottom:-8px;
}

html>body li.sobre {
margin-bottom:0;
}
/* ^^^^^^^^^^^^^ -------------------------------------------- */


li.sota {
background:transparent url(media/bottom_menu.jpg) top left no-repeat;
margin-bottom:0;
height:15px;
list-style-type:none;
list-style-image:none;
}

li.submenu, li.subsubmenu {
list-style-type:none;
list-style-image:none;
}

li a { 
font-weight:bold;
color:#666;
text-decoration:none;
font-weight:normal;
font-size:0.8em;
}

li a:hover {
color:#EC851C;
text-decoration:underline;
}


/* vvvvvvvvvvvvvv -------------------------------------------- */
li.menus a {
font-size:0.9em;
font-weight:bold;
padding-left:0px;
list-style-type:none;
list-style-position:inside;
list-style-image:url(media/marca.jpg);
}

/*
Žs curi—s, la imatge del menœ, firefox l'agafa del ul, IE del li

Podria esborrar el "hack" d'assota, per˜ el deixo com a recordatori

html>body li.menus a {
font-size:0.9em;
font-weight:bold;
}*/
/* ^^^^^^^^^^^^^ -------------------------------------------- */


li.submenu a {
padding-left:40px;
}

li.subsubmenu a {
padding-left:50px;
}



/* Xixa -------------------------------------------- */
#xixa {
float:left;
width:640px;
margin-left:12px;
margin-bottom:40px;
}

#xixa img, img a {
float:right;
border:0;
margin:0 0 8px 15px;
}

#test {
font-size:0.9em;
}

.radiotest {
background:#F4F4F4;
}

.fecha {
color:#43A2C1;
}

span {
font-weight:bold;
color:#069;
font-size:1.2em;
}


/* Footer -------------------------------------------- */
#footer {
clear:both;
margin-left:12px;
margin-right:0px;
padding-top:8px;
padding-bottom:8px;
width:100%;
background-color:#BCE1ED;
color:#43A2C1;
font-size:0.7em;
text-align:center;
}

html>body #footer {
margin-right:12px;
width:876px;
}


/* Admin -------------------------------------------- */
#admin {
width: 500px;
background-color: #BCE1ED;
color:#666;
/*margin: 10px 0 50px 150px;*/
margin-left: auto;
margin-right: auto;
padding:20px;
border: 1px dotted #43A2C1;
text-align:left;
}

#admin img {
float:left;
padding-right:20px;
padding-bottom:3px;
}

p.clear {
clear:both;
margin:0 0 -8px 0;
padding:0;
border-top:1px dotted #43A2C1;
}

input.bott {
float:right;
background-color: #43A2C1;
color:#FFF;
}

.banner {
border:1px solid #666;
}