body {margin:0; padding:0; text-align:center; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; color:#373737; background:#1a3e73}
a img {border:none}
h1 {margin:10px 0; font-size:1.7em; color:#193d71; font-weight:normal}
.clr {clear:both; font-size:0px; height:0px; line-height:0px; border:none; margin:0; padding:0}
.il {float:left; margin:0 10px 0 0}
.ir {float:right; margin: 0 0 0 10px}


#nad-container {width:100%; position:relative; background:#e6f3f6 url(../img/bg-nad-container.gif) repeat-x left top}
#nad-container2 {width:100%; height:169px; position:relative; background:url(../img/bg-nad-container2.gif) repeat-x left top}
#container {width:952px; margin:0 auto; text-align:left; position:relative; background:#e6f3f6 url(../img/bg-nad-container.gif) repeat-x left top}
#container-left {width:700px; float:left; position:relative}
#container-right {width:252px; float:left; position:relative}
#top {width:700px; height:370px; float:left; background:url(../img/bg-top.gif) no-repeat right 38px; position:relative}
#top01 {width:700px; height:170px; position:absolute; top:0px; left:0px; z-index:1;}
#top02 {width:700px; height:220px; float:left; background:url(../img/bg-top.gif) no-repeat right 38px; position:relative}

#menu {width:700px; height:38px; line-height:38px; font-size:0.9em; font-weight:bold}
#menu ul {list-style:none; margin:0px; padding:0px}
#menu ul li {display:inline; position:relative; text-transform:uppercase; margin:0 18px 0 0; background:url(../img/odr-menu-h.gif) no-repeat left 2px; z-index:10;}
#menu ul li a {color:#fff; text-decoration:none; background:url(../img/odr-menu.gif) no-repeat left 2px; padding-left:15px}
#menu ul li a:hover, #menu ul li a.act {background: transparent; text-decoration:underline; color:#ffba00}

#menu ul li ul {display:none; }
#menu ul li:hover ul, #menu ul li.hover ul {display:block; }
#menu ul li {behavior: url(/public/default/templates/cs2.default/css/hover.htc);} /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
 

#menu ul li ul {position:absolute; top:12px; left:0; z-index:10; padding: 10px 0 0 0;}
#menu ul li ul li {display:block;  background: #17396b; background-image: none; text-transform:none; }
#menu ul li ul li a {background:#11f4d91; background-image: none; border-bottom:1px solid #cdeef5; padding:0px 10px 0px 14px; display:block; width:150px; font-size:11px; }

#menu ul li ul * {z-index:11;}



#logo {width:184px; height:62px; position:absolute; top:71px; left:19px; z-index: 5;}
#motive-text {position:absolute; top:80px; left:240px; font-family: Arial, Helvetica, sans-serif; font-size:1.75em; color:#193d71; margin:0; padding:0; z-index:5;}
#motive {width:692px; height:184px; position:absolute; top:157px; left:0px; background:url(../img/motive.jpg) no-repeat left top; z-index:5;}
#text {padding:5px 1px; border-bottom:1px dashed #b4d6de; border-top:1px dashed #b4d6de; margin:10px 0; float:left; width:688px}
#text p {margin:10px 0; text-align:justify; line-height:1.5em}

#contact {width:688; float:left; padding:0px 1px 10px 1px; color:#565757}
#contact p {width:230px; float:left; margin:10px 0; line-height:1.5em}

#container-left a {color:#193d71}
#container-left a:hover {text-decoration:none}

#zaob {width:2px; height:4px; background:url(../img/bg-zaob.gif) no-repeat right top; position:absolute; top:38px; right:0px}
#tel {width:232px; height:63px; background:url(../img/bg-tel.gif) no-repeat left bottom; padding:38px 0px 0 18px; color:#7ed2e4; float:left}
#tel p {background:url(../img/bg-telefon.gif) no-repeat left 2px; padding:0px 0 0px 58px; font-weight:bold; margin:10px 0 0 0; float:left}
#tel span {color:#fff; font-weight:normal; font-size:1.55em; line-height:1.5em}

#aktual {float:left; width:230px; padding:55px 10px 20px 10px; overflow: hidden;}
#aktual h2 {margin:10px 0 0 0px; font-size:1.2em; font-weight:normal; color:#183a6d; background:url(../img/bg-h2.gif) no-repeat left top; padding:0px 0 15px 30px; border-bottom:1px dashed #b4d6de}
.news {width:225px; border-bottom:1px dashed #b4d6de; float:left; margin:0px 0 0px 5px; padding:10px 0}
.news p, .news h3 {margin:5px 0; line-height:1.5em}
.news p.news-date {background:url(../img/bg-date.gif) no-repeat left 2px; padding:0 0 2px 21px; color:#69aebd; font-size:0.9em; margin-top:5px}
.news h3 {color:#193d71; font-size:1.0em; }
.news h3 a {color:#193d71; text-decoration:none}
.news h3 a:hover {text-decoration:underline}
.news p a {color:#193d71; text-decoration:none; font-weight:bold; font-size:0.9em; display:block; float:left; width:84px; height:20px; line-height:20px; padding-left:22px; background:url(../img/bg-vice.gif) no-repeat left top}
.news p a:hover {background:url(../img/bg-vice-h.gif) no-repeat left top; color:#fff}

#foot {width:950px; margin:0 auto; text-align:left; position:relative; height:169px; color:#89a9d9; font-size:0.9em; background:url(../img/bg-nad-container2.gif) repeat-x left top}
#foot a {color:#89a9d9}
#foot a.machin {text-decoration:none}
#foot a:hover {text-decoration:none}
#foot p {margin:35px 0 0 0; line-height:1.6em}
#foot-left {float:left; width:450px; height:169px; padding-left:70px; background:url(../img/logo-foot.gif) no-repeat left 28px}
#foot-right {float:left; width:430px; height:169px}
#foot-right {float:left; width:430px; height:169px}

#gallery-list ul{
  list-style:none;
  padding-left:0 !important;
  margin-bottom:15px;
  padding-top:0px;
  margin-top:0;
}

#gallery-list ul li a{
  display:block;
  padding-bottom:4px;
  font-size:14px;
  background:url('../img/slozka.png') no-repeat 0px 2px;
  padding-left:23px;
  font-weight:bold;
  text-decoration:none;
  color:#193d71;
}

#gallery-list ul li a:hover{
  text-decoration:underline;
}

div.gallery-item{
  float:left;
  width:190px;
  height:135px;
  border:solid 1px #b4d6de;
  background-color:#dff0f3;
  margin:7px 7px 7px 14px;
  text-align:center;
  padding-top:15px;
}