/*******************************************************************/
/*                                                           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; background: #E5F5FB url(../img/body-bg.png) repeat-x left top;  }

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 { width: 190px; float: left; margin-right: 10px; }
#main-content { width: 760px; float: left; }

.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 { height: 110px; background: #FFFFFF url(../img/header-top-border.gif) no-repeat left top; position: relative; }

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

/* VYHLEDAVANI */
#header .form-search { position: absolute; top: 13px; 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: #0B87C9; font-weight: bold; display: block; padding-bottom: 4px; padding-left: 2px; }
#header .form-search a { font-size: 11px; color: #ABB2BD; line-height: 20px; padding-left: 2px; }

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

/* KOSIK */
#header .basket { width: 190px; height: 70px; font-size: 11px; color: #999999; position: absolute; top: 13px; 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: #000000; 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/basket-button-bg.gif) no-repeat left top; text-align: center; line-height: 22px; font-size: 13px; color: #333B48; font-weight: bold; text-decoration: underline; }

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


/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { padding-bottom: 0px; margin-top: 20px; background: #FFFFFF url(../img/footer-bg.gif) repeat-y left top;  }
#footer-content { background: url(../img/footer-bg-top.gif) no-repeat left top; width: 980px; }
#footer-content-bottom { background: url(/public/img/footer-border-bottom.gif) no-repeat left bottom; padding-bottom: 8px; width: 980px;position: relative; }
#footer a { color: #0B7ABC; }
#footer h2 { font-size: 11px; color: #0B7ABC; padding: 0px; }

#footer .most-searched { font-size: 11px; padding: 10px 0px 0px 10px; float: left;  }
#footer .most-searched h2 { float: left; }
#footer .most-searched ul { margin: 0px; margin-left: 140px; padding: 3px 0px 0px 0px; }
#footer .most-searched li { list-style: none; display: inline; padding-right: 15px; }

#footer .partners { float: right; padding: 6px 0px 0px 15px; width: 300px; }
#footer .partners h2 { display: inline; padding-right: 10px; }
#footer .partners img { vertical-align: middle; }

#copyright { font-size: 11px; color: #09498C; padding: 10px 10px 0px 10px }
#copyright a { color: #09498C; text-decoration: none; font-weight: normal; }
#copyright img { vertical-align: middle; }
#copyright p.right { float: right; }
#links a { cursor: pointer; text-decoration: underline; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { width: 980px; height: 35px; background: #0B82C4 url(../img/menu-bg.gif) repeat-x left top; overflow: hidden; position: absolute; top: 89px; }
#menu ul { height: 35px; background: url(../img/menu-bg-first.gif) no-repeat left top; overflow: hidden; margin: 0px; padding-left: 9px; }
#menu li { list-style: none; float: left; padding-right: 2px; background: url(../img/menu-separator.gif) no-repeat right 4px; height: 35px; text-align: center; }
#menu li a { color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 38px; /*padding: 0px 13px 0px 14px;*/ padding: 0px 19px 0px 20px; }
#menu li a:hover { text-decoration: underline; }

#menu #menu-uvodni-stranka a { font-weight: normal; padding-left: 26px; padding-right: 26px; }
#menu #menu-kontakt { padding-right: 15px; background: url(../img/menu-bg-last.gif) no-repeat right top; }


/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#block-categories { background: url(../img/left-column-bottom-border.gif) no-repeat left bottom; padding-bottom: 9px; margin-bottom: 15px; }
#block-categories-content { background: #FFFFFF url(../img/left-column-bg.png) repeat-x left top; }
#block-categories h2 { background: url(../img/left-column-top-border.gif) no-repeat left top; font-size: 14px; line-height: 18px; padding: 10px 0px 10px 12px; }

#block-categories ul { border-bottom: 1px solid #81A3C5; margin: 0px 10px; }
#block-categories li { list-style: none; border-top: 1px solid #81A3C5; padding: 6px 0px 6px 33px; background-position: left top; background-repeat: no-repeat; }
#block-categories li a { color: #063564; text-decoration: none; }
#block-categories li a:hover { text-decoration: underline; }
#block-categories li.active { background-color: #FFFFFF; }

#block-categories ul ul { border: none; margin: 0px; }
#block-categories li li { border: none; padding: 2px 0px 0px 10px; background: url(../img/li.gif) no-repeat left 7px; }
#block-categories li li a { color: #0C99DB; }

#left-column .block { background: #FFFFFF url(../img/block-border-bottom.gif) no-repeat left bottom; padding-bottom: 6px; color: #02243D; }
#left-column .block-content { background: url(../img/block-border-top.gif) no-repeat left top; padding: 12px 5px 0px 12px; }
#left-column .block h2 {font-size: 16px; line-height: 16px; padding-bottom: 10px; }
#left-column .block p { padding-bottom: 10px; }

#soutez.block h2 { line-height: 20px; }
#soutez.block.winner { position: absolute; top: 270px; left: 325px; background: none; padding: 0px; margin: 0px; width: 514px; z-index: 20; }
#soutez.block.winner h2 { font-size: 30px; line-height: 36px; font-weight: normal; padding-bottom: 20px; }
#soutez.block.winner .block-content { background: none; }

.winner #winner { background: url(../img/soutez-border-top.gif) no-repeat left top; padding: 6px 0px 0px 0px; color: #09498C; }
.winner #winner-bottom { background: url(../img/soutez-border-bottom.gif) no-repeat left bottom; padding: 0px 0px 6px 0px; }
.winner #winner .content { background: #FFFFFF url(../img/soutez-bg.png) repeat-x left top; border: 5px solid #09498C; border-top: none; border-bottom: none; padding: 23px 23px 15px 23px; }
#continue { display: none; }
.winner #continue { display: block; text-decoration: underline; color: #09498C; cursor: pointer; padding: 0px; margin: 0px; }


/*******************************************************************/
/*                                                       SLIDESHOW */
/*******************************************************************/
#slideshow { width: 733px; height: 208px; border: 1px solid #EBEBEB; overflow: hidden; position: relative; left: 12px; margin-bottom: 6px;}
#slideshow #togglers { position: absolute; top: 208px; 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: 188px; 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; }

.intro { font-size: 14px; line-height: 21px; padding-bottom: 21px; }


.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: #33990;0; }
.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; }

