/* resetovaci */
html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,p,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	outline-style: none;
}

/* zakladni elementy */
body {
margin: 0px; 
padding: 0px;
text-align: center;
font-family: Verdana,Tahoma, Helvetica, Arial;
font-size: 11px;
background: rgb(194,194,194);
color: rgb(110,110,110);
}
.nic {
clear: both;
line-height: 0px;
}
h1 {
background: url(../img/ico-slunce.jpg) no-repeat;
font-size: 12px;
padding-left: 20px;
padding-top: 2px;
margin-bottom: 5px;
margin-top: 20px;
height: 20px;
color: rgb(160,79,53);
font-weight: bold;
}
h1 a {
color: rgb(239,157,70);
text-decoration: underline;	
font-weight: bold;
padding: 2px;
}
h1 a:hover {
background: rgb(171,115,99);
color: white;	
}

h3 {
background: url(../img/ico-slunce.jpg) no-repeat;
font-size: 12px;
padding-left: 20px;
padding-top: 2px;
height: 20px;
color: rgb(160,79,53);
font-weight: bold;
}
h4 {
font-size: 12px;
color: white;
display: block;
width: 210px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid white;
font-weight: bold;
}
h5 {
font-size: 10px;
color: white;
width: 180px;
font-weight: bold;
padding-left: 3px;
}
h6 {
font-size: 11px;
color: white;
width: 210px;
font-weight: bold;
padding: 6px  0 0 20px;
line-height: 18px;
}
.mezera40 {
height: 40px;
}
.mezera40-horizontalni {
width: 40px;
height: 1px;
float: left;
}
.hlaska {
display: block;
width: auto;
background: rgb(204,255,204);
border: 1px solid rgb(204,255,204);
padding: 4px 0 4px 6px;
margin-left: 12px;
font-weight: bold;
}
.hlaska2 {
display: block;
width: auto;
background: rgb(242,206,204);
border: 1px solid rgb(242,206,204);
padding: 4px 0 4px 6px;
margin-left: 12px;
font-weight: bold;
}
.hlaska3 {
display: block;
width: auto;
background: rgb(204,255,204);
border: 1px solid rgb(204,255,204);
margin: auto 10px auto 5px;
padding: 4px 0 4px 6px;
font-weight: bold;
}
.hlaska4 {
display: block;
width: auto;
background: rgb(242,206,204);
border: 1px solid rgb(242,206,204);
margin: auto 10px auto 5px;
padding: 4px 0 4px 6px;
font-weight: bold;
}

/* patka */
.ram-patky {
background: rgb(194,194,194);
height: 30px;
}
.patka {
position: relative;
height: 30px;
width: 890px;
margin-left: auto;
margin-right: auto;
text-align: left;
color: rgb(160,79,53);
}
.patka-text {
font-size: 9px;
padding: 3px 10px 5px 5px;
text-align: right;
}
.patka-text a {
color: rgb(160,79,53);
text-decoration: none;
}
.patka-text a:hover {
color: white;
background: rgb(171,115,99);
}
.nv {
display: inline;
}

.nv img {
width: 12px;
height: 12px;
border: none;
}




/* hlavicka */
.ram-hlavicky {
height: 105px;
}
.hlavicka {
position: relative;
height: 105px;
width: 890px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: white;
}
.logo {
position: absolute;
left: 10px;
top: 15px;
}
.menu1 {
position: absolute;
left: 320px;
top: 15px;
width: 190px;
height: 74px;
background: rgb(245,245,245);
}
.menu1-odsaz, .menu2-odsaz, .menu3-odsaz {
margin: 5px 0 5px 0;
}
.menu1 a {
display: block;
padding: 4px 10px 4px 10px;
color: rgb(239,157,70);
text-decoration: none;
}
.menu1 a:hover {
background: rgb(171,115,99);
color: white;
}

