/* global */
.cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0px; margin: 0px;}
.hidden {display: none;}
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.nw {white-space: nowrap;}
HR {display: none;}
BODY, UL, OL, H1, H2, H3, H4, H5, H6 {padding: 0px; margin: 0px;}
HTML, BODY {height: 100%;}
BODY {font-family: Arial, sans-serif; color: #525252; font-size: 10px; text-align: center; background-color: #B2B2B2;}
IMG {border: 0px;}
SPAN.txt {height: auto !important;}


/* main */
#main {width: 753px; min-width: 753px; min-height: 484px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; position: relative;}
#main-false {width: 753px; height: 484px;}
#main-home {width: 100%; height: 484px; position: absolute; top: 50%; margin-top: -242px; background: url('../images/bg-main.gif') top left repeat-y;/* overflow: hidden;*/}
#main-root {width: 100%; position: relative; background: url('../images/bg-main.gif') top left repeat-y;}
#main-root #l-col {padding-bottom: 55px;}


/* left column */
#l-col {color: #FFF; float: left; width: 296px; background: url('../images/bg-left-column.gif') top left no-repeat; position: relative; _margin-right:3px;}
#l-col A {color: #FFF;}
#l-col A:hover {color: #000;}
#left-menu {width: 100%; height: 484px; background: url('../images/bg-left-nav.gif') top left no-repeat; position: relative;}

#logo-euromanagers {width: 145px; height: 80px; font-size: 18px; text-align: center; position: absolute; top: 0px; left: 0px;}
#logo-euromanagers A {position: relative; display: block; overflow: hidden; width: 100%; height: 100%; cursor: pointer; cursor: hand; text-decoration: none;}
#logo-euromanagers A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/logo-euromanagers.gif') top left no-repeat;}
#logo-euromanagers A SPAN.txt {top: 20px;}


#right-menu-col {margin-left: 177px;}
.language {position: relative; overflow: hidden; display: block; _display: inline; width: 17px; height: 11px; float: left; margin-top: 15px;}
.language SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left; cursor: pointer; cursor: hand;}
#czech {margin-left: 70px; margin-right: 5px;}
#czech SPAN {background: url("../images/flag-cz.gif") top left no-repeat;}
#english SPAN {background: url("../images/flag-en.gif") top left no-repeat;}

#left-nav {width: 119px; position: absolute; top: 80px; right: 0px; text-align: right;}
#left-nav LI {text-align: right; list-style-type: none; _display: inline;}
#left-nav LI A {margin: 0px; padding: 0px; text-decoration: none; text-transform: uppercase; font-size: 9px; position: relative; overflow: hidden; display: block; width: 119px; height: 21px; cursor: pointer; cursor: hand;}
#left-nav LI A SPAN {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-position: top left; background-repeat: no-repeat;}
#left-nav LI A:hover {background-repeat: no-repeat;}
#left-nav LI A:hover SPAN {background-position: 0px -21px;}
#left-nav LI A.active SPAN {background-position: 0px -21px;}
#left-nav LI A SPAN.txt {position: static;}

#nav70 SPAN {background: url('../images/nav70.gif');}
#nav80 SPAN {background: url('../images/nav80.gif');}
#nav90 SPAN {background: url('../images/nav90.gif');}
#nav100 SPAN {background: url('../images/nav100.gif');}
#nav110 SPAN {background: url('../images/nav110.gif');}

#address {color: #FFF; width: 150px; height: 80px; font-size: 9px; position: absolute; bottom: 24px; left: 146px; overflow: hidden; text-align: right;}
#main-home #address {bottom: 0px; _bottom: 24px;}
#address SPAN {z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#address #address-email {z-index: 2; position: absolute; top: 60px; left: 54px; cursor: pointer; cursor: hand; display: block; width: 90px; height: 12px;}
#address A {color: #FFF; text-decoration: none;}
.address-home SPAN {background: url('../images/bg-address-home.gif') top left no-repeat;}
.address-home SPAN.txt {margin-top: 7px;}
.address-root SPAN {background: url('../images/bg-address.gif') top left no-repeat;}


/* right column */
#r-col {float: left; _float: none; width: 450px; margin-left: 7px; display: inline; background-color: #FFF;}
#right-nav-holder {height: 40px; background: url('../images/bg-right-nav.gif') top left no-repeat;}
#right-nav {padding-top: 12px;}
#right-nav LI {list-style-type: none; float: left;}
#right-nav LI A {color: #525252; text-align: center; margin: 0px; padding: 0px; text-decoration: none; text-transform: uppercase; font-size: 9px; position: relative; overflow: hidden; display: block; height: 18px; cursor: pointer; cursor: hand;}
#right-nav LI A:hover {color: #E63D21;}
#right-nav LI A SPAN {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-position: top left; background-repeat: no-repeat;}
#right-nav LI A:hover {background-repeat: no-repeat;}
#right-nav LI A.active SPAN {background-position: 0px -18px;}
#right-nav LI A:hover SPAN {background-position: 0px -18px;}

#nav10 {width: 50px;}
#nav10 SPAN {background: url('../images/nav10.gif');}
#nav20 {width: 55px;}
#nav20 SPAN {background: url('../images/nav20.gif');}
#nav30 {width: 71px;}
#nav30 SPAN {background: url('../images/nav30.gif');}
#nav40 {width: 138px;}
#nav40 SPAN {background: url('../images/nav40.gif');}
#nav50 {width: 66px;}
#nav50 SPAN {background: url('../images/nav50.gif');}
#nav60 {width: 70px;}
#nav60 SPAN {background: url('../images/nav60.gif');}


