@import url("common.css");

/* --------------- hlavička a obecné nastavení ------------------ */


#site{
  margin: 0px;
  padding: 0px;
}

h1{
  text-align :center;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 13pt;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 20px;
}

h2{
  text-align :center;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 11pt;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}

#container{
  margin: 0px auto;
  width: 970px;
  background: url(../images/pozadi.jpg) repeat-y top left;
  position: relative;
  padding: 0 78px 0 5px;
}

#hlavicka{
  background: url(../images/hlava2.jpg) no-repeat;
  width: 1053px;
  height: 173px;
  position: relative;
}

img{
  border: none;
}

#nazev-stranek{
  width: 227px;
  height: 58px;
  position: relative;
  top: 43px;
  left: 38px;
  display: block;
  cursor: pointer;
}
#nazev-stranek span{
  background: url(../images/logo.jpg) no-repeat left top;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ------------ menu a části grafiky ---+------- */

#menu{
  position: absolute;
  top: 123px;
  left: 20px;
}

#ruzek{
  background: url(../images/ruzek.gif) no-repeat;
  width: 42px;
  height: 49px;
  padding-right: 155px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
}

#but1, #but2, #but3, #but4, #but5, #but6{
  width: 117px;
  height: 37px;
  display: block;
  float: left;
}

#but2{
  position: relative;
  left: -13px;
}

#but2:hover{
}

#but3{
  position: relative;
  left: -26px;
}

#but4{
  position: relative;
  left: -39px;
}

#but5{
  position: relative;
  left: -52px;
}

#but6{
  background: url(../images/kontakty-a.png) no-repeat;
  position: relative;
  left: -65px;
}

#but7{
  position: relative;
  left: -78px;
}

#but8{
  position: relative;
  left: -93px;
}

/* --------------- levý obsah ------------------ */

#levy-obsah{
  margin: 20px 0 20px 20px;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  width: 660px;
  float: left;
}

span.table-label{
  width: 60px;
  float: left;
  display: block;
}

span.table-value{
  float: left;
  display: block;
}

.adresa{
  margin: 20px 0px 20px;
  font-size: 11pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

#levy-obsah span, #pravy-obsah span, #levy-obsah{
  color: #000;
  font-size: 10pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

#obsah2{
  min-height: 460px;
}

#levy-obsah a:link, #levy-obsah a:visited, #pravy-obsah a:link, #pravy-obsah a:visited{
  color: #000;
  font-size: 10pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-weight: bold;
  text-decoration: underline;
}

#levy-obsah a:hover, #levy-obsah a:active, #pravy-obsah a:hover, #pravy-obsah a:active{
  color: #000;
  font-size: 10pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#levy-obsah ul{
  padding-left: 15px;
  margin-left: 0px;
  line-height: 1.2 !important;
}

#levy-obsah ul li{
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  color: #000;
  margin: 0px;
  padding: 0px;
  list-style: url(../images/puntik.jpg);
}

#levy-obsah ul li.bez-puntiku{
  list-style-type: disc;
}

#levy-obsah img{
  margin: 5px 10px 5px 0px;
}

#levy-obsah p, #pravy-obsah p{
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  line-height: 1.2;
  font-size: 10pt;
  color: #000;
  margin: 10px 0px;
}

#levy-obsah .strong{
  font-weight: bold;
  display: block;
  color: #000;
}

#obal{
  width: 970px;
  background: url(../images/podhlavi.jpg) repeat-x;
  position: relative;
}

#obal2{
  min-height: 460px;
}

div.tabulka{
  float: left;
  width: 290px;
}

#mainMap{
  margin: 5px;
  width: 365px;
  height: 210px;
  float: right;
  margin: 0px;
  padding:0px;
  position: relative;
  top: 10px;
}

/* --------------- pravý obsah ----------------- */

#pravy-obsah{
  color: #000;
  width: 267px;
  padding-top: 18px;
  float: right;
}

