/* tady taky napiš, která barva je která, ať se to nemusí pokaždé měřit, když se tam bude něco dělat */
html, body {background: #E0E0E0;color: #000;text-align: center;font: 80%/1.2 Verdana, Arial, Helvetica, sans-serif;}
html > body {font-size: 10px;}

a {font-weight: bold;text-decoration: underline;color: #FF7800;background-color: inherit;}
a:hover {text-decoration: none;}

.c_b {width: 1px;height: 1px;overflow: hidden;clear: both;display: block;}
hr, h5 {display: none;}
#text ul {margin: 0.5em 0 0.7em 2em;list-style: square;}
#text p {margin: 7px 0 10px 0;}

#page {width: 766px;margin: 0 auto;color: inherit;background: #fff url("img/css/bg.gif") repeat-y;text-align: left;}
#logo {display: block;width: 189px;height: 66px;text-align: left;cursor: pointer;position: absolute;margin-left: 45px;top: 25px;z-index: 15;}
#logo span {width: 189px;height: 66px;position: absolute;z-index: 5;display: block;background: transparent url("img/css/logo.gif") no-repeat;}
#logo strong {position: absolute;}

#nav {position: absolute; top: 150px;margin-left: 220px;z-index: 10;color: #808080;font-weight: bold;background: #fff;}
#nav a {color: #808080;background-color: inherit;}
/* TADY */
#topmenu {width: 733px;height: 15px;background: #CDCDCD;color: #000;border-bottom: 1px solid #fff;position: absolute;top: 0;margin-left: 16px;z-index: 5;}
html > body #topmenu {height: 15px;}
#topmenu li {float: right;list-style: none;border-left: 1px solid #fff;}
#topmenu a {display: block;width: 108px;text-align: center;color: #000;background-color: inherit;padding: 1px 0 2px 0;text-decoration: none;}
#topmenu a:hover {background: #F3F3F3;color: #000;}

#lang {list-style: none;position: absolute;z-index: 15;top: 0;}
#lang li {margin-left: 715px;position: absolute;}
#lang a, #lang span {display: block;width: 24px;height: 15px;cursor: pointer;position: absolute;}
#lang span {position: absolute;}
#cz span {background: transparent url("img/css/cz.gif") no-repeat;}
#de span {background: transparent url("img/css/de.gif") no-repeat;}
#en span {background: transparent url("img/css/en.gif") no-repeat;}
#cz {top: 28px;} #de {top: 50px;} #en {top: 72px;}



#head {width: 733px;height: 84px;background: transparent url("img/css/head.jpg") no-repeat;position: absolute;top: 15px;margin-left: 16px;}

#menu {position: absolute;top: 99px;margin-left: 16px;font-size: 127%;z-index: 10;}
#menu li {list-style: none;float: left;}
#menu a {color: #fff;text-decoration: none;background: #FF6F37 url("img/css/menu.gif") repeat-x;text-align: center;height: 25px;display: block;float: left;}
#menu span {display: block;padding-top: 5px;}
#m1{width:154px}
#m2{width:200px;font-size: 90%;} #m2 span {padding-top: 6px;} 
#m3{width:130px}
#m4{width:133px}
#m5{width:116px}

#menu [id=m1]:hover {width: 152px;} #menu [id=m2]:hover {width: 198px;} #menu [id=m3]:hover {width: 128px;} #menu [id=m4]:hover {width: 131px;} #menu [id=m5]:hover {width: 114px;}


#menu a:hover {border-left: 1px solid #fff;border-right: 1px solid #fff;background-position: 0 -26px;color: #ffff00;background-color: #FF4115;}
#menu #m1:hover {border-left: 1px solid #FF4115;}
#menu #m5:hover {border-right: 1px solid #FF4115;}
#menu-line {width: 733px;position: absolute;top: 124px;margin-left: 16px;background: #e1e1e1 url("img/css/menu-line.gif") repeat-x;height: 17px;color: inherit;}

#content {padding-top: 141px;}
#text {float: right;width: 518px;margin-right: 14px;padding: 38px 0 10px 0;}
html > body #text {margin-right: 28px;}


#rc {float: left;width: 186px;margin-left: 8px;padding-top: 1px;}
html > body #rc {margin-left: 16px;}
#rc h4 {width: 186px;height: 21px;font-size: 100%;font-weight: bold;background: #E4E4E4 url("img/css/h4.jpg") no-repeat;color: inherit;}
#rc h4 span {display: block;padding: 4px 0 0 10px;}
.rcbox {border: 1px solid #000;color: inherit;background: #fff url("img/css/rcbox.gif") repeat-x;text-align: center;padding: 6px 0 6px 0;}
#rc input {border: 1px solid #646464;height: 1.8em;width: 90%;margin-top: 6px;font-size: 110%;}
#page .domain {text-align: right;}
html:root #page [class=domain] {position: relative;top: -2px;} /* HACK CSS 3 - vidi jen Mozilla */
#rc select {font-size: 110%;height: 1.8em;}
#rc .button {margin-top: 2px;width: 130px;height: 26px;padding-bottom: 5px;background: #FF9057 url("img/css/button.gif") no-repeat;color: #fff;border: 0;font-weight: bold;font-size: 112%;}
#rc p {text-align: left;padding: 1px 9px 2px 9px;line-height: 1.4em;}
#rc input.domain {width: 110px;}
#rc a {color: #000;background-color: inherit;}

#footer {color: inherit;width: 733px;height: 62px;background: #C6C6C6 url("img/css/footer.gif") repeat-x;margin-left: 16px;font-size: 90%;}
#footer p {padding: 30px 0 0 20px;}
#footer a {color: #000;background-color: inherit;}


/* OBSAH */
h1, h2, h3 {font-weight: bold;}
h1 {font-size: 130%;border-bottom: 1px solid #e1e1e1;padding-bottom: 2px;margin-bottom: 12px;color: #808080;background: #fff;}
h2 {font-size: 110%;padding: 2px 6px;border: 1px solid #e1e1e1;margin: 0.6em 0;color: #000;background: #fff;}
h3 {font-size: 100%;padding: 2px 6px;background-color: #FFF2E2;color: #808080;margin: 0.4em 0;}
#tf div {float: left;width: 128px;margin-right: 1px;}
#tf .t4 {margin-right: 0px;}

#tf {margin-bottom: 1.5em;background: transparent url("img/tarifs.gif") repeat-y;}
#tf h2 {border: none;overflow: hidden;line-height: 1em;font-size: 70%;width: 128px;height: 19px;padding: 0;margin: 0;background-color: #fff;color: #000;}
#tf h2 span {display: block;width: 128px;height: 19px;position: relative;margin-top: -1em;}
#tf #t1 h2 span {background: transparent url("img/tar-email.gif");} #tf #t2 h2 span {background: transparent url("img/tar-start.gif");} #tf #t3 h2 span {background: transparent url("img/tar-optimal.gif");} #tf #t4 h2 span {background: transparent url("img/tar-corporate.gif");}
#tf li {list-style: url("img/tf-li.gif");}
#tf ul {margin-left: 1.6em;}

#m_info {text-align: center;margin-bottom: 10px;}
#m_info a {margin: auto;font-size: 105%;background: #FF8445 url("img/css/m_info.gif") repeat-x;color: #fff;display: block;width: 320px;height: 23px;padding-top: 5px;text-decoration: none;}
html > body #m_info a {height: 18px;}
#m_info a:hover {text-decoration: underline;}

.fleft {float: left;}
img.fleft {margin: 3px 10px 6px 0;}

.right {text-align: right;}
.center {text-align: center;}

.highlight {color: #f00;background-color: inherit;font-weight: bold;}
.bold {font-weight: bold;}
.italic {font-style: itlaic;}


#toplist{width:1px;height:1px;overflow:hidden;font-size:1px;}