.menu2 {
position: absolute;
left: 520px;
top: 15px;
width: 160px;
height: 74px;
background: url(../img/menu2-back.jpg) no-repeat rgb(245,245,245);
}
.menu2 p {
display: block;
padding: 4px 10px 4px 10px;
color: rgb(160,79,53);
}
.menu2 a {
display: block;
padding: 4px 10px 4px 10px;
color: rgb(239,157,70);
text-decoration: none;
}
.menu2 a:hover {
background: rgb(171,115,99);
color: white;
}

.ruze-back {
position: absolute;
left: 680px;
top: 14px;
width: 10px;
height: 92px;
background: url(../img/ruze-back.jpg) no-repeat white;
z-index: 0;
}
.menu3 {
position: absolute;
left: 690px;
top: 15px;
width: 190px;
height: 74px;
background: url(../img/menu3-back.jpg) no-repeat rgb(245,245,245);
}
.menu3 table {
margin: 4px 10px 4px 10px;
}
.menu3 a {
display: block;
padding: 4px 10px 4px 10px;
color: rgb(239,157,70);
text-decoration: none;
}
.menu3 a:hover {
background: rgb(171,115,99);
color: white;
}
td {
padding-bottom: 2px;
color: rgb(160,79,53);
}
td.prvni {
width: 80px;
}
td.knoflik {
padding-bottom: 0px;
}
td.knoflik input {
width: 166px;
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}
input {
width: 80px;
border: 1px solid rgb(239,157,70);
font-size: 9px;
}




/* obsah */
.ram-telo {
height: auto;
background: rgb(194,194,194);
}
.telo {
position: relative;
min-height: 550px;
width: 874px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: rgb(160,79,53);
border: 8px solid rgb(160,79,53);
}
.obsah {
float: left;
width: 624px;
height: auto;
background:white;
min-height: 600px;
}
.obsah-uvod-odsaz {
margin: 15px;
margin-bottom: 0;
width: 340px;
}
.obsah-odsaz {
margin: 15px;
}



/* menu - leve */
.ram-menu {
float: left;
width: 250px;
background: rgb(160,79,53);
}
.menu {
position: relative;
float: left;
width: 240px;
height: auto;
background: rgb(169,94,71);
z-index: 1;
}

.logo-back {
position: absolute;
bottom: 10px;
left: 2px;
width: 240px;
height: 70px;
background: url(../img/logo-back.jpg) no-repeat rgb(160,79,53);
z-index: 0;
}

h2.dle-typu, h2.dle-vyrobce, h2.akcni {
margin-top: 13px;
background: url(../img/ico-slunce-bile.jpg) no-repeat rgb(169,94,71);
width: 160px;
height: 20px;
font-size: 11px;
color: white;
font-weight: bold;
padding-top: 5px;
padding-left: 50px;
}


h2.vyhledavac {
margin-top: 13px;
margin-bottom: 6px;
background: url(../img/ico-slunce-bile.jpg) no-repeat rgb(169,94,71);
width: 160px;
height: 20px;
font-size: 11px;
color: white;
font-weight: bold;
padding-top: 5px;
padding-left: 50px;
}
.menu a {
height: 14px;
padding: 3px 5px 3px 28px;
display: block;
color: rgb(239,157,70);
text-decoration: none; 
}

.menu a:hover {
background: rgb(171,115,99);
color: white;
}

p.vyhledavac {
padding: 0px 5px 5px 28px;
margin-bottom: 20px;
}

p.vyhledavac input {
width: 120px;
border: 1px solid rgb(239,157,70);
font-size: 12px;
color: rgb(16,16,16);
}

p.vyhledavac input.vyhledavac-knoflik {
width: 40px;
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}




/* uvodni strana */
p.novinka-uvod {
margin: 5px 0 5px 0;
}

p.novinka-uvod a {
color: rgb(239,157,70);
padding: 2px 0 2px 0;
line-height: 18px;
}
p.novinka-uvod a:hover {
color: white;
background: rgb(171,115,99);
}
.zbozi-uvod, .uvodni-text {
width: 340px;
}
.prava-ram {
float: right;
width: 244px;
min-height: 550px;
background: url(../img/uvod-prava-back.jpg) repeat-y rgb(169,95,71);
}
.prava {
width: 244px;
min-height: 660px;
background: url(../img/uvod-prava-back2.jpg) no-repeat;
}

