/* Definice stylu pro eshop, je nutne pocitat s tim, ze se do stranky nahraje i styl pro clanky - stylesCMS.css,
   tak pokud zde budou stejne tridy, budou pretizeny. Na nadpisy a okraje obrazku a podobne obecne veci, ktere
   budou potreba pouzit i ve clancich a WYSIWYG editoru je dobre pouzivat obecne tridy napr.: ".nadpis1" a definovat
   je v stylesCMS.css, potom je bude mozne pouzit i ve  WYSIWYGu.*/
/* @author Jakub Mahdal <jakub.mahdal@plymo.net> */
/* @version 1.0; last modified 2006-08-16 00:20 by plymo */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  vertical-align: baseline;
}

:focus {
	outline: 0;
}
html {}
body {line-height: 1; color: black; text-align: center;}
sup {line-height: 0.9; vertical-align: text-top; font-size: 8px;}
strong {font-weight: bold;}
ul {	list-style: none;}
ol {list-style-position: inside; font-size: 0.7em;}
ol h2 {padding: 0px; display: inline;}
ol li {padding-bottom: 4px;}

/*table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*/

h1 {
  padding: 20px 0 10px 0px;
  font-size: 1.4em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #ba0406;
}

h2 {
  font-size: 1.2em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #8c1d13;
}

