body, html{
  border: 0px none;
  margin: 0px; padding: 0px;
  background-color: white;
  background: url("../imgs/body_bg.gif");
  font: 76% 'trebuchet ms',helvetica,sans-serif;
  color: #333;
  line-height: 1.2;
  text-align: center;
}

/*---------------------------------------TEXT----------------------------------*/
p, img, table, tr, th, td, h1, h2, h3, h4, h5,input,fieldset
{
border: 0px none;
margin: 0px;
padding: 0px;
}
hr{display: none;}
.skryj{display: none;}
a {text-decoration: none;color: #810f0f}
a:hover, a:focus{text-decoration: underline;}
p{ margin: 0 0 8px 0; padding: 0}
h1 a{ position: absolute; top: 37px;left: 12px; width: 171px; height: 155px;text-decoration: none;}
h1 a:hover, h1 a:focus{text-decoration: none;}
h1 a span{visibility: hidden;}
h2{clear: left;margin: 10px -31px 10px -31px;padding:26px 0 0 31px;width: 871px;height:23px;background: url("../imgs/title_bg.gif") repeat-x;color: white;font-size: 1.2em;font-weight: bold;}
h2 span{font-size: 0.8em;font-weight: normal;}
h2 span a{color: white;}
h3{
font-size: 1.2em;
font-weight: width;
color: #820F0F;
}
h4{
font-size: 1.1em;
font-weight: width;
color: black;
}

.top{margin-top: 0;}
/*---------------------------------------LAYOUT-----------------------------------*/
#obal{
position: relative; 
width: 902px;
margin: auto;
text-align: left;
background: url("../imgs/site_bg_sliver.gif") repeat;
}
#hlavicka{
width: 902px;
height: 229px;
background: url("../imgs/header.jpg");
}
#logo{
position: absolute;
top: 0px;
left: 0px;
width: 372px;
height: 265px;
background: url("../imgs/logo.jpg") repeat;
}
#obsah{
font-size: 1.3em;
padding: 0 31px 10px 31px;
}
#paticka{
font-size: 1.2em;
height: 84px;
background: url("../imgs/paticka_bg.gif") repeat-x;
color: #935F5F;
clear: both;
}
#paticka p{
text-align: center;
padding-top: 15px;
}
#paticka .abl{
text-align: center;
}
#paticka a{
color: #935F5F;
}
#udalosti h2 span{
font-size: 1em;
}
/*-------------------------------------PŘIPRAVUJEME-------------------------------*/
#pripravujeme h3{
font-size: 1.2em;
font-weight: width;
color: #820F0F;
margin-top: 15px;
}
/*--------------------------------------JIŽ VYŠLO---------------------------------*/
#jizvyslo .titul{
margin-top: 25px;
position: relative;
min-height: 140px;
height: 140px;
}
html>body #jizvyslo .titul{
height: auto;
}
#jizvyslo h4{
margin-left: 120px;
color: #820F0F;
}
#jizvyslo h3{
margin-left: 120px;
color: black;
}
#jizvyslo p{
margin-left: 120px;
}
#jizvyslo img{position: absolute;top: 2px; left: 0; width:100px; border: 1px solid #999;}
/*---------------------------------------KAVÁRNA----------------------------------*/
#kavarna h3{
margin: 10px 0 3px 0;
}
#kavarna img{
float: left;
width: 400px;
margin: 5px;
border: 1px solid #999;
}
/*---------------------------------------TITULY-----------------------------------*/
.prekryvac{clear:both;position: relative;width: 100%; height: 1px; z-index: 5;background: white; top:-1px;font-size: 0em;}
.titulleft{float: left;width: 380px;height: 150px;padding: 20px 20px 20px 10px; border-right: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;}
.titulright{width: 371px;height: 150px;padding: 20px 20px 20px 35px; margin-left:410px; border-bottom: 1px solid #F0F0F0;}
.titulleft img, .titulright img{float: left; width:100px; margin: 0 15px 0 0; border: 1px solid #999;}
html>body .titulleft img, html>body .titulright img{margin: 5px 15px 0 0;}
.titulleft h3, .titulright h3{font-weight: bold; font-size: 1.1em; margin: 6px 0 7px 0;}
.titulleft h3 a span, .titulright h3 a span{color: #333;}
.titulleft h3 a:hover span, .titulright h3 a:hover span{color: #333;text-decoration: underline;}
.titulleft p, .titulright p{font-size: 0.9em; color: #666;}
.detailtitulu span{font-size: 0.9em}
.detailtitulu a{margin-left: 5px;font-size: 1.1em; font-weight: bold;}
.detailtitulu b{margin-left: 10px;font-size: 1.1em; font-weight: bold;color: #820F0F}
.oddelovac{width: 1px; margin-bottom: -11px;}

#detailknihy{margin: 45px 20px 45px 30px;}
#detailknihy img{float: left; width:195px; margin: 0 15px 45px 0;border: 1px solid #999;}
#detailknihy h3{font-weight: bold; font-size: 1.4em; margin: 0;color: #333;}
#detailknihy h4{font-weight: normal; font-size: 1.0em; margin: 0;color: #666;}
#detailknihy h4 span{font-weight: bold; font-size: 1.1em; margin: 0;color: #820F0F}
#detailknihy h5{font-weight: normal; font-size: 1.0em; margin: 15px 0 15px;color: #333}
#detailknihy h6{font-weight: normal; font-size: 1.0em; margin: 0 0 1px 0;color: #333;}
#detailknihy p{color: #666;}
#detailknihy a{float: right;font-size: 1.2em;padding-right: 50px;background: url("../imgs/do_kosiku_ico.gif") 8em 0 no-repeat;}
/*--------------------------------------KATEGORIE----------------------------------*/
#kategorie{
position: relative;
}
#kategorie #prekryvackategorie{
position: absolute;
width: 2px;
top: 0;
left: 0;
height: 200px;
background: url("../imgs/site_bg_sliver.gif") -1px 2px repeat-y;
}
html>body #kategorie #prekryvackategorie{
left: 30px;
top: 0px;
}

#katalog #prekryvackategorie{
position: absolute;
width: 1px;
top: -20px;
left: -759px;
height: 100px;
background: url("../imgs/site_bg_sliver.gif") -1px 2px repeat-y;
}
html>body #katalog #prekryvackategorie{
left: 40px;
top: 0px;
}
#kategorie ul{
margin: 20px 20px 20px 30px;
padding: 0;
}
#kategorie li{
line-height: 1.8;
font-size: 1.8em;
font-weight: bold;
list-style-type: none;
padding: 0 30px 0 30px;
display: inline;
border-left: 2px solid #bebbbb;
}
#kategorie  p{
padding: 10px 0 0 64px;
}
#kategorie p a{
font-weight: bold;
}
#vyhledavani{
position: absolute;
top: 250px;
left: 440px;
font-weight: bold;
width: 450px;
text-align: right;
font-size: 1em;
}
#vyhledavani input{
display: inline;
}
#vyhledavani p{
display: inline;
color: white;
}
#vyhledavani span{
color: white;
}
#vyhledej{
width: 190px;
padding: 3px;
font-size: 0.8em;
color: #393838;
}
#hledej{
font-weight: bold;
color: white;
border: none;
background: none;
margin: 0;
padding: 0;
cursor: pointer;
font-size: 1em;
}

