/* HLAVNI */

body {
    background-color: white;
    background-image: url("images/header_bg.png");
    background-repeat: repeat-x;
    Font-family: "Geneva CE", "Arial CE", sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center; 
}
div.main {
    text-align: left;
    width: 980px;
    margin: 0 auto;
}

/* HEADER */
div.header{
    background-image: url("images/header.png");
    background-repeat: no-repeat;
    width: 980px;
    margin-bottom: 15px;
}
* html div.header{/* IE HACK */
    margin-bottom: 15px;
}
div.header div.infotext {
    font-weight: bold;
    color: white;
    position: relative;
    top: 15px;
}
div.header div.infotext span {
    text-align:right;
    float:right;
}
* html div.header .infotext span { /* IE HACK */
    position: relative;
    bottom: 15px;
}
div.header div.infotext a {
    color :red;
}
div.header img.logo {
    position: absolute;
    top: 60px;
    margin-left:20px;
    border: none;
}

/* HEADER MENU */
div.header div.menubox {
    background: url("images/menu_bg.png") repeat-x;
    width: 980px;
    height: 48px;
    margin: 10px auto 0 auto;
}
* html div.header div.menubox { /*IE HACK*/
    margin-top: 139px;
}
div.header div.menubox .rbbot{
    margin-top: 10px;
}
* html div.header div.menubox .rbbot { /*IE HACK*/
    margin-top: -1px;
}
div.header div.menubox div.menu {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
* html div.header div.menubox div.menu { /*IE HACK*/
    margin-top: 0px;
}
div.header div.menubox ul, div.header div.menu li {
    display: inline;
}
div.header div.menubox div.menu li {
    margin-right: 25px;
}
div.header div.menubox div.menu li a {
    color:white;
    text-decoration:none;
}
div.header div.menubox div.menu li a:hover {
    color:white;
    text-decoration:underline;
}
div.header div.menubox img {
    position: absolute;
    margin-left: 15px;
    margin-top: -7px;
}

/* TĚLO */
div.sidebarleft {
    float: left;
    width: 200px;
}
div.sidebarright {
    float: right;
    width: 200px;
}
div.mainbar {
    width: 550px;
    margin : 0 215px;
}
* html div.mainbar { /*IE HACK*/
    width: 543px;
}

/* BOXY V SIDEBARECH */
div.sidebarbox {
    margin-bottom: 15px;
}
div.sidebarbox div.sidebarboxheadblack {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_black_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadblue {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_blue_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadred {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_red_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadgreen {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_green_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadcyan {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_cyan_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadyellow {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_yellow_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadfial {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_fial_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox div.sidebarboxheadorange {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_orange_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.sidebarbox .rbbot {
    margin-top: 7px;
}
* html div.sidebarbox .rbbot { /*IE HACK*/
    margin-top: -4px;
}
div.sidebarbox div.sidebarboxbody {
    padding-left: 10px;
    width: 100%;
    background: url("images/sidemenu_mid_bg.png") repeat-y;
}
div.sidebarbox div.sidebarboxbody p {
    font-size: 12px;
    line-height: 130%;
    margin-right: 20px;
    text-align: justify;
}
* html div.sidebarbox div.sidebarboxbody p { /* IE HACK */
    margin-right: 10px;
}
div.sidebarbox .top {
    width: 200px;
    height: 15px;
    margin-bottom: -12px;
}
* html div.sidebarbox .top { /*IE HACK*/
    margin-bottom: -3px;
}
div.sidebarbox .bottom {
    width: 200px;
    height: 15px;
    margin-top: -12px;
}

/* MAIN */
div.mainbarbox {
    margin-bottom: 15px;
}
div.mainbarbox div.mainbarboxhead {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_blue_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.mainbarbox div.mainbarboxheadblack {
    width: 100%;
    height: 40px;
    background: url("images/sidemenu_black_bg.png") repeat-x;
    margin-bottom: 2px;
}
div.mainbarbox .rbbot {
    margin-top: 7px;
}
* html div.mainbarbox .rbbot { /*IE HACK*/
    margin-top: -4px;
}
div.mainbarbox div.mainbarboxbody {
    width: 540px;
    background: url("images/main_mid_bg.png") repeat-y;
    padding: 10px;
    margin-top: -10px;
}
* html div.mainbarbox div.mainbarboxbody { /*IE HACK*/
    width: 100%;
    margin-top: 0px;
}
div.mainbarbox .top {
    width: 550px;
    height: 15px;
}
* html div.mainbarbox .top { /*IE HACK*/
    margin-bottom: -3px;
}
div.mainbarbox .bottom {
    width: 550px;
    height: 15px;
    margin-top: -12px;
}
* html div.mainbarbox .bottom, * html div.mainbarbox .top { /*IE HACK*/
    width: 543px;
}

/* POLOŽKY */
div.itemsbox {
    width: 100%;
    text-align:center;
    margin: 0 auto;
}
div.itemsbox td {
    width: 180px;
    height: 200px;
    background-image: url("images/item_bg.png");
    background-repeat: no-repeat;
    text-align:center;
    vertical-align: top;
    padding-right: 5px;
}
div.itemsbox td.lasttd {
    padding-right: 0px;
}
* html div.itemsbox td { /* IE HACK */
    padding-right: 3px;
}
div.itemsbox tr.white td  {
    height: 2px;
    background-image: none;
}
div.mainbox .box .last h2 {
    font-size: 16px;
    text-align: left;
}
.item {
    padding: 5px;
    text-align:center;
}
* html .item { /* IE HACK */
    padding-bottom: 10px;
}
.item h3 {
    color: #CE7319;
    font-size: 14px;
    margin: -18px 0 0 0;
    text-align:center;
}
* html .item h3 { /* IE HACK */
    margin-top: -15px;
}
.item span {
    padding-bottom:1px;
    font-size: 10px;
}
.item span.vice {
    padding-top:0px;
    text-align: right;
    float:right;
}
.item span.smstvar {
    padding-top:0px;
    font-size: 16px;
    text-align: center;
    margin: 0;
    display:block;
    font-weight: bold;
}
.item h4 {
    font-size: 13px;
    text-align: center;
    margin: 0;
    clear:both;
    margin-top: -5px;
}
.item h4 span {
    font-size: 12px;
    color: red;
}
.item img {
    width:80px;
    height: 80px;
    text-align: left;
    float: left;
    border: dotted 1px black;
    margin-bottom: 2px;
}
.item img:hover {
    border: dotted 1px #CE7319;
}
.item p {
    margin: 0;
    font-size: 10px;
    line-height: 110%;
    text-align: justify;
    height: 68px;
}
.item a {
    font-size: 10px;
    color: #CE7319;
    text-decoration: none;
}
.item h3 a {
   font-size: 14px;
}
.item a:hover {
    text-decoration: underline;
}

/* NADPISY*/
h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}
h1 {
    font-size: 16px;
    color: white;
    margin-top: 5px;
    text-align: center;
}
h2 {
    font-size: 14px;
    color: white;
    margin-top: 9px;
    text-align: center;
}
h3 {
    font-size: 14px;
    color: blue;
}
h2.body {
    font-size: 16px;
    color: green;
    margin-top: 0px;
}
h2.faq {
    color: green;
    margin-top: 0px;
    text-align: left;
}
* html h1 { /*IE HACK*/
    margin-top: -5px;
}
* html h2 { /*IE HACK*/ 
    margin-top: -2px;
}
.help {
    cursor: help;
    border-bottom: 1px white dashed;
}

/* SEZNAMY */
div.sidebarbox ul {
    margin-left: -20px;
}
* html div.sidebarbox ul { /* IE HACK */
    margin-left: 20px;
}
div.sidebarbox li {
    margin-bottom: 5px;
    list-style-image: url("images/sipka.gif");
}
div.sidebarbox .novinky li {
    margin-left: -15px;
    margin-bottom: 5px;
    list-style-image: none;
    list-style-type: none;
}
div.sidebarbox li a {
    color: #8ba43f;
    font-weight: bold;
    text-decoration: none;
}
div.sidebarbox li a:hover {
    text-decoration: underline;
}
ul.cisla {
    list-style-type: decimal;
    font-size: 13px;
}
ul.cisla li {
    margin-bottom: 5px;
}

/* FOOTER */
div.footer {
    margin:0px;
    width: 980px;
    height: 70px;
    text-align:center;
    background: url('images/footer_bg.png') repeat-x;
    margin-bottom: 15px;
    color: white;
}
div.footer .rbbot {
    margin-top: 1px;
}
* html div.footer .rbbot { /* IE HACK */
    margin-top: -11px;
}
div.footer p {
    font-size: 10px;
    line-height: 170%;
    margin: 0;
    padding: 2px 20px;
}
* html div.footer p { /* IE HACK */
    margin-top: -10px;
}
div.footer a {
    color:white;
    font-weight: bold;
    text-decoration: none;
}
div.footer a:hover {
    text-decoration: underline;
}

/* SOUTEZ */
div.cena img {
    text-align:right;
    float:right;
    width: 250px;
    margin:0 10px 10px 10px;
    border: 1px dotted red;
}
div.cena table {
    width: 530px;
    margin:20px 0;
    padding:0;
}
* html div.cena table { /* IE HACK */
    width: 100%;
}
div.cena td.smsbox {
    font-size: 14px;
    text-align:center;
    background-image: url("images/smsbox.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 60px;
    color: white;
}
div.cena td.virtsms {
    font-size: 14px;
    text-align:center;
    background-image: url("images/virtsms.png");
    background-repeat: no-repeat;
    width: 150px;
    height: 60px;
}
div.cena td.virtsms a{
    color: black;
}
div.cena td.smssipka {
    text-align:center;
    background-image: url("images/smssipka.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 60px;
}
div.cena .smsbox b {
    font-size: 24px;
}
div.cena h3 {
    font-size: 14px;
    margin:5px;
    text-align: left;
}

/* RŮZNÉ */
img.rul {
    float:right;
    margin-right: 5px;
    padding: 5px;
}
img.faq {
    float:left;
    margin-right: 5px;
    padding: 5px;
}
.mainbarboxbody p {
    padding-right: 10px;
    font-size: 14px;
    line-height: 130%;
    text-align: justify;
}
.mainbarboxbody p.small {
    font-size: 11px;
    line-height: 110%;
}
* html .mainbarboxbody p { /* IE HACK */
    padding-right: 5px;
}
ul.rul li {
    padding-right: 10px;
    text-align: justify;
    margin-bottom: 10px;
    list-style-type: square;
    margin-left: -20px;
}
div.clear {
    clear: both;
}
.provozovatel {
    text-align: center;
    font-size: 11px;
}
.provozovatel a {
    color: black;
    font-weight: bold;
}
div.ikonky{
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}
div.ikonky img{
    border: none;
}
a {
    color: #8ba43f;
    text-decoration:none;
    font-weight: bold;
}
a:hover {
    text-decoration:underline;
}

/* FORMULARE */
form {
    margin-left: 145px;
    width: 240px;
}
* html form.login { /* IE HACK */
    margin-top: -20px;
}
form.reg {
    margin-left: 45px;
    width: 440px;
}
.sidebarboxbody form {
    margin-left: 0px;
    width: 180px;
}
fieldset {
    padding: 10px;
    border: 1px solid #999999;
}
.sidebarboxbody fieldset {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #999999;
}
legend {
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #999999;
}
label {
    width: 50px;
    float: left;
    font-weight: bold;
}
label span {
    font-weight: normal;
    font-size: 10px;
}
label.non {
    font-weight: normal;
}
form.reg label {
    width: 150px;
}
input {
    width: 150px;
    margin-bottom: 10px;
}
form.reg input {
    width: 250px;
    margin-bottom: 30px;
}
form img.kod{
    margin-left: 150px;
    margin-top: -20px;
}
input.button {
    width: 100px;
    margin-top: 10px;
    margin-left: 70px;
    margin-bottom: 0px;
}
form.reg input.checkbox {
    width: 15px;
}
form.reg input.button {
    margin-left: 100px;
}
.sidebarboxbody input.button {
    margin-left: 45px;
}
* html input.button { /* IE HACK */
    margin-left: -80px;
}
* html form.reg input.button { /* IE HACK */
    margin-left: 50px;
}
h3.varovani {
    text-align: center;
    color: red;
    font-size: 12px;
}
h3.zprava {
    text-align: center;
    color: green;
    font-size: 12px;
}
div.logdes {
    text-align:center;
    margin-top: -10px;
    margin-left: -20px;
}
div.logdes {
    margin-left: -10px;
}
a.virt {
    color: white;
    font-size: 17px;
}
table.koeficienty {
    width: 98%;
    text-align: center;
    font-size: 11px;
}
table.koeficienty th {
    text-align: center;
    border: 1px black solid;
}
table.koeficienty td {
    text-align: center;
}
table.logs {
    width: 98%;
    text-align: center;
    font-size: 12px;
}
table.logs th {
    text-align: center;
    border: 1px black solid;
}
table.logs td {
    text-align: center;
}
table.logs tr:hover {
    background-color: white;
}
div.paginator {
    padding-top: 10px;
    padding-bottom: 2px;
    text-align:center;
}

/* KULATÉ ROHY */
.rbtop {
    background: url("images/lt_roh.gif") no-repeat top left;
}
.rbtop div {
    background: url("images/rt_roh.gif") no-repeat top right;
}
.rbtopblue {
    background: url("images/lt_roh_blue.png") no-repeat top left;
}
.rbtopblue div {
    background: url("images/rt_roh_blue.png") no-repeat top right;
}
.rbbot {
    background: url("images/lb_roh.gif") no-repeat bottom left;
}
.rbbot div {
    background: url("images/rb_roh.gif") no-repeat bottom right;
}
.rbtop, .rbtop div, .rbbot, .rbbot div, .rbtopblue, .rbtopblue div {
    height:4px;
    width:4px;
    width: 100%;
}