body 
{
  background-color: #eed9c0;
  color: #553615;
  font-family: Verdana,"Lucida Grande CE",lucida,sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin:0;
}
a img { border: none }
a
{
  text-decoration: underline;
  color: #d86734;
}
a:hover
{
  text-decoration: underline;
  color: #a42f14;
}
.clr
{
  clear:both;
}
.page
{
  margin: 0 auto;
  width:1020px;
}
.header
{
  width:1020px;
  height:200px;
  background: url(images/hlavicka.jpg) no-repeat;
}
.header h1
{
  display: none;
  visibility: hidden;
}
.header a
{
  width: 400px;
  height: 190px;
  display: block;
  cursor: pointer;
}
.menu-levy
{
  width:10px;
  height:30px;
  background: url(images/menu-levy.jpg) no-repeat;
  float:left;
}
.menu-pravy
{
  width:10px;
  height:30px;
  background: url(images/menu-pravy.jpg) no-repeat;
  float:left;
}
.menu-spodni
{
  width:1020px;
  height:8px;
  background: url(images/menu-spodni.jpg) no-repeat;
}
.menu
{
  width:990px;
  height:30px;
  padding-left:10px;
  background: url(images/menu-stred.jpg) repeat-x;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  float:left;
}
ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}	
ul#menu li a
{
	display:block;
	float:left;
	color:#4d3b2c;
	text-decoration:none;
	font-weight:bold;
	padding:7px 10px 1px 10px;
}
ul#menu li a:hover
{	
	color:#a42f14;
	height:22px;	
	/*background: url(images/menu-hover.jpg) repeat-x;*/
}
.menu-spacer
{
  height:1020px;
  width:8px;
  background: url(images/menu-spodni.jpg) no-repeat;
}
.bottom1
{
  width:20px;
  height:15px;
  background: url(images/spodek-levy.jpg);
  float:left;
}
.bottom2
{
  width:980px;
  height:15px;
  background: url(images/spodek-stred.jpg) repeat-x;
  float:left;
}
.bottom3
{
  width:20px;
  height:15px;
  background: url(images/spodek-pravy.jpg);
  float:left;
}
.foot 
{
  text-align: right;
  width:1000px;
  margin: 0 auto;
  font-family: Georgia;
  font-size:10px;
  color: #d9c0a3;
}
.foot a
{
  text-decoration: none;
  color: #d9c0a3;
}
.foot a:hover
{
  text-decoration: underline;
  color: #d86734;
}
.pozadi-vrch
{
  width:100%;
  height:238px;
  background: url(images/pozadi-vrch.png) repeat-x;
  position:absolute;
  top:0px;
  z-index:-1;
}
h2
{
  margin-top: 5px;
  margin-bottom: 0px;
}
h3
{
  margin-top: 5px;
  margin-bottom: 0px;
}
p
{
  margin-top: 3px;
}
.bl
{
  text-align: justify;
}
.content
{
  background-color: #f6e4ce;
  width:960px;
  background: url(images/stred.jpg) repeat-y;
  padding:5px 30px 5px 30px;
  clear:both;
  overflow: hidden;
}
#index-bigbuttons
{
  float: left;
  width: 376px;
}
#index-maintext
{
  float: right;
  width: 570px;
}
.bigbutton
{
  clear: both;
  margin-top: 5px;
  width: 376px;
  height: 120px;
  cursor: pointer;
}
.bigbutton-board
{
  float: left;
  width: 156px;
  height: 120px;
  background: url(images/bigbutton_board.jpg) no-repeat;
}
.bigbutton-car
{
  float: left;
  width: 156px;
  height: 120px;
  background: url(images/bigbutton_car.jpg) no-repeat;
}
.bigbutton-part
{
  float: left;
  width: 156px;
  height: 120px;
  background: url(images/bigbutton_part.jpg) no-repeat;
}
.bigbutton-text
{
  float: left;
  width: 200px;
  height: 120px;
  background: url(images/bigbutton_center.jpg) repeat-x;
}
.bigbutton-text span
{
  display: block;
  font-size: 16px;
  line-height: 22px;
  margin-top: 30px;
  margin-left: -85px;
  font-weight: bold;
  width: 285px;
  position: absolute;
  text-align: right;
}
.bigbutton-right
{
  float: left;
  width: 20px;
  height: 120px;
  background: url(images/bigbutton_right.jpg) no-repeat;
}

