body {background: #000000 url(../img/bk.gif) repeat-x; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0px; padding: 0px;}
#container {margin: 0px auto 0px auto; padding: 0px 10px 10px 10px; width: 930px;}

ul {list-style: none; margin: 0px; padding: 0px;}
a {color: #FFFFFF; text-decoration: none;}
h2 {font-size: 1.1em; margin: 0px; padding: 0px;}
h3 {background: #4BA2BE; font-size: 0.9em; margin: 20px 0px 5px 0px; padding: 4px;}

p.ok {
	background: #EBEBEB; padding: 12px
}
	
/** Header **/
#header h1 {color: #4BA2BE; float: right; font-size: 1.2em; font-weight: normal; margin: 50px 0px 0px 0px; padding: 0px;}
#header a img {border: none;}

.menu {background: #4BA2BE; border-bottom: 3px solid #FFFFFF; height: 34px;  font-size: 1.1em; margin: 10px 0px 10px 0px; padding: 0px 12px 0px 12px;}
.menu li {display: inline;}
.menu li a {background: url(../img/menu-off.gif); background-position: center; display: block; float: left; height: 26px;  margin: 0px 30px 0px 0px; padding: 8px 5px 0px 5px;}
.menu li a.on, .menu li a:hover {background: url(../img/menu-over.gif); background-position: center;}

/* classes per imatges */
.home {background: url(../img/homebk.jpg) no-repeat; background-position: right;}
.serveis {}
.secciob {}
.seccioa {background: url(../img/seccioa.jpg) no-repeat; background-position: right;}
.localitzacio  {background: url(../img/mapa.gif) no-repeat; background-position: right; }

/** Continguts **/
#continguts {color: #000000; font-size: 1.1em; width: 945px;} 
#continguts a {color: #000000;}
#continguts #texte {background: #EBEBEB; padding: 22px; width: 37%;}
#continguts #texte p {border-bottom: 1px solid #CCCCCC; margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px;}
#continguts #texte ul {margin: 0px 0px 10px 0px;}
#continguts #texte ul li {background: url(../img/list.gif) no-repeat; padding: 2px 0px 22px 30px;}

#continguts .servei {background: #EBEBEB; border-bottom: 1px dotted #000000; padding: 20px 20px 20px 20px;}
#continguts .servei h2 {background: url(../img/servei.gif) no-repeat; margin: 0px 0px 10px 0px; padding: 6px 0px 0px 29px;}
#continguts .servei ul {font-size: 0.9em; margin: 0px;}
#continguts .servei ul li {margin: 0px 0px 6px 28px;}
#continguts .servei img {background: #FFFFFF; float: left; padding: 7px; margin: 0px 10px 0px 0px;}

#continguts .itemb {background: #EBEBEB; border-bottom: 1px dotted #000000; padding: 20px 20px 20px 20px;}
#continguts .itemb h2 {background: url(../img/persona.gif) no-repeat; background-position: 0px 2px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px;}
#continguts .itemb h2 a {background: url(../img/mail.gif) no-repeat; background-position: right; color: #626262; padding: 0px 20px 0px 10px; font-size: 0.8em;}
#continguts .itemb ul {font-size: 0.9em; margin: 0px;}
#continguts .itemb ul li {background: url(../img/chech.gif) no-repeat; background-position: 0px 5px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 15px;}
#continguts .itemb img {
	background: #FFFFFF;
	border-left: 1px solid #C8C8C8;
	border-bottom: 2px solid #C8C8C8;
	border-left: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
	float: right;
	margin: 10px 0px 0px 30px;
	padding: 7px;
}


#continguts .itema {background: #EBEBEB; padding: 22px; width: 60%;}

#continguts .donde {background: #EBEBEB; padding: 22px; width: 60%; }
#continguts .donde a{ text-decoration: underline;}
#continguts .donde a:hover{color:#4BA2BE;}
#continguts .donde form {}
#continguts .donde form label {display: block; margin: 0px 0px 8px 0px;}
#continguts .donde form input {border: 1px solid #4D4D4D; margin: 0px; width: 95%;}
#continguts .donde form input.envia {cursor: pointer; margin: 10px 0px 0px 0px; width: 60px;}

#continguts.mapa {background: #EBEBEB !important; padding: 22px; width: 60%;}
#continguts.mapa ul {margin: 20px 0px 0px 0px;}
#continguts.mapa ul li {background: url(../img/chech.gif) no-repeat; background-position: 0px 5px; border-bottom: 1px dotted #CCCCCC; margin: 0px 0px 7px 0px; padding: 0px 0px 10px 15px;}
#continguts.mapa ul li a{ text-decoration: underline;}
#continguts.mapa ul li a:hover{ text-decoration: underline; color:#4BA2BE;}
/** Footer ***/ 
#footer {background: #262626; font-size: 0.9em; padding: 15px; text-align: center;}
#footer p {margin: 0px; padding: 0px;}