/*******************************************************************/
/*                                                           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; }

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; }
img.left { float: left; }

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

/* ERRORS */
#error ul,
#success ul,
#warning ul,
ul#error,
ul#success,
ul#warning { margin: 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; }

div#success,
div#warning,
div#error { padding-top: 10px; }

/***************/
/* 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 * { 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: none; border: 1px solid #999999; color: #666666;  }
input.button-submit { padding: 0px; border: none; cursor: pointer; }
textarea { background: none;  border: 1px solid #999999; color: #666666; width: 400px; height: 100px; overflow: hidden; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { font-size: 12px; line-height: 18px; color: #333333; }

h1 { font-size: 30px; line-height: 36px; color: #09498C; font-weight: normal; padding-bottom: 6px; letter-spacing: -1px; }
h2 { font-size: 16px; line-height: 24px; color: #09498C; font-weight: bold; }
h3 { font-size: 14px; line-height: 18px; font-weight: bold; }
h4 { font-size: 12px; line-height: 18px; font-weight: bold; }
.inline { display: inline; line-height: 24px; }
p { padding-bottom: 1em; }
ul { margin-left: 2em; }
ol { margin-left: 2.5em; padding-bottom: 1em; }

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

table.top td,
table.top th { vertical-align: top; padding: 0px 5px 0px 0px; }
table.top { margin-bottom: 1em; }


/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { text-align: center; padding: 18px 0px 18px 0px; }

#page-wrapper { width: 980px; text-align: left; position: relative; margin: 0px auto; }

#body { padding: 27px 10px 0px 10px }

#left-column { display: none; }
#main-content { width: auto; float: none; }

.layout-3-columns .column1,
.layout-3-columns .column2,
.layout-3-columns .column3 { width: 32%; float: left; }

.layout-2-columns .column { width: 49%; float: left; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { }

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

/* VYHLEDAVANI */
#header .form-search {display: none; }

/* PRIHLASENI */
#header .form-login { display: none; }

/* KOSIK */
#header .basket {display: none; }

#header .logged-user { display: none; }


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { display: none; }
#copyright { display: none; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { display: none; }

/*******************************************************************/
/*                                                       SLIDESHOW */
/*******************************************************************/
#slideshow { width: 733px; height: 248px; border: 1px solid #EBEBEB; overflow: hidden; position: relative; left: 12px; margin-bottom: 6px;}
#slideshow #togglers { position: absolute; top: 248px; left: 0px; height: 30px; padding-left: 5px; }
#slideshow #togglers a { font-size: 11px; display: block; width: 21px; height: 21px; text-align: center; line-height: 21px; float: left; margin-right: 5px; cursor: pointer; border: 2px solid #EEEFF1; text-decoration: none; background-color: #FFFFFF; }
#slideshow #togglers a:hover,
#slideshow #togglers a.active { color: #0C99DB; font-weight: bold; border-color: #0C99DB; }
#slideshow #togglers #fsButton { width: 50px; }

#slideshow .slide { display: block; position: absolute; top: 0px; left: 0px; width: 713px; height: 228px; padding: 10px; background-color: #FFFFFF;}

#slideshow .slide h3 { font-size: 20px; text-transform: uppercase; color: #CC0000; padding: 0px 0px 5px 0px; }
#slideshow .slide h2 { font-size: 30px; color: #09498C; line-height: 32px; letter-spacing: -1px; font-weight: normal; background-color: #FFFFFF; padding: 0px 0px 10px 0px; }
#slideshow .slide p { padding: 0px 0px 12px 0px; }
#slideshow .slide .price { font-size: 20px; color: #333333; line-height: 30px; }
#slideshow .slide .price strong { font-size: 30px; color: #CC0000; font-weight: normal; }
#slideshow .slide .price strong em { font-style: normal; font-size: 18px; }
#slideshow .slide img.right { margin-left: 10px; }
#slideshow .slide img.left { margin-right: 10px; }

