html,body {
  height: 100%;
 }
 body {
  font-size: 12px;
  font-family: Times New Roman;
  margin:0;
  padding: 0;
  text-align: center;
  background-color: #947745;
 }
 
 h1,h2,h3 {
 margin: 0;
 color:#384048;
 }

 h1 {
 font-size:20px;
 }
  
 p {
  margin: 0 0 0 0;
  padding: 0 0 1em 0;
 }
 
 ul {
  margin: 0;
  padding: 0;
 }

 li {
  margin: 0 0 0 20px;
  padding: 0;
 }
 
 img {
  border: 0;
 }

 #holderbg {
  background:#e3d4ab url(../img/bg.jpg) repeat-x top;  
 } 
 
 #holder {
  margin: 0 auto;
  text-align: left;
  width: 802px;
  background: #e2c89a url(../img/pageloop.jpg) repeat-y left top;
  position:relative;
 }
 #page_stretcher {
 width:1px;
 height:560px;
 float:left
 }
 #mainlogo {
 position:absolute;
 left:-60px;
 top:70px;
 }
 #mainlogo a{
 width:248px;
 height:140px;
 display: block;
 }
 #mainlogo a span {
 display:none;
 }
 
 #kategorie {
 position:absolute;
 left:-20px;
 top:240px;
 background: url(../img/pivari.gif) no-repeat left top;
 width:193px;
 height:485px;
 font-family: Comic Sans MS;
 font-size:14px;
 }
 #kategorie_in {
 padding:43px 0 0 10px;
 }
 #kategorie_in strong{
 font-size:12px;
 }
 #kategorie_in a {
 text-decoration: none;
 color:black;
 display: block;
 height:30px;
 }
 #kategorie_in a span{
 padding:4px 0 0 4px;
 display: block;
 }
 
 #kategorie_in a:hover{
  background: url(../img/kategorieover.gif) no-repeat left top;
 }
 
 #top {
  background: #f0f0f0 url(../img/top.jpg) no-repeat top;
  width: 802px;
  height: 134px;
  color:white;
  font-size:16px;
  font-family: times New Roman;
  font-weight: bold;
 }

 #top a{
  color:white;
  text-decoration: none;
 }
 #top a:hover{
  text-decoration: underline;
 }
 #logo {
  float:left;
 }
 #logo a {
  display:block;
  width:90px;
  height:60px;
 }
 #logo a span{
  display:none;
 }
 #menu {
  float:right;
  padding:37px 47px 0 0;
 } 
  
 #topbg {
  background: url(../img/topbg.jpg) no-repeat center top;
 } 
 #page_in {
  width:607px;
  float:right;
}
 
 #page {
  background: url(../img/page.jpg) no-repeat top;
  padding:0 0 0 194px;
 }
 
 #footer {
  background: #947745 url(../img/footerbg.jpg) repeat-x top;
  color:white;
 }
 #footer a{
  color:white;
 }
 
 #footer_in {
  margin: 0 auto;
  text-align: left;
  width:802px;
  height:260px;
  font-family: Tahoma;
  font-size:11px;
  line-height: 18px;
 }
 
 #footer_left {
  float:left;
  width:630px;
 }
 #footer_left_in {
  padding:10px 0px 10px 10px;  
 }
 #footer_left h3,#footer_right h3{
  margin:0;
  font-size:14px;
  color:white;
 }
  
 #footer_right {
  float:right;
  width:150px;
 }
 #footer_right_in {
  padding:10px 10px 10px 0px;
 }
 #footer_in a{
  color:white;
  text-decoration: none;
 }
 #footer_in a:hover{
  text-decoration: underline;
 }
 
 
 
 #footer_top {
  background: #f0f0f0 url(../img/footer.jpg) no-repeat top;
  width:802px;
  height:44px;
 }
 
 #tip {
  background: url(../img/tip.jpg) no-repeat top;
  width:607px;
  height:72px;
  font-size:14px;
 }
 #tip a {
 text-decoration: none;
 color:black;
 }
 #tip span {
  padding:23px 0 0 30px;
  color:#5b5f64;
  display: block;
 }
 #tip strong {
  color:#000000;
 }
 /*   ------------ HOMEPAGE  ------------------ */
 
 #homepage {
  background: url(../img/homepage.jpg) no-repeat top;
  width:607px;
  font-family: times New Roman;
  font-size:14px;
 }
 #homepage_in {
  padding:0 0 0 20px;
 }
 #homepage0 {
  padding:10px 0 20px 0;
 }
 #homepage0 h2 {
  font-size:20px;
  margin:0;
  height:23px;
 }
 #homepage1 {
  display:block;
  width:300px;
  height:222px;
  float:left;
  color:#384048;
  line-height: 20px;
 }
 #homepage2 {
  display:block;
  width:285px;
  height:237px;
  float:right;
 }
 #homepage3 {
  display:block;
  width:540px;
  height:87px;
  color:white;
 }
 #homepage3_in {
  padding:0 0 0 10px;
 }
 #homepagerandom {
  color:#3e2a07;
  height:25px;
 }
 #homepagerandom_in {
 padding:8px 0 0 10px;
 } 
 
  
 .homepagerandomfirm {
  padding:20px 1px 0 28px;
  float:left;
  text-align: center;
 }
 .homepagerandomfirm a{
 color:#3c3c3c;
 font-size:11px;
 font-family: Tahoma;
 line-height: 20px;
 }
 
 /* ------------------- KATEGORIE VYPIS --------------- */
 #vypiskategorii {
 }
 #vypiskategorii h1 {
  display:block;
  background: url(../img/kategorietop.gif) no-repeat top;
  width:607px;
  height:63px;
 }
 #vypiskategorii h1 span {
  padding:25px 0 0 40px;
  display: block;
  font-size:20px;
  color:#384048;
  font-weight: bold;
 }
 #vypiskategorii em {
 padding:12px 30px 0 55px;
 display:block;
 color:#808080;
 font-family: trebuchet MS;
 }
 .arrow{ 
 cursor:default;
 }
 
 #podkategorie {
  width:574px;
  background: url(../img/kategoriebottom.png) no-repeat top;
  height:108px;
 }
 
 #vypiskategorii ul {
  list-style: none;
  margin:0;
  padding:0; 
 }
 #vypiskategorii li {
  margin:0;
  padding:0;
  background: url(../img/kategoriebg.gif) no-repeat top;
  width:574px;
  height:102px;
  cursor:pointer;
  display: block;
 }
 
 #vypiskategorii li span{
  padding:10px 6px 10px 60px;
  display: block;
  font-size:12px;
 }
 
 #vypiskategorii li a {
  color:#0b4670;
  font-weight: bold;
  text-decoration: none;
 }
 #vypiskategorii li a:hover {
  text-decoration: underline;
  color:black;
 }
 
 #vypiskategorii li .nadpiskategorie {
  display:block;
  font-size:20px;
  color:#384048;
  font-weight: bold;
  text-decoration: none;
  padding:0 0 5px 0;
 }
 
 #vypiskategorii li .nadpiskategorie:hover {
  text-decoration: none;
 }
 
 #vypiskategoriicesta{
 font-family: Tahoma;
 font-size:14px;
 color:#5d3f0c;
 padding:10px 0 3px 20px;
 text-decoration: none;
 }
 #vypiskategoriicesta a{
 font-family: Tahoma;
 font-size:14px;
 color:#5d3f0c;
 padding:10px 0 3px 0px;
 text-decoration: none;
 }
 #vypiskategoriinadpis {
 font-family: Tahoma;
 font-size:18px;
 color:black;
 padding:0 0 10px 20px;
 }
 
 
 #nadpisvypisufirem {
 font-family: Tahoma;
 font-size:18px;
 color:black;
 padding:0 0 10px 20px;
 font-weight: normal;
 }
 
 
 .kategorienormal {
 background: white url(../img/kategoriebg.gif) no-repeat top;
 }
 .kategoriehover {
 background: url(../img/kategoriebgover.gif) no-repeat left top !important;
 color:black;
 }
 
 
 #vypisfirem {
 background: url(../img/vypisfirem.gif) repeat-y top;
 }
 #vypisfirem ul {
  list-style: none;
  margin:0;
  padding:0; 
 }
 #vypisfirem li {
  margin:0;
  padding:0;
  width:574px;
  height:147px;
  cursor:pointer;
  display: block;
 }
 
 #vypisfirem .nadpisvypisfirem {
 color:black;
 font-size:18px;
 text-decoration: none;
 font-weight: bold;
 }
 
 #vypisfirem i {
 font-style: normal;
 display: block;
 padding:2px 0 8px 0;
 }
 
 #vypisfirem .vypisfirmain {
 float:left; 
 width:415px;
 }
 
 #vypisfirem span {
 padding:14px 0 0 50px;
 display: block;
 }
 
 #vypisfirem .firmaimg {
 width:150px;
 padding:4px 0 0 0;
 float:right;
 }
 #vypisfirem .vypisfirmatext {
 font-size:12px;
 }
 #vypisfirem .vypisfirmatext a {
  color:#0b4670;
  font-weight: bold;
  text-decoration: none;
  }
 
 #vypisfirem .vypisfirmatext a:hover {
  text-decoration: underline;
 }
 
 #detailnadpis {
 font-family: Tahoma;
 font-size:18px;
 color:black;
 padding:10px 0 10px 20px;
 }
 
 
 #detailstranka {
 background:url(../img/strankabg.gif) no-repeat top left;
 width:600px;
 }
 #detail {
 background: url(../img/detailbg.gif) no-repeat top left;
 width:600px;
 }
 #detail_in {
 padding: 0 45px 0 35px;
 position:relative;
 }
 #detail_in h1{
 padding:80px 0 0 0;
 font-size:22px;
 }
 
 .myhr {
 background: url(../img/hr.gif) repeat-x left top;
 height:10px; 
 }
 
 #detail_in i {
 font-style: normal;
 display: block;
 padding:2px 0 16px 0;
 }
 
 
 
 #detaildole {
 background: url(../img/detaildole.gif) no-repeat top left;
 width:600px;
 height:30px;
 }
 
 #detail_in #nahled {
 position:absolute;
 left:403px;
 top:7px;
 }
 
 
 #detail_in_html {
 font-size:14px;
 color:black;
 }
 
 #detail_in_htmlmain {
 font-size:15px;
 color:#8f98a1;
 color:#6f7881;
 }
 
 #detail_in_html a,#detail_in_htmlmain a{
 text-decoration: none;
 color:#0e4973;
 font-weight: bold;
 }
 
 #detail_in_html a:hover,#detail_in_htmlmain a:hover{
 color:black;
 text-decoration:underline;
 }
 
 
 #detailfootervlevo {
 float:left; 
 font-family: tahoma;
 font-size: 11px;
 color:#6b6f72;
 height:87px;
 background: url(../img/kontakt.gif) no-repeat top left;
 }
 #detailfootervlevoin {
 padding:38px 0 0 52px;
 }
 #detailfootervlevoin a {
 color:black;
 text-decoration: none;
 }
 #detailfootervlevoin a:hover {
 text-decoration: underline;
 }
 #detailfootervpravo {
 float:right;
 text-align: right; 
 }
 
 #firmaflash {
 margin:0 0 10px 0;
 }