@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px !important; }
a:active { outline: none !important; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/********/
/* FORM */
/********/
form {}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #333333; background: #D0D1D3 url(/images/body-bg.jpg); }
h1 { color: #6D5E3C; font-size: 22px; font-weight: normal; line-height: 22px; padding-bottom: 14px; width: 370px; }
h1 { width: auto; }
#detail h1 { font-size: 22px; line-height: 22px; }
#homepage h1 { color: #6D5E3C; font-size: 22px; font-weight: normal; line-height: 22px; padding-bottom: 14px; padding-top: 5px; }
h2 { color: #333333; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-bottom: 14px; }
h3 { color: #333333; font-size: 12px; font-weight: bold; }
p, ol, ul { padding-bottom: 12px; }
.no-padding { padding-bottom: 0px; }
ol { padding-left: 20px; }
ul { padding-left: 10px; }
ul li { padding-left: 11px; list-style: none; }

ul a { text-decoration: none; }
ul a:hover { text-decoration: underline; }
a { color: #333333; text-decoration: underline; }

sub, sup { vertical-align: inherit; }
sub { position: relative; top: 0.4em; font-size: 0.8em; }
sup { position: relative; top: -0.4em; font-size: 0.8em; }

form {}
fieldset { border: none; background: none; }
form .input, textarea { font-family: Arial; font-size: 12px; color: #333333; border: 1px solid #999999; padding: 2px 5px; }
form textarea { background: transparent none repeat scroll 0 0; border: 1px solid #999999; color: #666666; height: 100px; overflow: hidden; width: 400px; }

button { cursor: default; }

.clickable * { cursor: pointer; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; padding-top: 3px; }

#page-wrapper { width: 1031px; margin: 0px auto; text-align: left; position: relative; background: url(/images/head-bg.jpg) scroll -1px 80px no-repeat; top: 0; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#horni-lista { position: relative;width: 990px; height: 80px; background: #FFFFFF; margin-left: 21px; display: none; }
#logo { width: 206px; height: 48px; overflow: hidden; padding-top: 30px; padding-left: 20px; }
#logo a { width: 189px; height: 48px; display: block; background: url(/images/logo.png) top left no-repeat; padding-top: 48px; }

#search { position: absolute; }

#flash-auto { height: 296px; display: none; }

/********************/
/* EDIT PAGE BUTTON */
/********************/
#edit-page {  position: fixed; top: 0px; right: 0px; background: white; border: 1px solid #999999; border-right: none; border-top: none; }
#edit-page a { display: block; width: 16px; height: 16px; padding: 7px; text-align: center; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { text-align: center; color: #19718F; margin: 20px 0 50px; height: 52px; background: #FFFFFF; position: relative; padding: 14px; width: 961px; left: 20px; display: none; }
#footer h2 { position: relative; top: -33px; left: -5px; padding: 0; margin: 0; }
#footer a { text-decoration: none;  }
#footer a:hover { text-decoration: underline; }

#copy a { color: #FFFFFF; text-decoration: none; }
#copy a:hover { text-decoration: underline; }

#footer .banner { width: 287px; float: left; text-align: left; font-size: 11px; color: #333333; margin-top: -32px; position: relative; }
#footer .banner p { margin-top: 10px; }
#footer .banner a { text-decoration: underline; }
#footer .banner img { float: left; margin-right: 10px; }
#footer .pneuservis { text-align: center; }
#footer .pneuservis img { float: none; margin-left: 50px; }
#footer .prostredni { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#footer .prostredni img { margin-left: 46px; }
#footer .pneuklik { width: 345px; padding-left: 30px; padding-right: 10px; }

#copy { padding: 0 2px; position: absolute; bottom: -25px; left: 5px; background: #222D41; color: #FFFFFF; font-size: 11px; }
#giant { padding: 0 2px; position: absolute; bottom: -25px; right: 5px; background: #222D41; color: #FFFFFF; font-size: 11px; }
#giant a { color: #FFFFFF; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                          SEARCH */
/*******************************************************************/
#search { width: 235px; position: absolute; top: 25px; left: 498px; display: none; }
#search label { font-size: 11px; margin-right: 5px; }
#search input.input { width: 118px; }
#search input.send { width: 16px; height: 20px; background: url(/images/search-send-button.png) top left no-repeat; border: none; }

/*******************************************************************/
/*                                          KOSIK - top            */
/*******************************************************************/
#kosik { width: 150px; height: 80px; position: absolute; top: 10px; right: 40px; background: url(/images/kosik.jpg) scroll 0 10px no-repeat; padding-left: 75px; padding-top: 20px; font-size: 11px; display: none; }
#kosik div { position: relative; margin-top: 5px; }
#kosik .absolute { position: absolute; top: 0; right: 35px; margin-top: 0; color: #C72F3B; }
#kosik a#kosik-button { float: right; margin-top: 0; display: block; width: 29px; height: 45px; position: absolute; top: 20px; right: 0; }
#kosik #cena { margin-top: 3px; font-size: 13px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#top-menu { width: 550px; position: absolute; top: 62px; left: 265px; overflow: hidden; font-family: Trebuchet MS; display: none; }
#top-menu ul { margin: 0; padding: 0; position: relative; }
#top-menu ul li { float: left; margin-left: 21px; padding: 0; display: inline; }
#top-menu ul li a { font-weight: bold; }


#side-bar { width: 197px; position: relative; float: left; top: -230px; margin: 0 0 -105px 0; left: 22px; display: none; }

#menu-rady, #menu { margin: 0; background: url(/images/menu-bottom-border.gif) bottom no-repeat; padding-bottom: 28px; position: relative; }
#menu-rady ul, #menu ul { display: none; }
#menu-rady ul.submenu, #menu ul.submenu { display: block; float: left; background: #43221A; }
#menu-rady ul.active, #menu ul.active { display: block; }

#menu-rady ul, #menu ul { margin: 0; padding: 7px; background: #30110A; }
#menu-rady li, #menu li { padding: 0px; margin: 0px; background: none; list-style: none; padding: 0px; border-bottom: 1px solid #45231B; }
#menu-rady a, #menu a { display: block; text-decoration: none; line-height: 18px; color: #FFFFFF; background: url(/images/menu-odrazka.gif) scroll 3px 5px no-repeat; padding-left: 13px; clear: both; }
#menu-rady a:hover, #menu-rady a.active, #menu a:hover, #menu a.active { background-color: #674137; }

#menu-rady ul li ul, #menu ul li ul { margin-top: 5px; margin-bottom: 5px; padding: 0; }
#menu-rady ul li ul li, #menu ul li ul li { margin: 0; padding: 0; border: none; font-size: 11px; width: 183px; }
#menu-rady ul li ul li a, #menu ul li ul li a { padding-left: 23px; background: url(/images/menu-sub-odrazka.gif) scroll 13px 6px no-repeat; }

#menu-rady ul.submenu li, #menu ul.submenu li { padding-bottom: 5px; display: inline; float: left; position: relative; }
#menu-rady ul.submenu li a, #menu ul.submenu li a { line-height: 14px; }

.km-zbozi { background: url(/images/menu-top-bg.gif) top left no-repeat; }
.km-znacka { background: url(/images/menu-top-bg-znacka.gif) top left no-repeat; }
#menu .kat-menu { position: absolute; top: -25px; height: 25px; width: 197px; line-height: 25px; }
#menu .kat-menu a { display: inline; background: none; padding: 0; margin: 0; }
#menu .kat-menu .typ-zbozi { padding-left: 20px; }
#menu .kat-menu .znacka-auta { padding-left: 30px; }
#menu .kat-menu a:hover { background: none; }


#montaz { margin-top: 20px; }
#montaz a { height: 142px; display: block; }
#montaz span { width: 197px; height: 142px; background: url(/images/montaz.jpg) top left no-repeat; }

/***********************/
/*           menu rady */
/***********************/
#menu-rady-heading { background: url(/images/menu-rady-top-bgr.png) 0 0 no-repeat; line-height: 28px; color: #FFFFFF; padding-left: 10px; margin-top: 20px; }

/***********************/
/*            left box */
/***********************/
.left-box { background: #FFFFFF; margin-top: 40px; position: relative; padding-top: 15px; padding-bottom: 10px; }
.left-box h2 { left: 5px; margin: 0; padding: 0; position: absolute; top: -20px; }
.left-box ul { }
.left-box li { padding: 0; width: 46%; float: left; font-size: 11px; }
.left-box a { text-decoration: underline; }
.left-box a:hover { text-decoration: none; }


/*******************************************************************/
/*                                                      MAIN FRAME */
/*******************************************************************/
#content { width: auto; background: #FFFFFF; margin-top: -150px; padding: 15px 20px 25px; margin-bottom: 20px; position: relative; padding-bottom: 15px; float: none; right: 22px; margin: 0; }
#filtr { padding: 10px; background: #EBEBEB; margin-bottom: 10px; border: 1px solid #DFDCD4; width: 720px; display: none; }
#filtr strong { font-size: 14px; color: #6D5E3C; display: block; }
#filtr ul { padding: 0; margin: 0; }
#filtr ul li { float: left; background: url(/images/filtr-odrazka.gif) scroll 4px 7px no-repeat; margin-right: 10px; margin-top: 2px; }
#filtr ul li a { color: #6D5E3C; text-decoration: underline; }
#filtr ul li a:hover { text-decoration: none; }

#content ul { padding-bottom: 14px; }
#content ul li { list-style-type: square; list-style-position: inside; }
#filtr ul li { list-style-type: none; }
#content ul a { text-decoration: underline; }
#content ul a:hover { text-decoration: none; }

.text-column { float: left; padding-bottom: 10px; }
.leva { padding-right: 20px; }
.col414 { width: 414px; display: none; }
#welcome-text { margin-bottom: 20px; display: none; }
.col308 { width: 308px; display: none; }

#content .news-date-name, #content .news-date-name a { color: #A20000; }
#content .news img { float: left; margin-right: 10px; }
#content .news p { font-size: 11px; }

h2.sipka-red30 { height: 30px; background: url(/images/nadpis-sipka-red30.gif) top left no-repeat; font-size: 12px; font-weight: bold; padding-bottom: 0; text-transform: uppercase; }
h2.sipka-red30 strong { height: 22px; background: #A20000; padding: 0 10px; color: #FFFFFF; line-height: 22px; display: block; float: left; }

h2.sipka-red33 { height: 33px; background: url(/images/nadpis-sipka-red33.gif) top left no-repeat; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
h2.sipka-red33 strong { height: 26px; background: #A20000; padding: 0 10px; color: #FFFFFF; line-height: 26px; display: block; float: left; }

h2.sipka-khaki33 { height: 33px; background: url(/images/nadpis-sipka-khaki33.gif) top left no-repeat; font-size: 14px; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; }
h2.sipka-khaki33 strong { height: 26px; background: #6D5E3C; padding: 0 10px; color: #FFFFFF; line-height: 26px; display: block; float: left; }

#flash-carousel { position: absolute; top: -50px; right: -14px; width: 415px; float: none; height: 220px; clear: both; display: none; }

/* Vypis produktu */
.product-box { width: 212px; height: 220px; float: left; border: 1px solid #CCCCCC; margin-right: 20px; margin-bottom: 20px; padding: 10px; position: relative; }
.last { margin-right: 0; }

.product-name { font-size: 14px; font-weight: bold; color: #6D5E3C; margin-bottom: 0; display: block; }
.obj-cislo { margin-bottom: 5px; font-size: 11px; padding-bottom: 0; }

.product-image { width: 115px; float: left; }
.product-popis { width: 97px; float: left; font-size: 11px; }
.product-popis p { padding-bottom: 7px; }
.cena { text-align: right; color: #999999; position: absolute; bottom: 35px; right: 10px; }
.cena p { padding-bottom: 0; }
.cena .castka { font-size: 20px; font-weight: bold; }
.cena .castka-info { font-size: 10px; }

.buttons { position: absolute; bottom: 10px; }
.buttons a { display: block; float: left; padding-left: 29px; font-weight: bold; font-size: 12px; text-decoration: none; color: #FFFFFF; }
a.koupit, a.koupit-sady { width: 48px; height: 24px; line-height: 23px; background: url(/images/koupit.png) top left; margin-right: 10px; }
a.detail { width: 41px; height: 24px; line-height: 23px; background: url(/images/detail.png) top left; }

a.zrusit-filtr { display: block; width: 50px; height: 30px; background: #F2F1EE url(/images/zrusit-filtr.gif) scroll 10px 10px no-repeat; float: left; padding-left: 30px; padding-right: 5px; line-height: 26px; margin-left: 15px; position: relative; top: -5px; }
#filtr p { float: left; padding-bottom: 0; }
#filtr p a { color: #6D5E3C; }



/* breadcrumbs */
#breadcrumbs { font-size: 11px; margin-bottom: 10px; }

/* razeni */
#razeni { position: absolute; top: 10px; right: 20px; font-size: 11px; display: none; }

#search-product-list #razeni { top: 0px; right: 0px; }

#razeni select { border: 1px solid #CCCCCC; margin-right: 15px; font-size: 11px; padding: 2px; }
#razeni select.polozky { margin-right: 0; }

#search-product-list { position: relative; }

/* more text toggler */
.more-text { cursor: pointer; padding-left: 10px; background: url(/images/more-text-close.gif) 0px 3px no-repeat; font-size: 11px; }
.expand { background: url(/images/more-text-expand.gif) 0px 3px no-repeat; }

/* paging */
#paging { position: absolute; font-size: 11px; display: none; }
#paging-bottom { font-size: 11px; float: right; display: none; }
#paging-top { position: absolute; font-size: 11px; top: 40px; right: 19px; display: none; }

#search-product-list #paging-top { top: 28px; right: 0px; display: none; }

.paging a { display: block; width: 23px; height: 23px; border: 2px solid #EEEFF1; line-height: 23px; text-align: center; float: left; margin-left: 3px; text-decoration: none; background: #FFFFFF; }
.paging a:hover { border: 2px solid #6E5F3D; color: #6E5F3D; font-weight: bold; }
.paging span { border: 2px solid #6E5F3D; color: #6E5F3D; font-weight: bold; display: block; width: 23px; height: 23px; line-height: 23px; text-align: center; float: left; margin-left: 3px; text-decoration: none; background: #FFFFFF; }

/* detail */
#content .two-cols { width: 371px; float: left; }
.product-intro { font-size: 16px; margin-bottom: 30px; padding: 0; }

.tab-cena { width: 330px; border-top: 1px solid #CCCCCC; line-height: 30px; }
.tab-cena p { margin: 0; padding: 0; }
.tab-cena p.label { width: 150px; float: left; font-weight: bold; }

.tab-cena p.cena-s-dph { font-size: 20px; font-weight: bold; }

.mnozstvi-block { float: right; margin-top: 10px; margin-right: 25px; }
.mnozstvi { float: left; height: 12px; border: 2px solid #6E5F3D; text-align: center; font-size: 11px; padding: 3px; line-height: 12px; margin: 0 2px; font-weight: bold; width: 33px; }
a.mnozstvi { display: block; width: 18px; text-decoration: none; border: 2px solid #EEEFF1; padding: 0px; height: 18px; line-height: 18px; margin: 0; font-size: 14px; background: #FFFFFF; }
a.mnozstvi:hover { border: 2px solid #6E5F3D; color: #6E5F3D; font-weight: bold; }

button.buy, button.buy-sada { color: #FFFFFF; float: right; margin-bottom: 15px; cursor: pointer; border: none; padding: 0; background: none; display: inline; width: 106px; height: 41px; margin-right: 40px; }
button.buy span, button.buy-sada span { display: block; width: 71px; height: 39px; background: url(/images/koupit-detail.png) top left no-repeat; padding-left: 32px; line-height: 38px; text-align: left; font-size: 20px; margin: 0; font-weight: bold; text-decoration: none; }

.product-detail-popis { clear: both; width: 330px; }

.tab-udaje { width: 230px; border-top: 1px solid #CCCCCC; line-height: 30px; }
.spodni { border-bottom: 1px solid #CCCCCC; margin-bottom: 20px; }
.tab-udaje p { margin: 0; padding: 0; }
.tab-udaje p.label { width: 120px; float: left; font-weight: bold; }

.docs-2-down a { display: block; line-height: 18px; padding-left: 25px; background: url(/images/pdf-ico.png) top left no-repeat; margin-bottom: 5px; }
a.zvetsit { display: block; font-size: 11px; float: right; background: url(/images/mag-ico.png) scroll 0 3px no-repeat; padding-left: 15px; }

#detail-nahledy { clear: both; padding-top: 15px; padding-bottom: 15px; }
#detail-nahledy a { margin: 10px; }

#tagy h2 { font-size: 12px; font-weight: bold; padding-bottom: 0; }

#product-categories ul { font-size: 10px; padding: 0; }
#product-categories h2 { font-size: 12px; padding-bottom: 5px; }

/* Sitemap */
#sitemap ul { float: left; padding-right: 10px; width: 227px; list-style-position: outside; }

/* novinky */
.news-item { position: relative; margin-bottom: 20px; }
.news-item h3 { color: #A20000; }
.news-item img { float: left; margin-right: 15px; }
.news-item p.date { position: absolute; right: 0; top: 0; font-weight: bold; }
.news-item p.price { font-weight: bold; }

#delivery-address-toggler { margin-bottom: 20px; }
#content .page-order h2 { padding-bottom: 0; }

/**********/
/* BASKET */
/**********/
#basket { display: block; width: 70px; height: 60px; position: absolute; top: -15px; right: 5px; }
#basket a { background: url(/images/basket.png) no-repeat center top; display: block; width: 70px; padding: 43px 0px 0px 0px; text-align: center; font-size: 11px; text-decoration: none; }
#basket a:hover { text-decoration: underline; }

#step1 table { width: 100%; line-height: 20px; }
table .mnozstvi-block { margin: 0; padding: 0; float: left; width: 100px; }
th.mnozstvi, td.mnozstvi { float: none; border: none; white-space: nowrap; text-align: left; width: 160px; }
#step1 .cena, #step4 .cena { position: relative; }

#step1 table tr.odd { background-color: #F5F5F5; }
#step1 table th, #step1 table td { padding: 6px 10px 5px 13px; vertical-align: top; }

#step1, #step2, #step3, #step4 { color: #45231B; }
#step1 h2, #step2 h2, #step3 h2, #step4 h2 { color: #45231B; }

/* on page */
#giant-basket-popup, #giant-basket-popup-sada { background-color: #FFFFFF; border: 1px solid #004C6B; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; left: 0; line-height: 14px; padding: 13px 13px 37px; position: absolute; top: 0; width: 290px; }
#giant-basket-popup h3, #giant-basket-popup-sada h3 { color: #30110A; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 8px; text-transform: uppercase; }
#giant-basket-popup .input, #giant-basket-popup-sada .input { border-color: #ABADB3 #DBDFE6 #E3E9EF #E2E3EA; border-style: solid; border-width: 1px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-left: 5px; padding: 2px 5px; text-align: right;  vertical-align: middle; width: 20px; }
#giant-basket-popup .button, #giant-basket-popup-sada .button { background-color: #30110A; color: #FFFFFF; display: block; font-size: 11px; font-weight: bold; padding: 5px 7px; position: absolute; text-decoration: none; }
#giant-basket-popup .button.basket, #giant-basket-popup-sada .button.basket { background: #30110A url(/images/basket-popup-ico.png) no-repeat scroll 5px center; padding-left: 30px; right: 13px; }
#giant-basket-popup-close, #giant-basket-popup-close-sada { background: transparent url(/images/button-close.png) no-repeat scroll left top; display: block; height: 15px; overflow: hidden; position: absolute; right: 8px; top: 8px; width: 15px; }


/* piskni styles */
/**************/
/* OBJEDNAVKA */
/**************/
#page-order {}
.page-order h1 { background-color: #45231B; color: #FFFFFF; font-size: 15px; font-weight: bold; height: 43px; letter-spacing: normal; line-height: 43px; margin: 0 0 5px; padding: 0 15px; width: 712px; }

.page-order .input { border-color: #CCCCCC; }

#step1 table { width: 100%; color: #45231B; border-collapse: collapse; }
#step1 table th,
#step1 table td { padding: 6px 10px 5px 13px; vertical-align: top; }
#step1 table th { text-align: left; }
#step1 table a { color: #45231B; }
#step1 table img { vertical-align: middle; }
#step1 table td.mnozstvi { white-space: nowrap; color: #CCCCCC; }
#step1 table td.mnozstvi .count { margin-top: -1px; }
#step1 table td.mnozstvi img { margin-top: 2px; }
#step1 table tr.odd { background-color: #F5F5F5; }
#step1 table .count { padding: 0px 0px 0px 0px; width: 95px; float: left; }
#step1 table .count a { font-size: 14px; font-weight: bold; text-decoration: none; display: block; width: 18px; height: 18px; border: 2px solid #EEEFF1; float: left; text-align: center; margin-right: 2px; background-color: #FFFFFF; }
#step1 table .count input { border: 2px solid #0C94D6; width: 38px; color: #09498C; font-weight: bold; text-align: center; padding: 1px 0px; float: left; margin-right: 2px; }

#step1 table .cena { text-align: right; width: 80px; }
#step1 table .cena-s-dph { text-align: right; width: 67px; }

#step1 table .total td { font-weight: bold; font-size: 13px; }
#step1 table .total .cena-s-dph { font-weight: bold; font-size: 13px; }

#step1 .recalculate { border: none; padding: 0px; width: 92px; height: 24px; line-height: 24px; color: #FFFFFF; text-transform: uppercase; font-size: 10px; text-align: center; background: #45231B url(/images/button-goto-basket.gif) no-repeat left top; font-weight: bold; }

#step2 table { margin-bottom: 10px; }
#step2 table * { vertical-align: middle; }
#step2 table .input { margin-right: 30px; }
#step2 table label { line-height: 28px; padding-right: 5px; }
#step2 h2 { font-size: 14px; }
#step2 textarea { border-color: #CCCCCC; margin-left: 45px; }
#step2 #dodaci-adresa-toggler { padding-bottom: 5px; }
#dodaci-adresa-toggler input { padding: 0px; vertical-align: middle;  }
#dodaci-adresa.disabled *,
#content .dodaci-adresa.disabled *,
#dodaci-adresa.disabled input,
#content .dodaci-adresa.disabled input { color:#B7B7B7; border-color: #B7B7B7; }

#step3 table td { vertical-align: top; padding-right: 10px; padding-bottom: 5px; }
#step3 table h2 { margin: 0px; padding: 0px; font-size: 14px; width: 80px; }
#step3 form, #step2 form { margin-top: 15px; }
#form3 label { display: block; margin-left: 80px; padding-bottom: 3px; }
#form3 fieldset h2 { color: #333333; float: left; font-size: 14px; padding: 0; text-transform: none; width: 80px; color: #45231B; text-transform: uppercase; }
#form3 fieldset { margin-bottom: 10px; }

#step4 table { width: 100%; color: #45231B; border-collapse: collapse; margin-bottom: 20px; }
#step4 table th,
#step4 table td { padding: 6px 10px 5px 13px; vertical-align: top; }
#step4 table th { text-align: left; }
#step4 table a { color: #063564; }
#step4 table img { vertical-align: middle; }
#step4 table td.mnozstvi { white-space: nowrap; color: #CCCCCC; }
#step4 table td.mnozstvi .count { margin-top: -1px; }
#step4 table td.mnozstvi img { margin-top: 2px; }
#step4 table tr.odd { background-color: #F5F5F5; }

#step4 table .cena { text-align: right; width: 80px; top: 0px; right: 0; }
#step4 table .cena-s-dph { text-align: right; width: 67px; }

#step4 table .total td { font-weight: bold; font-size: 13px; }
#step4 table .total .cena-s-dph { font-weight: bold; font-size: 13px; }

#step4 table .code { font-size: 11px; width: 30px; padding-right: 0px; }
#step4 table th.code { visibility: hidden; }

#step4 h2 { font-size: 14px; }
#step4 .column { padding-bottom: 30px; }
#step4 .column h2,
#step4 .column address { padding-left: 15px; padding-top: 10px; }

#step4 .print-button { border: none; line-height: 23px; cursor: pointer; float: right; }

/* STEPS */
.login-errors { border: 1px solid #FF0000; color: #FF0000; font-weight: bold; padding: 14px; }


#content #steps { margin: 0px; padding: 0px; background-color: #F5F5F5; height: 35px; overflow: hidden; color: #674137; }
#content #steps li { list-style: none; font-size: 16px; font-weight: normal; line-height: 35px; padding: 0px 22px; float: left; }
#content #steps li a { color: #674137; text-decoration: underline; }
#content #steps li.active { background-color: #45231B; color: #FFFFFF; }
#content #steps li.active a { background-color: #45231B; color: #FFFFFF; text-decoration: none; }
#submit { margin-top: 20px; }

#content .page-order { min-height: 465px; }



#page-login {}
#page-login { text-align: center; }
#page-login h1 { text-align: left; }
#page-login form label { width: 210px; display: block; text-align: right; padding-bottom: 5px; margin: 0 auto; }
#page-login form label .input { text-align: left; }
#page-login form p { padding-top: 10px; }

#form-reg .button-submit { margin: 0px; padding: 0px; }

#product-tabs { padding-top: 20px; }
#product-tabs #product-tabs-tabs ul { margin: 0px; padding: 0px;}
#product-tabs #product-tabs-tabs li { list-style: none; float: left; border: 1px solid #CCCCCC; border-bottom: none; line-height: 26px; padding: 0px 12px; font-weight: normal; font-size: 12px; color: #666666; text-decoration: underline; position: relative; top: 1px; margin-top: 3px; cursor: pointer; }
#product-tabs #product-tabs-tabs li.active { border-color: #84A4C5; background: #F2FAFD url(../img/product-tabs-tab.gif) repeat-x left top; padding-top: 3px; font-size: 14px; color: #09498C; font-weight: bold; text-decoration: none; margin-top: 0px; cursor: default; }
#product-tabs .layer { width: 401px; padding: 10px 10px 0px 10px; background: url(../img/product-tabs-bg.gif) no-repeat left top; display: none; min-height: 73px; }
#product-tabs .layer.active { display: block; }
#product-tabs .layer tr.even { background-color: #EAF7FC; }


table.orders { width: 100%; border-collapse: collapse; }
table.orders th, table.orders td { padding: 5px 10px 4px 10px; }
table.orders th { background-color: #067DC1; text-align: left; font-weight: normal; vertical-align: middle; color: #FFFFFF; }
table.orders th img { vertical-align: middle; }
table.orders td { background-color: #F2FAFD; }
table.orders tr.odd td { background-color: #FFFFFF; }
table.orders th { white-space: nowrap; text-align: left; }
table.orders .id { text-align: left; }
table.orders .price { text-align: right; }

table.product-list {}
table.product-list { width: 100%; color: #063564; border-collapse: collapse; }
table.product-list th,
table.product-list td { padding: 6px 10px 5px 13px; vertical-align: top; }
table.product-list th { text-align: left; }
table.product-list a { color: #063564; }
table.product-list img { vertical-align: middle; }
table.product-list td.mnozstvi,
table.product-list th.mnozstvi { text-align: right; }
table.product-list tr.odd { background-color: #F5F5F5; }
table.product-list .cena { text-align: right; width: 80px; }
table.product-list .cena-s-dph { text-align: right; width: 67px; }
table.product-list .total td { font-weight: bold; font-size: 13px; text-align: right; }
table.product-list .total .cena-s-dph { font-weight: bold; font-size: 13px; }

table.price-list { width: 100%; color: #063564; border-collapse: collapse; }
table.price-list th,
table.price-list td { padding: 6px 10px 5px 13px; vertical-align: top; }
table.price-list th { text-align: left; }
table.price-list tbody th { background-color: #EAEAEA; }
table.price-list a { color: #063564; }
table.price-list img { vertical-align: middle; }
table.price-list td.mnozstvi,
table.price-list th.mnozstvi { text-align: right; }
table.price-list tr.odd { background-color: #F5F5F5; }
table.price-list .cena { text-align: right; width: 80px; }
table.price-list .cena-s-dph { text-align: right; width: 67px; }
table.pridce-list th.nowrap { white-space: nowrap; }

#form-filter { position: absolute; top: 10px; right: 10px; text-align: right; }
#form-filter { vertical-align: middle; }

.button-back { display: block; width: 92px; height: 24px; text-align: center; color: #FFFFFF; text-decoration: none; line-height: 24px; font-weight: bold; background: #0A69AC url(/images/button-goto-basket.gif) no-repeat left top; border: none; cursor: pointer; margin-top: 20px; float: left; }
button.button-back { margin-top: 20px; float: left; }


.print-button { background: url(../img/button-continue.gif) no-repeat left top; display: block; width: 130px; height: 24px; text-align: center; color: #FFFFFF; line-height: 24px; text-decoration: none; font-weight: bold; }

/* piskni styles */


/*********/
/* TABLE */
/*********/
table.data { border-collapse: collapse; margin-top: 5px; width: 100%; }
.data caption { font-size: 12px; font-weight: bold; color: #666666; text-align: left; padding-bottom: 3px; }
.data th { background-color: #004C6B; border-left: 1px solid #004C6B; border-right: 1px solid #004C6B; color: #FFFFFF; text-align: left; padding: 3px 5px; }
.data td { border: 1px solid #5A8FAA; padding: 3px 5px; vertical-align: top; text-align: left; }
.data ul { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
.data li { font-style: italic; }
.data .center { text-align: center; }
.data .fake { border-left: 0px solid #FFFFFF; }
.data .fake-left { border-right: none; }

/********/
/* SADY */
/********/
.sady-tables h2 { font-size: 18px; font-weight: normal; color: #6D5E3C; text-transform: none; padding-bottom: 0px; }
.sady-tables table { width: 100%; margin-bottom: 20px; }
.sady-tables thead { font-weight: bold; background: url(/images/sady-thead-bgr.gif) bottom left repeat-x; }
.sady-tables td { padding: 5px 5px; }
.sady-tables .odd { background: #EBEBEB; }
#cena-sady { float: right; width: 330px; }
#cena-sady button.buy-sada { margin-right: 0; }
.sady-table-buy-button { display: block; background: url(/images/sady-buy-button.gif) 0 0 no-repeat; padding-left: 25px; width: 43px; height: 20px; line-height: 20px; font-weight: bold; color: #FFFFFF; text-decoration: none; float: right; }
.sady-more, .sady-more a { color: #CC0000; text-align: right; }
.documents { padding: 15px 0; }
.documents a.pdf { background: url(/images/pdf-ico.gif) 0 0 no-repeat; display: block; line-height: 18px; padding-left: 22px; margin-bottom: 5px; }

/***************/
/* VIZUALIZACE */
/***************/
.art-item { clear: both; margin-bottom: 15px; float: left; }
.art-item h2 { padding-bottom: 3px; text-transform: none; }
.art-item h2 a { padding-bottom: 3px; text-transform: none; color: #6D5E3C; }
.art-item p { padding-top: 15px; }
.info-boxes { float: left; }
.info-box { background: url(/images/vizualizace/info-box-bgr.gif) repeat-x scroll center bottom; border: 1px solid #CCCCCC; margin-bottom: 3px; min-height: 92px; padding: 10px 8px 8px; width: 350px; }
.info-box img { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: #FFFFFF; display: inline; float: left; margin-right: 10px; padding: 2px; }