body {background: #FFFFFF 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: #000000; text-decoration: none;}
h2 {font-size: 1.1em; margin: 0px; padding: 0px 0px 5px 0px;}
h3 {background: #D1D1D1; font-size: 0.9em; margin: 20px 0px 5px 0px; padding: 4px;}

p.ok {
	background: #EBEBEB; padding: 12px;
}
	
/** Header **/

#header h1 {color: #D60000; float: right; font-size: 1.2em; font-weight: normal; margin: 40px 0px 0px 0px; padding: 0px;}
#header a img {border: none;}
#header p  {float:right; color:#000000;margin-top:-140px; font-size:11px;}

.menu {background: #D60000; border-bottom: 3px solid #000000; height: 34px;  font-size: 1.1em; margin: 10px 0px 10px 0px; _margin: 7px 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;color:#FFFFFF;}
.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; height:320px;}
.serveis {background: url(../img/productos.jpg) no-repeat; background-position: right;height:320px;}
.mapa {background: url(../img/mapa.jpg) no-repeat; background-position: right;height:320px;}


/** Continguts **/
#continguts {color: #000000; font-size: 1.1em;} 
#continguts a {color: #000000;}
#continguts #texte {background: #EBEBEB; padding:22px 22px 0px 22px;; width: 37%;height:300px;}
#continguts #texte a { margin: 0px 0px 30px 0px; padding: 0px 0px 30px 0px; }
#continguts #texte p { 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 {}
#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 .donde {background: #EBEBEB; padding: 22px; }
#continguts .donde p{float:left;}
#continguts .donde a{color: #D60000; text-decoration:underline;}
#continguts .donde form {}
#continguts .donde form label {display: block; margin: 0px 0px 14px 400px;}
#continguts .donde form input {border: 1px solid #4D4D4D; margin: 0px; width: 95%;}
#continguts .donde form input.envia {cursor: pointer; margin: 10px 0px 0px 400px; width: 60px;}


#continguts .mapa {}
#continguts .mapa ul {font-size: 0.9em; margin: 0px;}
#continguts .mapa ul li {margin: 0px 0px 6px 28px;}
#continguts .mapa img {background: #FFFFFF; float: left; padding: 7px; margin: 0px 10px 0px 0px;}



/** Footer ***/
#footer {background: #262626; font-size: 0.9em; padding: 15px; text-align: center;}
#footer p {margin: 0px; padding: 0px;}
#footer a{color:#FFFFFF;