@charset "utf-8";
/* CSS Document */

body 	{ background: url("/img/background.png") 0px 0px repeat-x; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 13px; color: #666; }

* 		{ margin: 0; padding: 0; }

p 		{ line-height: 150%; text-align: justify; margin-bottom: 20px; }
ul		{ margin-bottom: 15px; }
li		{ background: url(/img/list.gif) no-repeat 10px 4px; line-height: 20px; padding-left: 25px; margin-bottom: 5px; }
ul, li 	{ list-style-type: none; }
form p 	{ margin: 0; padding: 0; }

a 			{ text-decoration: underline; color: #7a9498; }
a:visited 	{ text-decoration: underline; color: #7a9498; }
a:hover 	{ text-decoration: none; color: #7a9498; }
a img 		{ border: none; }

table		{ width: 100%; margin-bottom: 20px; }

.clear			{ clear: both; }
.Left			{ float: left; }
.Right			{ float: right; }
.IMGLeft		{ float: left; margin: 0 15px 10px 0; }
.IMGRight		{ float: right; margin: 0 0 10px 15px; }
.border			{ border: 1px solid #d8e1e3; padding: 1px; }

h1			{ font-size: 30px; display: block; margin-bottom: 15px; color: #124018; border-bottom: 1px solid #e0e6e7; padding-bottom: 5px; }
h2			{ font-size: 17px; margin-bottom: 15px; color: #900; font-weight: normal }
h3			{ font-size: 15px; margin-bottom: 15px; color: #360; }
h4			{ font-size: 14px; margin-bottom: 10px; color: #333; }

#page  {
  width:900px;
  margin: 0 auto;
}

#top  {
  margin-top:20px;
}

#logo 		{ width:550px; display: block; float:left; text-decoration: none; }
#logo img	{ float: left; margin-top: 5px; }
#logo span	{ font-size: 30px; color: #FFF; font-weight: bold; text-transform: uppercase; margin-left: 10px;}

#vyhledavani  {
  display: block;
  position:relative;
  float:right;
  width:273px;
  height:41px;
  right:20px;
  margin-top:10px;
  background: url("/img/vyhledavani.png") 0px 0px no-repeat;
  _margin-bottom: -20px;
}
#vyhledavani p	{
position:absolute;
top:10px;
left:13px;
margin-bottom: 0;
}
#telo {
  width:890px;
  padding:5px;
  background: white url("/img/stin.png") top no-repeat;
  font-size:13px;
  _margin-top: -13px;
}

#LeftCol {
  width:229px;
  float:left;
}

#RightCol  {
  display: inline;
  padding: 0 15px 15px 15px;
  width:625px;
  float:right;
}

#Navigace	{
  display: block;
  width: 219px;
  background: url("/img/tabulka.png") 0px 0px repeat-y;
  margin-bottom:10px;
  color:#DEB299;
  padding: 5px;
}

#Navigace li	{
	background: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #7B141B;
	width:199px;
	padding-left:10px;
	color:#DEB299;
	}

#Navigace li a span	{
	color:white; 
	font-size:14px; 
	text-decoration:underline; 	
	}
	
#Navigace li a {
	line-height: 30px;
	color:#DEB299;
	text-decoration: none !important;
	}

#LeftCol h2.redh	{
  width:209px;
  padding:10px;
  color:white;
  margin-bottom:0px;
  background: url("/img/tabulka-2.png") 0px 0px repeat-y;
}

#LeftCol h2.greenh {
  width:209px;
  padding:10px;
  color:white;
  margin-bottom: 0px;
  background: url("/img/tabulka-4.png") 0px 0px repeat-y;
  }

#VyberTelefonu	{ 
  width:229px;
  background: url("/img/tabulka-3.png") 0px 0px repeat-y;
  margin-bottom:10px;
  color: #FFF;
  padding-bottom: 5px;
  }
  
#VyberTelefonu p.instrukce	{
   width: 199px;
   border-bottom: #124018 solid 1px;
   padding: 10px; 
   font-size: 12px;
   margin-bottom: 10px;
   }

#VyberTelefonu form label {
  width:50px;
  height:24px;
  color:white;
  float:left;
  font-weight: bold;
}

#VyberTelefonu form p {
  padding-top:3px;
  padding-bottom:3px;
  padding-left:7px;
  width:190px;
  height:19px;
  margin-top:0px;
  background: url("/img/form.png") 0px 0px no-repeat;
  margin-bottom:10px;
}

#VyberTelefonu form	{
	padding: 0 10px;
	}

#VyberTelefonu form select	{
  position: relative;
  top: -3px;
  left: 18px;
  _top: -2px;
  _left: 16px;
  height: 20px;
  border: none;
  width: 120px;  }

.box  {
  width:139px;
  float:left;
  background: #CCCCCC;
  margin-right:16px;
  position:relative;
  margin-bottom:10px;
}

.box a img	{ margin: 4px 4px 0 4px; }

.box h3 {
  width:129px;
  background: url("/img/tabulka.png") 0px 0px repeat-y;
  padding:5px;
  color: white;
  font-size: 13px;
  overflow: hidden;
  margin-bottom: 0; 
}

.box h3 a 		{ color: #FFF; }
.box h3 a:hover { color: #FFF; }

.box h2 {
  position:absolute;
  top:4px;
  left:4px;
  width:120px;
  padding:5px;
  background: #000; 
  color: #FFF;
  font-weight:bold;
  margin-bottom: 0;
  font-size: 13px;
  overflow: hidden;
  text-transform: uppercase;
}

.box h2 a 		{ color: #FFF; }
.box h2 a:hover { color: #FFF; }

#bottom {
  width:890px;
  padding-left:5px;
  padding-right:5px;
}

/*
p#paticka  {
  display: block;
  width:890px;
  height:48px;
  color:#808080;
  font-size:12px;
  margin: 10px 0;
  background: url("/img/paticka2.png") 0px 0px no-repeat; 
  text-align:right;
  padding-right:10px;
  padding-top:20px;
}
*/

#paticka  {
  width:890px;
  height:48px;
  color:#808080;
  font-size:12px;
  margin: 10px 0;
  background: url("/img/paticka2.png") 0px 0px no-repeat;
  padding-right:10px;
  padding-left:10px;
  padding-top:20px;
}

.box2  {
  width:295px;
  float:left;
  background: #CCCCCC;
  margin-right:13px;
  position:relative;
  margin-bottom:10px;
  color:#333333;
  font-size: 11px;
}
.box2 a img	{
	margin: 4px;
	float:left; 
	border:3px solid #FFF; 
	}
	
.box2 h2 {
  background:#808080;
  padding:5px;
  color:white;
  font-size: 13px;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 3px;
}

.box2 h2 a 		{ color: #FFF; }
.box2 h2 a:hover { color: #FFF; }

table#detailinfo	{ float: right; width: 300px; }
table#detailinfo tr	{ border-bottom: 1px solid #CCC }
table#detailinfo th	{ font-weight: bold; text-align: left; vertical-align: text-top; width: 100px; }