/* layout */
.cleaner {clear: both; height: 1px; font-size: 1px; display: block; padding: 0; margin: 0;}
.hidden {display: none;}
.fl {float: left;  display: inline;}
.fr {float: right; display: inline;}
.tal {text-align: left !important;}
.tac {text-align: center !important;}
.tar {text-align: right !important;}
.nw {white-space: nowrap !important;}
.uc {text-transform: uppercase !important;}
.mt0 {margin-top: 0 !important;}
.mt05 {margin-top: 0.5em !important;}
IMG {border: 0px;}
A IMG {display: block;}
BODY, FORM, FIELDSET, UL, OL, H1, H2, H3, H4, H5, P {padding: 0; margin: 0;}
FIELDSET {border: 0px;}
HTML, BODY {height: 100%;}
BODY {background: url("/cs/bg-body.jpg") top left repeat-x #F8F8F8; text-align: center; font-family: Verdana, sans-serif; font-size: 70%; color: #3C3C3C;}
TABLE {font-size: 100%;}
#main {width: 949px; margin-left: auto; margin-right: auto; text-align: left; position: relative; background-color: #fff;}
.fakesup {font-size: 8px; position:relative; top:-4px;}
.w10 {width: 10px;}.w20 {width: 20px;}.w25 {width: 25px;}.w30 {width: 30px;}.w40 {width: 40px;}.w45 {width: 45px;}.w50 {width: 50px;}.w60 {width: 60px;}.w70 {width: 70px;}.w80 {width: 80px;}.w90 {width: 90px;}.w100 {width: 100px;}.w110 {width: 110px;}.w120 {width: 120px;}.w130 {width: 130px;}.w140 {width: 140px;}.w150 {width: 150px;}.w160 {width: 160px;}.w170 {width: 170px;}.w180 {width: 180px;}.w190 {width: 190px;}.w200 {width: 200px;}.w250 {width: 250px;}.w290 {width: 290px;}.w280 {width: 280px;}.w300 {width: 300px;}.w350 {width: 350px;}.w400 {width: 400px;}.w450 {width: 450px;}.w500 {width: 500px;}.w550 {width: 550px;}.w600 {width: 600px;}.w650 {width: 650px;}
.w25p {width: 25%;}.w33p {width: 33%;}.w50p {width: 50%;}.w100p {width: 100%;}
INPUT.txt, TEXTAREA {}
INPUT.txt {padding-top: 1px; padding-bottom: 1px; height: 1.15em; background-color: #ECEAEA; border: 1px solid #ECEAEA;}
INPUT.txt, SELECT, TEXTAREA {font-size: 90%;}

.vat, TABLE.vat TR {vertical-align: top;}
.error {color: #ff0000; background-color: inherit; font-weight: bold;}

.flc p {padding: 0 5px 0 0;}
.mdc p {padding: 0 5px;}
.lrc p {padding: 0 0 0 5px;}

/*************************************************************************************************************************/

/* Header */
#header {padding-top: 41px;}
H1 {width: 185px; height: 41px; font-size: 220%; position: absolute; overflow: hidden; top: 0px; left: 5px;}
H1 A {display: block; height: 36px; padding-top: 5px; position: relative; overflow: hidden; text-decoration: none; color: #002863; text-align: center; text-transform: uppercase;}
H1 A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; cursor: hand; background: url("/cs/bg-h1.gif") top left no-repeat;}
H1 A STRONG {color: #949198;}

p#motto {width: 200px; height: 30px; font-size: 110%; position: relative; overflow: hidden; left:0; padding-top: 11px; color: #002863;}
p#motto SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("/cs/bg-motto.gif") top left no-repeat;}
p#motto STRONG {color: #DC5700;}

DIV#intro {height: 148px; background: url("/cs/bg-intro.jpg") top left no-repeat #BACBD2; position: relative; overflow: hidden;}
DIV#intro H2 {position: absolute; top: 20px; right: 82px; text-transform: uppercase; color: #002863; font-size: 160%; font-weight: normal;}
/*DIV#intro H2 SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("") top left no-repeat;}*/
DIV#intro UL {position: absolute; top: 65px; left: 484px;}
DIV#intro LI {float: left; _display: inline; background-position: top left; background-repeat: no-repeat; background-color: #8299A0; font-size: 120%; font-weight: bold; width: 100px; height: 69px; text-align: center; list-style-type: none;}
DIV#intro LI A, DIV#intro LI SPAN {color: #fff; text-decoration: none; display: block; height: 44px; padding-top: 25px;}
DIV#intro LI SPAN {cursor: hand;}
DIV#intro LI#documents {background-image: url("/cs/bg-documents.jpg");}
DIV#intro LI#data {background-image: url("/cs/bg-data.jpg"); margin-left: 8px;}
DIV#intro LI#processes {background-image: url("/cs/bg-processes.jpg"); margin-left: 8px;}
DIV#intro LI#services {background-image: url("/cs/bg-services.jpg"); margin-left: 8px;}

FORM#search {position: absolute; top: 13px; left: 485px;}
FORM#search input.txt {border: 1px solid #FC8801; height: 12px; background: #FFF0DF;}
FORM#search input.btn {margin-left: 5px;}
DIV#links {position: absolute; top: 14px; left: 700px; font-weight: bold;}
DIV#links A {color: #636363; text-decoration: none; float: left; _display: inline; margin-left: 15px;}
DIV#links A:hover {color: #358CC8;}
DIV#languages {position: absolute; top: 14px; right: 18px; font-size: 80%;}
DIV#languages A {color: #636363; text-decoration: none; border: 1px solid #C3C3C3; float: left; _display: inline; width: 18px; height: 11px; text-align: center; margin-left: 10px; position: relative; overflow: hidden;}
DIV#languages A:hover {color: #358CC8;}
DIV#languages A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; cursor: pointer; cursor: hand;}
DIV#languages A#lang-cz SPAN {background-image: url("/cs/bg-lang-cz.gif");}
DIV#languages A#lang-en SPAN {background-image: url("/cs/bg-lang-en.gif");}



DIV#nav {background: url("/cs/bg-nav.gif") top left repeat-x; min-height: 36px; _height: 36px; position: relative; z-index: 10;}

DIV#nav UL LI {float: left; font-size: 120%; font-weight: bold; list-style-type: none; position: relative;}
DIV#nav UL LI A {padding: 11px 15px 9px 15px; color: #002863; text-decoration: none; display: block; background: url("/cs/bg-nav-li.gif") top right no-repeat #fff; border-bottom: 1px solid #C8C8C8;}
DIV#nav UL LI.last A {background-position: top left;}
DIV#nav UL UL { position: absolute;z-index: 10;visibility: hidden;border-top: 8px solid #799299; border-bottom: 8px solid #799299;}
DIV#nav UL LI A SPAN {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;  background: url("/cs/bg-nav-li-span.gif") top left no-repeat;  cursor: pointer; cursor: hand;}
DIV#nav UL UL LI {float: none; font-size: 75%; font-weight: normal; =display: inline; position: static;}
#main DIV#nav UL UL LI A {width: 170px; color: #fff; background: url("/cs/li-submenu.gif") 7px 9px no-repeat #799299; padding: 4px 18px; border-bottom: 0;}
DIV#nav UL LI.last UL {margin-left: -111px;}
#main DIV#nav UL UL LI A:hover {background-image: url("/cs/li-submenu-act.gif");}
DIV#nav UL LI A:hover, DIV#nav UL LI:hover A, DIV#nav UL LI A.act {background-color: #799299; background-image: url("/cs/bg-nav-li-act.gif"); color: #fff;}
DIV#nav UL LI A:hover SPAN {  background-image: url("/cs/bg-nav-li-span-act.gif"); }
DIV#nav UL LI:hover UL {visibility: visible;}
DIV#nav UL LI:hover LI A {background-image: none; color: #DDEBF1;}

/*************************************************************************************************************************/

/* Content */
DIV#content {width: 100%; clear: both; background: url("/cs/bg-content.gif") top left repeat-x;}
DIV#psa-holder {background: url("/cs/bg-psa-holder.gif") top left repeat-y; width: 100%}
DIV#products, DIV#solutions, DIV#actualities {min-height: 144px; _height: 144px; float: left; _display: inline; background-position: top left; background-repeat: no-repeat; padding: 15px; padding-bottom: 30px; position: relative;}
DIV#products P.button, DIV#solutions P.button, DIV#actualities P.button {position: absolute; bottom: 10px; right: 14px;}
DIV#products {background-image: url("/cs/bg-products.jpg"); background-color: #DBEEF8; width: 289px;}
DIV#products H2, DIV#solutions H2, DIV#actualities H2 {font-size: 120%; padding: 3px 10px;}
DIV#products H2, DIV#solutions H2 {background-position: top left; background-repeat: repeat-y; color: #fff;}
DIV#products H2 {background-image: url("/cs/bg-h2-products.jpg"); background-color: #1776BC;}
DIV#products UL, DIV#solutions UL {list-style-type: none; margin-top: 0.8em;}
DIV#products UL LI, DIV#solutions UL LI {background-position: 10px 0.4em; background-repeat: no-repeat; _display: inline; font-size: 120%; font-weight: bold;}
DIV#products UL LI A, DIV#solutions UL LI A {color: #3C3C3C; text-decoration: none; display: block; background: url("/cs/li-dotted.gif") bottom left repeat-x; padding: 0.1em 10px 0.2em 32px; width: 247px;}
DIV#products UL LI A:hover, DIV#solutions UL LI A:hover {text-decoration: underline;}
DIV#products UL LI {background-image: url("/cs/li-products.gif");}

DIV#solutions {background-image: url("/cs/bg-solutions.jpg"); background-color: #E2F2CC; width: 289px;}
DIV#solutions UL LI {background-image: url("/cs/li-solutions.gif");}
DIV#solutions H2 {background-image: url("/cs/bg-h2-solutions.jpg"); background-color: #547F08;}

DIV#actualities {background-image: url("/cs/bg-actualities.jpg"); background-color: #E5E5E5; width: 281px;}
DIV#actualities H2 {color: #3C3C3C; font-size: 120%;}
DIV#actualities DIV {padding: 0 10px;}
DIV#actualities DIV H3 {font-size: 100%; font-weight: normal; margin-top: 0.8em;}
DIV#actualities DIV H3 SMALL {font-size: 95%; color: #87C92C; font-weight: bold; margin-right: 5px;}
DIV#actualities DIV H3 A {color: #3C3C3C; text-decoration: none;}
DIV#actualities DIV H3 A:hover {text-decoration: underline;}

DIV#sp-holder {background: url("/cs/bg-sp-holder.gif") top left repeat-x #FEFEFE; border-top: 1px solid #fff; min-height: 140px; _height: 140px;}
DIV#studies, DIV#partners {float: left; _display: inline;}
DIV#studies {width: 608px; padding: 15px;}
/*jb DIV#studies H2, DIV#partners H2 {font-size: 120%; color: #445F6A;}*/
DIV#studies H2 {font-size: 120%; color: #445F6A; margin-left: 320px;}
DIV#partners H2 {font-size: 120%; color: #445F6A;}
DIV#studies-inner {width: 100%; background: url("/cs/bg-studies.gif") 303px 15px repeat-y;}
DIV#studies-inner DIV {float: left; _display: inline; width: 289px; position: relative; padding-bottom: 36px;}
DIV#studies-inner DIV.first {margin-right: 30px;}
DIV#studies-inner DIV.first img {float: left;}
DIV#studies-inner DIV H3 {font-size: 110%; color: #1977BD; margin-top: 0.8em;}
DIV#studies-inner DIV P {margin-top: 0.2em;}
DIV#studies-inner P.button {position: absolute; bottom: 0; right: 0;}
DIV#studies-inner DIV IMG {float: right; _display: inline; margin-left: 5px; margin-bottom: 5px;}

DIV#partners {width: 259px; background: url("/cs/bg-partners.gif") top left no-repeat; padding: 15px 15px 15px 25px; min-height: 140px; _height: 140px;}
DIV#partners DIV#logos {margin-top: 0.6em; text-align: center;}
DIV#partners DIV#banner {margin-top: 1em;}

/* Root */
#subnav, #page_content {float: left; _display: inline;}
#subnav {width: 200px; padding: 25px 12px;}
#subnav H3,#page_content .ben h3 {background: url("../images/layout/backgrounds/bg-subnav.gif") top left repeat-y; color: #fff; font-size: 90%; padding: 0.3em 0.7em;}

#subnav H3,#page_content .ben h3 {background: url("/cs/bg-subnav.gif") top left repeat-y; color: #fff; font-size: 90%; padding: 0.3em 0.7em;}
#subnav UL {list-style-type: none; color: #3C3C3C; margin-top: 0.5em;}
#subnav UL LI {background: url("/cs/li-subnav.gif") 8px 0.5em no-repeat; font-size: 90%;}
#subnav UL LI A {color: #3C3C3C; text-decoration: none; display: block; background: url("/cs/li-dotted.gif") bottom left repeat-x; padding: 0.2em 10px 0.4em 25px; width: 165px;}
#subnav UL LI.act {background-image: url("/cs/li-subnav-act.gif");}
#subnav UL LI.act A {color: #FB8800;}
#subnav UL LI.act LI A {color: #3C3C3C;}
#subnav UL LI A:hover {color: #FB8800;}
#subnav UL UL {margin-top: 0; background: url("/cs/li-dotted.gif") bottom left repeat-x; width: 100%; padding: 0.3em 0 0.5em 0;}
#subnav UL UL LI {margin-left: 18px; background: url("/cs/li-li-subnav.gif") 8px 0.8em no-repeat;}
#subnav UL UL LI.act {background-image: url("/cs/li-li-subnav-act.gif");}
#subnav UL UL LI.act A {color: #FB8800;}
#subnav UL UL LI A {background: none; width: 155px; padding: 0.2em 5px 0.2em 18px;}

#page_content {width: 700px; padding: 25px 20px 25px 5px;}
#page_content H2 {color: #1876BC; font-size: 150%; font-weight: normal;}
#page_content H3 {color: #FB8800; font-size: 100%; margin-top: 2em;}
/* benefits start */
#page_content .ben{float:right;width:200px;margin-left:20px;margin-bottom:20px;margin-top:20px;background-color:#eeeeee;padding:0;padding-bottom:10px;}
#page_content .ben h3 {margin-top:0;border-bottom:1px solid #fff;}
#page_content .ben li{background: url("/cs/li-li-subnav.gif") 5px 0.8em no-repeat; }
/* benefits end */
#page_content H4 {font-size: 100%; margin-top: 1.5em;}
#page_content P {margin-top: 1em; line-height: 140%;}
#page_content A {color: #1876BC;}
#page_content UL {list-style-type: none; margin-top: 0.8em; margin-left: 5px; line-height: 140%;}
#page_content UL LI {background: url("/cs/li.gif") 0 0.4em no-repeat; margin-top: 0.5em; padding-left: 15px;}
#page_content OL {margin-top: 0.8em; margin-left: 28px; line-height: 140%;}
#page_content OL LI {margin-top: 0.5em;}
#page_content IMG.img {border: 1px solid #D0DDE2; margin-top: 1em;}
#page_content IMG.imgl {float: left; _display: inline; margin-right: 15px; margin-bottom: 10px; border: 1px solid #D0DDE2; margin-top: 0.2em;}
#page_content IMG.imgr {float: right; _display: inline; margin-left: 15px; margin-bottom: 10px; border: 1px solid #D0DDE2; margin-top: 0.2em;}
#page_content TABLE {border-collapse: collapse; border: 0; margin-top: 1em;}
#page_content TABLE TD, #page_content TABLE TH {border: 0; padding: 0.2em 0.5em 0.2em 0;}
#page_content TABLE.common {width: 100%;}
#page_content TABLE.common TH, #page_content TABLE.common TD {border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding: 0.6em 1em;}
#page_content TABLE.common TH {background-color: #647F87; color: #fff;}
#page_content TABLE.common TD {}
#page_content TABLE.common TR.tr1 TD {background-color: #D0DDE2;}
#page_content TABLE.common TR.tr2 TD {background-color: #F1F5F6;}
#page_content FORM.form {background-color: #D0DDE2; padding: 15px; margin-top: 1em;}
#page_content FORM.form DIV.f-row {min-height: 30px; _height: 30px;}
#page_content FORM.form LABEL {float: left; _display: inline; margin-right: 5px; margin-top: 4px;}
#page_content FORM.form INPUT.txt, #page_content FORM.form TEXTAREA, #page_content FORM.form SELECT {float: left; _display: inline;}
#page_content FORM.form INPUT.txt {background-color: #fff; border: 1px solid #fff; padding-top: 3px; padding-bottom: 4px; font-size: 100%;}
#page_content FORM.form TEXTAREA {background-color: #fff; border: 1px solid #fff;}
#page_content FORM.form .required {/*color: #FB8800;*/ font-size: 90%;}
#page_content FORM.form SPAN.required {float: left; _display: inline; margin-left: 5px; margin-top: 3px; font-size: 120%;}

/*************************************************************************************************************************/

/* Footer */
#footer {background: #E9E9E9 url("/cs/bg-footer2.gif") top left repeat-x; font-size: 90%;}
#footer P#powered-by {float: left; _display: inline; padding: 1em 0 0 1.5em;}
#footer P#copyright {float: right; _display: inline; color: #002863; padding: 1.5em 1.5em 1.2em 0;}
#footer P#change-medium {float: left; _display: inline; margin-left: 15px; color: #002863; padding: 1.5em 1.5em 1.2em 0;}
#footer P#copyright A {color: #002863;}
#footer P#change-medium A {color: #002863;}

/*************************************************************************************************************************/

/* Custom additions */

.reg {padding-top: 2em; font-weight: bold; color: #FB8800; background-color: #FFF;}
#page_content P.reg A  {color: #FB8800; background-color: #FFF;}
