html, body {margin: 0px; text-align: left; background: #cde6f0; color: black; font: 10px Verdana,Arial; height:100%;}

#page {width: 962px; background: url(/data/images/style/page-repeat-y.gif) repeat-y; text-align: left;  margin: 0px auto 1px auto;}

/* HEAD */
#head {width: 962px; height: 124px; background: url(/data/images/style/head.jpg); position: relative;}
#head .logo {width: 170px; height: 60px; position: absolute; top: 35px; left: 37px; border: 0;}
#head .langs {position: relative; top: 7px; left: 765px; width: 180px;}
#head .langs a {font-weight: normal; color: white; text-decoration: none; font-size: 9px;}
#head .langs a:hover {text-decoration: underline;}

#head .kosik {position: relative; top: 20px; left: 805px; width: 160px;}
#head .kosik h2 {color: #ac5bb6; font-size: 11px; margin: 0;}
#head .kosik table.kosik-table {margin: 0px; line-height: 12px;}
#head .kosik table.kosik-table td,th{margin: 0; padding: 6px 5px 0 0; border: 0;}
#head .kosik table.kosik-table .strong{color: #2892be; font-weight: bold; font-size: 11px;}

/* MENU */
.mainmenu {height: 33px; background: #2892be;}
.mainmenu .separator {width: 2px; height: 33px; float: left;}
.mainmenu .mainmenuleft {width: 13px; height: 33px; background: url(/data/images/style/menu-left.gif); float: left;}
.mainmenu .mainmenuright {width: 13px; height: 33px; background: url(/data/images/style/menu-right.gif) -2px 0px; float: right;}
.mainmenu .mainmenucenter {float: left;}

.mainmenu .mainmenucenter .button {float: left; width: 98px; height: 28px; line-height: 28px; text-align: center; margin-top: 5px; margin-left: 4px;}
.mainmenu .mainmenucenter .button a{width: 98px; display: block; color: #ffffff; text-decoration: none; background: url(/data/images/style/button-left.jpg);}
.mainmenu .mainmenucenter .button a:hover{color:#ffffff; background: url(/data/images/style/button-right.jpg);}
.mainmenu .mainmenucenter .button-choosed {float: left; width: 98px; height: 28px; line-height: 20px; text-align: center;}
.mainmenu .mainmenucenter .button-choosed a{apadding-left: 10px; apadding-right: 10px; display: block; color: #ffffff; text-decoration: none; background: url(/data/images/style/button-right.jpg);}
.mainmenu .mainmenucenter .button-choosed a:hover{background: url(/data/images/style/button-right.jpg); color:#fffff;}


/* LEFT RIGHT */
.main {width: 962px; margin: 0 auto 0 auto;}
.main .mainleft {width: 230px; float: left;}
.main .mainright {width: 720px; float: left;}

.main h1 {background: url(/data/images/style/h1.gif) no-repeat; color: #4f4f9c; text-indent: 10px; line-height: 30px; width: 721px; margin: 5px 0 5px 0; font-size: 13px;}

.main .mainleft p{margin-bottom: 0;}
/* BOXY */
.main .mainright .vypis {margin-left: 10px;}
.box1 {width: 216px; background: #ad5ab6; margin-left: 9px; margin-bottom: 10px; margin-top: 5px; color: white;overflow:hidden;}
.box1 .box1top {width: 216px; height: 5px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box1top.gif);}
.box1 .box1middle {width: 216px; }
.box1 .box1bottom {width: 216px; height: 5px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box1bottom.gif);}
.box1 form.login {margin: 5px 0 0 10px; width: 95%; padding: 0;}
.box1 form.login fieldset {border: 0; padding: 0;}
.box1 form.login strong {color: #fce9f9; font-weight: bold; padding-left: 6px; }
.box1 table.login {margin: 0 0 0 5px;}
.box1 table.login td{color: white; font-weight: normal; padding: 2px;}
.box1 table.login a{color: #ffffff; font-weight: normal; text-decoration: none;}
.box1 table.login a:hover{color: #fce9f9;  text-decoration: underline;}
.box1 form.login .inputfield {width: 90px; font-size: 10px; border: 0; background: white;}
.box1 form.login .submit {width: 150px; background: #2892be; color: white; font-size: 10px; border: solid 1px white;}


.box2 {width: 216px; background: #2892be; margin-left: 9px; margin-bottom: 10px; color: white;}
.box2 .box2top {width: 216px; height: 4px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box2top.gif);}
.box2 .box2middle {width: 216px; padding-top: 3px;}
.box2 .box2bottom {width: 216px; height: 4px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box2bottom.gif);}
.box2 .box2middle h2 {font-size: 10px; margin: 0 0 5px 20px; color: #fce9f9;}

.box2 .box2middle .box2menu {width: 216px; border-top: solid 1px white; margin-bottom: 2px;}
.box2 .box2middle .box2menu .button {width: 216px; height: 16px; line-height: 16px; text-align: left; border-bottom: solid 1px white;}
.box2 .box2middle .box2menu .button a{width: 216px; display: block; color: #ffffff; text-decoration: none; background: url(/data/images/style/box2button.gif) repeat-y #2892be; text-indent: 20px;}
.box2 .box2middle .box2menu .button a:hover{color:#ffffff; background: #2892be;}


.box3 {width: 218px; background: url(/data/images/style/box3middle.gif); margin-left: 8px; margin-bottom: 10px; color: black;}
.box3 .box3top {width: 218px; height: 17px; line-height: 17px; font-size: 10px; background: url(/data/images/style/box3top.gif); text-indent: 20px; font-weight: bold;}
.box3 .box3middle {width: 218px; background: url(/data/images/style/box3middle.gif);}
.box3 .box3bottom {width: 218px; height: 6px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box3bottom.gif);}

.box3 .box3middle .box3menu {width: 208px; border-top: solid 1px #afbbbe; margin-bottom: 2px; margin: 5px auto 0 auto;}
.box3 .box3middle .box3menu .button {width: 208px; line-height: 16px; text-align: left; border-bottom: solid 1px #afbbbe;}
.box3 .box3middle .box3menu .button a{width: 208px; display: block; color: black; text-decoration: none; text-indent: 20px; background: url(/data/images/style/box3button.gif) 3px no-repeat;}
.box3 .box3middle .box3menu .button a:hover{color:black; background: url(/data/images/style/box3button.gif) 3px no-repeat #d7f3ff;}
.box3 .box3middle .box3menu .button2 {width: 208px; height: 16px; line-height: 16px; text-align: left;}
.box3 .box3middle .box3menu .button2 a{display: block; color: black; text-decoration: none; text-indent: 30px; background: url(/data/images/style/box3button2.gif) 3px no-repeat;}
.box3 .box3middle .box3menu .button2 a:hover{color:black; background: url(/data/images/style/box3button2.gif) 3px no-repeat #d7f3ff;}


.box4 {width: 216px; margin-left: 8px; margin-bottom: 10px; color: black;}
.box4 .box4top {width: 216px; height: 18px; line-height: 18px; font-size: 10px; background: url(/data/images/style/box4top.gif); text-indent: 10px; font-weight: bold; color: #fce9f9;}
.box4 .box4middle {width: 216px;}
.box4 .box4middle p{line-height: 14px; margin: 7px;}


.boxes {width: 670px; margin: 0 auto 0 auto;}
.boxes p {margin-bottom: 0;}
.box5 {width: 203px; background: url(/data/images/style/box3middle.gif); color: black; text-align: center; float: left; margin-left: 10px; margin-right: 5px;}
.box5 .box5top {width: 203px; height: 4px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box5top.gif);}
.box5 .box5middle {width: 203px; background: url(/data/images/style/box5middle.gif); padding-top: 10px;}
.box5 .box5bottom {width: 203px; height: 4px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box5bottom.gif);}
.box5 .box5middle a {font-size: 11px; color: #dc81ce; font-weight: bold;}
.box5 .box5middle img {margin: 10px 0 10px 0;}


.box6 {width: 196px; color: black; margin: 0 auto 0 auto;}
.box6 .box6top {width: 196px; height: 5px; line-height: 1px; font-size: 1px; background: url(/data/images/style/box6top.gif);}
.box6 .box6middle {width: 196px; background: #fce9f9; padding-bottom: 5px;}
.box6 .box6bottom {width: 196px; height: 17px; line-height: 17px; font-size: 10px; background: url(/data/images/style/box6bottom.gif) no-repeat; text-align: left;}

.box6 .box6bottom a {color: white; text-decoration: none; font-size: 10px;}
.box6 .box6bottom a:hover {color: white; text-decoration: underline;}
.box6 .box6bottom .viceinfo{margin-left: 15px; float: left;}
.box6 .box6bottom .koupit{margin-right: 15px; float: right;color:white;}





/* BOTTOM */
.bottom {width: 943px; height: 86px; line-height: 18px; text-indent: 60px; margin: 0 auto 0 auto; color: #032e35; background: url(/data/images/style/bottom.gif) no-repeat #ffffff;}
.bottom a {color: #ffffff; text-decoration: none;}
.bottom a:hover {color: #ffffff; text-decoration: underline;}
.bottom .copy {line-height: 30px; font-weight: bold; text-align: center;}
.bottom .copy a {color: #032e35; text-decoration: none;}
.bottom .copy a:hover {color: #032e35; text-decoration: underline;}

.hidden {display: none;}
.show {display: block;}

/* FORM */
form.form {margin-left: 15px; margin-top: 0px;}
form.form input.inputfield {font: 10px Verdana,Arial; width: 200px; background: #ecf4fa; border: solid 1px #007192;}
form.form textarea.textfield {font: 10px Verdana,Arial; background: #ecf4fa; border: solid 1px #007192; overflow: auto;}
form.form input.submit {width: 80px; color: white; font-weight: bold; background: #007192; border: solid 1px #007192;}
table.form {border: 0;}
table.form td {vertical-align: top; padding: 3px 3px 3px 3px; line-height: 18px; text-align: left; margin: 0px; border: 0;}
table.form th {vertical-align: top; padding: 3px 3px 3px 3px; line-height: 18px; text-align: left; margin: 0px; border: 0;}
table.form tr {background: 0;}


/* OSTATNI DEFINICE */
table.table {font: 10px verdana, arial; margin-left: 15px; aborder-top: solid 1px black; aborder-left: solid 1px black;}
table.table td,th {vertical-align: top; padding: 3px 3px 3px 3px; line-height: 18px; text-align: left; aborder-right: solid 1px black; border-bottom: solid 1px #006d8e; margin: 0px;}
table.table tr {background: #e2eef2;}
table.table tr.svetly {background: #ffffff;}
table.table tr.tmavy {background: #ffffff;}



p {margin: 15px; text-align: justify; atext-indent: 15px; line-height: 18px; margin-top: 0px;}
p img {margin: 5px 10px 10px 10px;}
h1 {font-size: 16px; font-weight: bold; text-align: left; color: #2892be; margin-bottom: 5px; margin-top: 10px; line-height: 23px; margin-left: 10px;}
h2 {font-size: 14px; font-weight: bold; text-align: left; color: #2892be; margin-bottom: 10px; margin-top: 25px; margin-left: 15px;}
h3 {font-size: 12px; font-weight: bold; text-align: left; color: #2892be; margin-bottom: 10px; margin-top: 15px; margin-left: 15px;}
hr {width: 98%; font-size: 1px; line-height: 1px; height: 1px; background: #2892be; border: 0;}

/* CLEANER */
.cleaner {clear:both; height:1px; font-size:1px; background: #ffffff; visibility: hidden;}

/* ODKAZY */
a {color: #2892be; text-decoration: underline; font-weight: bold;}
a:hover {color: #000000;}
a img{border:0;}