body {
background-color: white;
background-image: url(images/img_back.jpg);
background-repeat: repeat-x;
background-position: center top;
text-align: center;
font-family: arial;
font-size: 12px;
color: #556688;
margin: 0px;
padding: 0px;
}

a {
color: #445577;
text-decoration: underline;
}

a:HOVER {
text-decoration: none;
}

h1, h2, h3 {
font-family:Tohama, Verdana, Arial;
}

h1 {
font-size: 18px;
font-weight: normal;
color: #5577DD;
text-align: right;
border-bottom: 1px solid;
margin-top: 4px;
padding-bottom: 3px;
}

#block_left h1 {
text-align: left;
color: #55AA33;
background-image: url(images/ico/ico_cursor.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
height: 20px;
}


h2 {
font-size: 16px;
font-weight: normal;
color: #55AA33;
text-align: left;
margin-top: 14px;
padding-bottom: 3px;
}

h3 {
font-size: 14px;
font-weight: normal;
color: #55AA33;
text-align: left;
border-bottom: 1px solid;
margin-top: 4px;
padding-bottom: 3px;
}

#block_right ul li {
padding-top: 4px;
padding-bottom: 4px;
list-style-type: square;
font-size: 12px;
}

#content {
position: relative;
text-align: justify;
width: 788px;
margin: auto;
background-image: url(images/img_main_back_3.jpg);
background-position: left;
background-color: white;
background-repeat: repeat-y;
overflow: hidden;
}

#header {
background-image: url(images/img_header_back.jpg);
background-position: left top;
background-repeat: no-repeat;
height:185px;
width: 788px;
position: relative;
}

#logo {
display: block;
overflow: hidden;
text-indent: -900px;
width: 465px;
height: 90px;
left: 15px;
top: 40px;
position: absolute;
}

#main_page {
position: relative;
background-image: url(images/img_main_back.jpg);
background-repeat: repeat-x;
background-position: top;
width: 757px;
margin-left: 15px;
margin-right: 16px;
overflow: hidden;
}

#main_page_body {
width: 717px;
padding: 20px;
}

#menubox {
margin: 0px;
padding: 0px;
position: absolute;
left: 15px;
top:152px;
height: 33px;
background-image: url(images/img_menu_back_2.jpg);
background-position: right top;
width: 758px;
overflow: hidden;
}

#menubox li{
display: block;
width: 150px;
height: 330px;
float: left;
}

#menubox li a{
display: block;
overflow: hidden;
height: 33px;
line-height: 35px;
text-align: center;
background-image: url(images/img_menu_back.jpg);
text-decoration: none;
background-position: top;
}

#menubox li a:HOVER{
background-position: bottom;
}

#footer {
background-image: url(images/img_footer_back.jpg);
background-repeat: no-repeat;
background-position: left;
text-align: center;
font-size: 10px;
height: 45px;
line-height: 35px;

}

#back_left {
background-image: url(images/img_left_back.jpg);
background-repeat: no-repeat;
background-position: left top;
width: 788px;
}

#back_right {
background-image: url(images/img_right_back.jpg);
background-repeat: no-repeat;
background-position: right top;
width: 788px;
}

#login_form {
width: 280px;
height: 24px;
position: absolute;
left: 490px;
top: 157px;
overflow: hidden;
}

#login_form form {
margin: 0px;
padding: 0px;
}

#login_form form table td.f_label{
font-size: 10px;
}

#login_form form table td.f_field input{
display: block;
width: 75px;
font-size: 10px;
font-family: arial;
height: 16px;
margin: 0px;
padding: 0px;
border: 1px solid #99AACC;
background-color: white;
}

#login_form form table td.f_buttons input{
display: block;
width: 30px;
height: 18px;
border: 1px solid #557799;
background-color: #88AACC;
font-size: 10px;
font-family: arial;
color: white;
}

#login_form form table td.f_buttons input#f_b_logout{
width: 70px;
}

#login_form form table td span {
display: block;
width: 200px;
text-align: center;
color: #557799;
}

#block_left {
width: 200px;
float: left;
}

#block_right {
width: 500px;
float: right;
}

.cleaner {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
overflow: hidden;
}

#block_left ul{
margin: 0px;
padding: 0px;
position: relative;
margin-bottom: 20px;
}

#block_left ul li{
display: block;
height: 33px;
line-height: 33px;
border-bottom: 1px solid #DDDDDD;
}


#block_left ul li a{
display: block;
height: 33px;
background-image: url(images/img_odrazka.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

#block_left ul li a:HOVER{
background-position: 2px;
}

#main_page form {
margin: 0px;
border: 1px solid #DDDDFF;
padding: 10px;
background-color: #F5F5FF;
}

#main_page form div{
position: relative;
overflow: hidden;
}

#main_page form table {
width: 100%;
position: relative;
overflow: hidden;
}

#main_page form table td {
overflow: hidden;
position: relative;
}

#main_page form table td.f_label {
width: 100px;
}

#main_page form table td.f_field {
width: 150px;
}

#main_page form table td.f_f_2 {
width: 300px;
}

