/*default */
*{ margin: 0; padding: 0; }
html, body, div {margin: 0; padding: 0; }
body { font: .8em Verdana, Sans-Serif; line-height: 1.2em; background: #f5f0e9; color: #000; text-align: center; }

a { color: #000; background: inherit; text-decoration: none;}
a:hover { color: #000; background: inherit; text-decoration: underline;}

img {border: none;}
select {width: 120px;height: 20px;}

p { margin: 0;	padding: 0; height: auto; }

/* buttons */
button {width: 124px; height: 28px;border: 1px solid #ddd; background: #f77f00; color: #fff; font-size: 12px;}
button.incart {display:block; width: 104px; height: 20px; float:right;margin: 10px 7px 0 0;}
#detail_produktu button.incart {float:right; margin: 22px 7px 0 0;}

a.button {display: block; width: 124px; height: 20px;padding: 5px 0 1px 0; text-align: center; border: 1px solid #ddd; background: #f77f00; color: #fff; font-size: 12px;}
a.button:hover { text-decoration: none;}
a.button.moreinfo {display: block; float:right; width: 102px; padding-top: 2px; background: #8f7262; height:15px; margin: 4px 7px 0 0;}
a.button.temporary {display: block; float:right; width: 102px; padding-top: 2px; background: #f77f00; height:15px; margin: 8px 7px 0 0;}

.c1 {color: #fff; background: #cfb49a;}
.c2 {color: #fff; background: #999;}

#container {
width: 766px;
height: auto;
margin: 0 auto;
padding: 0px;
background: transparent url(left.png) left top repeat-y;
}

/* TOP HEADERS */
h1 {text-align: left;}
h1 a {display: block; width: 750px;padding: 20px 0 20px 0;color: #bbab99; }
h1 a:hover {text-decoration: none;color: #fff;}
h1 span {font-size: 16px;width: 161px;float: left;text-align: right;padding-right: 25px;}
h1 span.d {font-size: 16px;width: 4px;float: left;}
h1 em {font-size: 18px;width: 185px;float: left;font-style: normal;}
h1 strong {font-size: 18px;width: 200px;float: right;text-align:right;}
#top_header { height: 50px; background: #2b241f; color: #bbab99; }
#top_header_2 { height: 225px; width: 766px; background: #BBAB99 url(header_jesen_08.jpg) right top no-repeat;text-align:left;overflow: hidden; }

/* L E F T */
#left {
width: 191px;
float: left;
text-align: left;
background: #c4b9b3;
color: #fff;
padding-bottom: 20px;
}

#left ul {list-style: none url(sipka1.gif); margin-left: 40px; font-weight: normal; color: #efeeed; }
#left p {margin: 0 10px 0 25px; color: #efeeed; }
#left p a {color: #fff; text-decoration: underline; font-weight: bold;}
#left a { color: #efeeed; text-decoration: none; }
#left a:hover {color: #444; text-decoration: underline; }
#left h2, #left h3 { margin: 10px 0 5px 24px; background: transparent url(sipka2.gif) center left no-repeat; padding-left: 15px; color: #efeeed; font-size: 110%; font-weight: bold;}
#left p.n { text-align: center; border-bottom: 1px solid #efeeed; margin-bottom: 10px; margin-top: 15px; width: 80%; margin-left: 20px; padding-bottom: 10px;}
#left p.n img {border: 2px solid #8f7262;}
#left strong {	color: #8f7262; }

#left .cart {	height: 40px; width: 100%; border: none; background: #897f7a url(cartbg.jpg) top left repeat-x;	color: #ffe785; padding-top: 10px; text-align: center; margin:0;}
#left .cart strong {color: #fff;}
#left .cart img {vertical-align: middle;}     
#left .cart a {color: #FFE785; background: transparent;text-decoration: none;}

/* R I G H T */
#right {
width: 575px;
height: auto;
float: right;
text-align: left;
}
#orange_menu { width: 565px; padding-left:10px; height: 35px; background: #f44f00; color: #fff; padding-top: 15px; text-align: center; font-weight: bold; letter-spacing: 1px;}
#orange_menu a {color: #fff;}
#mainarea h2 { width: 529px; padding: 16px 0 0 30px; margin: 10px 0 0 10px; background: transparent url(stred_vrch.png) left top no-repeat; height: 35px; font-size: 1.2em; color: #353535; }
#stred {background: #f5f0e9 url(stred_stred.png) top left repeat-y; margin-left: 10px; width: 539px; padding-bottom: 20px; padding-left: 10px;}
#spod {	background: transparent url(stred_spod.png) left no-repeat; margin:0 0 10px 10px; width: 539px; height:16px; }

/* C E N T E R */
/* basic */
#mainarea h3 { color: #806244; text-transform: uppercase; font-weight: bold; font-size: 10pt; padding-left: 5px; text-align: left; margin-bottom: 20px;}
#mainarea p { color: #666; text-align: left; margin:0 0 10px 0; padding:0;}
#mainarea form {padding:0; margin:0;}
#mainarea table {border: 1px solid #ddd; background: #eee; width: 460px;vertical-align: top; text-align: center; margin-bottom: 10px;}
#mainarea tr {vertical-align: top; }
#mainarea td {padding: 15px 5px 10px 5px; background: #fff;}
#mainarea th { padding: 7px 3px 5px 3px; background: #ccc; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 10pt; }

/* detail */
#stred .basic { display: block; background: transparent; width: 500px;margin-left:5px;}
#stred #detail_top {background: transparent url(detail_top.png) top left no-repeat;height: 27px;margin:0;padding: 17px 0 0 20px;}
#detail_stred  {background: transparent url(detail_stred.png) top left repeat-y;padding: 10px 20px 0 20px;}
#detail_spod {background: url(detail_spod.png) top left no-repeat;height: 12px;}

/* produkty */
p.image {clear: both; }
#stred p.image img {/*border: 3px double #8f7262;*/}
#stred p.info {display: block; width: 227px; padding: 0 0 0 15px; }
p.price { float:right; display: block; width: 243px; height: 61px; background: url(ceny.jpg) top left no-repeat;}
p.price strong {float:left; display: block; width: 110px; height: 31px;font-style: normal; font-size: 150%; color: #000; padding: 15px 0 5px 10px;}
p.price small, small.price {font-size: 70%;font-weight: normal;}

/* prehlad produktov */
#prehlad_produktov { width:530px; background: transparent; margin-left: -5px; padding: 0px; overflow:hidden;}
#prehlad_produktov p {text-align: center;}
.produkt { float: left; display: block; background: transparent url(produkt1.jpg) top left no-repeat; width: 245px; height: 265px; padding: 15px 8px 5px 8px; margin: 0 3px 0 0; text-align:center;}
.produkt p.info {height: 50px;}
#prehlad_produktov h3 a { color: #806244;}

/* detail produktu */
#detail_produktu p.image {display: block; float: left; width: 200px;background: #fff;text-align: center;}
#detail_produktu p.image img {margin: 30px 0 0 0;}
#detail_produktu p.info {float:right;text-align: right;}
#mainarea h4 {padding: 15px 0 3px 0; margin: 0 0 5px 0; border-bottom: 1px solid #8f7262; font-size: 90%; color: #8f7262;}
#popis {clear:both;margin:0;}
#popis p {text-align:left;color: #333;}
#mainarea h5 {color: #444;}

/* cart */
#shopping_cart p {text-align: left;}
#kosik p {text-align: center; margin: 0; color: #333}
#kosik img { border: 1px solid #806244; }
#kosik strong {font-size: 130%; }

.total_price { font-size: 120%; font-weight: bold; color: #000; }
.total_price strong { color: #806244; padding-left: 10px;}
.count {width: 40px; text-align: center;}

#tri_buttons td {width: 33%;text-align: center;}
#dva_buttons td {width: 50%;text-align: center;}
#jed_buttons td {width: 50%;text-align: center;}

/* checkout status */
#chs p {background: #eee; text-align: center;margin:0;padding: 3px 0 3px 0;}
#chs ul {width: 460px;list-style: none;}
#chs li {display: inline;}
#chs a, #chs span {display: block; text-align:center; width: 113px;padding: 15px 0 10px 0; border: 1px solid #ddd; background: #fff;float:left;}
#chs .finished {background: #ffe785;}
#chs .current {background: #f44f00;color: #fff;}
#chs a.next:hover, #chs a.finished:hover {background: #806244; color: #fff;}

/* other tables */
#checkout1 input { width: 100px; }
#checkout1 th, #checkout1 td {width: 50%; text-align: left; padding-left: 10px;}

#register .register td {text-align: left; padding: 2px;}
#register .register input {padding: 2px; width: 250px; border: none; }
#register .register input.checkbox {width: 20px;}
#register .register tbody th {font-size: 7pt; background: #ddd; color: #333; width: 30%; padding: 2px 6px 2px 0; vertical-align: middle; text-align: right;}

#register .register tbody th.req {color: red;}
/* form */
textarea {font: .8em Verdana, Sans-Serif; font-size: 100%; color: #8b837b; border: 1px solid #ddd; width: 432px; height: 180px; padding: 13px; overflow: hidden;}

#paginator {text-align: center;margin-bottom: 15px;}

/* F O O T E R */
#footer{ margin: 0 auto; clear: both; width: 766px; background: transparent; color: #6f6f6f; text-align: center; font-size: 0.8em; }
#footer p {float: left; height: 80px; overflow: hidden; padding: 10px;}
#footer p.foo_l {background: #897f7a; width: 171px; color:#fff; }
#footer p.foo_r {background: #ebebeb; width: 555px;}

/*polls*/
TD.pollBoxRow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.pollBoxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.pollOptRow {
  background: trasparent;
}

TR.pollFooter {
  background: trasparent;
}