* {margin: 0;padding: 0;}
body {font-size: 62.5%;font-family: Verdana, Arial, Helvetica, sans-serif;background-color: #ddd;background-image: url(../img/back.gif);background-repeat: repeat-y;}
a {text-decoration: none;}

.clearfix:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide */

#a {height: 50px;}
#aa {float:left;margin:10px;}
#ab {margin-left: 570px;}
#ab img {width: 230px;height: 50px;border: 0;}
#c {height: 6px;background-color: #999;border-top: 1px solid white;font-size: 0;}
#d {}
#e {height: 2px;background-color: #fff;font-size: 0;}
#f {height: 72px;background: url(../img/header_back.gif);border-bottom: 1px solid white;}
#f1 {width: 570px;height: 72px;float: left;}
#f2 {width: 230px;height: 72px;float: left;}
#lang {height: 15px;padding: 5px;}
#lang select {width: 90px;font-size: 0.9em;}

#h {width: 650px;padding-left: 150px;font-size: 1.2em;}
#h h1 {margin:  1em 0 1em ;font-size: 1.6em;color: #999;}
#h h2 {margin:  1em 0 1em ;font-size: 1.4em;color: #999;}
#h h3 {margin:  1em 0 1em ;font-size: 1.3em;color: #999;}
#h p {margin: 1em 0 1em 0;font-size: 1.1em;color: #333;}
#h ul {margin: 1em 0 1em 0;font-size: 1.1em;color: #333;}

#h div.partner {margin-bottom: 50px;}
#h div.partner div.logo {position: relative;width: 250px;}
#h div.partner div.logo img {position: absolute;right: 0;border: 0;}
#h div.partner div.info {width: 375px;float: right;}

#h div.location {margin-bottom: 50px;}
#h div.location div.address {width: 250px;}
#h div.location div.map {float: right;}

#h div.references {}
#h div.photos {float: right;margin-left: 25px;}

#h form h3 {margin: 20px 0 20px 0;}
#h form div {margin: 5px 0 5px 0;}
#h form div label.l {display: block;float: left;width: 80px;margin-right: 5px;text-align: right;}
#h form div label.r label {display: inline;margin-left: 5px;}

#h ul {margin: 20px 0 20px 0;}
#h table {border-collapse: collapse;margin-bottom: 20px;}
#h table th {text-align: center;font-weight: bold;}
#h table td {border: 1px solid black;padding: 2px;}
#h div.section {margin: 50px 0 50px 0;text-align: center;font-size: 16px;font-weight: bold;}
#h div.item {margin: 25px 0 25px 0;border-bottom: 1px solid black;}
#h div.photo {display: block;float: right;width: 50%;margin-bottom: 20px;}
#h div.photo img {display: block;border: 0;}

#i {height: 25px;}
#j {height: 20px;padding: 4px 0 0 145px;background-color: #f90;border-top: 1px solid white;border-bottom: 1px solid white;}
#j a {font-size: 1em;font-weight: bold;color: #fff;}
#k {height: 35px;margin-left: 145px;padding: 5px;}
#k0 {float: right;margin-left: 20px;}
#k1 {float: left;}
#k2 {float: right;margin-left: 20px;}
#k2 img {width: 35px;height: 35px;}
#k3 {float: right;text-align: right;}

#menu {position: relative;height: 24px;background-color: #c00;z-index: 1000;} /* width i background del primer div (nomes afecta el primer nivell) */
#menu {font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 1.1em;color: white;} /* estil del text per defecte per tots els submenus */
#menu ul, li, div, a {margin: 0;padding: 0;}
#menu ul {position: absolute;list-style-type: none;}
#menu li {position: relative;}
#menu a {color: white;} /* aquest color substitueix el per defecte, quan hi ha link */
#menu a:hover {color: #f49e00;}
#menu ul div {display: none;}
#menu ul ul div {display: block;}
#menu ul ul a {display: block;}
#menu ul ul {width: 580px;} /* amplada del primer nivell */
#menu ul ul li {float: left;width: auto;_width: 1px;height: 24px;margin-left: 40px;} /* height ha de coincidir amb la de #menu - el margin-left controla l'espai entre els items del primer nivell */
#menu ul ul ul li {float: none;width: auto;height: auto;_height: 0;margin-left: 0;}
#menu ul ul li div {padding: 4px 0;height: 24px;text-align: center;font-weight: bold;text-transform: uppercase;} /* estils pels items del primer nivell */
#menu ul ul ul li div {height: auto;text-align: left;font-weight: normal;text-transform: none;}
#menu ul ul ul {display: none;top: 24px;left: 0;width: 175px;border: 1px solid white;border-top: 0;background-color: #333;} /* el width es calcula a partir del width i padding _laterals_ del següent div */
#menu ul ul ul div {width: 160px;padding: 3px 12px 3px 3px;border-top: 1px solid white;text-align: left;} /* width i padding dels submenús a partir del segon nivell (base del cálcul anterior!) */
#menu ul ul ul li.hc {background: url(../img/arrow.gif) 98% 3px no-repeat;}
#menu ul ul ul ul {top: 0;left: 175px;width: 175px;} /* el valor d'aquest left i width ha de coincidir amb el width calculat abans */