/********************************** Obecné ***********************************/

body {
  background: #D46F17;
	font-family: Tahoma, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
}

#celek {
  width: 733px;
  padding: 0px;
  margin: auto;
	margin-top: 35px; 
	margin-bottom: 0px;
	background: #FFFFFF url('img/pozadi.png') repeat-x;
}

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


h1 {
	text-align: left;
	color: #27257A;
	font-size: 1.6em;
	padding: 0em;
	margin: 0px 0px 0.7em 0px;
	font-family: Arial;
	letter-spacing: 0.15em;
	border-bottom: 1px solid #D3D2D2;
}

h2 {
	text-align: left;
	color: #27257A;
	font-size: 1.25em;
	padding: 0em;
	margin: 0px 0px 0.3em 0px;
	font-family: Arial;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #E4E4E4;
}


/********************************** Horní část **********************************/

#horni {
	height: 325px;
  width: 733px;
	background: url('img/zahlavi.png') no-repeat;
}

#horni img.logo {
	position: relative;
	top: 24px;
	left: 22px;
}

#horni img.popis {
	position: relative;
	top: 26px;
	left: 80px;
}

#divMessage {
  position: relative;
	top: 32px;
	left: 11px;
  width: 711px;
  height: 241px;
}

#divMessage img {
  padding: 0px;
}


/********************************** Levý box **********************************/

#vlevo {
	float: left;
	width: 180px;
	margin:0px;
	font-size: 0.8em;
}

#menu {
  float: left;
  padding: 4px 0px 5px 11px;
  height: 185px;
}

#menu ul {
	margin: 0px;
	padding: 0px; 
}

#menu ul li {
  float: left;
  list-style: none; 
  font-size: 1.05em;
  letter-spacing: 0.12em;
  font-family: Verdana;
  position: relative;
	z-index:9;
}

#menu ul li a {
	display: block;
	height: 21px;
	width: 165px;
	padding: 8px 0px 0px 20px; 
	margin: 0px;
	text-decoration: none;
	color: #2C2C2C;
}

a.pg1 {background: url('img/menu-top.png') no-repeat;}
a.pg2, a.pg3, a.pg8, a.pg5 {background: url('img/menu.png') no-repeat;}
a.pg6 {background: url('img/menu-bottom.png') no-repeat;}

#menu ul li.curr a {
  font-weight: bold;
}

#menu ul li a:hover {
  color: white;
}

a:hover.pg1 {background: url('img/menu-hover-top.png') no-repeat;}
a:hover.pg2, a:hover.pg3, a:hover.pg8, a:hover.pg5 {background: url('img/menu-hover.png') no-repeat;}
a:hover.pg6 {background: url('img/menu-hover-bottom.png') no-repeat;}

  
#menu ul li ul {
	position: absolute;
	display: none;
	left: 140px;
	top: 4px;
	border: 2px solid #929497;
	padding: 1px 1px 0px 1px;
	background: #F6F6F6;
}


#reference {
  width: 185px;
  margin: 7px 0px 5px 11px;
  padding-bottom: 9px;
  background: url('img/refzap.png') no-repeat bottom;
}

#reference .rnadp {
  font-weight: bold;
  padding: 8px 0px 8px 10px;
  letter-spacing: 0.3em;
  color: #2D1A71;
  background: url('img/refzahl.png') no-repeat bottom;
}

#reference .slide {
  border-left: 2px solid #DADADA;
  border-right: 2px solid #DADADA;
  text-align: center;
  padding-top: 5px;
  background: #F9F9F9;
}


/********************************** Obsah **********************************/


#obsah {
	margin: 0px 0px 0px 200px;
	padding: 0px;
	font-size: 0.75em;	
	width: 530px; 

	background: #FFFFFF;
}

.column-in {
	margin: 0px; 
  padding: 0.5em 1em;
}

#obsah p {
	text-align: justify;
	line-height: 1.35em;
	padding: 3px 0px 5px 0px; 
	margin: 0px;
	font-size: 1.1em;
}

#obsah p.kontakt {
	margin-left: 10px; 
  line-height: 1.4em;
}

#obsah ul {
	font-size: 1.1em;
	line-height: 1.35em;
	margin-top: 0px;
}

#obsah .ref {
	width: 510px;
  margin: 7px 2px 5px 0px;
  padding-bottom: 9px;
  background: url('img/ref-bottom.png') no-repeat bottom;
}

#obsah .refz {
	display: block;
  width: 510px;
	height: 9px;
  background: url('img/ref-top.png') no-repeat bottom;
}

#obsah .refo {
	background: #E4E4E4;
	border-left: 2px solid #DADADA;
	border-right: 2px solid #DADADA;
}

#obsah .ref img {
  margin: 6px 5px 2px 10px;
  background: url('img/okraj_obrazku.png') no-repeat; 
  width: 120px; 
  height: 90px; 
  padding: 8px 11px 12px 9px;
}

#obsah .ref p {
  float: right;
  width: 348px;
  padding-top: 5px;
}

#obsah table td {
	padding: 3px 0px;
}

#obsah strong.red {
	color: red;
}

#obsah .ref p strong.nadpis {
  color: #27257A;
  font-size: 1.05em;
}

#kont {
	width: 455px;
  margin: 7px 2px 5px 20px;
  padding-bottom: 9px;
  background: url('img/kont-bottom.png') no-repeat bottom;
}

#kont form {
  width: 455px;
  background: url('img/kont-top.png') no-repeat top;
  padding-top: 9px;
}

#kont table.formular {
  width: 100%;
	padding: 0px 15px;
	font-size: 1em;
	line-height: 1.3em;
	background: #E4E4E4;
	border-left: 2px solid #DADADA;
	border-right: 2px solid #DADADA;
}


/********************************** Zápatí **********************************/

#zapati {
  clear: both;
  width: 733px; 
	padding: 17px 0px 10px 0px; 
  margin: 0px;
	background: #D46F17 url('img/zapati.png') no-repeat;
}

#zapati p {
  margin: 0px;
  padding: 0px 10px 10px 10px; 
  text-align: center;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #DFE0E0;
	font-family: Tahoma, Verdana, sans-serif;
}

#zapati p a {
  color: #DFE0E0;
}

#zapati p a:hover {
  color: #FFFFFF;
}