#katalog{
position: relative;
}
#katalog table{
width: 750px;
border-collapse: collapse;
clear: both;
margin: 20px 55px 10px 55px;
}
#katalog table tr td{
padding: 3px 15px 3px 15px;
text-align: left;
font-size: 1em;
}
#katalog table tr th{
padding: 3px 15px 7px 15px;
font-size: 0.9em;
color: #333;
font-weight: normal;
text-align: center;
}
.tdid{
text-decoration: none;
font-size: 0.9em;
color: #666;
text-align: center;
}
.tdtitul a{
text-decoration: none;
font-size: 1em;
color: #820f0f;
font-weight: bold;
}
.tdtitul a:hover{
text-decoration: underline;
}
.tdautor{
text-decoration: none;
font-size: 1em;
color: #333;
font-weight: bold;
}

#katalog li{
font-size: 1em;
font-weight: bold;
list-style-type: none;
margin: 5px 0 5px 0;
padding: 0 10px 0 10px;
display: block;
float: left;
border-left: 1px solid #bebbbb;
}
#katalog li #zobrazvse{
font-weight: normal;
text-decoration: underline;
}
/*--------------------------------------KONTAKT-----------------------------------*/
#kontakt{
position: relative;
}
#kontakt p{
line-height: 1.3;
}
#kontakt h3{
font-size: 1.1em;
color: #820F0F;
margin: 22px 0 3px 0;
}
#kontakt p span{
margin-left: 5px;
}
#kontakt img{
position: absolute;
left: 360px;
top: 0px;
border: 1px solid #999;
}
/*------------------------------------NOVINKY MAILEM------------------------------*/
.tlacitko{
  display: block;
  font-weight: bold;
  color: white;
  background-color: #820F0F;
  text-align: center;
  padding: 5px 2px 5px 2px;
  margin: 2px 2px 2px 1px;
  border: 1px solid  black;
  cursor: pointer;
}
.formular{
  display: block;
  padding: 0; margin: 1px;
  color : #333;
  background-color : #EFEFEF;
  text-align: left;
  border: 1px solid black;
}
/*------------------------------------NÁKUPNÍ KOŠÍK-------------------------------*/
#kosik h3{
margin: auto;
padding: 50px 0 40px 0;
text-align: center;
}
#kosik input{
width: 40px;
padding: 1px 3px 1px 3px;
border: 1px solid #333;
}
#kosik p{
text-align: right;
margin: 5px;
font-weight: bold;
}
#kosik p strong{
text-decoration: underline;
color:#820F0F;
}
#kosik .tlacitko{
width: 150px;
font-size: 1em;
float: right;
margin: 5px 0px 15px 10px;
}
#kosik fieldset{
clear: both;
width: 450px;
margin: auto;
text-align: center;
border: 1px solid black;
}
#kosik fieldset input{
width: 200px;
}
#kosik legend{
color: #820F0F;
}
#odeslatobjednavku .tlacitko{
float: none;
margin: auto;
margin-top: 10px;
text-align: center;
}
#kosik table{margin: 8px 0 0 0; width: 100%;border-collapse: collapse;}
#kosik table tr td{padding: 4px 6px 4px 6px; text-align: left;background:#F2F2F2;border: 1px solid black;}
#kosik table tr th{padding: 4px 6px 4px 6px;font-weight: bold;text-align: left;background:#820F0F;color:white;border: 1px solid black;}
/*----------------------------------------MENU------------------------------------*/
#menu {
position: absolute;
top: 203px;
left: 24px;
font-size : 1.3em;
text-align: left;
font-weight: bold;
margin: 0;
padding: 0;
}
#menu li {
  list-style: none;
  margin: 0px;
  padding: 0 11px 0 11px;
  display: inline;
}
#menu li span{
  color: white;
  text-decoration: underline;
}
#menu li a {
  color: white;
  text-decoration: none;
}
#menu li a:hover, #menu li a:focus  {
  text-decoration: underline;
}