/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, label, blockquote { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	font-size: 12px;
	line-height: 140%;
	background: none; 
}

address { font-style: normal; padding: 0px; margin: 0px; }

blockquote { font-style: italic; padding-bottom: 0.5em; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden; padding: 0px !important; margin: 0px !important;}
.hide { display: none; }
.red { color: #CC0000; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.note { font-size: 12px; font-weight: bold; line-height: 140%; }
.note * { font-weight: bold; }
.more a { color: #7A7A7A; }
.inline { display: inline; }

img { border: none; }
a img { border: none; }
a { color: #09498C; text-decoration: underline; }
.more a { color: #666666; }
a.ext { background: url(../img/ext.gif) no-repeat right center; padding-right: 10px; }
#right-column a.ext { background-image: url(../img/ext-gray.gif); }

img.right { float: right; margin-left: 10px; }
img.left { float: left; margin-right: 10px; }

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

.no-text-transform { text-transform: none !important; }
.no-decoration { text-decoration: none !important; }

/***************/
/* 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-size: 12px; font-family: Arial, Helvetica, sans-serif; }
fieldset { border: none; padding: 0px; margin: 0px; }
label {  }
input.input { padding: 4px 6px; width: 150px; background: #FFFFFF; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; color: #666666;  }
input.button-submit { padding: 0px; border: none; cursor: pointer; }
textarea { background: none;  color: #4C4C4C; border: 1px solid #ABADB3; border-left-color: #E2E3EA; border-right-color: #E2E3EA; border-bottom-color: #E3E9EF; width: 400px; height: 100px; overflow: hidden; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-size: 12px; line-height: 18px; color: #333333; background: #915530 url(../img/body-bg.jpg) repeat left top;  }

h1 { font-size: 30px; line-height: 30px; color: #09498C; font-weight: normal; padding-bottom: 12px; letter-spacing: -1px; }
h2 { font-size: 16px; line-height: 24px; color: #E68C17; font-weight: bold; }
h3 { font-size: 14px; line-height: 18px; font-weight: bold; }
h4 { font-size: 12px; line-height: 18px; font-weight: bold; }

p { padding-bottom: 1em; }
ol { padding-left: 2em; padding-bottom: 1em;  }
ul { padding-left: 2em; }

caption { font-size: 12px; font-weight: bold; color: #2C527B; text-transform: uppercase; text-align: left; }

form input,
form select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

button { cursor: pointer; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body {}

#body-light { background: url(../img/body-bg-light.jpg) repeat-x left top; min-height: 463px; }
#page-wrapper { width: 980px; text-align: left; position: relative; margin: 0px auto; padding-bottom: 20px; }

#body { background: url(../img/page-bg.png) repeat-y left top; padding: 0px 0px 0px 23px; }
#body-bottom { background: url(../img/footer-bg.png) no-repeat left bottom; padding: 0px 0px 31px 0px; width: 980px; }
#content-border-top { background: url(../img/border-top.gif) no-repeat left top; padding-top: 11px; }

#page-content { background-color: #FFFFFF; width: 940px; padding: 31px 0px 0px 0px; }

#left-column { width: 152px; float: right; }
#main-content { width: 745px; float: right; margin-left: 22px; position: relative; }

.layout-2-columns {}
.layout-2-columns .column1,
.layout-2-columns .column2 { width: 60%; float: left; }
.layout-2-columns .column { width: 48%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {  height: 140px; position: relative; }
#header-bg { background: url(../img/header-bg.png) no-repeat left bottom; width: 100%; height: 140px; }
#header-content { position: absolute ; top: 0px; left: 0px; width: 980px; height: 140px; }

/* LOGO */
#logo { padding: 11px 0px 0px 47px; }

/* VYHLEDAVANI */
#header .form-search { position: absolute; top: 47px; left: 221px; background: url(../img/header-box-bg.gif) no-repeat left top; padding-left: 10px; }
#header .form-search input { vertical-align: middle; }
#header .form-search .input { width: 106px; }
#header .form-search .button-submit { margin-left: 5px; }
#header .form-search strong { color: #FAB74B; font-weight: bold; display: block; padding-bottom: 4px; padding-left: 2px; }
#header .form-search a { font-size: 11px; color: #D7B8A4; line-height: 20px; padding-left: 2px; }

/* PRIHLASENI */
#header .form-login { position: absolute; top: 47px; left: 448px; background: url(../img/header-box-bg.gif) no-repeat left top; padding-left: 6px; color: #FAB74B; }
#header .form-login input { vertical-align: middle; }
#header .form-login .input { width: 66px; margin-left: 4px; background-color: #DDD3CB; }
#header .form-login .button-submit { margin-left: 10px; }
#header .form-login strong { color: #FAB74B; font-weight: bold; display: block; padding-bottom: 4px; padding-left: 8px; }
#header .form-login a { font-size: 11px; color: #D7B8A4; line-height: 20px; padding: 0px 6px; }

#header .logged-user { position: absolute; top: 47px; left: 448px; background: url(../img/header-box-bg.gif) no-repeat left top; padding-left: 6px; color: #FAB74B; }
#header .logged-user legend { color: #FAB74B; font-weight: bold; }
#header .logged-user p { font-size: 11px; color: #CFCFCF; padding-left: 2px; }
#header .logged-user p a { color: #E6D1C5; padding: 0px 5px; }
#header .logged-user p a.first { padding-left: 0px; }
#header .logged-user .user { color: #CFCFCF; line-height: 30px; }
#header .logged-user .user strong { font-size: 16px; font-weight: bold; }

/* KOSIK */
#header .basket { width: 190px; height: 70px; font-size: 11px; color: #CFCFCF; position: absolute; top: 47px; left: 723px; padding-left: 50px; background: url(../img/header-basket-bg.gif) no-repeat left top; }
#header .basket p { padding: 0px; }
#header .basket span { display: block; }
#header .basket strong { color: #E6D1C5; font-weight: normal; }
#header .basket .price { font-size: 13px; }
#header .basket a { margin-top: 4px; display: block; width: 116px; padding-left: 8px; height: 24px; background: url(../img/dokoncit-nakup-bg.gif) no-repeat left top; text-align: center; line-height: 22px; font-size: 13px; color: #333B48; font-weight: bold; text-decoration: underline; }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { padding: 0px 0px 0px 0px; }
#footer-content { background-color: #061018; width: 940px; }
#footer-content p { color: #B5B8BA; font-size: 11px; padding: 13px 17px 3px 17px; }
#footer-content a { color: #B5B8BA; padding-left: 10px; }

#footer-text { font-size: 11px; color: #dbbba9; padding: 0px 30px; }
#footer-text a { color: #dbbba9; }
#giant { float: right; text-align: right; }
#giant img { vertical-align: middle; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; left: 31px; top: 148px; margin: 0px; padding: 0px; background: #8F5834 url(../img/menu-bg.gif) no-repeat left top; display: block; height: 34px; width: 924px; }
#menu ul { padding: 0px; margin: 0px; }
#menu li { list-style: none; padding: 0px 2px 0px 0px; margin: 0px; background: url(../img/menu-separator.gif) no-repeat right center; float: left; position: relative; }
#menu li.last { background: none; padding-right: 0px; }
#menu li a { line-height: 34px; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 0px 19px 0px 19px; font-family: 11px; text-transform: uppercase; }
#menu li.last a { padding-right: 10px; }
#menu li a:hover { text-decoration: underline; }
#menu li:first-child a { font-weight: normal; }

/* submenu */
#menu ul li ul.submenu { display: none; position: absolute; width: 200px; background: #814E32; overflow: hidden; top: 30px; left: 0; }
#menu ul.submenu li { background: none; }
#menu ul.submenu li a { display: block; width: 200px; background: url(/public/img/drop-menu-bgr.png) top left no-repeat; padding: 0; line-height: 25px; padding-left: 14px; font-size: 10px; }
#menu ul li:hover ul.submenu { display: block; }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column { color: #553F32; padding-bottom: 40px; padding-top: 22px; }
#left-column h2 { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; padding: 0px 0px 2px 11px; margin: 0px -11px 0px -4px; background: url(/public/img/category-bg.png) no-repeat left top; }
#left-column h2 a { color: #553F32; text-decoration: none; }
#left-column h2 a:hover { text-decoration: underline; }

#left-column ul { margin: 0px; padding: 0px 0px 10px 0px; }
#left-column li { list-style: none; padding: 3px 0px 2px 10px; margin: 0px; background: url(../img/left-li-bg.gif) no-repeat 3px 10px; border-top: 1px solid #A49D9A; }
#left-column li:first-child { border-top: none; }
#left-column li a { color: #553F32; font-weight: normal; text-decoration: none; }
#left-column li a:hover { text-decoration: underline; }

#left-column ul.master {}
#left-column ul.master li { padding: 10px 0px 0px 0px; background: none; border-top: none; }
#left-column ul.master li.first { padding-top: 5px; }
#left-column ul.master li span { font-weight: bold; display: block; background: url(/public/img/arrow-right.png) no-repeat 5px 7px; padding: 3px 10px 3px 14px; line-height: 16px; }
#left-column ul.master li span a { font-weight: bold; }

#left-column ul.master ul { padding-bottom: 0px; }
#left-column ul.master ul li { border-top: 1px solid #A49D9A;  padding: 3px 0px 2px 22px; background: url(/public/img/left-li-bg.gif) no-repeat 15px 10px; }
#left-column ul.master ul li:first-child { border-top: 1px solid #A49D9A; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content {}

.padding { padding: 20px 30px 10px 5px; }

/* FOTOGALERIE */
ul.gallery { padding: 10px 0px 0px 10px; }
ul.gallery li { list-style: none; display: block; width: 160px; height: 140px; padding: 0px 10px 0px 0px; float: left; font-size: 11px; text-align: center; }
ul.gallery li span { display: block; padding: 2px 0px 0px 0px; }

table.profiles {}
table.profiles td { padding: 5px 5px 20px 5px; font-weight: bold; text-align: center; }
table.profiles img { padding-bottom: 3px; }

/* SECTION CONTENT */
.section-content { padding: 0px 30px 10px 14px; margin-top: -20px; }

#products {}
.product-item { padding: 10px; width: 213px; height: 250px; border: 1px solid #EBEBEB; margin: 0px 12px 12px 0px; float: left; position: relative; }
.product-item h3 { color: #34567C; font-weight: bold; padding-bottom: 10px; }
.product-item h3 a { color: #34567C; }
.product-item p { font-size: 11px; padding-bottom: 10px; }
.product-item img.left { margin-right: 5px; }
.product-item .category { font-size: 10px; color: #999999; }
.product-item .category a { color: #999999; text-decoration: underline; }
.product-item .price { font-size: 20px; line-height: 20px; text-align: right; color: #999999; position: absolute; bottom: 35px; right: 10px;  }
.product-item .price strong { display: block; }
.product-item .price em { font-style: normal; font-size: 10px; line-height: 11px; }
.product-item .price strike { position: absolute; top: -18px; right: 0px; font-size: 12px; }
.product-item .btns { padding: 0px; margin: 0px; position: absolute; bottom: 10px; right: 10px; width: 200px; }
.product-item .btns a,
.product-item .btns button { display: block; width: 55px; height: 24px; background: #814E31 url(../img/button-detail.gif) no-repeat left top; text-align: center; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 23px; text-transform: lowercase; padding: 0px 0px 0px 15px; float: right; margin-left: 10px; }
.product-item .btns button { width: 77px; background-color: #D17C15; background-image: url(../img/button-koupit.gif); border: none; cursor: pointer; }

.product-item .count { position: absolute; bottom: 47px; left: 11px; }
.product-item .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; }
.product-item .count input { border: 2px solid #34567C; width: 38px; color: #34567C; font-weight: bold; text-align: center; padding: 1px 0px; float: left; margin-right: 2px; }


#paging { height: 25px; }
#paging a,
#paging span { display: block; width: 23px; height: 23px; font-size: 12px; text-decoration: none; border: 2px solid #EEEFF1; color: #73442A; text-align: center; line-height: 23px; float: left; margin-right: 3px; background-color: #FFFFFF; }
#paging span { border-color: #73442A; font-weight: bold; }
#paging a:hover { border-color: #73442A; }
#paging .prev,
#paging .next { line-height: 19px; }

.product-img { width: 330px; padding-right: 10px; float: right; }
.product-img p { font-size: 11px; padding-right: 20px; }
.product-img p a { background: url(../img/lupa.gif) no-repeat left 2px; padding-left: 16px; color: #333333; }
.product-text { width: 385px; }
.product-text h1 { padding-bottom: 6px; }

#nav { padding-top: 23px; font-size: 11px; color: #2C527B; padding-bottom: 14px;  }
#nav span { position: relative; top: -1px; }
#nav a { color: #2C527B; }

.product-detail { padding-left: 12px; }
.product-detail h1 { padding-bottom: 15px; }
.product-detail h2 { font-size: 12px; color: #2C527B; text-transform: uppercase; font-weight: bold; padding-top: 28px; }
.product-detail h3 { font-size: 12px; font-weight: bold; padding: 30px 0px 0px 0px; }
.product-detail .product-text p { padding: 5px 0; }
.product-detail table { border-collapse: collapse; }
.product-detail table td,
.product-detail table th { border: 1px solid #EBEBEB; border-left: none; border-right: none; padding: 5px 0px; text-align: left; }
.product-detail table th { width: 135px; }
.product-detail .info { width: 325px; }
.product-detail .dim { width: 235px; }
.product-detail strike { font-size: 12px; color: #999999; }

.product-detail .count { padding: 0px 0px 0px 80px; width: 125px; float: left; }
.product-detail .count a { font-size: 14px; font-weight: bold; text-decoration: none; display: block; width: 18px; height: 18px; background-color: #FFFFFF; border: 2px solid #EEEFF1; float: left; text-align: center; margin-right: 2px; }
.product-detail .count input { border: 2px solid #34567C; width: 38px; color: #34567C; font-weight: bold; text-align: center; padding: 1px 0px; float: left; margin-right: 2px; }

.skladem { text-transform: uppercase; color: #E68919; font-weight: bold; }
.cena-dph { font-size: 20px; font-weight: bold; color: #000000; }

.form-buy-big { text-align: right; padding-top: 24px; padding-right: 55px; }
.form-buy-big button { padding: 0px 0px 0px 15px; width: 117px; height: 44px; text-align: center; font-size: 20px; font-weight: bold; color: #FFFFFF; line-height: 42px; text-transform: lowercase; border: none; background:#D17B14 url(../img/button-koupit-big.gif) no-repeat left top; cursor: pointer; }

.pictures { padding-bottom: 15px; width: 380px; }
.pictures .item .magnify { padding-left: 16px; background: url(../img/lupa.gif) no-repeat left center; color: #333333; font-size: 11px; }
.pictures .thumb { width: 133px; height: 136px;  border: 1px solid #EBEBEB; overflow: hidden; position: relative; text-align: center; padding-top: 15px; margin-bottom: 15px; }
.pictures .thumb p { padding: 0px 5px 2px 0px; position: absolute; bottom: 0px; right: 0px; text-align: right; }
.pictures .item { width: 155px; float: left; }
.pictures .item h3 { font-size: 12px; font-weight: normal; padding: 0px 0px 0px 2px; }

#form-firmy button { background: #D78516 url(../img/button-login.gif) no-repeat left top; width: 87px; height: 27px; padding: 0px 0px 0px 12px; border: none; text-align: center; line-height: 27px; color: #FFFFFF; font-size: 14px; font-weight: bold; cursor: pointer; margin-left: 108px; }
#form-firmy p { padding-bottom: 5px; }
#form-firmy fieldset {}
#form-firmy h2 { color: #553F32; padding: 0px 0px 5px 0px; font-size: 12px; }
#form-firmy label { display: block; width:108px; float: left; line-height: 26px; }
#form-firmy .input { width: 150px; padding: 4px; }
#form-firmy textarea { padding: 4px; }

/* BASKET POPUP */
#basket-popup { background-color: #CCCCCC; width: 300px; position: absolute; top: 0px; left: 0px; }
#basket-popup-content { border: 1px solid #CCCCCC; background: #FFFFFF url(../img/basket-popup-bg.gif) no-repeat left top; position: relative; top: -3px; left: -3px; padding: 10px 10px 35px 60px; min-height: 63px; }
#basket-popup p { padding: 0px; margin: 0px; }
#basket-popup #btn-continue,
#basket-popup #btn-goto-basket { display: block; height: 24px; line-height: 24px; color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center; background-position: left top; background-repeat: no-repeat; position: absolute; bottom: 10px; }
#basket-popup #btn-continue { background-image: url(../img/basket-popup-button-continue.gif); width: 130px; left: 57px; }
#basket-popup #btn-goto-basket { background-image: url(../img/basket-popup-button-goto-basket.gif); width: 92px; right: 11px; }
#basket-popup h2 { font-size: 20px; font-weight: bold; color: #34567C; line-height: 20px; padding: 0px 0px 3px 0px; margin: 0px; }
#basket-popup #detail { font-size: 12px; color: #333333; }
#basket-popup #detail strong { font-weight: bold; font-size: 14px; }
#basket-popup #button-close { display: block; width: 11px; height: 11px; overflow: hidden; position: absolute; top: 5px; right: 5px; }
#basket-popup #button-close:hover img { position: relative; top: -11px; }

/* SUBCATEGORIES */
#category { padding: 0px 12px 22px 12px; background-position: right top; background-repeat: no-repeat; }
#category .note { font-size: 11px; padding: 0px; font-weight: normal; }
#category ul { padding: 0px 0px 15px 0px; margin: 0px; width: 670px; }
#category li { list-style: none; display: inline; padding-right: 45px; line-height: 24px; }
#category li a { font-size: 18px; color: #09498C; font-weight: normal; text-decoration: underline; letter-spacing: -1px;  }
#category .subcategories li { width: 200px; float: left; display: block; background: url(../img/li-bg.gif) no-repeat left 10px;  padding-left: 10px; padding-right: 10px;  }
#category table { border-collapse: collapse; width: 520px; }
#category td { color: #252C36; background-color: #FFFFFF; border-top: 1px solid #76B9DE; padding: 3px 15px 2px 8px; }
#category table a { color: #E68C17; font-weight: normal; text-decoration: underline; }
#category table em { font-size: 10px; color: #999999; font-style: normal; }
#category table caption { font-size: 11px; color: #92959A; text-align: left; padding-bottom: 1px; }
#category table caption span { background-color: #FFFFFF; padding: 3px 8px 3px 8px; }
#category table .nowrap { white-space: nowrap; }

/* terasy */
.tabulka-desky { margin-top: 20px; margin-bottom: 20px; border-collapse: collapse; }
.tabulka-desky td { border: 1px solid #000066; padding: 3px 10px; }
.tabulka-desky thead { font-weight: bold; border: 1px solid #000066; }
#category .tabulka-desky thead td { border-top: 1px solid #000066; }

.tabulka-terasy { width: 100%; margin: 10px 0; }
.tabulka-terasy td { border: 1px solid #000066; }
.mezera { height: 15px; }

a.contact-button { background: transparent url(../img/terasy-cbutton.png) no-repeat scroll left top; border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-size: 14px; height: 40px; line-height: 41px; margin: 30px 0; padding-bottom: 3px; padding-left: 30px; text-decoration: none; width: 387px; font-weight: bold; }


/* podlahy */
.no-padding { padding: 0; }
.tabulka-podlahy { width: 60%; margin: 10px 0; font-size: 12px; text-align: left; margin-top: 0; }
.tabulka-podlahy td,th { border: 1px solid #999999; }


/**************/
/* OBJEDNAVKA */
/**************/
#page-order {}

.page-order { padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.page-order h1 { font-size: 16px; font-weight: bold; height: 43px; padding: 0px 15px; margin: 0px 0px 5px 0px; line-height: 43px; background-color: #F2EDEA; color: #063564; letter-spacing: normal; }

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

#step1 table { width: 100%; color: #063564; 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: #063564; }
#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: 12px; text-align: center; background: #0A6EB1 url(../img/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: 50px; }
#step2 #dodaci-adresa-toggler { padding-bottom: 5px; }
#dodaci-adresa-toggler input { padding: 0px; vertical-align: middle;  }
#dodaci-adresa.disabled *,
#main-content .dodaci-adresa.disabled *,
#dodaci-adresa.disabled input,
#main-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: 60px; }

#step4 table { width: 100%; color: #063564; 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; }
#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; }

/* STEPS */
#steps { margin: 0px; padding: 0px; background-color: #F5F5F5; height: 35px; overflow: hidden; color: #B9C5D1; }
#steps li { list-style: none; font-size: 16px; font-weight: normal; line-height: 35px; padding: 0px 22px; float: left; }
#steps li a { color: #7D95AC; text-decoration: underline; }
#steps li.active { background-color: #F2EDEA; color: #063564; }
#steps li.active a { background-color: #F2EDEA; color: #063564; text-decoration: none; }
#submit { margin-top: 20px; }
#button-back { float: left; margin-top: 20px; }

#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; }

/* ERRORS */
#error ul,
#success ul,
#warning ul,
ul#error,
ul#success,
ul#warning { margin: 10px 0px 0px 0px; padding: 0px; background: #FFFFFF; position: relative; top: -5px; padding: 4px 0px; margin-bottom: 5px;  }
#error li,
#success li,
#warning li { list-style: none; display: block; text-align: center; line-height: 170%; font-weight: bold;}

#success ul,
ul#success { border: 1px solid #339900; color:#339900; }
#error ul,
ul#error { border: 1px solid #CC0000; color: #CC0000; }
#warning ul,
ul#warning { border: 1px solid #FF9900; color: #FF9900; }

.form-filter,
.form-filter * { font-size: 11px; }
/*.form-filter { float: right; text-align: right; color: #73442A; padding-right: 12px; padding-bottom: 12px; width: 50%; }*/
.form-filter { text-align: right; color: #73442A; width: 400px; position: absolute; top: 24px; right: 10px; }
.form-filter select { border: 1px solid #CCCCCC; color: #666666; margin-left: 7px; }
.form-filter label { padding-left: 14px; }
.form-filter #sort-by select { width: 110px; }
.form-filter #items-per-page select { width: 45px; }

#form-reg button { width: 87px; height: 27px; padding-left: 20px; background: url(../img/button-login.gif) no-repeat left top; border: none; line-height: 25px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; font-size: 14px; text-align: center; }
#form-reg h2 { display: inline; }
#form-red table { width: auto; }

#form-password button { width: 87px; height: 27px; padding-left: 20px; background: url(../img/button-login.gif) no-repeat left top; border: none; line-height: 25px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; font-size: 14px; text-align: center; }



#page-homepage { color: #7B492D; padding-right: 10px; padding-bottom: 0px; }
#page-homepage h1 { font-size: 24px; color: #2c527b; padding-right: 200px; }
#page-homepage a { color: #7B492D; }
#page-homepage p { line-height: 16px; }

#page-homepage h2 { font-size: 24px; color: #2C527b; font-weight: normal; margin-bottom: 11px; }

.block-ad { width: 221px; height: 166px; padding: 13px 0px 0px 14px; background-position: left top; background-repeat: no-repeat; float: left; margin-right: 12px; position: relative; }
#page-homepage .block-ad h2 { font-size: 20px; color: #814e31; font-weight: normal; letter-spacing: -1px; margin: 0px; }
.block-ad ul { text-align: right; margin: 0px; padding: 6px 12px 0px 0px; }
.block-ad li { list-style: none; background: none; line-height: 20px; }
.block-ad li a { background: url(/public/img/arrow-li.png) no-repeat left center; padding-left: 7px; }
.block-ad .more { display: block; width: 30px; height: 30px; position: absolute; bottom: 12px; right: 18px; }

#ad-3 ul { margin-top: -14px; padding-top: 0px; }

#ad-1 { background-image: url(/public/img/upoutavka-1.jpg); }
#ad-2 { background-image: url(/public/img/upoutavka-2.jpg); }
#ad-3 { background-image: url(/public/img/upoutavka-3.jpg); margin-right: 0px; }

#block-vina { width: 159px; height: 150px; padding: 34px 0px 0px 105px; background: url(../img/suarti.jpg) no-repeat left top; float: right; }
#block-vina h2 { font-size: 15px; color: #FFFFFF; letter-spacing: normal; font-weight: normal; padding: 3px 25px 0px 0px; margin: 0px; line-height: 21px; text-align: right;  }
#block-vina p { padding-left: 35px; padding-top: 7px; padding-bottom: 0px; line-height: 18px; position: relative; text-align: right; padding-right: 25px; }
/*#block-vina a { background: #5D341D url(../img/button-more.gif) no-repeat left top; color: #FFFFFF; display: block; width: 42px; height: 24px; padding: 0px 0px 0px 28px; line-height: 24px; text-decoration: none; font-weight: bold; float: right; position: relative; right: 22px; }
#block-vina a.vice { position: absolute; top: 7px; background: none; padding-left: 0px; width: 90px; color: #7b492d; float: left; text-decoration: underline; }
#block-vina a.vice:hover { text-decoration: none; }*/

#terasy-banner { width: 270px; height: 191px; float: right; }
#terasy-banner a { display: block; height: 191px; }
#terasy-banner a span { background-image: url(../img/terasy-banner.jpg); height: 191px; width: 270px; }


#page-podminky {}
#page-podminky ul { padding-bottom: 1em; }
#page-podminky dt { font-weight: bold; }
#page-podminky dd { padding-bottom: 1em;  }


/* SITEMAP */
#sitemap { padding-bottom: 30px;}
#sitemap ul { width: 200px; float: left; padding-right: 10px; padding-bottom: 10px;  }
#sitemap li { font-size: 11px; }
#sitemap h2 { padding-bottom: 15px; }
#sitemap h3 { font-size: 12px; }

#info-box { border: 1px solid #EBEBEB; color: #7B492D; padding: 10px; font-size: 12px; margin-right: 17px; margin-bottom: 20px; }