/* footer */
#footer {height: 20px; background-color: #B2B2B2;}
#footer #copyright {width: 100%; height: 20px; float: right; position: relative; overflow: hidden; text-align: right; font-size: 9px;}
#footer #copyright SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../images/bg-copyright.gif') top right no-repeat;}


/* page content */
.w-100 {width: 100px;}
.w-300 {width: 300px;}
.js-display {display: block;}

#h2-1 SPAN {background: url('../images/h2-1.gif');}
#h2-10 SPAN {background: url('../images/h2-10.gif');}
#h2-20 SPAN {background: url('../images/h2-20.gif');}
#h2-30 SPAN {background: url('../images/h2-30.gif');}
#h2-40 SPAN {background: url('../images/h2-40.gif');}
#h2-50 SPAN {background: url('../images/h2-50.gif');}
#h2-60 SPAN {background: url('../images/h2-60.gif');}
#h2-70 SPAN {background: url('../images/h2-70.gif');}
#h2-80 SPAN {background: url('../images/h2-80.gif');}
#h2-90 SPAN {background: url('../images/h2-90.gif');}
#h2-100 SPAN {background: url('../images/h2-100.gif');}
#h2-110 SPAN {background: url('../images/h2-110.gif');}
#h2-200 SPAN {background: url('../images/h2-200.gif');}

#page-content-holder {background: url('../images/bg-content.gif') top left no-repeat; min-height: 445px; height: auto; _height: 445px; padding-left: 12px; padding-right: 20px;}
#page-content {padding-top: 25px; padding-bottom: 25px; font-size: 10px;  clear: both;}
#page-content H2 {font-size: 12px; font-weight: bold; color: #E43E23; text-transform: uppercase; height: 20px; width: 100%; position: relative; overflow: hidden; margin-bottom: 20px;}
#page-content H2 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: top left;}
#page-content H3 {font-size: 10px; font-weight: bold; font-family: Verdana, sans-serif; color: #E63D21; background: url('../images/h3-dot.gif') 0px 3px no-repeat; padding-left: 13px; margin-bottom: 1em;}
#page-content H4 {font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; color: #E43E23; margin-bottom: 1em;}
#page-content H5 {font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; color: #525252; margin-bottom: 1em;}
#page-content H6 {font-size: 10px; font-weight: normal; color: #525252; margin-bottom: 1em;}
.page-content-home H3 {margin-bottom: 0px !important; font-weight: normal !important; font-family: Arial, sans-serif !important;}
#page-content P {padding-left: 0px; margin-top: 0px; margin-bottom: 1em;}
#page-content STRONG {font-family: Verdana, sans-serif; font-size: 9px;}
#page-content A {color: #E43E23;}
#page-content A:hover {color:#FFF; background-color:#E43E23;}
#page-content A.more {float: right; display: block;}
#page-content A.img:hover {background-color: transparent !important;}
#page-content UL {margin-left: 1px; margin-top: 0px; margin-bottom: 1em;}
#page-content LI {margin-top: 0.5em;}
#page-content UL LI {list-style-type: none; background: url('../images/bg-li.gif') 0px 4px no-repeat; padding-left: 10px; margin-top: 0.5em;}
#page-content OL {margin-left: 27px; margin-top: 0px; margin-bottom: 1em;}
#page-content .news {margin-top: 15px; clear: both;}
#page-content .news-anotation P {padding-left: 13px !important;}
#page-content IMG {border: 1px solid #C6C6C6;}
#page-content .orange {color: #E43E23;}
#page-content .grey {color: #525252;}
#page-content .table P {margin-bottom: 0.5em;}
#page-content .table {margin-bottom: 1em;}
#page-content FORM FIELDSET {border: 0px;}
#page-content FORM LABEL {float: left; width: 60px; padding-top: 4px;}
#page-content FORM INPUT, #page-content FORM TEXTAREA {font-family: Verdana; font-size: 9px;}
#page-content FORM .form-row INPUT, #page-content FORM .form-row TEXTAREA {width: 300px;}
#page-content FORM TEXTAREA {height: 100px;}
#page-content FORM .form-row {margin-top: 4px; clear: both;}
#page-content FORM .form-buttons {padding-top: 10px; text-align: center;}
#page-content FORM .form-buttons INPUT {margin-left: 5px;}
#page-content TABLE {width: 100%; text-align: left; font-size: 10px;}
#page-content TABLE CAPTION {font-size: 10px; font-weight: bold; font-family: Verdana, sans-serif; color: #E63D21; background: url('../images/h3-dot.gif') 0px 3px no-repeat; padding-left: 13px; padding-bottom: 1em; text-align: left;}
#page-content TABLE TH {border-right: 1px solid #FFF; background-color: #B2B2B2; color: #E63D21; font-weight: bold; font-family: Verdana, sans-serif; padding: 5px;}
#page-content TABLE TD {border-bottom: 1px dotted #B2B2B2; padding: 5px; vertical-align: top;}
#page-content TABLE.sites TH.web {width: 125px;}
#page-content TABLE.sites TH.link {width: 40px;}
#page-content TABLE.sites TH.availability {width: 75px;}
#page-content TABLE.downloads TH.download {width: 75px;}
#page-content TABLE.downloads TH.link {width: 40px;}
#page-content TABLE.downloads TH.availability {width: 75px;}