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: #D1D1D1; font-size: 0.9em; margin: 20px 0px 5px 0px; padding: 4px;}

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

/** Idiomes **/
#idioma {font-size: 0.9em; text-align: right; float: right;}
#idioma li {display: inline; margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; background: #555555;}

/** Header **/
#header h1 {color: #FA6D05; float: right; font-size: 1.2em; font-weight: normal; margin: 50px 0px 0px 0px; padding: 0px;}
#header a img {border: none;}

.menu {background: #FA5105; 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 {}
.equip {}
.diferencias {background: url(../img/diferencia.jpg) no-repeat; background-position: right;}
.dondestamos  {background: url(../img/mapa.gif) no-repeat; background-position: right;}

/** Continguts **/
#continguts {color: #000000; font-size: 1.1em;} 
#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 .persona {background: #EBEBEB; border-bottom: 1px dotted #000000; padding: 20px 20px 20px 20px;}
#continguts .persona h2 {background: url(../img/persona.gif) no-repeat; background-position: 0px 2px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px;}
#continguts .persona h2 a {background: url(../img/mail.gif) no-repeat; background-position: right; color: #626262; padding: 0px 20px 0px 10px; font-size: 0.8em;}
#continguts .persona ul {font-size: 0.9em; margin: 0px;}
#continguts .persona ul li {background: url(../img/chech.gif) no-repeat; background-position: 0px 5px; margin: 0px 0px 7px 0px; padding: 0px 0px 0px 15px;}
#continguts .persona 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 .diferencia {background: #EBEBEB; padding: 22px; width: 60%;}

#continguts .donde {background: #EBEBEB; padding: 22px; width: 60%;}
#continguts .donde form {}
#continguts .donde form label {display: block; margin: 0px 0px 14px 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;}

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