span#nadpis-aktuality{
  font-weight: bold;
  color: #000;
  font-size: 10pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  padding-bottom: 15px;
  display: block;
}

#novinky{
  width: 247px;
  color: #000;
  margin-left: 10px
}

span.nadpis-novinky{
  display: block;
  color: #000;
  font-weight: bold;
  background: url(../images/puntik.jpg) no-repeat 0% 50%;
  padding-left: 15px;
}

.text-novinky{
  color: #000;
  display: block;
  padding-bottom: 20px;
}

/* --------------- vyhledávání ----------------- */

.searchHightLight{
  background: orange;
  color: #fff;
}

/* --------------- reference ------------------- */

#reference{
  background: url(../images/reference.jpg) no-repeat;
  width: 664px;
  height: 149px;
  margin: 0 auto;
  position: relative;
}

img.img800
{
  height: 116px !important;
}

div.float_left
{
  float:left;
}

.ref_foto
{
  display: block;
  text-align: center;
}

div.refer{
  padding-bottom: 15px;
}

#ref1, #ref2, #ref3{
  display: block;
  width: 155px;
  height: 118px;
  position: absolute;
  top: 16px;
}

#ref1{
  left: 29px;
}
#ref2{
  left: 255px;
}
#ref3{
  left: 481px;
}

/* --------------- formulář -------------------- */

form#search-form{
  padding-top: 5px;
  position: absolute;
  top: 75px;
  right: 130px;
}

input.input, textarea.input{
  background: #fff;
  border: 1px solid #aaa;
  font-size: 10pt;
  color: #000;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

input.input{
  width: 222px;
}

textarea.input{
  width: 340px;
}

input.tlacitko{
  border: 1px solid black;
  font-size: 10pt;
  color: #000;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

label.povinne-polozky{
  font-weight: bold;
}

span.table-form-label{
  width: 104px;
  float: left;
  display: block;
  margin-bottom: 2px;
}

span.table-form-value{
  float: left;
  display: block;
  margin-bottom: 2px;
}

#levy-obsah em{
  margin: 20px 0px;
  text-align: center;
  display: block;
}

div#kontaktni-formular{
  margin: 40px 0px;
}

div#kontaktni-formular textarea{
  color: #000;
}

input.search-term{
  background: url(../images/tb.jpg) no-repeat #fff;
  border: 1px solid #ddd;
  width: 157px;
  font-size: 10pt;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  color: #008;
}

input.search-button{
  text-transform: uppercase;
  color: #fff;
  background-color: #0100A3;
  border: none;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  height: 21px;
  padding-top: 1px;
  cursor: pointer;
}

p.error{
  color: red;
  font-weight: bold;
  text-align: center;
}

p.ok-mess{
  color: green;
  font-weight: bold;
  text-align: center;
}

#kontakt-form{
  width: 370px;
  margin: 0px auto;
}

/* --------------- patička --------------------- */

#footer{
  background: url(../images/footer.jpg) no-repeat bottom right;
  width: 970px;
  margin: 0px auto;
  border-bottom: 2px solid #ddd;
}

#footer p{
  text-align: center;
  color: #008;
  font-weight: bold;
  padding-top: 10px;
}

#footer p img{
  vertical-align: middle;
}

#footer a { color: #008; }

#footer a:hover { text-decoration: none; }

#footer a.no-line:link, #footer a.no-line:visited{
  color: #008;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  text-decoration: none;
}

#footer a.no-line:hover, #footer a.no-line:active{
  color: #008;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  text-decoration: underline;
}

#footer a.underline:link, #footer a.underline:visited{
  color: #008;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  text-decoration: underline;
}

#footer a.underline:hover, #footer a.underline:active{
  color: #008;
  font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  font-size: 10pt;
  text-decoration: none;
}

/* další nastavení */
.font11 { font-size: 11pt; }
.display_inline { display: inline; }