html, body { margin: 0; overflow-x: hidden; }
body { afont-family: verdana, "Arial CE", arial, sans-serif;   font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 0.75em;  }

h2 { font-size: 1.3em; font-weight: bold; color: #961a01; margin-bottom: 5px; clear: none; }
h1 { margin-top: 0; font-size: 1.6em; color: #961a01; margin-bottom: 10px; }

a { color: #961a01; }
a:hover { text-decoration: none; }

div { margin: 0; }

.green { color: #1a961a; }
.red { color: #FF0000; }
.clr { clear: both; height}
.strike { text-decoration: line-through; }
.em { font-style: italic; }
.border { border: 1px #cc997a solid; background-color: white; padding: 1px; }
.border2 { border: 1px #cc997a solid; }
.space {  }
.padd5 { padding: 5px; }
.hidden, .none { display: none !important; }
strong, .obligatory { font-weight: bold !important; }
.clear { clear: both; }

.min { min-width: 1035px;  margin: 0 auto; position: relative; }
.max { max-width: 1260px;  margin: 0 auto; }


#head { 
  background: url(/img/head_bg.png) repeat-x top;
  height: 380px;
  margin-bottom: -55px;
}
#logo {
  height: 352px; 
  position: relative;
  padding-left: 10px;
}
#head-bg { display: block; height: 300px; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #b15017; }

#logo #logo-text { width: 446px; color: white; text-align: justify; position: relative; float: left; height: 220px; overflow: hidden; }
#logo #logo-text #text h1 { margin: 0; padding-top: 10px; padding-bottom: 20px; font-size: 2.2em; }
#logo #logo-text #text { color: white; padding: 0 10px; font-family: trebuchet ms; margin-top: -5px; }

#logo #logo-topmenu { background: url(/img/logo_topmenu_bg.png) #971d02 no-repeat; float: left; width: 239px; height: 232px; margin-left: 10px; left: 10px; margin-right: -85px; }
#logo #logo-topmenu ul,#logo #logo-topmenu li { margin: 0; padding: 0; list-style: none; }
#logo #logo-topmenu ul { padding-top: 40px; }
#logo #logo-topmenu li { height: 28px; line-height: 28px; display: block; }
#logo #logo-topmenu li a { height: 28px; line-height: 28px; display: block; text-indent: 45px; color: white; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#logo #logo-topmenu li a:hover { background: url(/img/logo_topmenu_hover.png) no-repeat 15px 8px;  }
#logo #logo-topmenu li a.upper:hover { background-position: 15px 7px; }

#logo #logo-zena { width: 282px; height: 352px; background: url(/img/logo_zena.gif) no-repeat; float: left; position: relative; z-index: 1001;  }
#logo #logo-zena-text { width: 80px; color: #971d02; position: relative; top: 252px; left: 26px; text-align: center; font-size: 0.9em; line-height: 1.5em; }
#logo #logo-zena-text h3 { margin: 0; font-size: 1em; margin-left: 3px; border-bottom: 1px #b78b6e solid; }
#logo #logo-zena #akosik { width: 100px; height: 100px; background-color: white; display: block; position: absolute; top: 240px; left: 10px; opacity: 0; }
#logo #logo-zena #akosik { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }


#logo #logo-kocarek { width: 200px; height: 232px; background: url(/img/logo_kocarek.gif) no-repeat; float: right; margin-left: -80px; position: relative; }
#logo #logo-kocarek-text { position: relative; top: 250px; width: 200px; text-align: center; color: #971d02; font-weight: bold; }
#logo #logo-kocarek-text a { display: block; color: #971d02; font-size: 1.2em; }

#logo-right { float: right; }

#pruh {  
  height: 66px;
  background: url(/img/head_drevo.jpg) #f2daad repeat-x left;
  padding-left: 15px;
  color: #971d02;
  margin-top: -120px;
  overflow: visible;
}
#pruh .border { float: left; }
#pruh input { display: block; padding: 0;border: none;  }

#pruh .left { float: left; position: relative; }
#pruh #vyhledavani { margin-top: 20px; margin-right: 112px; }
#pruh #vyhledavani span { line-height: 24px; display: block; float: left; margin-right: 10px; padding-top: 1px; }
#pruh #vyhledavani form { float: left; height: 24px; display: block; }
#pruh #vyhledavani form input#hledej { background: url(/img/input_bg.png) white repeat-x bottom; width: 163px; height: 18px; padding-top: 2px;color:#993300; }
#pruh #vyhledavani form input#hledej-ok { color: white; cursor: pointer; background: url(/img/input_ok_bg2.png) #be6a23 repeat-x center; width: 73px; height: 20px; }
#pruh #vyhledavani form input#hledej-ok:hover { background-position: bottom; cursor: pointer; }
#pruh #vyhledavani .space { width: 4px; float: left; height: 1px; }

#pruh #prihlaseni { height: 55px;  }
#pruh #prihlaseni form { display: block; padding-top: 6px; }
#pruh #prihlaseni form input#login-jmeno { padding: 0; background: url(/img/input_bg.png) white repeat-x bottom; border: none; width: 145px; height: 18px; padding-top: 2px;color:#993300; }
#pruh #prihlaseni form #login-under { clear: left; padding-top: 4px; }
#pruh #prihlaseni form #login-under input#login-heslo { padding: 0; background: url(/img/input_bg.png) white repeat-x bottom; border: none; width: 68px; height: 18px; padding-top: 2px;color:#993300; }
#pruh #prihlaseni form #login-under input#login-ok { color: white; cursor: pointer; background: url(/img/input_ok_bg2.png) #be6a23 repeat-x center; width: 68px; height: 20px;  }
#pruh #prihlaseni form #login-under input#login-ok:hover { background-position: bottom; cursor: pointer; }
#pruh #prihlaseni .space { width: 5px; float: left; height: 1px; }

#leftmenu { float: left; width: 225px; margin-left: 10px; }

#obsah h3, #leftmenu .box h3, #leftmenu .nadpis{ width: 199px; height: auto; line-height: 25px; background: url(/img/head_drevo.jpg) #faf2e2 no-repeat bottom; border: 1px #cc997a solid; padding-left: 12px; padding-right: 12px; color: #961a01; }
#leftmenu ul, #leftmenu li { margin: 0; padding: 0; list-style: none; display: block; } #leftmenu ul { margin-bottom: 30px; }
#leftmenu li { width: 225px; height: 35px; margin-top: 1px; }
#leftmenu li a { 
  width: 225px; height: 35px; background: url(/img/leftmenu_item.png) #b9601e no-repeat top; display: block; position: relative; z-index: 1001; line-height: 35px;
  text-indent: 12px;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  text-decoration: none;
}
#leftmenu li a:hover, #leftmenu li.active a { background-position: bottom; background-color: #faf2e2; color: #961a01; }
#leftmenu li em{ font-style: normal;}

#leftmenu .box a.pic {
	border: none;
	color: transparent;
	outline: none;
}
#leftmenu .box a.pic img {
	border: none;
	color: transparent;
}
#leftmenu .box { border: 1px #cc997a solid; width: 223px; padding: 0; margin-top: 1px; background-color: #e4d7bf; position: relative; }
#leftmenu .box h3 { width: 187px; margin: 0 auto; margin-bottom: 4px; margin-top: 4px; font-weight: bold; font-size: 1.1em; }
#leftmenu .box .box-text { width: 85px; text-align: center; position: absolute; top: 60px; right: 5px; }
#leftmenu .box strong { display: block; color: #961a01; margin-bottom: 10px; font-size: 1.2em; }
#leftmenu .box span { color: #393939; }
#leftmenu .box img { margin-left: 5px; margin-bottom: 5px; }
#leftmenu .box .border { float: left; width: 80px; position: absolute; right: 5px; bottom: 31px; }
#leftmenu .box .koupit { bottom: 6px; }

.box .border a { display: block; color: white; cursor: pointer; background: url(/img/input_ok_bg2.png) #be6a23 repeat-x center; text-align: center; width: 80px; line-height: 20px; position: relative; z-index: 1001; height: 20px; text-decoration: none; }
.box .border a:hover { background-position: bottom; cursor: pointer; }

#obsah { clear: none; padding-right: 30px; padding-top: 26px; position: relative; top: 0px; margin-left: 255px; }

#obsah p { margin: 0; padding: 0; line-height: 1.4em; }
#obsah h2 { padding-top: 15px; margin-bottom: 15px; }

#obsah .box { position: relative; border: 1px #cc997a solid; width: 328px; padding: 0; margin-bottom: 8px; margin-top: 7px; background-color: #e4d7bf; float: left; margin-right: 20px; overflow: hidden; height: 200px; }
#obsah .box h3 { width: auto; margin: 0 auto; margin-bottom: 4px; margin-top: 4px; font-weight: bold; font-size: 1.1em; }
#obsah .box.clanky { padding-bottom: 35px; }
#obsah .box .clanky-vice {  width: 120px; position: absolute; bottom: 4px; right: 4px; }
#obsah .box .clanky-vice a { width: 120px; }

#obsah .box ul, li { margin: 0; padding: 0; list-style: none; line-height: 2em; }
#obsah .box li a { margin-left: 8px; padding-left: 20px; font-size: 1.3em; color: #393939; background: url(/img/li.gif) no-repeat left center; }

#obsah .box a.pic {
	display: block;
	width: 125px;
	float: left;
	color: transparent;
	overflow: hidden;
	border: none;
}
#obsah .box img { margin: 5px; color: transparent; border: none; }
#obsah .box .box-text { margin: 5px 5px 5px 135px; max-height: 130px; }
#obsah .box .box-text h3 { width: auto; margin: 0; max-height: 50px; }
#obsah .box .border.koupit, #obsah .box .border.info,#obsah .box .border.koupit a, #obsah .box .border.info a { width: 90px; }
#obsah .box .border.koupit { position: absolute; right: 5px; bottom: 4px; }
#obsah .box .border.info { position: absolute; right: 102px; bottom: 4px; }
#obsah .box .box-text p { margin-top: 5px; font-size: 0.8em; line-height: 1.2em; overflow: hidden; }
#obsah .box p.cena { font-size: 1.2em; display: block; margin-left: 130px; margin-right: 8px; bottom: 30px; height: 25px; }
#obsah .box p.cena strong { float: left; color: #961a01; margin-bottom: 10px; font-size: 1.2em; display: block; text-align: right; width: 95px; }
#obsah .box p.cena span { float: right; color: #393939; font-size: 0.8em; }
#cards {float: left;}

#footer {
  height: 152px;
  background: url(/img/footer_bg.png) repeat-x;
  position: relative;
}
#f-pruh {
  height: 68px;
  width: 100%;
  background: url(/img/head_drevo.jpg) #f2daad repeat-x center;
  position: absolute;
  top: 48px;
}

