/* Global definitions */

* {
    font-family: Arial, sans-serif;
}
body {
    margin: 0;
    background: #e9e9eb url(/media/img/header_bg.png) repeat-x;
}
a {
    text-decoration: none;
}
img {
    border-style: none;
}
div#container {
    width: 1008px;
    margin: 0 auto;
}
div#body {
}
div#body-ie {
    padding: 6px;
}
sup {
    font-size: 9px;
    vertical-align: text-top;
    line-height: 0.8;
}
.box {
    background: transparent url(/media/img/box.png) no-repeat;
}
.short-box {
    background: transparent url(/media/img/box-short.png) no-repeat;
}
.info-medium {
    background: transparent url(/media/img/info_medium.png) no-repeat;
    background-position: 0 8px;
    padding-left: 28px;
}
.dots {
    background: transparent url(/media/img/dot_line.png) repeat-x scroll 7px 0;
    padding-top: 10px;
}
.promotion {
    background: transparent url(/media/img/promotion_bg.png) no-repeat;
}
.promotion-home {
    background: transparent url(/media/img/promotion_bg_home.png) no-repeat !important;
}
.red {
    color: #de0505;
}
.bold {
    font-weight: bold;
}
.caducada {
    background: transparent url(/media/img/caducada-bg.png) repeat;
}

/* Header */

div#header {
    position: relative;
    width: 100%;
    height: 143px;
    margin: 0;
    padding: 0;
}

div#lang {
    position: absolute;
    margin: 0;
    top: 8px;
    right: 10px;
    color: #797979;
}
div#lang * {
    display: inline;
}
div#lang input[type=submit] {
    background-color: transparent;
    border-style: none;
    padding: 0;
    color: #797979;
}

img#logo-center {
    position: absolute;
    top: 30px;
    right: 10px;
}
a#related-center {
    position: absolute;
    top: 75px;
    right: 10px;
}
div#keyword-search {
    position: absolute;
    top: 95px;
    right: 10px;
}
div#keyword-search input.search-box {
    width: 132px;
    height: 15px;
    padding: 2px 10px 2px 30px;
    background: transparent url(/media/img/keyword_search_bg.png) no-repeat;
    border: none;
    color: #5b5b5b;
    font-size: 11px;
}
div#keyword-search input.search-box:focus {
    background: transparent url(/media/img/keyword_search_bg_active.png) no-repeat;
}
div#levels {
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 783px;
    background: transparent url(/media/img/levels_bg.png) no-repeat;
}
div#levels div.column {
    margin-left: 11px;
    padding-left: 0;
    float: left;
    width: 181px;
}
div#levels a {
    margin-top: 0;
    color: white;
    font-size: 10px;
    display: block;
    width: 165px;
    height: 14px;
    padding: 3px 5px;
}
div#levels a:hover {
    background: transparent url(/media/img/levels_btn_hover.png) no-repeat;
}
div#levels a.selected {
    background: transparent url(/media/img/levels_btn_selected.png) no-repeat;
}
div#levels a.selected:hover {
    background: transparent url(/media/img/levels_btn_selected_hover.png) no-repeat;
}

div#categories {
    position: absolute;
    bottom: 0;
    left: 4px;
    width: 800px;
}
div#categories div.tab {
    position: absolute;
    width: 91px;
    padding: 5px 10px 0 10px;
    height: 25px;
    bottom: 0;
    line-height: 1;
}
div#categories div.tab-up {
    height: 70px;
    z-index: 1;
}
div#categories div.tab-down {
    height: 34px;
    z-index: 2;
}
div#categories div.tab a {
    font-size: 12px;
    color: #666666;
    line-height: 1.2;
    display: block;
    width: 91px;
    height: 25px;
}
div#categories div.tab a:hover {
	color: #222222;
}
div#categories div.selected a {
    color: white;
}
#tab1 {
    left: 0; /* 111 x 0 */
}
#tab2 {
    left: 111px; /* 111 x 1 */
}
#tab3 {
    left: 222px; /* 111 x 2 */
}
#tab4 {
    left: 333px; /* 111 x 3 */
}
#tab5 {
    left: 444px; /* 111 x 4 */
}
#tab6 {
    left: 555px; /* 111 x 5 */
}
#tab7 {
    left: 55px; /* 111 x 0 + 55 */
}
#tab8 {
    left: 166px; /* 111 x 1 + 55 */
}
#tab9 {
    left: 277px; /* 111 x 2 + 55 */
}
#tab10 {
    left: 388px; /* 111 x 3 + 55 */
}
#tab11 {
    left: 499px; /* 111 x 4 + 55 */
}

.header-small {
    font-weight: bold;
    font-size: 10px;
}
.blue {
    color: #53a1b7 !important;
    cursor: pointer;
}

/* Footer */
#footer {
    position: relative;
    width: 100%;
    height: 60px;
    background: #e9e9eb url(/media/img/footer_bg.png) repeat-x;
}
#footer a {
    position: absolute;
    color: #00759c;
    font-size: 11px;
    font-weight: bold;
}
#footer a:hover {
    text-decoration: underline;
}
#footer img {
    position: absolute;
}
#footer img.favourites {
    top: 10px;
    left: 20px;
    z-index: 1;
}
#footer a.num-favourites {
    top: 29px;
    left: 16px;
    width: 40px;
    text-align: center;
    color: black;
    font-size: 14px;
    z-index: 2;
}
#footer a.num-favourites:hover {
    text-decoration: none;
}
#footer a.favourites {
    top: 12px;
    left: 70px;
    width: 140px;
}
#footer p.favourites {
    position: absolute;
    margin-top: 0;
    top: 40px;
    left: 70px;
    font-size: 11px;
    color: #868686;
}
#footer img.history {
    top: 10px;
    left: 220px;
}
#footer a.history {
    top: 16px;
    left: 270px;
    width: 130px;
}
#footer img.centers {
    top: 10px;
    left: 420px;
}
#footer a.centers {
    top: 16px;
    left: 470px;
    width: 150px;
}
#footer img.contact {
    top: 10px;
    left: 640px;
}
#footer a.contact {
    top: 16px;
    left: 690px;
    width: 150px;
}
#footer img.help {
    top: 10px;
    left: 840px;
}
#footer a.help {
    top: 16px;
    left: 890px;
    width: 150px;
}