
* {
  padding: 0px;
  margin: 0px;
}

	
body {
	margin: 0;	
	padding: 0;	
	background: #FFFFFF; 	
	font: normal 12px Arial;		
	color: #404040;
	text-align:center;
  }

#obal {
  margin: 0px auto auto;
  text-align: left;
  width: 1000px;
  }

#header {
  background: url("../design-images/header.png") no-repeat;	
  height: 133px;
  }

#header-obr {
  background: url("../design-images/header-obr.png") no-repeat;	
  height: 221px;
  }
  
#topmenu-a {
  float: right;
  margin-top: 40px;
  background: #C0C0C0 url("../design-images/top-a.gif") no-repeat;
  background-position: top left ;
  }

#topmenu {
  padding: 12px; 	
  }  
  
#topmenu-b {
  background: url("../design-images/top-b.gif") no-repeat;
  background-position: top right ; 	
  }  
  
#slogan {
  float: left;
  font-size: 15px;
  color: #FFFFFF;
  padding: 60px 0px 0px 30px;
  }
  
#tlacitka {
  padding: 15px 0px 0px 125px;
  }
    
#body {
  float: right;
  font-size: 12px;
  color: #FFFFFF;
  padding: 16px 370px 0px 30px;
  line-height: 36px;
  }  

#top {
  background: url("../design-images/bg-top.png");
  height: 25px;	
  } 
  
#bottom {
  background: url("../design-images/bg-bottom.png");
  height: 25px;	
  }  
 
#obsah {
  background: url("../design-images/bg-obsah.png") repeat-y;
  padding: 20px;	
  }
  
#leva {
  float: left;
  width: 280px;
  margin-top: -30px;
  }
  
#prava {
  float: right;
  width: 620px;
  }
  
.reset {
  border:0 none;
  clear:both;
  float:none;
  font-size:0;
  height:0;
  line-height:0;
  margin:0;
  padding:0;
  width:0;
  }
  
#novinky {
  margin-top: 10px;
  padding: 15px 0px 0px 0px;
  text-align: center;
  color: #FFFFFF; 
  background: url("../design-images/bg-novinky.png") no-repeat;
  height: 175px; _height: 195px;  
  }
     
#paticka {
  margin-top: 10px;
  padding: 20px 0px 0px 0px;
  text-align: center;
  color: #FFFFFF; 
  background: url("../design-images/bottom.png") no-repeat;
  height: 100px; _height: 120px;	
  }
  

h1, h2, h3, h4 {
  color: #ff6600;
  }
  
h1 {
  font-size: 18px;
  }

h2 {
  font-size: 16px;  
  }

h3 {
  font-size: 15px;  
  }
  
h4 {
  font-size: 14px;  
  }
  
#novinky h3 {
  font-size: 14px;  
  }
  
#topmenu a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  }

#topmenu a:hover {
  color: #404040;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  }
  
#paticka a {
  color: #404040;;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  }

#paticka a:hover {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
  }

#cop a {
  color: #FFFFFF;
  text-decoration: none;
  }

#cop a:hover {
  color: #FFFFFF;
  text-decoration: underline;
  }

  .kategorie{
    width: 600px;
  }


  select{
      width: 250px;
      margin: 5px;
  }

  #leva .od{
      margin-left: 5px;
      float: left;
  }

  #leva .do{
      margin-right: 100px; _margin-right: 50px;
      float: right;
  }

  #leva input {
    width: 80px;
    font-size: 14px;
  }

  #leva select, option {
    font-size: 14px;
  }


  .error{
      color: red;
      font-weight: bold;
      border: 1px solid red;
      padding: 5px;
      margin: 5px;
  }

  .error li{
    margin-left: 20px;
  }

  .odsazeni{
      margin: 10px;
  }

  .oznameni{
      border: 1px solid #00529B;
      padding: 7px;
      margin: 10px 0px 10px 0px;
      color: #00529B;
      background-color: #BDE5F8;
  }

  .oznameni li{
    margin-left: 20px;
  }

  .inzerat{
      border: 1px solid #e3e3e3;
      padding: 3px;
      margin-bottom: 10px;
      background-color: #f7f7f7;
  }
  
  .inzerat .zalomeni{ 
      
  }
  
  .inzerat .info{

   }

  .inzerat .nadpis a{
      font-weight: bold;
      color: #ff6600;
      font-size: 14px;       
  }

  .inzerat .obrazek{
      float: left;
      margin: 2px;
      width: 105px;
  }

  .inzerat img{
      border: 0;
      float: left;
      margin: 0 10px 0 0;
  }

  .inzerat .kategorie{
      width: 450px;
      color: green; 
  }

  .inzerat .kontakt{
      width: 450px;
      color: blue;
  }

  .inzerat .cena{
      margin-left: 110px;
      font-weight: bold;
      font-size: 15px;
      color: #099209;
  }

  .nabidka .nazev a{
      font-weight: bold;
      font-size: 13px;
      color: #099209;
  }

  
  .inzerat .status{
      clear: both;
      margin-top: 10px;
  }

  .inzerat .status .pub{
      color: green;
  }

  .inzerat .status .nepub{
      color: red;
  }

  .nabidka{
      float: left;
      text-align: center;
      margin: 10px 10px 10px 15px;
  }

  .nabidka .cena{
      color: #404040;
      font-size: 12px;
      margin-top: 3px;
  }



  #FrogJS{
      width: 604px;	
      height: 500px;
      margin: 10px 0;
  }

  #FrogJS img{
      border: 2px solid white;
  }

  .popis li{
      list-style-type: none;
  }

  .popisek{
      font-weight: bold;
  }

  .strankovani{
      text-align: center;
      margin-bottom: 10px;
  }

  .strankovani a{
      padding: 5px;
      border: 1px solid silver;
      font-weight: bold;
      text-decoration: none;
      color: #ff6600;
  }

  table{
      border: 1px solid silver;
      width: 100%;
      margin: 5px 0 5px 0;
      font-size: 12px;
      text-align: center;
  }

  table td{
      background: #dbdbdb;
  }

  a{
      color: #1b537e;
      text-decoration: none;
  }

  a:hover{
      text-decoration: underline;
  }

  ul{
    margin-left: 10px;
  }

  ul li{
      list-style: none;
  }
  
  .kategorie ul{
      margin: 10px 50px 10px 50px;
      float: left;
  }

  .kategorie li{
      list-style-image: url("../design-images/sipka.png");
  }

  .kategorie li a{
      color: #464646;
      text-decoration: none;
      font-weight: bold;
  }

  .napoveda{
      border: 1px solid #00529B;
      padding: 7px;
      margin: 10px 0px 10px 0px;
      color: #00529B;
      background-color: #BDE5F8;
  }

  .malyStribrny{
      color: silver;
      font-size: 11px;
  }

  .maly{
      width: 290px;
      text-align: left;
      margin-left: 5px;
      float: left;
  }

  .tableNameL{
      margin-left: 5px;
      float: left;
  }

  .tableNAmeR{
      float: left;
      margin-left: 230px;
  }

  .zeleny{
      color: green;
  }