#patka { max-width: 1260px; min-width: 1035px; margin: 0 auto; margin-top: 5px; height: 60px; }
#patkaLinks
{
  width: 800px;
  height: 60px;
  overflow: hidden;
  float: left;
  margin-left: 15px;
}
#patka_cobraPodpis {
  text-align: right;
  width: 200px;
  margin-top: 10px;
  line-height: 1.5em;
  float: right;
}

#column {  width: 800px; }

/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                                                                           /* dObal */
div#dObal {
  float: left;
}

/* nadpis */
div#dObal h1 {
  display: block;
  margin-bottom: 10px;
}
                                                                                                    /* dImg */
div#dImg {
  width: 185px;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
  border: 1px solid #cc997a;
}
div#dImg2 {
  background: #e4d7bf;
  border: 1px solid #f3e2cb;
  padding: 3px;
  overflow: hidden;
}
div#dImg img { 
  border: none;
  display: inline;
}
div#dImg a#lupa {
  display: block;
  background: url("/img/lupa.jpg") no-repeat top;
  margin: 4px auto 0 auto;
  width: 175px;
  height: 23px;
  padding-top: 5px;
}
                                                                                                    /* dInfo */
div#dInfo {
  float: left;
  width: 330px;
  margin-left: 40px;
  margin-top: 10px;
  color: #494949;
  font-size: 11px;
  margin-bottom: 20px;
}
                                        /* tabulka */