.anketa {
float: left;
width: 222px;
margin: 0px 10px 10px 20px;
}
.anketa-hlavicka {
float: left;
margin: 256px 10px 10px 0px;
width: 244px;
height: 57px;
background: url(../img/uvod-anketa-hlavicka.jpg) no-repeat;
}


.anketa-hlavicka h4,.anketa-hlavicka h5 {
margin-left: 20px;
}
.anketa table {
width: 222px;
}
.anketa table td {
color: white;
font-size: 10px;
margin: 10px 0 10px 0;
}
.anketa table td a {
display: block;
color: rgb(231,231,231);
text-decoration: none;
padding: 3px;
}
.anketa table td a:hover {
background: rgb(171,115,99);
}
.anketa table td.hlasy  {
font-weight: bold;
width: 45px;
padding: 3px;
background: rgb(171,99,76);
}
.hlaska-anketa {
display: block;
width: auto;
background: rgb(204,255,204);
border: 1px solid rgb(204,255,204);
padding: 4px 0 4px 6px;
margin: 15px -2px auto -8px;
font-weight: bold;
}
.hlaska-anketa2 {
display: block;
width: auto;
background: rgb(242,206,204);
border: 1px solid rgb(242,206,204);
padding: 4px 0 4px 6px;
margin: 15px -2px auto -8px;
font-weight: bold;
}



/* nahled zbozi */
.vyrobek {
float: left;
margin: 10px 0px 10px 0px;
width: 150px;
text-align: center;
background: url(../img/produkt-nahled-back.jpg) rgb(255,237,215) no-repeat;
}
.vyrobek-akce {
float: left;
margin: 10px 0px 10px 0px;
width: 150px;
text-align: center;
background: url(../img/produkt-nahled-back-akce.jpg) rgb(255,237,215) no-repeat;
}
.vyrobek-sleva {
float: left;
margin: 10px 0px 10px 0px;
width: 150px;
text-align: center;
background: url(../img/produkt-nahled-back-sleva.jpg) rgb(255,237,215) no-repeat;
}
.vyrobek img, .vyrobek-sleva img, .vyrobek-akce img {
border: 1px solid rgb(255,156,43);
}
.foto-nahled {
display: block;
text-align: center;
height: 125px;
margin: 25px 0 0 0;
}
.nazev-cena {
margin: 0 4px 0px 4px;
width: 136px;
height: 45px;
font-size: 10px;
line-height: 13px;
}
.nazev-cena a {
color: rgb(239,157,70);
font-weight: bold;
}
.nazev-cena a:hover {
color: white;
background: rgb(171,115,99);
}
.dokosiku {
text-align: center;
margin: 5px 0 0 0;
background: rgb(254,234,217);
height: 25px;
}
.dokosiku input {
margin-top: 4px;
width: 20px;
}
.dokosiku input.submit {
width: 60px;
color: rgb(160,79,53);
cursor: hand;
}




/* vypis zbozi */
.vypis-zbozi-radek {
width: 530px;
height: 250px;
margin: 10px auto 10px 30px;
clear: both;
}
.vypis-lista {
display: block;
background: rgb(245,245,245);
height: 60px;
font-size: 8pt;
}

.vypis-lista table {
width: 580px;
height: 40px;
margin: 5px auto auto 5px;
}

.vypis-lista td {
height: 20px;
}
td.strankovani a {
border: 1px solid rgb(239,157,70);
width: 15px;
height: 12px;
background: white;
font-weight: bold;
color: rgb(239,157,70);
padding: 2px 3px 2px 3px;
margin: auto 2px auto 2px;
font-size: 9px;
text-decoration: none;
}

