/* reset */
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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
  
  
body {
	margin-top: 10px;
	color: #000000;
	text-align: center;
	background: #ffdcd0 url(../img/pozadi.gif) center repeat-y;
        font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 9pt;
}

a { font-weight: bolder; color: #b42121;}
a:hover {font-weight: bolder;color: #f9e55e;}
img {border: 0;}
h1,h2,h3 {color: white;}
h1 a,h2 a {color:white; text-decoration:none;}


.right {float:right}
.left  {float:left}
.clear {clear:both; font-size:1px }
.center {text-align:center}
.tleft  {text-align:left}
.tright {text-align:right}
.red   {color:red}
.red2   {color:#b42121}
.green {color:green}
.gray  {color:gray}
.redBack   {background-color:red}
.greenBack {background-color:green}
.grayBack  {background-color:gray}
.bold {font-weight:bold}
.w10 {width:10px}
.w20 {width:20px}
.w50 {width:50px}
.w100 {width:100px}
.w150 {width:150px}
.blink {text-decoration:blink}
.banner468center {margin:0 auto;width:470px}

.imgRight {float:right; margin: 5px 0 10px 15px}
.imgLeft {float:left; margin: 5px 15px 10px 0}


.hlaska {clear:both; background-color:#FFB0B0; border:1px solid #f00; padding:5px; text-align:center}
.hlaskaOK {background-color:#B9FFB9; border:1px solid #008000; padding:5px; text-align:center}
.hlaskaOK a:hover, #popup a:hover {color:black}

#popup {position:absolute; top:95px; left:50%; z-index:100; color:white; background:#BB2929 url(../img/smaz.png) right top no-repeat; border:3px solid #111; text-align:left; padding:30px 30px; margin-left:-175px; width:350px; _width:400px;}
#popup a {color:black}
/***** KOSTRA *****/

#hlavicka {
  width: 1000px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
  background: #bb2929 url(../img/hlavicka.png) no-repeat center;
}

#main {
	position: relative;
	width: 1000px;
	background: #B5A199 url(../img/main.png) repeat-y center;
	min-height: 350px;	_height: 350px;
	margin-left: auto;
	margin-right: auto;

}
#lmenu {
    float:left;
    width: 175px;
    text-align: left;
    padding-top: 10px;
    margin-left: 10px;_margin-left:5px;
    position:relative;
    top:-15px;
}
#obsah {
    float:left;
    width: 605px; _width:601px;
    padding: 10px;
    min-height: 300px; _height: 300px;
    line-height:1.3em;
}
#pmenu {
    position:relative;
    top:-21px;
    float:left;
    width: 166px;
    margin-left:17px;
    padding-top:20px;
    text-align:center;
    font-size:90%;
    background: url(../img/kosikback.png) right top no-repeat;
}



/*  LEVE MENU  */

#lmenu ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#lmenu ul li {
  margin: 0;
  padding: 0;
  margin-top: 8px;
}

#lmenu ul li a {
  display: block;
  width: 158px;
  background-color: #B6B3B1;
  padding: 5px;
  color: #514d4c;
  text-decoration: none;
  font-weight: normal;
}

#lmenu ul li a:hover {
  background-color: #f9e55e;
}

#lmenu ul li .active {
  background-color: #f9e55e;
  color: #000;
}
#lmenu ul .kateg {
    margin:4px 0 4px 3px;
}
#lmenu ul .kateg a {
    color: #514d4c;
    background-color:#CBBDB8;
    padding:3px 0 3px 3px;
    width:159px;
    border-left:3px solid #D16F6F;
}
#lmenu ul .kateg a:hover {
	color: #333;
        background-color:#f9e55e;
}
#lmenu ul .kateg .active {
        background-color:#f9e55e;
}
#lmenu ul .submenu {
    margin:0 0 0 10px;
}
#lmenu ul .submenu .active {
        background-color:#f9e55e;
}

#lmenu ul .submenu a {
    padding:2px 0 2px 3px;
    margin: 5px 0;
    color: #514d4c;
    background-color:#CDC8C5;
    width:152px;
    border-bottom: 1px dotted #333;
}



/*  PRAVE MENU  */

#pmenu h2, #pmenu #kosik h2 {
  text-align: center;
  margin:7px 15px 10px 15px;
  padding-bottom:5px;
  border-bottom: 1px solid #FFF;
  font-size:14px;
}
#pmenu #kosik {
    padding:0 2px 7px 3px;
    margin-bottom:20px;
    border-bottom:1px dotted #666;
    font-size:10px;
    text-align:left;
    border: 1px dotted #666;
    background:#9E847A url(../img/kosikback2.png) right top no-repeat;
}
#pmenu #kosik a {
    color:#FFF;
}
#pmenu #kosik .suma {margin: 5px 0 5px 0;padding-top:7px; border-top:1px solid #000}
#pmenu #kosik .tlacitka ul li  {
    text-align:left;
    list-style-type:disc;
    margin:8px 0 2px 15px;
}

#pmenu .akce {
    margin: 7px 0;
    padding: 5px 0;
    text-align:center;
    background-color:#B5A199;
    border:1px dotted #999;
}
#pmenu .akce .cena {
    margin:-20px 5px 0 25px;
    padding: 2px;
    text-align:right;
    background-color:#FFC1C1;
    border:1px dotted red;
    opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
    font-size:9px;

}
#pmenu .akce .cena strong {font-size:12px}



#obsah h1 {
    color: white;
    font-size: 12pt;
    margin-bottom: 0;
}

#obsah h1 a {
    color: white;
    text-decoration: none;
}

#obsah h1 a:hover {
    color: #f9e55e;
    text-decoration: underline;
}