h3 {
  font-size: 0.9em;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #d24538;
  line-height:1.1;
}
h4 {
  font-size: 1em;
  font-weight: normal;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  color: #fa0700;
  line-height:1.5;
}
h5 {
  padding: 0px 0 0px 0px;
  font-size: 0.9em;
  font-weight: bold;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-style: italic;
}
p {font-size: 0.8em; color: #00000; line-height: 1.2; padding: 5px 0 10px 0;}

a {color: #7E1E16;} 
/**/
#site-holder { margin: 27px auto; text-align: left; width: 978px; background-color: #fededc;}
#site {padding: 0 10px 0 10px;}

#header-holder-welcome {height: 240px; background: url("../images/top-uvodka.jpg") no-repeat;}
#header-welcome {height: 44px; background: url("../images/pruh-uvodka.jpg") no-repeat bottom; padding-top: 196px;}
#header-holder {height: 240px; background: url("../images/top.jpg") no-repeat;}
#header {height: 44px; background: url("../images/pruh.gif") no-repeat bottom; padding-top: 196px;}
#header-welcome h2, #header h2 {float: left;}
#header-welcome h2 a, #header h2 a {width: 360px; text-indent:-1000px; display:block; line-height: 44px;}
#left-holder, #mid-holder, #right-holder {overflow:hidden; float: left;  margin-bottom: 14px;}
#left-holder {width: 223px; }
#left {padding: 0 11px 0 11px;}

#left {padding: 0 11px 0 11px;}
#left .titleHolder{ margin:10px 0px 0px 0px; }
#left .titleHolder h2{ font-size:0.9em; }

#mid-holder {width: 543px; margin-bottom: 14px; }
#mid-welcome {padding: 0 22px 0 22px; background: url("../images/clanek-uvodka.jpg") no-repeat top center;}
#mid {padding: 0 22px 0 22px;}
#right-holder {width: 192px;}
#right {padding: 0 12px 0 12px;}
#obrazek-natvrdo {text-align: center; margin: 18px 0 10px 0;}
#footer-holder {clear: both; width: 958px; background: #7e1e16 url("../images/footer-bg.gif") no-repeat top center; height: 30px;}
#footer {padding: 7px 48px 5px 48px;}

#login-user-cart {float: right;}
#login-user-cart #cart-info, #login-user-cart #user-info {line-height: 15px; color: #fff; font-size: 0.7em;padding: 2px 10px 3px 0; text-align:right;}
#login-user-cart a {color: #fff; font-weight:bold;}

.fulltext span{display:block;font-size:8pt;padding:2px 2px 2px 0px;}
.submit-button{ margin: 2px 0px 10px 0px; color:#fff; padding: 3px 5px 3px 5px; background-color: #7e1e16; font-size:8pt; border:0px; }

/*button background: #8c1d13; border-bottom: 1px solid #ac5c55; vyska 20px */

/*veci na uvodku*/
#mid-welcome .article { height: 154px; overflow:hidden; text-align: right; padding-left: 250px; font-size:0.75em; line-height: 1.1; color: #9b6f6f;}
#mid-welcome .article h3 {font-size: 1.6em; padding: 20px 0 3px 0;}
#actualities {background: #fff2f1 url("../images/news-foot.gif") no-repeat bottom center; margin: 0px 0 10px 0; padding-bottom: 5px;}
#actualities h4 {background: url("../images/news-head.gif") no-repeat top center; color: #c4392c; padding-left: 12px}
#actualities p {font-size:0.8em; color:#d24538; padding: 2px 5px 2px 12px;}
#actualities a {color: #d24538; text-decoration:none;}
#actualities a span {text-decoration: underline; padding-left: 5px;}
#product-list h4 {background: url("../images/product-head.gif") no-repeat top center; color: #fff; padding-left: 12px}

/*navigace-kategorie*/
#left ul.nav {padding-bottom: 6px; background: url("../images/nav-foot.gif") no-repeat bottom center; margin: 15px 0 0px 0;}
#left ul.nav .nav-title {background: url("../images/nav-top.gif") no-repeat top center; height: 31px; border-bottom: 1px solid #ac5c55;}
#left .nav li h2 {font-size: 0.8em; line-height: 20px; padding-left: 17px; background-color: #8c1d13;border-bottom: 1px solid #ac5c55;}
#left .nav li.nav-title  h2 {font-size: 0.8em; line-height: 31px; background-color: transparent; text-transform:uppercase;}
#left .nav a {color: #dab6b3; text-decoration:none;}
#left .nav .level3{ padding-left:27px; }

/*navigace-vyhledavani*/
#search-holder {background: #fba59e url("../images/search-foot.gif") no-repeat bottom center; margin-top: 15px;}
#search-holder form {background:  url("../images/search-top.gif") no-repeat top center; padding: 65px 15px 10px 15px;}
#search-holder input, #search-holder select {width: 172px; margin: 2px 0 5px 0}
#search-holder label {font-size: 0.7em; color: #8c1d13; line-height: 1.2em;}
#search-holder .search-button {background:  url("../images/search-button.gif") no-repeat; width: 68px; height: 18px; overflow:hidden;  cursor:pointer; border: none; margin-top: 5px; line-height: 18px; font-size: 0.7em; color: #fff;}

/*module-informations*/
ul#module-informations {background: #d8b3b2 url("../images/info-foot.gif") no-repeat bottom center; padding-bottom:10px; margin: 10px 0 10px 0;}
ul#module-informations li.title h2 {font-size: 0.7em; line-height:25px; background: #d8b3b2 url("../images/info-top.gif") no-repeat top center; text-align:center; font-weight: bold; text-transform:uppercase;}
ul#module-informations li h3 {padding-left:12px; font-size:0.7em;} 
ul#module-informations li h3 a { color:#aa4242;}

/*ankety*/
#ankety input {height:0px;left:-100px;position:absolute;width:0px;}
#ankety label {color:#aa4242;cursor:pointer;text-decoration:underline;}
#ankety span.bar {background-color:#aa4242;color:#FFFFFF;display:block;font-size:0.7em;
margin:2px 0px 0px; padding-left:3px; line-height: 15px;}
#ankety div {width: 150px; margin-bottom: 10px;}
#ankety p {padding: 0px;}
#ankety h4 {font-size: 0.9em; color:#aa4242; padding-bottom:10px;}
#ankety {margin: 35px 0 35px 0;}

/*partners*/
#partners { margin:10px 0px 0px 0px; }
#partners .title{ text-transform:uppercase; margin:0px 0px 5px 0px; }
#partners .partner {padding: 0px 0 3px 0; font-size: 0.8em; font-weight: bold;}
#partners a {color: #aa4242;}

/*asistent*/
#asistent { margin:20px 0px 0px 0px; }
#asistent .title{ text-transform:uppercase; margin:0px 0px 5px 0px; }
#asistent .partner {padding: 0px 0 3px 0; font-size: 0.8em; font-weight: bold;}
#asistent a {color: #aa4242;}

/*tip*/
#tip {background: #7e1e16 url("../images/tip-foot.gif") no-repeat bottom center;}
#tip h2.title {background: url("../images/tip-top.gif") no-repeat top center; font-size: 0.7em; line-height:25px; color: #fff;  text-align:center; font-weight: bold; text-transform:uppercase;}
#tip .tip-item {padding: 10px; text-align:center; color: #fff;}
#tip .tip-item h1 {font-size: 0.7em; font-weight:bold; padding: 5px 0 0px 5px; text-align:left;}
#tip .tip-item h1 a {color:#fff; text-decoration:none;}
#tip .tip-item p {text-align: left; padding: 2px 5px 3px 5px; font-size: 0.7em;}

/*topten*/
#top-ten {tex-align: center; margin-top: 35px;}
#top-ten h2 {text-align: center; font-size: 1.1em;}
#top-ten .top-ten-item {background: #ffafa8 url("../images/ten-foot.gif") no-repeat bottom center; margin: 10px 0 10px 0; text-align:center;}
#top-ten .top-ten-item h2.title {background: url("../images/ten-top.gif") no-repeat top center; font-size: 0.7em; line-height:20px; color: #fff;  text-align:center; text-transform:uppercase; padding-top: 15px;}
#top-ten .top-ten-item h2.title a {color: #7E1E16 ; text-decoration:none;}
#tip .tip-item {padding: 10px; text-align:center; }
#tip .tip-item h1 {font-size: 0.7em; font-weight:bold; padding: 5px 0 0px 5px; text-align:left;}
#tip .tip-item h1 a {color:#fff; text-decoration:none;}
#top-ten .top-ten-item p { padding: 2px 5px 13px 5px; font-size: 0.7em; color: #7E1E16 ;}

/*close products*/
#productCloseProducts {clear:both;color:#FF988F;display:block;font-size:11pt;font-weight:normal;margin:13px 10px 40px 0;}
#productCloseProducts .prodName {display:block;float:left;}
#productCloseProducts .prodPrice {display:block;float:right;}
#productCloseProducts div {clear:both; color: #7e1e16 padding-bottom: 4px;}
#productCloseProducts div a {color: #7e1e16}

/*product listing*/
#product-list {margin-top: 31px;}
#product-list h1.title {background: url("../images/product-head.gif") no-repeat top center; color: #fff;  font-size: 1em; line-height:1.5; padding: 0px 10px 0 10px;}

#product-list div.product-short {width: 124px; overflow:hidden; float:left; background: #ff988f; height: 299px;}
.margin-right {margin-right: 1px;}
#product-list div.product-short div.product-img {height:192px; width:124px; overflow:hidden; padding-top: 5px;}
div.product-short h1.product-name {font-size: 0.8em; color: #fff; height: 35px; padding-top: 7px; padding-left: 6px; overflow:hidden;}
div.product-short h1.product-name a {color: #fff; text-decoration:none;}
div.product-short p {color: #9e1d13; font-size: 0.7em;  padding: 2px 6px 2px 6px;}
div.product-short div.cart-compare {height: 30px; background: #ec8177; padding-left: 4px;}
div.product-short div.cart-compare a.add-to-cart {line-height: 30px; text-decoration:none; font-size: 0.5em; background: url("../images/cart-icon.gif") no-repeat left;  padding-left: 25px; height: 30px; display:block; color: #fff; float:left; width: 20px;}
div.product-short div.cart-compare a.add-to-comparison {line-height: 30px; text-decoration:none; font-size: 0.5em; background: url("../images/compare-icon.gif") no-repeat left;  padding-left: 25px; height: 30px; display:block; color: #fff; float: left; width: 37px;}
div.product-short div.product-flags {z-index: 5; position: relative; float:left; top: -15px;}

/*detail produktu*/
#product-detail {background: #ff988f url("../images/product-foot.gif") no-repeat bottom center; margin-top:31px;}
#product-detail h1 {background: url("../images/product-head.gif") no-repeat top center; color: #fff;  font-size: 1em; line-height:1.5; padding: 0px 10px 0 10px;}

#detail-text-holder {width: 358px; float:left;}
#detail-text {padding: 20px 14px 14px 14px;}
#detail-images {width: 124px; float:left;}
#product-detail-img {padding-top: 20px;}
#detail-description {padding: 10px 10px 40px 10px; clear:both;}

#product-detail a.zoom-in {line-height: 30px; text-decoration:none; font-size: 0.5em; background: url("../images/zoom-icon.gif") no-repeat left;  padding-left: 25px; height: 30px; display:block; color: #fff; float:left; width: 30px;}
#product-detail a.add-to-comparison {line-height: 30px; text-decoration:none; font-size: 0.5em; background: url("../images/compare-icon-detail.gif") no-repeat left;  padding-left: 25px; height: 30px; display:block; color: #fff; float: left; width: 30px;}

#product-buy-elements { padding: 10px 5px 0 5px;}
#product-buy-elements select { margin-right: 5px;}
#buy-box {width: 291px; height: 49px; background: url("../images/detail-buy-box.gif") no-repeat left; text-align:right; font-size:0.9em; color:#fff; }
#buy-box p {line-height: 35px; padding-right: 5px; margin-top: 5px; }
#buy-box .add-to-cart {width: 40px; height: 40px; background: url("../images/detail-buy-button.gif") no-repeat left center; border: none; cursor:pointer; text-indent: -1000px; overflow:hidden; vertical-align:middle;}
#buy-box .pieces {width: 39px;}
#annotation {font-size: 0.9em; color: #7e1e16; padding-bottom:20px;}

#elements {margin: 10px 0 20px 0; font-size:0.9em; padding-bottom:10px;}
#elements .element-line {clear: both; line-height: 16px;}
#elements .element-name {width: 80px; text-align:right; display:block; float:left; font-weight:bold; padding-right:5px;}
#elements .element-value {width: 220px;  display:block; float:left; padding-left: 5px;}


/*filters pagination etc*/
div#filtersDiv1{background: #fff2f1; color: #8c1d13; height: 26px; width: 499px; padding-top:2px;}
div#filtersDiv2{background: #fff2f1; color: #8c1d13; height: 26px; width: 499px; padding-top:2px; clear: both;}
div.sorting{background-color: transparent; width: 180px; height: 20px; float: left;	padding-left: 10px; font-size: 0.7em;}
div.paging{background-color: transparent; width: 250px; height: 20px; float: right;text-align: right; font-size: 0.7em; padding-right: 14px;}
div.paging a {line-height:20px; color: #c94b3f;}
div.paging .actual{background:#c94b3f;color:#fff;padding:1px 3px 1px 3px;text-decoration:none;}
form.sorting {display: inline;}


div.hlasky {margin-top: 31px; color: #d24538;}
div.message {margin-top: 31px; color: #d24538;}
#user-controls {margin-top: 31px; text-align:center;}
#user-controls a {color: #d24538;}
#user-controls p {padding: 3px 0 4px 0;}
#articles {margin-top: 31px;}
p.small {font-size: 0.7em;}

/*footer*/
#footer {color: #a9453c; text-align: center; height: 30px; clear:both;}
#footer h2, #footer a {color: #ff988f; display:inline; font-size:0.7em;}