div#dInfo table {
  margin-bottom: 20px;
  font-size: 1.1em;
}
div#dInfo table tr { height: 1.8em; }
div#dInfo table .dTLevy {
  width: 120px;
}
/* cena */
div#dInfo table tr strong { color: #961a01; font-size: 1.4em; }
/* expedice */
div#dInfo table tr em { color: #019608; font-style: normal; }
                                        
                                        /* form */
div#dInfo form, div#dInfo form fieldset { 
  border: none;
  margin: 0px;
  padding: 0px;
  margin-left: 2px;
  font-size: 1.1em;
  margin-bottom: 20px;
}
div#dInfo form label {
  display: block;
  float: left;
  clear: left;
  width: 120px;
}
div#dInfo form select {
  width: 100px;
  margin-bottom: 3px;
}
/* submit */
div#dInfo input.submit {
  background: url("/img/submitLarge.jpg") no-repeat top center;
  display: block;
  width: 204px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
}
                                                                                                    /* dPopis */
div#dPopis {
  clear: both;
  margin: 20px 0 0 0 !important;
}
div#dPopis h3 {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  border: none !important; background: none !important;
}
div#dPopis p {
  margin-bottom: 10px;
  text-align: justify;
  line-height: 1.2em;
}
                                                                                                    /* dFaq */
