/*******************************************************************************
* Soubor kaskádových stylů CSS
*******************************************************************************/
* {margin:0; padding:0;}
html{overflow-y:scroll;}
body {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #222;
  background: #9FC4E8 url(../img/pozadi.jpg) repeat-x top left;
  text-align: center;
}

textarea, input{background:#fff;}
textarea{font-family:Arial, sans-serif;font-size:13px;}
.warning{font-weight:bold;color:red;}
input[type=radio]{vertical-align:middle;}
.clear{float:none;clear:both;}

ul, ol{margin-left:20px;}

#kontejner {
  position: relative;
  width: 960px;
  min-height: 221px;
  margin: 5px auto;
  text-align: left;
  background: url(../img/podklad.gif) no-repeat top left;
}

#zahlavi {
  position:relative;
  width:960px;
  height:75px;
}
#logo {
  position:absolute;
  top:25px;
  left:10px;
}
#hotline {
  position:absolute;
  top:35px;
  left:740px;
}

#okno {
  width:960px;
  min-height:220px;
  background: url(../img/okno.jpg) no-repeat top left;
}
#sloupce {margin:0 15px; width:930px;}
#sloupec_1 {float:left; width:210px;}
#sloupec_2 {float:left; width:705px; margin-left:15px;}

#menu {margin:35px 0 15px 0;  background-color:#fff; padding:1px 0;}
#menu ul {list-style:none; margin:1px;}
#menu ul li {margin:1px 0;}
#menu ul li a {
  display:block;
  width:192px;
  padding:6px 4px 6px 10px;
  color:#3780C8;
  text-decoration:none;
  border:1px solid #C9DEF1;
  background-color:#EFF6FB;
  font-weight:bold;
}
#menu ul li a:hover, #menu ul li.aktivni a {
  display:block;
  width:192px;
  padding:6px 4px 6px 10px;
  color:#ED4005;
  text-decoration:none;
  border:1px solid #FDD9A5;
  background-color:#FDEFDD;
  font-weight:bold;
}
#menu ul li.aktivni a {text-decoration:none;}

#aktuality {
  width:180px;
  background: #E4EEF8 url(../img/aktuality.jpg) no-repeat top left;
  padding:8px 15px;
}
#aktuality p.ah {font-size:120%; font-weight:bold; padding-bottom:20px; color:#fff;}
#aktuality p.an a {font-weight:bold;}
#aktuality p.at {padding:0px 0 20px 0;}

#banner {
  min-height:190px;
}

#obsah {
  background:#fff;
  min-height:150px;
  padding-bottom:20px;
}
#obsah h1 {padding:10px 0px; font-size:160%; color:#3A82C8;}
#obsah p {padding:5px 0px;}

h2 {padding:5px 20px 10px 0px; font-size:140%; color:#ED4005;}

#sluzby {margin:0px;padding-top:10px;}
.sluzba_1 {float:left; width:320px;background:#fff url(../img/sluzba1.jpg) no-repeat top left;}
.sluzba_2 {float:left; width:320px; margin-left:25px;background:#fff url(../img/sluzba2.jpg) no-repeat top left;}
#sluzby h2 {color:#fff; font-size:130%; padding:5px 0px 0px 10px;}
#sluzby ul {margin:10px 5px; list-style:none;}
#sluzby ul li {margin:5px; padding-left:10px;}
.sluzba_1 ul li {background:url(../img/li1.gif) no-repeat 0 50%;}
.sluzba_2 ul li {background:url(../img/li2.gif) no-repeat 0 50%;}
#sluzby p {padding:5px 0px;}
.sluzba_2 p {padding:5px 0px;}
.sluzba_1 p a img {padding:2px; border:1px solid #FDD9A4;}
.sluzba_2 p a img {padding:2px; border:1px solid #C9DEF1;}

.sluzba_1 p.cn, .sluzba_2 p.cn {padding:10px 10px 25px 10px;}
.sluzba_1 p.cn a, .sluzba_2 p.cn a:hover {
  background-color:#ED4005;
  border:1px solid #DF3F09;
  padding:4px 8px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
.sluzba_2 p.cn a, .sluzba_1 p.cn a:hover {
  background-color:#3A82C8;
  border:1px solid #3273B4;
  padding:4px 8px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
}
.sluzba_2 p.cn span strong {color:#3A82C8;}

#paticka {
  margin:0 auto;
  width:960px;
  text-align:left;
}
#paticka p {
  color:#2D67A2;
  padding:10px 20px;
}

a {color:#3780C8;}
a:hover {color:#ED4005;}
a img {border:none;}
hr.cleaner {
  clear: left;
	height: 1px;
	margin: -1px 0 0 0;
	border: none;
	visibility: hidden;
}

#fotogalerie {margin:10px auto;width:450px;}
#fotogalerie .foto {float:left; margin:4px 8px 4px 0;}
#fotogalerie .foto a img, #fotogalerie .foto2 .fotoobr a img {padding:1px; border:4px solid #BED6EF;}
#fotogalerie .foto a:hover img, #fotogalerie .foto2 .fotoobr a:hover img {padding:1px; border:4px solid #ED4005;}

#obsah table {margin:10px 0px;}
#obsah table td {padding:2px 6px;text-align:left;vertical-align:top;}
#obsah table td input[type=text], #obsah table td textarea {padding:2px; border:1px solid #ccc;}
#obsah table td input[type=text] {width:260px;}
.obligatory{background:#CFE7FF;width:260px;}
.obligatory_short{background:#CFE7FF;width:130px !important;}
#obsah table td input.submit{color:#fff; font-family:Arial, sans-serif; font-weight:bold; cursor:pointer;}
.submit{background-color:#3A82C8;border:1px solid #3273B4;width:100px !important;}
  .submit:hover{background-color:#3A82C8;border:1px solid #3273B4;width:100px !important;color:#fff;cursor:pointer;}
#obsah table p{margin:0px;padding:0px;}

#fotogalerie .foto2 {border:1px solid #C9DEF1; background-color:#E6F1F9; margin:3px 0;}
.fotoobr {float:left; margin:10px; width:160px;}
.fototext {float:left; margin:10px 0;}
.fototext p {line-height:20px;}

/**TABLE*/
.listing{width:100%;}
  .listing td, th{vertical-align:top;padding:2px 5px;}
  .listing th{background:#4E8ECC;color:#E4EEF8;}
  .listing tr:hover{background:#E4EEF8;}