#paging { padding-left: 12px; padding-bottom: 12px; }
#paging a { font-size: 12px; display: block; width: 18px; height: 18px; float: left; text-align: center; border: 1px solid #EEEFF1; text-decoration: none; margin: 0px 3px 0px 0px; }
#paging a:hover { border-color: #0C99DB; }
#paging a.active { border-color: #0C99DB; color: #0C99DB; font-weight: bold; }
#bottom-paging { padding-left: 12px; padding-top: 5px; }
#bottom-paging a { font-size: 12px; display: block; width: 18px; height: 18px; float: left; text-align: center; border: 1px solid #EEEFF1; text-decoration: none; margin: 0px 3px 0px 0px; }
#bottom-paging a:hover { border-color: #0C99DB; }
#bottom-paging a.active { border-color: #0C99DB; color: #0C99DB; font-weight: bold; }

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#main-content { background: url(../img/main-content-bottom-border.gif) no-repeat left bottom; padding-bottom: 8px; }
#main-content-top-border { background: url(../img/main-content-top-border.png) no-repeat left top; padding-top: 8px; }
#main-content-content { background: #FFFFFF; padding-top: 2px; min-height: 400px; }

#main-content h2 { padding-left: 15px; padding-top: 6px; }

.block-padding { padding-left: 12px; padding-right: 12px; }
.block-padding ul {  padding-bottom: 1em; }
#main-content .block-padding h2 { padding-left: 0px; }

span.col { display: block; width: 45px; float: left; }


