body, html, div, img, h1, h2, h3, h4, h5, h6, fieldset, form, input, label, ul, ol, li, p, a, span, legend, textarea, select {margin: 0; padding: 0; border: 0; font: 10pt 'Trebuchet MS', 'Verdana', 'Arial';}
div.clear, span.clear {display: block; clear: both; font-size: 0; height: 0; line-height: 0;}
a {color: #C6800A; text-decoration: none;}
a:hover {text-decoration: underline;}

/* LAYOUT */
body {background-color: #000; color: #fff;}
#page {width: 846px; position: absolute; left: 50%; margin-left: -410px; border-top:0;}
h1 {position: absolute; top: 26px; left: 28px; z-index: 5;}
h1, h1 span {position: absolute;cursor: pointer;}
h1 strong {font-size: 10pt; margin-top: 50px; display: block; width: 251px;}
h1 span {z-index: 5; background: #6F624E url('img/logo.gif') no-repeat center; display: block; width: 251px; height: 247px;}
#header {position:absolute; top: 0px; left: 28px; z-index: 1; width: 790px; height: 247px; border-top: 22px solid #FF8400; background-color: #000;}
#header .img{background: #6F624E url('img/img_header.jpg') no-repeat center; width: 535px; height: 247px; float: right; margin-top: 4px;}
#flash_head {position: absolute; top: 10px; left: 261px; background: #000;}

#authors {position: absolute; width: 784px; height: 38px; background: #000 url('img/body_bkg.gif') repeat-y; padding: 0 31px 0 31px;}
#authors em {display: block; height: 18px; background-color: #3E3A31; margin:7px 0 0 0; padding: 5px 20px 5px 20px; color: #A78755; text-align: right; border-bottom: 3px solid #FF8400;}
#authors em a {color: #A78755; font-size: 10pt; font-style: italic;}

#footer {height: 85px; width: 784px; color: #fff; background: #514A37; padding-top: 17px; margin: 0 0 0px 31px; border-top: 2px solid #000;}
#footer span {font-size: 9pt; font-weight: bold;}
#footer span.address {float: left; margin-left: 50px;}
#footer span.address strong {color: #FF8400; font-size: 11pt;}
#footer span.contact {float: left; margin: 19px 0 0 80px;}
#footer span.account {float: left; margin: 19px 0 0 80px;}
#footer span.spaces_tel {margin-left: 30px;}
#footer span.spaces_mail {margin-left: 43px;}
#footer span.spaces_web {margin-left: 11px;}
#footer span.partners {margin-left: -10px;}
#footer span a {font-size: 10pt; font-weight: bold;}

a.lipno {display: block; margin: 20px 0 0 14px;}
a.lipno img {border: 3px solid #6F624E;}
a.chata {display: block; margin: 10px 0 0 14px;}
a.chata img {border: 3px solid #6F624E;}

#date {color: #fff; position: absolute; top: 0; right: 40px; text-align: right; z-index: 2; font-style: italic; line-height: 22px;}
#lang_switch {position: absolute; top: 4px; left: 32px; z-index: 10;}
#lang_switch a {display: block; width: 16px; height: 11px; margin: 2px 3px; float: left;}
#lang_switch a span {display: none;}
#cz_lang {background: url('img/cz.png') no-repeat;}
#sk_lang {background: url('img/sk.png') no-repeat;}

/* MENU */
#menu_obal {float: left; border-top: 5px solid #FF8400;}
#menu_obal a.eshop_menu_link {font-size: 12pt; font-weight: bold; background: url('img/menu_bkg.gif') repeat-x; color: #fff; text-decoration: none; display: block; text-align: center; padding: 9px 20px 13px 20px;}
#menu_obal a.eshop_menu_link:hover{background: url('img/menu_hover.gif') repeat-x;}
#eshop_menu {border-bottom: 3px solid #000; width: 244px; margin-bottom: -43px; position: relative;}
#eshop_menu li {list-style: none;}
#eshop_menu li a {border-bottom: 2px solid #6F624E; background-color: #000; color: #fff; text-decoration: none; display: block; text-align: center; padding: 9px 20px 10px 20px; position: relative;}
#eshop_menu li a:hover {border-bottom: 2px solid #E18C00; color: #FF8400;}
#eshop_menu li a span {font-size: 12pt;}

#menu {border-top: 1px solid #000; width: 244px;}
#menu li {list-style: none;}
#menu li a {background: url('img/menu_bkg.gif') repeat-x; color: #fff; text-decoration: none; display: block; text-align: center; padding: 9px 20px 13px 20px;}
#menu li a:hover{background: url('img/menu_hover.gif') repeat-x;}
#menu li a span {font-size: 12pt; font-weight: bold;}

#navigation {position: absolute; top: 279px; left: 30px; background-color: #3E3A31; width: 786px; height: 45px;}
#navigation .reg_button {display: block; position: absolute; top: 9px; right: 210px; padding: 4px 10px 0 10px; background-color: #E18C00; color: #fff; text-align: center; height: 23px; font-weight: bold; font-size: 12pt;}
#navigation .reg_button:hover {text-decoration: none;}

#navigation .cart_info {border-left: 11px solid #000; float: right; height: 45px; width: 183px; background-color: #E18C00; position: absolute; top: 0px; right: 0px;}
#navigation .cart_info a {color: #fff; display: block; margin: 12px 0 0 12px; font-size: 12pt; font-style: italic;}

#logged_in {margin: 12px 0 0 10px; font-size: 12pt;}
#logged_in a {position: relative; bottom: 4px; left: 10px; margin-left: 15px; display: block; width: 90px; float: left; padding: 4px 10px 0 10px; background-color: #E18C00; color: #fff; text-align: center; height: 23px; font-weight: bold; font-size: 12pt;}
#logged_in a:hover {text-decoration: none;}
#logged_in em {float: left;}
/* PLAYGROUND */
#playground {padding-top: 331px; background: #000 url('img/body_bkg.gif') repeat-y center;}

#content {width: 784px; background: #000 url('img/plg_bkg.gif') repeat-y; position: relative; left: 31px; padding-bottom: 20px;}
#body {width: 529px; float: right;}
#body h2 {margin-bottom: 10px; background-color: #6F624E; font-size: 14pt; font-weight: bold; color: #FF8400; display: block; border-bottom: 3px solid #000; padding: 8px 18px 8px 18px; position: relative;}
#body h2 a, #body h2 span {font-size: 14pt; font-weight: bold; color: #FF8400;}
#body p {margin: 0 20px 10px 20px;}
#body .bottom_margin {margin-bottom: 30px;}
#body h3 {margin:0px 20px 5px 20px; font-size: 12pt; font-weight: bold; color: #FF8400;}
#body h3 a {font-size: 12pt; font-weight: bold; color: #FF8400;}
#body h4 {margin:0px 20px 2px 20px; font-size: 11pt; color: #FF8400;}
#body ul {margin:5px 40px 5px 40px; list-style: square;}
#body ol {margin:5px 40px 5px 40px;}
#body .box {background-color: #3E3A31; margin-bottom: 10px;}
#body .body .box {padding: 5px;}
#body .box h2 {color: #fff;font-size: 13pt; margin-top: -10px; }
#body .box a img {border: 3px solid #6F624E;}
#body .box img {margin-right: 10px; border: 3px solid #6F624E;}
#body .box ol {margin: 5px 5px 5px 330px !important;}
#body table {border-collapse: collapse;}
#body table th {text-align: left;}
#body table th strong, #body table td strong {padding-right: 10px;}
#body div.body table {margin: 0 0 10px 25px;}
#body span.spaces_tel {margin-left: 34px;}

#product_list h2 {margin: 0;}
#product_list a {display: block; padding: 10px 10px 0 0; border-bottom: 2px solid #000; margin-top: 2px;}
#product_list a span {color: #fff; display: block;}
#product_list a:hover {text-decoration: none; background-color: #514a37;}
#product_list a img {float: right; margin: 0 0 45px 0;}
#product_list a h3 {margin-top: 0;}
#product_list div.item_inside {float: left; width: 280px; padding-bottom: 20px;}
#product_list span.item {float: left; width: 280px; padding-bottom: 10px;}
#product_list a.more {display: inline; border:0; position: absolute; padding: 3px 10px 3px 10px; right: 160px; margin-top: -41px; font-weight: bold;}

#action_list h2 {margin: 0;}
#action_list a {display: block; padding: 10px 10px 0 0; border-bottom: 2px solid #000; margin-bottom: -9px;}
#action_list a span {color: #fff;}
#action_list a:hover {text-decoration: none; background-color: #6F624E;}
#action_list a img {float: right; margin: -25px 0px 10px 0;}
#action_list a h3 {margin-top: 0;}

#item_detail {width: 370px; float: left;}
#item_detail a span{display: none;}

/* IMAGES */
#item_images {float:right; width: 154px;background-color: #3E3A31;}
#item_images span{display: none;}
#item_images span{display: none;}

#content div.image_action {float: right;}
#content div.image_action a span{display: none;}
span.price {padding: 0 0 0 20px; font-size: 12pt; font-weight: bold; width: 280px;}
span.price strong {color: #FF8400;}
span.former {display: block; padding: 0 0 0 20px; margin-bottom: 5px;}

#playground table.images {border-collapse: collapse; margin: 0 auto;}
#playground table.images td {padding: 5px 5px 0px 5px;}
#playground table.images td a img{margin: 0 auto;}
#playground table.images td p {margin:0 20px 10px 20px !important; display: block; text-align: left;}
#playground table.images td h3 {display: block; text-align: left; background-color: #B34026; margin: 0 !important; color: #E6BF73; padding:10px 20px 10px 20px;}
#playground table.images td span {margin: 0; display: none;}
#playground table.images td a:hover span{text-decoration: underline;}
#playground table.images td.katalog span {margin: 0; display: block; margin-top: 10px;}

#content div.image {}
#content div.image a{display: block; width: 200px; height: 160px; text-align: center;float:left; margin-left: 40px; margin-top: 40px;}
#content div.image a img{border: 6px solid #E8B95C;}
#content div.image a:hover {text-decoration: none;}
#content div.image a:hover img{border: 6px solid #FF8400;}
#content div.image a:hover span{text-decoration: underline;}

#user_info {margin-left: 25px;}
#user_info .r {font-weight: bold}

#cart_list {margin: 0 10px 0 10px !important;}
#cart_list tr.head{background-color:#3E3A31;}
#cart_list tr.head th.name{padding-left: 5px;}
#cart_list th {border-bottom: 1px solid #c0c0c0; text-align: left;}
table .r {text-align: right;}
#cart_list td {border-bottom: 1px solid #c0c0c0;}
#cart_list .title {width: 250px;}
#cart_list .count {width: 150px;}
#cart_list .price {width: 90px; text-align: right; padding-right: 25px;}
#cart_list .delete {}

#step_buttons {margin: 20px 0 0 70px;}
#step_buttons a {display: block; width: 136px; height: 23px; margin-left: 20px; border: 2px solid #E18C00; float: left; color: #fff; font-weight: bold; text-align: center; padding-top: 6px;}
#step_buttons a:hover {text-decoration: none;}

#cart_buttons {margin: 20px 20px 0 0px; float: right;}
#cart_buttons a {display: block; width: 136px; height: 23px; margin-left: 20px; border: 2px solid #E18C00; float: left; color: #fff; font-weight: bold; text-align: center; padding-top: 6px;}
#cart_buttons a:hover {text-decoration: none;}

/* DATAGRID */
div.fps_paging{text-align: center; margin-top: 20px;}
div.fps_paging a{}

/* FORM */
form div.row {padding: 0px 0; margin-left: 25px;}
form label {float: left; line-height: 24px; width: 150px; display: block; text-align: right;}
form input {margin: 2px; float: right; width: 220px; border: 1px solid #c0c0c0; margin-right: 125px;}
form select {margin: 2px; float: right; width: 220px; border: 1px solid #c0c0c0; margin-right: 125px;}
form .submit {width: 136px; height: 29px; margin: 20px 125px 0 -100px; border: 2px solid #E18C00; background-color: #000; color: #fff; font-weight: bold;}
form h4 {margin: 20px 0 5px 25px; color: #FF8400; font-size: 11pt;}
form p.pretext{display: block; padding-left: 5px;}
form label.error {color: #f00000;}
form label.required {font-weight: bold;}
form input.error {border-color: #f00000;}
form p.form_error {color: #f00000; float: left;}

form h3.user {padding:0; background-color: #6F624E; font-size: 14pt !important; font-weight: bold; color: #FF8400; display: block; border-bottom: 3px solid #000; padding: 8px 18px 8px 18px; margin:0 0 10px 0 !important;}
#create_user_profil h3.user {display: none;}
#edit_user_profil h3.user {display: none;}

#order_confirm {padding-left: 25px;}
#order_confirm label {position: relative; top: 20px; float: right; text-align: left; width: 400px;}
#order_confirm input.checkbox {float: left;border: 0; margin-left: 50px; width: 20px;}
#order_confirm p.form_error {float: left; clear: left; margin: 5px 0 -10px 50px}
#order_confirm label.error a {color: #f00000; font-weight: bold;}

#cart_list form {margin-left: -8px;}
#cart_list form h3 {padding:0; margin:0; display: inline;}
#cart_list form div.row {margin:0; float: left;}
#cart_list form div.row label {margin: 0; float: left; font-size: 10pt; display: inline; text-align: left; width: 0px;}
#cart_list form input {border: 1px solid #E18C00; float: left; background-color: #000; width: 20px; height: 20px; color: #fff; margin:0px 0px 0px 7px;}
#cart_list form input.submit {background-color: #E18C00; color: #fff; height: 22px; width: 50px; font-weight: normal;}

div.to_cart {margin: 20px 0 0 20px;}
div.to_cart h3 {padding:0; margin:0; display: inline;}
div.to_cart div.row {margin:0; float: left;}
div.to_cart div.row label {margin: 0; float: left; font-size: 10pt; display: inline; text-align: left; width: 0px;}
div.to_cart input {border: 1px solid #E18C00; float: left; background-color: #000; width: 20px; height: 20px; color: #fff; margin:0px 0px 0px 7px;}
div.to_cart input.submit {background-color: #E18C00; color: #fff; height: 22px; width: 130px; font-weight: bold;}

div.to_cart_list {margin: -61px 0 0 371px; display: block; position: absolute;}
div.to_cart_list h3 {padding:0; margin:0; display: inline;}
div.to_cart_list div.row {margin:0; float: left;}
div.to_cart_list div.row label {margin: 0; float: left; font-size: 10pt; display: inline; text-align: left; width: 0px;}
div.to_cart_list input {border: 1px solid #E18C00; float: left; background-color: #000; width: 20px; height: 20px; color: #fff; margin:0px 0px 0px 7px; display: none;}
div.to_cart_list input.submit {background-color: #E18C00; color: #fff; height: 22px; width: 130px; font-weight: bold;display: block;}

/* LOGIN FORM */
#login_external {margin: 9px 0 0 10px;}
#login_external div.row {margin:0; float: left;}
#login_external div.row label{margin: 0; float: left; font-size: 12pt; font-weight: bold; margin: 1px 0 0 0; display: inline; text-align: left; width: 50px;}
#login_external input {border: 2px solid #E18C00; float: left; background-color: #000; width: 96px; height: 23px; color: #fff; font-size: 12pt; margin:0 10px 0 10px;}
#login_external input.submit {background-color: #E18C00; color: #fff; height: 27px; font-weight: bold;}
#submit_login_external {}
#reset_login_external {display: none;}
#div_password {}

/* ORDER STEPPER */
#order_stepper {}
#order_stepper table {border: 0; width: 100%; border-collapse: collapse; border: 0;}
#order_stepper table td {width: 33%; text-align: center; font-weight: bold; font-size: 11pt; padding: 5px;}
#order_stepper table td.active {background: #6f624e; color: #000;}
#order_stepper span {display: block; padding: 5px 10px; background: #6f624e; color: #000;}