#obsah h2 {
    font-size: 10pt;
    text-align: left;
    margin:20px 0 0px 0;
}

#obsah ul {
    color: black;
    text-align: left;
    font-weight: bolder;
}

#obsah ul a {
    color: black;
    text-decoration: none;
} 

#obsah ul a:hover {
    color: #f9e55e;
    text-decoration: underline;
}

#obsah hr {
  height: 1px;
  border: 0;
  border-bottom: 1px white solid;
  color: white;
}

#obsah p {
  text-align: justify;
  margin-top: 0;
  margin:10px 0 7px 0;
}

#obsah .detail {
	text-align: left;
}


#kategorie .kat {
    width:170px;
    float:left;
    text-align:center;
    margin: 10px 10px;
}
#kategorie .kat a {
    text-decoration:none;
}
.imgVypis {
	margin-top:17px;
    min-height:140px;_height:150px;
}



#paticka {
  clear: both;
  width: 1000px;
  height: 94px;
  margin-left: auto;
  margin-right: auto;
  background: #bb2929 url(../img/paticka.png) no-repeat center;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-style: italic;

}
.swfuvod {width:330px; height:180px; float:left; margin-top:7px; text-align:left; padding: 0;}
.textUvodNahore {margin:0; padding:0;line-height:1.4em;_line-height:1.2em;}
.textUvodDole {margin:10px 0 0 0;text-align:left}    
.tisDrezuSkladem {
	text-align:center;
	background:#D1C494;
	border:1px dotted #FF0;
	margin:0 50px;
	padding:5px 0;
	font-size:18px;
	font-family:Georgia, "New York CE", utopia, serif;
	font-family: "Palatino Linotype", "New York CE", utopia, serif;
}

.blink {text-decoration:blink}
#autori {
  margin-top: 1em;
  font-size: 7pt;
}

#autori a {
  color: black;
  font-weight: bold;
}

#none {
  display: none;
}

/* SEZNAM VYROBKU */
.vyrobky {
    width: 200px;
    float:left;
    margin:20px 0;
}
.vyrobky img {
    margin:7px auto 0 auto;
}
.vyrobky .detail {
    margin:0px auto 10px auto;
    text-align:center;
    background: url(../img/detail.png) no-repeat left bottom;
    width:100px;
    padding:0 0 5px 20px;
}
.vyrobky .detail a {
    font-weight:normal;
}
.vyrobkyLine {
    border-bottom:1px dotted #666;
}

/* DETAIL VYROBKU */
.nadpisDetailu {color:white}
.nadpisDetailu a {
	color:white;
	font-size:16px;
	text-decoration:none;
}
#vyrobek {
    text-align:left;
}
#vyrobek h1 {
    text-align:left;
    margin:0 0 20px 10px;
}
#vyrobek h2 {
    text-align:left;
    margin:20px 0 10px 10px;
    padding-bottom:5px;
    border-bottom:1px solid #837670;
}
#vyrobek p {margin: 0 0 15px 0;}
#vyrobek .foto_nakres {
    float:right;
    width: 170px;
}
#vyrobek .barva {
    width:70px;
    height:90px;
    float:left;
    text-align:center;
    border-right:1px dotted #666;
    padding:0px 3px;
}
#vyrobek .tlacKosik {
    margin:7px 5px 17px 0;
    padding:8px 0px 8px 50px;
    background:#9E847A url(../img/malykosikback.png) no-repeat left bottom;
    border: 1px dotted #666;
}
#vyrobek .cenyKosik {
    width:260px; float:left; margin-top:5px;
}

#vyrobek .barVariace {
    width:310px; float:left;margin-left:25px;
}



/* OBJEDNAVKA */
#orderForm {
    margin: 0;
    color:black;
}
#orderForm .input {
    width:400px;
    float:left;
    text-align:left;
}
#orderForm .label {
    width:180px;
    float:left;
    clear:both;
    text-align:right;
    margin-right:10px;
}


#middle1{
	float: left;
	width: 370px;
/*	background-color: Black;*/
	text-align: left;	
}
#middle2 img{
	
}
#middle2{
	padding: 5px;
	margin-top:5px;
	text-align: justify;
	background-color: #C4B3AC;
	border: 1px dotted #BCA9A2;
}
#middle2 ul {
	margin: 0 0 0 26px;
	padding:0;
}
#middle2 li {
	margin: 0 0 0 6px;
	padding:0;
	list-style-type:disc;
}
#middle2 h4{
	text-align: left;
	margin: 0;
	padding: 0;
}
#obsah img.left{
	margin: 10px;
	margin-left: 0;
	margin-top: 0;
	float: left;
	width: 250px;
	height: 150px;
}
#clear_all{
	clear: both;
}

.kosik table {color:#000}
.kosik td, .kosik th {padding:3px 5px}
.kosik th {border-bottom:1px solid #000; padding:3px 7px}
.kosik .cara {border-bottom:1px solid #000;}


.podminky {
    text-align:left;
}
.podminky ol li {
    list-style-type: lower-alpha;
    padding-left:0px;
    margin-left:30px;
}
.podminky h1 {
    text-align:center;
    border-bottom: 1px solid #fff;
    margin: 7px 0 20px 0;
    padding-bottom:10px;
}
.podminky h3 {
    margin: 20px 0 5px 0;
}
.o-nas p {line-height:1.5em; text-indent:1.7em}

.akce {border:2px dotted red; padding:7px; background:#A88F86; text-align:left}
.akce h3 {text-align:center; font-size:20px; padding: 0 0 10px 0}

.input .button {margin:10px 0 0 180px}