#main_page form .f_field input, form .f_field select, #main_page form .f_field textarea{
border: 1px solid #BBBBCC;
font-size: 11px;
font-family: Arial;
padding: 1px;
width: 146px;
margin: 0px;
display: block;
float: right;
}

#main_page form .f_f_2 input, #main_page form .f_f_2 textarea{
width: 300px;
}

#main_page form .f_f_2 select {
width: 304px;
}

form .f_field select{width: 150px;}

#main_page form .f_field textarea {
height: 80px;
width: 465px;
}

#main_page form#f_kalkulace_tisk table td.f_label, #main_page form#f_kalkulace_reklama table td.f_label {
width: 139px;
}

#main_page form#f_kalkulace_tisk table td.f_field, #main_page form#f_kalkulace_reklama table td.f_field {
width: 339px;
}

#main_page form .f_buttons {
border-top: 1px solid #77DD55;
padding: 0px;
padding-top: 3px;
height: 30px;
overflow: hidden;
}

#main_page form .f_buttons input {
border: 1px solid #77DD55;
background-color: #AAFF99;
color: #449922;
font-size: 11px;
font-family: arial;
width: 130px;
display: block;
float: right;
margin-left: 5px;
}

#main_page form table td {
padding: 3px;
}

#bnr_kalkulace_tisk{
display: block;
width: 245px;
height: 120px;
background-image: url(images/ico/ico_tisk.jpg);
float: left;
overflow: hidden;
text-indent: -900px;
}

#bnr_kalkulace_reklama{
display: block;
width: 245px;
height: 120px;
background-image: url(images/ico/ico_reklama.jpg);
float: right;
overflow: hidden;
text-indent: -900px;
}

.img_nb {
border: 0px;
}

.img_left {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.img_right {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}

.block_kontakt {
border: 1px solid #DDDDFF;
padding: 10px;
background-color: #F5F5FF;
}

.block_kontakt#b_k_info {
width: 200px;
float: left;
height: 490px;
}

.block_kontakt#b_k_info img.img_nb {
margin-top: 10px;
position: relative;
left:-10px;
}

.block_kontakt#b_k_persons {
width: 250px;
float: right;
height: 490px;
}

.block_kontakt table {
display: block;
width: 100%;
border-bottom: 1px solid #DDDDFF;
margin-bottom: 20px;
}

.block_kontakt table td{
vertical-align: top;
width: 50%;
}

.block_center {
display: block;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}

#block_left div#block_lineup {
border: 1px solid #DDDDFF;
padding: 10px;
background-color: #F5F5FF;
}

#block_left div#block_lineup h2 {
margin-top: 0px;
}

#block_left ol{
margin: 0px;
padding: 0px;
}


#block_left ol li{
height: 30px;
padding-top: 5px;
line-height: 30px;
vertical-align: center;
padding-bottom: 5px;
color: #DDDDFF;
display: block;
}

#block_left ol li a{
background-image: url(images/ico/ico_postup.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 40px;
font-size: 12px;
line-height: 30px;
display: block;
height: 30px;
vertical-align: center;
font-family: Tohama, Verdana, Arial;
}

#block_left ol li a:HOVER{
background-position: 5px;
}

#block_right ol li {
font-size: 16px;
color: #55AA33;
}

#block_right ol li strong {
font-weight: normal;
}

#block_right ol li p {
font-size: 12px;
color: #556688;
}

#table_orders {
width: 100%;
}

#table_orders th {
padding: 3px;
border-bottom: 2px solid #DDDDFF;
}


#table_orders td {
padding: 3px;
border-bottom: 1px solid #EEEEFF;
}

#block_calculate {
border: 1px solid #DDDDFF;
background-color: #F5F5FF;
padding: 10px;
margin-bottom: 20px;
}

#block_calculate table{
width: 100%;
}

#block_calculate table td{
padding: 3px;
border-bottom: 1px solid #DDDDFF;
}

#block_order {
border: 1px solid #DDDDFF;
background-color: #F5F5FF;
padding: 10px;
}

#block_order table{
width: 100%;
margin-bottom: 20px;
}

#block_order table td {
padding: 3px;
border-bottom: 1px solid #DDDDFF;
}

.icqico {
vertical-align: middle;
}

#b_k_icq {
text-align: center;
margin-bottom: 15px;
margin-top: 5px;
}

#block_vazba {
display: none;
position: relative;
height: 300px;
overflow: hidden;
}

#b_v_2, #b_v_3, #b_v_4, #b_v_5 {
display: none;
position: relative;
height: 25px;
}

#block_misc {
position: relative;
overflow: hidden;
clear: both;
margin-top:5px;
}

.historie { width: 500px; overflow: hidden; }
.historie .left {  width: 35px; overflow: hidden; float: left; text-align: center; background: #6982ba; color: white; font-size: 15px; line-height: 18px; vertical-align: center; font-weight: bold; margin: 40px 10px 0px 0px; padding: 10px 0px 10px 0px; height: 100%; }
.historie .right { width: 450px; overflow: hidden; float: right; }

.galerieo { border: 3px solid rgb(85, 170, 51); padding: 8px 8px 8px 8px; }
.galerieo:hover { border: 3px solid #8bcf6f; }