td.strankovani a:hover {
background: rgb(171,115,99);
color: white;
}


td.strankovani span {
border: 1px solid rgb(239,157,70);
width: 15px;
height: 12px;
background: rgb(224,224,224);
font-weight: bold;
color: rgb(239,157,70);
padding: 2px 3px 2px 3px;
margin: auto 2px auto 2px;
font-size: 9px;
}

select {
border: solid 1px rgb(239,157,70);
background: rgb(255,255,255);
width: 200px;
margin: 2px 0 0 2px;
font-size: 8pt;
color: rgb(160,79,53);
}

.vypis-uvodnik {
display: block;
background: rgb(245,245,245);
height: auto;
width: 594px;
font-size: 8pt;
}
.vypis-uvodnik p {
float: left;
width: 574px;
padding: 10px;
font-size: 9px;
color: rgb(171,115,99);
background: rgb(245,245,245);
}

.vypis-uvodnik p a img {
float: left;
margin-right: 10px;
border: 1px solid rgb(255,156,43);
}




/* detail produktu */
.detail-popis {
float: left;
width: 410px; 
height: auto;
margin: 10px 0px 30px 10px;
border: 1px solid rgb(255,237,215);
text-align: left;
}

.detail-popis table {
float: left;
width: 410px; 
margin: 0;
}

.detail-popis td {
padding-left: 2px;
height: 28px;
}

.detail-popis td a {
color: rgb(239,157,70);
padding: 2px 0 2px 0;
font-weight: bold;
}
.detail-popis td a:hover {
background: rgb(171,115,99);
color: white;
}

input.detail-dotaz {
width: 222px;


}
input.detail-dotaz-knoflik {
width: 222px;
color: rgb(160,79,53);
cursor: hand;
}

textarea.detail-dotaz {
border: 1px solid rgb(239,157,70);
width: 220px;
height: 80px;
}

td.predni {
width: 160px;
background: rgb(237,237,237);
padding: 5px;
}

td.detail-dotaz {
width: 120px;
background: rgb(254,234,217);
padding: 5px;
}
td.detail-dotaz2 {
text-align: center;
background: rgb(254,234,217);
}

.detail-popis .popis {
margin: 25px 5px 25px 5px;
width: 395px; 
}
.popis a {
color: rgb(239,157,70);
padding: 2px 0 2px 0;
}
.popis a:hover {
background: rgb(171,115,99);
color: white;
}
.detail-fota {
float: left;
width: 135px; 
height: auto;
margin: 10px 5px 10px 12px;
background: url(../img/produkt-nahled-back.jpg) rgb(255,237,215) no-repeat;
text-align: center;
}

.detail-fota img {
margin: 20px 0 20px 0;
border: 1px solid rgb(255,156,43);
}
.strike {
font-weight: normal;
text-decoration: line-through;
}
hr {
color: rgb(239,157,70);
border: 0;
height: 0;
margin: 10px 0 10px 0;
border-bottom: 1px solid rgb(255,237,215);
}


/* komentare k vyrobkum */
.disk a {
color: rgb(239,157,70);
}
.disk a:hover {
background: rgb(171,115,99);
color: white;
}

/*
table.diskuze {
float: left;
width: 580px; 
height: auto;
margin: 10px 5px 10px 5px;
border: 1px solid rgb(255,237,215);
text-align: left;
}

.diskuze td {
padding: 3px;
height: 25px;
background: rgb(245,245,245);
}
.diskuze td img {
display: block;
margin: 3px 0 5px 0;
}
.diskuze input {
width: 200px;
border: 1px solid rgb(239,157,70);
font-size: 11px;
}
.diskuze input.knoflik {
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}
.diskuze textarea {
border: 1px solid rgb(239,157,70);
font-size: 11px;
width: 330px;
height: 100px;
}
*/

