* {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;line-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(../../default/img/header_back.gif);border-bottom: 1px solid white;}
#fa {width: 570px;height: 72px;float: left;}
#fb {width: 230px;height: 72px;float: left;}
#g {height: 2px;background-color: #fff;}
#lang {height: 15px;padding: 5px;}
#lang select {width: 90px;font-size: 0.9em;}

#h {position: relative;height: 430px;font-size: 1.2em;}

#featured {position: absolute;top: 0;left: 0;width: 570px;height: 430px;}
#photo {position: absolute;top: 0;left: 0;padding: 5px;}
#photo img {width: 560px;height: 420px;}
#info {position: absolute;bottom: 0;left: 0;padding: 15px;width: 540px;font-size: 1em;font-weight: bold;color: #000;background-color: #fff;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
#nav {position: absolute;bottom: 15px;right: 15px;}
#nav img {width: 16px;height: 16px;}

#update {position: absolute;top: 0;left: 570px;width: 410px;height: 410px;padding: 5px;overflow: hidden;}
#update h4 {width: 200px;border-left: 10px solid #999;margin-bottom: 5px;padding: 2px 2px 2px 5px;background-color: #c00;color: white;}

#news ul {list-style-type: alpha;}
#news ul li {margin-top: 8px;}

#refs {position: absolute;bottom: 0;}
#refs ul {list-style: none;font-size: 10px;}
#refs ul li {display: block;float: left;width: 120px;height: 90px;margin: 3px;padding: 2px;border: 2px solid #c00;}
#refs ul li.sel {border: 2px solid #f90;}
#refs ul li:hover {border: 2px solid #cc0;}
#refs ul li img {width: 120px;height: 90px;}

#j {height: 16px;padding: 4px 0 0 50px;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: 50px;padding: 5px;background-color: #fff;}
#k1 {float: left;}
#k2 {float: right;margin-left: 20px;}
#k2 img {width: 24px;height: 24px;}
#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(../../default/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 */