.specs-text .neprodejne { color: #CC0000; font-weight: bold; text-align: right; font-size: 16px; }

.poplatky { padding-top: 0px; padding-left: 8px; padding-bottom: 20px; }


#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: -400px; 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; }

/**************/
/* OBJEDNAVKA */
/**************/
#page-order {}
.page-order h1 { font-size: 16px; font-weight: bold; height: 43px; padding: 0px 15px; margin: 0px 0px 5px 0px; line-height: 43px; background-color: #E9F7FC; 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; }

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

/* 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: #E9F7FC; color: #063564; }
#steps li.active a { background-color: #E9F7FC; color: #063564; text-decoration: none; }
#submit { 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; }

#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(../img/button-goto-basket.gif) no-repeat left top; border: none; cursor: pointer; }
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; }

/* LINK LIST */
#link-list {}
#link-list dd { padding-bottom: 10px; }

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

/* TAGS */
#tags { color: #ADADAD; font-size: 11px; text-align: left; padding-bottom: 10px; padding-left: 10px; }
#tags h2 { color: #ADADAD; font-size: 11px; display: inline; padding: 0px; margin: 0px; font-weight: normal;}  
#tags p { padding: 0px; margin: 0px; display: inline; }
#tags a { color: #ADADAD; font-weight: normal; }

/* KONFIGURATOR */
#konfigurator { padding-bottom: 6px; }
#konfigurator h1,
#konfigurator p { display: inline; padding: 0px; font-size: 30px; line-height: 36px; letter-spacing: -1px; color: #09498C; }
/* FORM CONFIGURATOR */
#form-config {}
#form-config label { display: block; padding-top: 5px; margin-left: 145px; }
#form-config img { float: left; }
#form-config legend { font-size: 16px; font-weight: bold; padding-left: 15px; padding-bottom: 14px; }
#form-config fieldset { padding-bottom: 20px; }
#form-config textarea { margin-left: 145px; border-color: #CCCCCC; width: 400px; }
#form-config .button-submit { margin-left: 160px; margin-top: 15px; }
#form-config #diagonal { float: right; padding-right: 300px; }
#form-config #diagonal label { margin-left: 20px; }

/* PC SESTAVY */
#pc-sestavy { padding: 0px 0px 0px 44px; margin: -2px 0px 13px 0px; height: 37px; background: url(../img/pc-sestavy.gif) no-repeat left top; line-height: 37px; position: relative; }
#pc-sestavy img { position: absolute; top: -5px; right: 5px; }
#pc-sestavy a { text-decoration: none; color: #063564; }
#pc-sestavy a:hover { text-decoration: underline; }

p.zvyr { border: 1px solid #0A4A8C; color: #0A4A8C; font-weight: bold; display: table-cell; display: inline-block; padding: 10px; margin-top: -8px; margin-bottom: 20px; background-color: #F8FCFE; }

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


/* SOUTEZ */
#slideshow #slide-soutez { background: url(../img/soutez-upoutavka.jpg) no-repeat left -10px; }
#slideshow #slide-soutez h3 { padding-bottom: 3px; }
#slideshow #slide-soutez h2 { width: 340px; text-align: center; padding-left: 20px; padding-bottom: 5px; font-size: 34px; line-height: 43px; background-color: transparent; }
#slideshow #slide-soutez p { color: #CC0000; width: 380px; padding-bottom: 2px; }
#slideshow #slide-soutez p.more { color: #333333; }
#slideshow #slide-soutez p.more a { color: #333333; }

#winners { border-collapse: collapse; }
#winners td { border: 1px solid #E6F5FB; padding: 3px 5px; }
#winners .odd td { background-color: #FAFDFE; }
#sklik{ display: none; }