.diskuze-lista {
display: block;
background: rgb(245,245,245);
height: 30px;
width: 580px;
margin: 10px 5px 10px 5px;
border: 1px solid rgb(255,237,215);
}
.razeni {
height: 30px;
margin: 8px 5px 0 0;
float: right;
}
.strankovani {
margin: 8px 5px 0 5px;
float: left;
height: 30px;
font-size: 8pt;
}
.komentar {
width: 580px; 
margin: 8px 5px 0 5px;
border: 1px  solid rgb(255,237,215);
}

.komentar-admin {
width: 580px; 
margin: 8px 5px 0 5px;
border: 1px  solid rgb(255,237,215);
background: rgb(255,237,215);
}

.komentar-jmeno {
margin: 5px;
font-weight: bold;
}
.komentar-text {
margin: 5px;
}




/* kosik, pokladna, ostatni */
.vysvetlivky {
float: left;
width: 570px; 
margin: 10px 5px 10px 5px;
border: 1px solid rgb(255,237,215);
padding: 3px;
font-size: 7pt;
}
.vysvetlivky a {
color: rgb(239,157,70);	
}
.vysvetlivky a:hover {
background: rgb(171,115,99);
color: white;
}
table.tab-obsah {
float: left;
width: 580px; 
height: auto;
margin: 10px 5px 10px 5px;
border: 1px solid rgb(255,237,215);
text-align: left;
}
.tab-obsah td {
padding: 3px;
height: 25px;
background: rgb(245,245,245);
}
.tab-obsah td img {
display: block;
margin: 3px 0 5px 0;
}
.tab-obsah input {
width: 200px;
border: 1px solid rgb(239,157,70);
font-size: 11px;
}
.tab-obsah input.knoflik {
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}
.tab-obsah textarea {
border: 1px solid rgb(239,157,70);
font-size: 11px;
width: 330px;
height: 100px;
}
.tab-obsah a {
color: rgb(239,157,70);
}
.tab-obsah a:hover {
background: rgb(171,115,99);
color: white;
}
.tab-obsah input.submit {
width: 60px;
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}

.tab-obsah input.pocet {
width: 20px;
}

.tab-obsah td.kusu {
text-align: center;
background: rgb(254,234,217);
}
.soucet {
float: left;
width: 570px; 
height: auto;
margin: 10px 5px 10px 5px;
background: rgb(254,234,217);
text-align: left;
padding: 3px;
}
input.knoflik-pokladna {
margin-left: 5px;
width: 160px;
background: rgb(214,214,214);
color: rgb(160,79,53);
cursor: hand;
}


/* kontakt */
table.kontakt {
float: left;
width: 410px; 
height: auto;
margin: 10px 0px 30px 10px;
text-align: left;
border: 1px solid rgb(255,237,215);
}
.kontakt td {
padding: 3px;
height: 25px;
background: rgb(245,245,245);
}
.detail-fota p {
font-size: 9px;
margin: 0 3px 3px 3px;	
}


/*  obchodni podminky */
.obchodni-podminky {
color: rgb(160,79,53);
margin: 10px 10px 10px 0px;
font-size: 11px;
border: 1px solid rgb(255,237,215);
padding: 8px;
}

.obchodni-podminky a {
color: rgb(239,157,70);
}
.obchodni-podminky a:hover {
background: rgb(171,115,99);
color: white;
}


.obchodni-podminky li, .obchodni-podminky ul, .obchodni-podminky ol {
font-size: 11px;
margin-left: 15px;
}

.obchodni-podminky h3 {
background: none;
padding: 0;
margin: 20px 0 5px 0;
}



/*  aktuality */
.aktualita {
width: 570px; 
height: auto;
margin: 15px 0px 10px 5px;
border: 1px solid rgb(255,237,215);
background: rgb(238,238,238);
text-align: left;
}

.aktualita-nadpis {
margin: 5px 5px 5px 5px;
font-size: 12px:
}

.aktualita-popis {
margin: 10px 20px 5px 5px;
font-size: 10px:
}
.aktualita a {
color: rgb(239,157,70);
}
.aktualita a:hover {
background: rgb(171,115,99);
color: white;
}