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

* { margin: 0; padding: 0; }
body { font-size: small; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; padding: 0; margin: 0; }
a { color: #666; }
a:hover {color: #666; text-decoration: none; }
a.red { color: #C00; }
a.red:hover { color:#C00; text-decoration: none; }
a img { border: 0; }
fieldset { border: 0; border-top: 3px solid #E8E8E8; margin-top: 25px; }
legend { color: #FF6600; padding: 10px 15px 10px 0; font-size: 130%; }
textarea {  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: small; }

.hr { padding: 15px 0; }
.hr hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; }

.orange { color: #FF6600; }
.red { color: #F00; }
.blue { color: #0099FF; }
.white { background: #fff; }
.clear { height: 0; overflow: hidden; line-height: 0; clear: both; }

#page { width: 950px; margin: 20px auto; padding: 15px 30px; border: 2px solid #FF6600; background: #fff; }

#header { border-bottom: 1px solid #E8E8E8; padding: 10px 0; position: relative; overflow: hidden; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header .logo { float: left; width: 375px; padding: 5px 0; }
#header .menu { float: left; width: 210px; border-left: 1px solid #E8E8E8; border-right: 1px solid #E8E8E8; height: 57px; }
#header .menu ul { list-style: none; padding-left: 30px; margin: 10px auto; }
#header .menu ul li { width: 50%; float: left; }
#header .user { float: left; width: 363px; color: #666; }
#header .user p.login { text-align: right; padding: 5px 0; }
#header .user table { float: right; padding-top: 5px; }
#header .user td { text-align: right; }
#header .user td.price { text-align: right; font-size: 160%; padding: 0 10px 0 0; }
#header .user span.menu1 { padding: 0 0 0 10px; }
#header .user td.cart { width: 45px; height: 31px; padding-left: 4px; }

#menu { padding: 15px 0 0 0; border-bottom: 1px solid #E8E8E8; height: 36px; }

#menu #nav { list-style: none; width: 700px; float: left; height: 23px; }
#menu form.search-form { float: right; width: 245px; }
#menu form.search-form input.text { border: 1px solid #EF9B1E; padding: 2px 5px; width: 170px; }

#path { font-size: 90%; color: #ccc; padding: 10px 0 7px 0; border-bottom: 1px solid #E8E8E8; }
#path a { color: #ccc; text-decoration: none; }
#path a:hover { color: #ccc; text-decoration: underline; }

#sidebar { float: left; width: 200px; padding-top: 20px; }
#sidebar h2 { color: #FF6600; font-size: 130%; }
#sidebar ul { list-style: none; padding: 15px 0 30px 0; }
#sidebar ul li a { color: #000; }
#sidebar p { padding: 7px 0; }
#sidebar p a { color: #000; text-decoration: none; }
#sidebar p a:hover { color: #000; text-decoration: underline; }
#sidebar h3 { font-size: 100%; font-weight: bold; color: #999; }
#sidebar .news { padding-top: 15px; }
#sidebar .news p { font-size: 90%; }
#sidebar .news .date { font-size: 85%; font-weight: bold; padding: 0; margin: 0; }

#content { float: right; width: 690px; padding-top: 20px; }
#content h1 { font-size: 160%; font-weight: normal; color: #FF6600; }
#content h2 { font-size: 120%; color: #000; }

#content-article { float: right; width: 690px; padding-top: 20px; }
#content-article h1 { font-size: 160%; font-weight: normal; color: #FF6600; }
#content-article h2 { font-size: 130%; color: #000; margin: 20px 0 7px 0; }
#content-article h3 { font-size: 110%; color: #000; margin: 10px 0 0 0; color: #FF6600; }
#content-article p { padding: 7px 0; line-height: 1.5em; }
#content-article ul { margin: 7px 25px; }
#content-article ul li { padding: 0; }

ul.list { list-style-type: none; }
ul.list li { background: url(../images/ico_list.png) 0 9px no-repeat; padding: 2px 0 2px 12px; }

#ordering { padding: 20px 0 10px 0; }

/* Stránkování */
.pager { background: #E8E8E8; padding: 7px 5px 5px 5px; border-bottom: 1px solid #fff; }
.pager-1 { float: left; width: 48%; }
.pager-1 p { padding: 4px 0 0 0; margin: 0; }
.pager-2 { float: right; width: 48%; text-align: right; }
.pager-2 table { float: right; }
.pager-2 .pagenumber { font-weight: bold; color: #FF6600; }
.pager-2 a { padding: 0 3px; }

.form1 { margin: 20px 0; }
.form1 input.text { border: 1px solid #EF9B1E; padding: 2px 5px; }
.form1 textarea { border: 1px solid #EF9B1E; padding: 2px 5px; }
.form1 select { border: 1px solid #EF9B1E; padding: 2px 1px 2px 5px; }
.form1 td { padding: 2px; }
.form1 td.name { width: 150px; }
.form1 td.top { vertical-align: top; }

.login-table { width: 350px; float: left; }
.login-info { width: 300px; float: right; }

/* Výpis produktů */
#product-content { float: right; width: 690px; margin-top: 20px; background: url(../images/bg_product.png); }
#product-content h1 { font-size: 160%; font-weight: normal; color: #FF6600; }
#product-content .product { float: left; width: 230px; text-align: center; padding: 10px 0; }
#product-content .product p.image { height: 180px; vertical-align: middle; }
#product-content .product p.producer { color: #ccc; padding: 0 10px 10px 10px; text-transform: uppercase; }
#product-content .product p.product-name { font-weight: bold; padding: 10px 10px 0 10px; height: 30px; }
#product-content .product p.price {  padding: 10px 10px 0 10px; }
#product-content .line { background: #fff url(../images/bg_line.png) repeat-x; height: 30px; clear: both; }
#product-content hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; clear: both; }
.cat-picture { height: 200px; vertical-align: middle; }

/* Detail produktu */
#product-img { float: left; width: 420px; text-align: center; padding-top: 15px; }
#product-desc { width: 250px; float: right; background: #F8F8F8; }
#product-desc .content { padding: 10px 10px 25px 10px; }
#product-desc h2 { font-size: 120%; margin: 0 0 5px 0; }
#product-desc ul { margin: 7px 15px; }
#product-desc ul li { padding: 0; }
#product-desc table { width: 100%; margin: 0 auto; }
#product-desc table td.price { text-align: right; }
#product-desc table td.price1 { color: #FF0000; font-weight: bold; text-align: right; }
#product-desc table td.text { font-weight: bold; }
#product-desc p.link { text-align: center; padding: 7px 0 0 0; }
#product-desc p.link a { color: #F60; text-decoration: none; text-transform: uppercase; }

#product-linked { float: right; width: 690px; margin-top: 20px; background: url(../images/bg_product.png); }
#product-linked h1 { font-size: 160%; font-weight: normal; color: #FF6600; }
#product-linked .product { float: left; width: 230px; text-align: center; padding: 10px 0; }
#product-linked .product p.producer { color: #ccc; padding: 0 10px 10px 10px; }
#product-linked .product p.product-name { font-weight: bold; padding: 10px 10px 0 10px; }
#product-linked .product p.price {  padding: 10px 10px 0 10px; }
#product-linked .line { background: #fff url(../images/bg_line.png) repeat-x; height: 30px; clear: both; }
#product-linked hr { color: #E8E8E8; background: #E8E8E8; border: none; height: 1px; clear: both; }

/* Tabulka košíku */
.list { width: 100%; }
.list td hr { border: 0; color: #E8E8E8; background: #E8E8E8; height: 1px; }
.list th { background: #F8F8F8; padding: 7px; text-align: left; }
.list th.center { text-align: center; }
.list th.right { text-align: right; }
.list td { padding: 7px; text-align: left; }
.list td.right { text-align: right; }
.list .count { width: 50px; border: 1px solid #EF9B1E; padding: 2px 5px; text-align: right; }
.list .count-price { color: #FF6600; font-weight: bold; font-size: 130%; text-align: right; }

/* Tabulka velikostí */
.size { width: 100%; }
.size th { background: #F8F8F8; text-align: left; padding: 7px; }
.size td { border-bottom: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8; text-align: center; padding: 7px 3px; }
.size td.left { text-align: left; }

.list1 { width: 100%; }
.select { float: right; padding-top: 9px; }
.select td { padding-left: 5px; }
.range td { padding-right: 5px; }

#footer { text-align: center; margin-top: 20px; border-top: 1px solid #E8E8E8; color: #999; }
#footer p { padding-top: 10px; }
#footer a { text-decoration: none; color: #999; }
#footer a:hover { text-decoration: underline; color: #999; }

/* Reklamy */
.advert { padding: 20px 0; text-align: center; }

.center { text-align: center; }
.right { text-align: right; }
.invisible { display: none; }
.missing-entry { color: #C30; font-weight: bold; }
.info { text-align: left; background: #E8F5FF url(../images/information.png) 20px center no-repeat; padding: 20px 20px 20px 60px; margin: 30px 0 10px 0; }
.error { text-align: left; background: #FFDFDF url(../images/exclamation.png) 20px center no-repeat; padding: 20px 20px 20px 60px; margin: 30px 0 10px 0; }

/* ********** helpers ********** */
.splitter1{clear:both;display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5{clear:both;display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10{clear:both;display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15{clear:both;display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20{clear:both;display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30{clear:both;display:block; font-size:1px; line-height:1px; padding-top:30px }