/******************************************************************************* 
* Soubor kaskádových stylů CSS
* 
* 2009-09-25 Chaloupka Jaromír 
*******************************************************************************/ 
* { margin: 0; padding: 0; }
body {
  font-family: Arial, sans-serif;
  font-size: 80%;
  color: #222;
  background: #fff url(../img/pozadi.jpg) repeat-x top left;
  text-align: center;
}
#kontejner {position:relative; width:960px; margin:5px auto; text-align:left;}
#zahlavi {width:960px; height:170px; background:url(../img/zahlavi.jpg) no-repeat top left; position:relative;}
#zahlavi_en {width:960px; height:170px; background:url(../img/zahlavi-en.jpg) no-repeat top left; position:relative;}
#logo {position:absolute; top:35px; left:25px;}
#motiv{text-align: right; margin-right: 60px; padding-top: 3px;}
#motiv a{font-size: 90%; color: Black}
#motiv a:hover{color:#0072bc;}

#menu {width:960px; height:40px; background:url(../img/menu.jpg) repeat-x top left; position:relative; z-index: 999;}
#menu ul {position:absolute; top:5px; left:8px; margin:0; height:40px;margin:0;padding:0;}
#menu ul li {position: relative; display:block; margin:0; padding:0;float:left;}
#menu ul li a {
  padding:8px 10px 11px 10px;
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold;
  background:url(../img/oddelovac.gif) no-repeat 100% 50%;
}
#menu ul li a:hover {text-decoration:underline;}
#menu ul li a.aktivni {background:#f8fbff; color:#0072bc;}
#menu ul li a#posledni {background:none;}
#menu li ul {display: none; position:absolute; background-color: #007FD0; border: 1px solid #69C0F6; top: 34px; left: 0px; width: 150px; height:auto;}
#menu li:hover ul {display: block;}
#menu li ul a {background-image: url(none);}

#okno {width:960px; background:#fff url(../img/okno.jpg) no-repeat top left; padding-bottom:20px; position:relative; border-bottom:1px solid #dfefff;}
#ls {float:left; width:550px; margin-top:10px; text-align: justify;}
#ps {float:left; width:410px; margin-top:10px; text-align: justify;}

#objekty {margin:10px;}

#box1 {width:400px; background:url(../img/box.jpg) repeat-x top left; margin:10px 0;}
#box1 h2 {background:url(../img/iko1.gif) no-repeat 0 50%; padding-left:22px; margin-left:10px;}
#box1 p.nadpis {padding:15px 15px 5px 15px;}
#box1 p.nadpis span {color:#999; padding-right:10px;}
#box1 p.nadpis a {font-weight:bold; background:url(../img/sipka.gif) no-repeat 100% 50%; padding-right:8px;}
#box1 p.vice {padding:10px 15px 20px 15px;}
#box1 p.vice a {font-weight:bold; background:url(../img/sipka.gif) no-repeat 100% 50%; padding-right:8px;}
#box1 p {padding:5px 15px;}

#box2 {width:400px; background:url(../img/box.jpg) repeat-x top left; margin:10px 0;}
#box2 h2 {background:url(../img/iko2.gif) no-repeat 0 50%; padding-left:22px; margin-left:10px;}
#box2 p.vice {padding:10px 10px 5px 10px;}
#box2 p.vice a {font-weight:bold; background:url(../img/sipka.gif) no-repeat 100% 50%; padding-right:8px;}
#box2 p {padding:10px;}
#box2 p a {float:left; margin:0 8px;}
#box2 p a img {background-color:#fff; border:1px solid #dfefff; padding:4px;}
#box2 p a:hover img {background-color:#fff; border:4px solid #0072bc; padding:1px;}

#box3 {width:400px; background:url(../img/box.jpg) repeat-x top left; margin:10px 0;}
#box3 h2 {background:url(../img/iko1.gif) no-repeat 0 50%; padding-left:22px; margin-left:10px;}
#box3 p {padding:10px 15px 5px 15px; line-height:18px;}

#box4 {width:400px; text-align: center; margin-top: 30px;}

#zapati {width:960px; margin-top:15px; padding-bottom:10px; position:relative;}
#copy {position:absolute; top:0; left:0;}
#web {position:absolute; top:0; right:0;}
#zapati p {color:#444; padding:5px 10px;}
#zapati p a {color:#444; font-size:90%;}
#zapati p a:hover {color:#0072bc;}

h1 {color:#0072bc; font-size:160%; padding:20px 15px 10px 20px;}
h2 {color:#0072bc; font-size:130%; padding:10px 15px 10px 20px;}
p {padding:8px 15px 8px 20px; line-height:18px;}
ul {margin:5px 20px;}
ul li {margin:2px 15px; list-style-image: url(../img/sipka.gif);}
a {color:#0072bc;}
a:hover {color:#222;}
a img {border:none;}
table {margin:5px 15px;}
table td {padding:2px;}
input {font-family:Arial,sans-serif; padding:1px;}
input.tlacitko {
  font-family:Arial,sans-serif;
  font-weight:bold;
  color:#fff;
  padding:2px 4px;
  background-color:#bd0819;
  border:1px solid #bd0819;
  cursor:pointer;
}
hr.cleaner {
 clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}
.posledni {border:none;}
.left {float:left; margin: 10px 10px 10px 15px;}
.right {float:right; margin: 10px 15px 10px 10px;}
.aktuality_nazev { color:#0072bc; font-weight:bold;}
.kontaky_jmeno {position:absolute; left:20px;}
.kontaky_telefon {position:absolute; left:290px;}
.kontaky_mail {position:absolute; left:380px;}
.kontakty_nadpis{font-weight: bold; text-decoration: underline; font-size: 120%;}
.logo_zarizeni {float: left;}
img.img_zajimave_odkazy {
border: 2px solid #0072bc;
padding: 8px;
}
.zajimave_odkazy_img {
width: 170px;
text-align: center;

}
.zajimave_odkazy {
vertical-align:top;
}
.zajimave_odkazy_text {
}
#vlajky {
  position: absolute;
  width: 45px;
  height: 12px;
  right: 5px;
  top: 5px;
}

#vlajky img {
  width: 16px;
  height: 11px;
  border: none;
}

input.submit {
  background-color: #DFEFFF;
  border: 1px solid #0072BC;
  color: #0072BC;
  cursor: pointer;
  font-size: 8pt;
  font-weight: bold;
}

p.ko {
  background: url("../img/ko.gif") no-repeat scroll 6px 50% #FEE9DA;
  border: 1px solid #FDC79F;
  line-height: 20px !important;
  margin: 8px 15px !important;
  padding: 5px 0 5px 27px !important;
}

#googlemap_route {
  margin: 0 15px;
}

#googlemap_route table {
}