div#dFaq {  
  margin-top: 30px; 
  border: 1px solid #cc997a;
}
                                        /*klikací oblast*/
div#dFaq div#jcPanelyMenu { 
  margin-bottom: 30px; 
  border: 1px solid #fff;
  border-bottom: none;
  background: url("/img/input_ok_bg2.png") repeat-x top;
}
div#dFaq div#jcPanelyMenu span {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  display: block;
  float: left;
  width: 181px;
  height: 25px;
  padding-top: 8px;
  background: url("/img/dFaqSpan.jpg") no-repeat top;
  margin-bottom: 30px;
}
div#dFaq div#jcPanelyMenu span.dotazy { }
div#dFaq div#jcPanelyMenu span.mail { float: right; }
                                        /*obsahová část*/
div#dFaq div#jcPanelyListy {
  clear: both;
}
/*forms*/
form.dFaqForm fieldset { margin-bottom: 20px; border: none; }
form.dFaqForm label { 
  width: 120px; 
  display: block; 
  float: left; 
  clear: left; 
}
form.dFaqForm textarea { margin-top: 3px; border: 1px solid #ccc; margin-left: 0; width: 450px; }
form.dFaqForm h3 {
  margin-bottom: 15px; 
  font-size: 1.4em; 
  background: none !important;
  border: none !important;
}
form.dFaqForm input {
  border: 1px solid #ccc;
  height: 1.5em;
  margin-top: 3px;
  vertical-align: center;
}
/* dotaz */
div#dFaq div.dotaz {
  margin-bottom: 5px;
  margin-top: 10px;
}
div#dFaq p {
	margin-bottom: 10px;
	margin-left: 11px;
}
/*submit*/
form.dFaqForm input.dFaqSubmit {
  clear: both;
  width: 91px;
  height: 24px;
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  border: none;
  background: url("/img/submitSmall.jpg") no-repeat top;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }

/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
div#tOrder {
  float: left;
}
div#tOrder h2, div#tOrder h3 {
  background: none;
  border: none;
}
div#tOrder fieldset { border: none; padding: 0; margin: 0; }
                                                                                                    /*tabulka*/
div#tOrder table {
  width: 100%;
  margin: 0 auto;
}
/*pozadi*/
div#tOrder div#kTBox { 
  background: #f6e9ce url("/img/input_ok_bg2.png") repeat-x top;
  border: 1px solid #9c2706;
  margin-top: 15px;
}
/* kusu */
div#tOrder table .ku {
  width: 10%;
}
/* nazev */
div#tOrder table .na {
  width: 70%;
}
/* cena */
div#tOrder table .ce {
  width: 15%;
  text-align: center;
}
/* smazat */
div#tOrder table .sm {
  width: 5%;
  text-align: center;
}
/* nadpis */
div#tOrder table thead tr th {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 35px;
  padding-left: 15px;
}
/* bunky - hlavni obsah */
div#tOrder table tbody tr td { 
  color: #000; 
  height: 1.6em; 
  font-weight: bold;
  padding-left: 15px;
  font-size: 13px;
  height: 2.5em;
}
div#tOrder table tbody tr td.na { text-decoration: underline; }
div#tOrder table tbody tr td.ce { color: #000000;}
/* bunky - doprava */
div#tOrder table tbody tr#doprava {
  height: 3em;
}
div#tOrder table tbody tr#doprava td { 
  font-weight: normal;
  color: #767676;
  font-size: 12px;
  text-decoration: none;
  border-top: 1px solid #fff;
}
/* bunky - celkem */
div#tOrder table tbody tr#celkem { 
  background: url("../img/kTBoxCelkem.jpg") no-repeat top; 
}
div#tOrder table tbody tr#celkem td {
  color: #482611;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
/* a.delete */
a.delete img { border: none !important; }
/*input.kusu*/
input.kusu {
  width: 30px;
  height: 20px;
  background: #f6f6f6;
  text-align: center;
  margin: 1px auto;
  display: block;
  padding-top: 3px;
  border: 1px solid #ccc;
}
                                                                                                    /* přepočítat */