#levyblok
{
  float: left;
  width: 200px;
}
#pravyblok
{
  float: right;
  width: 740px;
}
.blok
{
  padding: 0 3px 1px 3px;
  border: 1px solid #e8d1ba;
  margin-bottom: 10px;
}
.blok h3
{
  margin: 0 -3px 0 -3px;
  padding: 1px 3px;
  background: #ecdbcb;
  height: 20px;
  line-height: 20px;
}

.chyba
{
  width: 500px;
  padding: 10px;
  margin: 10px auto;
  border: 1px solid #ff6123;
  background: #ffb294;
  text-align: center;
}
.ok
{
  width: 500px;
  padding: 10px;
  margin: 10px auto;
  border: 1px solid #33e02f;
  background: #baffb8;
  text-align: center;
}

.katalog-panel
{
  clear: both;
  overflow: hidden;
  padding: 3px 0;
  border-bottom: 1px solid #e8d1ba;
}
.katalog-razeni
{
  float: left;
}
.katalog-navigace
{
  float: left;
  margin-left:10px;
  margin-right:10px;
}
.katalog-strankovani
{
  float: right;
}
.katalog-polozka
{
  border-bottom: 1px solid #e8d1ba;
  padding: 3px 0;
  clear:both;
  overflow:hidden;
}
.katalog-polozka-nahled
{
    width: 67px;
    height: 50px;
    margin-right:5px;
    float:left;
    background: #ebdaca;
}
.katalog-polozka-nazev
{
    width:300px;
    height:20px;
    line-height:20px;
    font-weight:bold;
    float:left;
}
.katalog-polozka-cena
{
    width:300px;
    height:20px;
    line-height:20px;
    float:left;
}
.katalog-polozka-cena span
{
    color: #ff0000;
}
.katalog-polozka-datum
{
    width:200px;
    height:20px;
    line-height:20px;
    float:left;
}
.katalog-polozka-pocet
{
    width:200px;
    height:20px;
    line-height:20px;
    float:left;
}
.katalog-polozka-pridat
{
    width:150px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/add.png) no-repeat center left;
}
.katalog-polozka-sledovat
{
    width:150px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/email_add.png) no-repeat center left;

}
.detail-polozka-nahled
{
    width: 300px;
    height: 225px;
    margin-right:20px;
    float:left;
    background: #ebdaca;
    border: 1px solid #ebdaca;
}
.detail-polozka-nazev
{
    width:400px;
    height:20px;
    line-height:20px;
    font-weight:bold;
    font-size: 18px;
    float:left;
}
.detail-polozka-navigace
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
}
.detail-polozka-cena
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
}
.detail-polozka-cena span
{
    color: #ff0000;
}
.detail-polozka-datum
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
}
.detail-polozka-pocet
{
    width:400px;
    height:20px;
    line-height:20px;
    margin-bottom:1em;
    float:left;
}
.detail-polozka-pridat
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/add.png) no-repeat center left;
}
.detail-polozka-sledovat
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/email_add.png) no-repeat center left;
}
.detail-polozka-email
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/email.png) no-repeat center left;
}
.detail-polozka-dotaz
{
    width:400px;
    height:20px;
    line-height:20px;
    float:left;
    padding-left: 18px;
    background: transparent url(images/question.png) no-repeat center left;
}
.polozka-popis
{
  margin-top: 10px;
  margin-bottom: 10px;
}
.polozka-fotka
{
  float: left;
  width: 170px;
  height: 128px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #ebdaca;
}