.specs-text { width: 420px; float: left; margin-right: 20px; }
.specs-img { width: 296px; float: left; overflow: hidden; text-align: center; }
.desc { font-size: 16px; color: #09498C; }

.specs-text { padding-bottom: 20px; }
.specs-text table { width: 100%; border-collapse: collapse; margin-bottom: 17px; }
.specs-text table th { text-align: left; padding: 6px 0px 6px 10px; width: 130px; }
.specs-text table td { padding: 6px 10px 6px 0px; }
.specs-text table tr.even { background-color: #E5F5FB; }
.specs-text table tr.even th {  background: #E5F5FB url(../img/tr-bg-left.gif) no-repeat left top; }
.specs-text table tr.even td { background: #E5F5FB url(../img/tr-bg-right.gif) no-repeat right top; }
.specs-text h4 { padding-top: 25px; }
.specs-text .green { color: #339900; }
.specs-text .price { font-size: 20px; font-weight: bold; color: #000000; }

.specs-text .count { padding: 0px 0px 0px 143px; width: 135px; float: left; }
.specs-text .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; }
.specs-text .count input { border: 2px solid #0C94D6; width: 38px; color: #09498C; font-weight: bold; text-align: center; padding: 1px 0px; float: left; margin-right: 2px; }
.specs-text .buy button { margin-top: -4px; display: block; width: 100px; height: 30px; background: #FF0000 url(../img/button-buy-big-bg.gif) no-repeat left top; font-size: 18px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 30px; float: left; padding: 0px; text-transform: uppercase; border: none; cursor: pointer}
.specs-text .buy a { color: #FFFFFF; }

.poplatky { font-size: 11px; padding-top: 10px; }


#category { padding: 0px 12px 22px 12px; background-position: right top; background-repeat: no-repeat; }
#category .note { font-size: 11px; color: #90C7E5; padding: 0px; font-weight: normal; }
#category h1 { color: #FFFFFF; }
#category ul { padding: 0px 0px 15px 0px; margin: 0px; width: 520px; }
#category li { list-style: none; display: inline; padding-right: 45px; line-height: 24px; }
#category li a { font-size: 18px; color: #D5EEF9; font-weight: normal; text-decoration: underline; letter-spacing: -1px;  }
#category li a:hover { color: #FFFFFF; }
#category .subcategories li { width: 150px; float: left; display: block; background: url(../img/li-white.gif) no-repeat left 9px; 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: #003366; 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; }

.products { padding-left: 12px; padding-bottom: 5px; margin-right: -2px; width: 750px; }
.product-item { width: 233px; height: 218px; border: 1px solid #EBEBEB; overflow: hidden; float: left; margin-right: 15px; margin-top: 13px; position: relative; }
.product-item h3 { padding: 8px 5px 0px 10px; }
.product-item h3 .code { font-size: 10px; font-weight: normal; color: #999999; white-space: nowrap; }
.product-item p { margin: 0px; padding: 5px 0px; font-size: 11px; }
.product-item img.left { padding-left: 5px; margin: 5px 10px 0px 0px; }

.product-item .buy,
.product-item .info { display: block; height: 26px; background-position: left top; background-repeat: no-repeat; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: underline; line-height: 25px; position: absolute; bottom: 8px; }
.product-item .buy { width: 80px; background-color: #FF0000; background-image: url(../img/button-buy-bg.gif); color: #FFFFFF; left: 11px; border: none; cursor: pointer; }
.product-item .info { width: 120px; background-color: #E5E5E5; background-image: url(../img/button-info-bg.gif); color: #666666; right: 11px; }

.product-item .price { padding: 0px; margin: 0px; text-align: right; position: absolute; bottom: 40px; right: 15px; }
.product-item .price strong { font-size: 20px; color: #252C36; font-weight: bold; display: block; }
.product-item .price em { font-style: normal; font-weight: normal; font-size: 10px; color: #666666; line-height: 12px;}

.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 #0C94D6; width: 38px; color: #09498C; font-weight: bold; text-align: center; padding: 1px 0px; float: left; margin-right: 2px; }

.product-item .status { font-size: 11px; font-weight: bold; position: absolute; bottom: 65px; right: 15px; }
.product-item .status span { font-size: 11px; }
.product-item .status .skladem { color: #339900; }
.product-item .status .neni-skladem { color: #CC0000; }
.product-item .status .na-ceste { color: #FF9900; }



.form-filter,
.form-filter * { font-size: 11px; }
.form-filter { float: right; text-align: right; color: #84A4C5; padding-right: 12px; padding-bottom: 12px; width: 50%; }
.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; }

#paging { padding-left: 12px; padding-bottom: 12px; }
#paging a { font-size: 12px; display: block; width: 18px; height: 18px; float: left; text-align: center; border: 1px solid #EEEFF1; text-decoration: none; margin: 0px 3px 3px 0px; }
#paging a:hover { border-color: #0C99DB; }
#paging a.active { border-color: #0C99DB; color: #0C99DB; font-weight: bold; }

div.zvyr { display: block; height: 60px; background: url(../img/zvyr-bg.png) no-repeat left top; margin-bottom: 7px; overflow: hidden; position: relative; left: 10px; }
div.zvyr h2 { font-weight: normal; padding: 12px 0px 6px 15px; }
div.zvyr p { padding: 0px 0px 0px 15px; }

#nav { color: #09498C; font-size: 11px; padding-left: 12px; padding-bottom: 6px; }
#nav a { color: #09498C; text-decoration: underline; font-weight: normal; }
#category #nav { padding-left: 0px; padding-bottom: 6px; color: #FFFFFF; }
#category #nav a { color: #FFFFFF; }

/* 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: underline; 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/button-continue.gif); width: 130px; left: 57px; }
#basket-popup #btn-goto-basket { background-image: url(../img/button-goto-basket.gif); width: 92px; right: 11px; }
#basket-popup h2 { font-size: 20px; font-weight: bold; color: #CC0000; line-height: 20px; padding: 0px 0px 3px 0px; margin: 0px; }
#basket-popup #detail { font-size: 12px; color: #09498C; }
#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; }



#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; 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; font-size: 11px; }
table.price-list th,
table.price-list td { padding: 3px 10px 2px 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 { display: none; }

.button-back,
.button-submit,
button.button-back { display: none; }

.print-button { display: none; }


#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 { display: none; }
button { display: none; }

.no-print { display: none; }