div#prepocitat {
  font-size: 12px;
  overflow: hidden;
  margin: 7px 0;
  margin-bottom: 30px;
  clear: both;
  width: 500px;
  float: right;
}
div#prepocitat p {
  float: left;
  text-align: right;
  font-size: 11px;
  width: 400px;
}
input#prepocitat {
  background: url("../img/submitSmall.jpg") no-repeat top;
  border: none;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  float: right;
  display: block;
  width: 91px;
  height: 24px;
}
                                                                                                    /* kbox */
div.kBox { 
  border: 1px solid #a02e09;
  margin: 60px 0 10px 0;
  padding: 10px 20px 20px 20px;
}
/*nadpis*/
div.kBox h2 { font-size: 1.5em; margin: 0 0 10px 0; text-align: left; }
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
}
div.kBox fieldset input {
  height: 1.6em;
  margin-top: 0.3em;
  border: 1px solid #ccc;
  margin-right: 15px;
  float: left;
  clear: left;
}
div.kBox fieldset label {
  float: left;
  margin-top: 10px;
}
div.kBox fieldset#faktura label, div.kBox fieldset#faktura input { float: none; display: inline; }
div.kBox fieldset#faktura label { position: relative; top: -9px; margin-left: 10px;}
div.kBox fieldset#text label { width: 80px; }
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
}
div.kBox div.krok h3 {
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  display: block;
  font-size: 1.2em;
}
div.kBox div.krok p { margin-bottom: 3px; }
/* fieldset.text */
fieldset.text {
  margin-top: 5px;
}
fieldset.text input {
  float: left;
  clear: none !important;
  padding: 2px 2px 0 2px;
}
fieldset.text label {
  float: left;
  clear: left;
  display: block;
  width: 32%;
  overflow: hidden; 
}
                                                                                                    /* hvezdicka */
div#hvezdickou {
  margin-top: 25px;
  margin-left: 5px;
}
div#hvezdickou input {
  margin-top: 3px;
  margin-right: 10px;
}
                                                                                                    /* input#dSubmit */
input#dSubmit {
  background: url("/img/submitLarge.jpg") no-repeat top center;
  width: 204px;
  height: 35px;
  border: none;
  vertical-align: center;
  margin: 15px auto;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
}
                                                                                                    /* p.checkout */
p.checkout {
  font-size: 11px;
  text-align: left;
  color: #4b4b4b;
  margin-top: 30px;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Doplňky
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/

                                                                                                    /* navigace - nachazite se */
div#boxPosition { margin-top: 10px; }
                                                                                                    /* navigace - strankovani */
div#boxPages {
  text-align: center;
  clear: both;
  padding-top: 30px;
}
div#boxPages, div#boxPages a {
  color: #a02e09;
  font-size: 14px;
  font-weight: bold;
}
div#boxPages a, div#boxPages span.tecky {
  margin: 0 10px 0 0 !important;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid #a02e09;
  color: #a02e09;
}
div#boxPages span.tecky { background: none; }
div#boxPages a:hover { text-decoration: none; }
div#boxPages a.posledni { margin: 0; padding: 0; border: none; }
div#boxPages span {
  margin-right: 10px;
  margin-left: -14px;
  text-decoration: none;
  margin-top: 5px;
  padding: 3px 10px;
  background: #f6e9ce;
  color: #a02e09;
}
                                                                                                    /* navigace - razeni */
div#boxSort {
  text-align: right;
  margin-right: 23px;
  margin-bottom: 10px;
  margin-top: 45px;
}
                                                                                                    /* chybky - green */
div.green, #body-green, #body-info {
  margin: 10px 3px 10px 0px;
  background: #e7ffcb;
  padding: 7px 0;
  border: 1px solid #aac979;
}
div.green p, #body-green p, #body-info p {
  font-weight: bold;
  margin-left: 5px !important;
}
div.green p a, #body-green p a, #body-info p a {
  text-decoration: underline;
  color: #2a5416;
  font-size: 13px;
}
                                                                                                    /* chybky - red */
div.red, #body-error {
  margin: 10px 3px 10px 0px;
  background: #f9e9e2;
  padding: 7px 0;
  border: 1px solid #ecc6c0;
}
div.red p, #body-error p {
  font-weight: bold;
  margin-left: 5px !important;
}
div.red p a, #body-error p a {
  text-decoration: underline;
  color: #6d413a;
  font-size: 13px;
}

                                                                                                    /* odkaz na index */
a#odkaz-index
{
  position: absolute;
  display: block;
  width: 200px;
  height: 300px;
  background: none;
}