* {
 margin: 0;
 padding: 0;
 }

body {
 background: #E3E3E3 url('./img/bg.jpg') top center repeat-x ;
 font-family: Tahoma,sans-serif;
 font-size: 11px;
 color: #000;
 margin: 0;
 padding: 0;
}

.hidden {display: none;}
.flat {margin: 0; padding: 0;}
.left {float: left}
.pravo {float: right}
.stred {text-align: center}
.stred-odsad {margin: 0 auto}
.vpravo {text-align: right}
.vlavo {text-align: left}
.hore-odsad {padding-top: 0.5em}
.relativne {position: relative}
.hore {vertical-align: top}
.vyraz {color: #009900}
.seda {color: #8DC146}
.clear {clear: left}
.orange (color: #ff5c01;)

img {
 border: none;
 }
 

/*------------------------------------------ main_div*/
#main_div {
 margin: 0 auto;
 padding: 0;
 width: 961px;
 border: 0;
 /*background-color: #eeeeee;*/
 margin-bottom:0px;
 margin-top:0px;
}

/*------------------------------------------ top*/
#header {
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  position: relative;
  width: 961px;
  height: 120px;
  margin: 0;
  background: #fff url('./img/banner.jpg');
}

#vlajky {
 position:absolute;
 right:20px;
 top:15px;
}


#menu {
 position:absolute;
 right:15px;
 top:50px;
}

.polozka {
  padding:5px;
  color:#000;
  float:left;
  text-decoration:none;
  font-size:12px; 
}

.polozka:hover {

  color:#0089e1;
}

.predel {
 display: block;
 float:left;
 width:1px;
 height:12px;
 margin:7px 6px 0px 6px;
 background: #0089e1;
}


.vlajka {
 border:0;
 }

#flashbanner {
  margin: 3px 0 0 3px;
}

/*------------------------------------------ right banners*/
#middle {
  font-size: 1em;
  font-weight: normal;
  width: 961px;
  margin: 0;
}


/*------------------------------------------ content*/

#content {
  font-size: 12px;
  width: 961px;
  background: #fff;
  margin-top:5px;
  margin-bottom:5px;
}

.pocasie {
 width:255px;
 padding-left:5px;
 border:1px solid #cc6922;
 padding-top:5px;
 height:80px;
}

.foto {
 border: solid #fff 1px;
}

.banner {
 margin-top:10px;
 width:925px;
}

.center {
padding:7px;
margin: 0 10px;
position: relative;
background: url(img/mapa.jpg) top no-repeat;
height: 760px;
 }
 
.center2 {
padding:7px;
margin: 0 10px;
 }
 
.banner2 {
 width:925px;
 height:200px;
 background:#b9d1f1;
 margin: 1em 0;
}
 
#flashholder {
  width: 915px;
  height: 463px;
  margin-bottom:20px;
  z-index: 10;
}

#flashbanner {
  z-index: 15;
}

#flashinfo {
  width: 200px;
  height: 20px;
  margin: 0;
  z-index: 30;
  position: absolute;
  left: 23px;
  top: 82px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}

#form {
  margin-top:25px;
  margin-left:10px;
  margin: 15px 0 0 10px;
  $margin: 25px 0 0 10px;
  width: 890px;
  height: 50px;
  font-size: 0.9em;
  position: relative;
}

#form table {
  border: 0;
  border-collapse: collapse;
  margin-left: 5px;
}

#form table th {
  font-weight: bold;
  color: #0089E2;
  text-align: left;
}

#form table td {
  padding: 5px 0;
}

#form table td select {
  width: 271px;
  padding: 4px;
}

#form table td input {
  width: 277px;
  padding: 1px;
}

#searchResults {
  position:absolute;
  left: 602px;
  top: 40px;
  z-index: 50;
  width: 277px;
}

#searchResults a {
  display: block;
  padding: 4px;
  text-decoration: none;
  background: url(img/vysun.png) bottom center repeat-y;
}

#searchResults a:hover {
  background: #fff;
}

.firma {
  margin: 1.4em 1em;
}


.stlpec {
 width:281px;
 float:left;
 margin-right: 15px; 
}

.stlpec_end {
 width:282px;
 float:left;
}

.box {
 background:#fff;
 width: 114px;
 height: 100px;
 font-size:11px;
 color: #6c6c6c;
 padding: 8px;
 margin-right:5px;
 margin-top:5px;
 float: left;
 cursor: pointer;
}

.box2 {
 background:#fff;
 width: 114px;
 height: 300px;
 font-size:11px;
 color: #6c6c6c;
 padding: 8px;
 margin-right:5px;
 margin-top:5px;
 float: left;
 cursor: pointer;
}

#mapa {
 float:right;
 width:100px;
 }
 
.img {
 border: solid #fff 2px;
 }
  
#content p { 
  color: #6c6c6c;
  font-size: 11px;
  text-align: justify;
  margin-top:5px;
}

#content a {
 color: #0b82c6;
}


.text {
width:719px;
font-family:arial;
padding-top:45px;
margin-left:120px;
padding-bottom:25px;
color:#8f8f8d;
text-align:justify;
font-size:14px;
}


.text ul li {
list-style-type:none;
}

.text a {
text-decoration:none;
color:#0083d8;
}

.text a:hover {
text-decoration:underline;
}

h1 {
margin:0px;
padding-bottom:20px;
color:#0083d8;
font-size:18px;
}


h2 {
margin:0px;
padding-bottom:5px;
padding-top:13px;
color:#545454;
font-size:16px;
}

#accordion ul ul {
  margin: 0;
  padding: 0 0 0 15px;
  border-left: 1px solid #ddd;
  list-style-type: none;
}

.zvyraznena {
 background:url('./img/bg12.png') repeat-x ;
 color:#0083d8;
 font-size:25px;
 width:921px;
 margin-top:2px;
 height:173px;
 margin-left: 1px;

}

.zvyraznena span{
 font-size:13px;
 color:#6c6c6c;
}

.zvyraznena h3 a, .zvyraznena2 h4 a {
  text-decoration: none;
}

div.vypis-firma {
  padding-top: 15px;
  font-size: 1.2em;
}

div.vypis-firma p {
  font-size: 0.9em !important;
}

div.vypis-firma h1 {
  font-size: 1.8em;
}

div.vypis-firma .logo {
  float: right;
  margin: 10px 0 0 10px;
}

div.vypis-firma div.obrazky {
  padding: 15px 0;
}

div.vypis-firma div.gmap {
 float:right;
 color:#8f8f8d;
 width: 400px;
 height: 220px;
 margin-right: 0;
 margin-left:15px;
}

.odsadenie {
 padding-left:15px;
 padding-top:5px;

}

.popis{
 width:500px;
 font-size:13px;
 color:#8f8f8d;
 margin: 0 0 10px 0;
}


.centrovanie1 {
padding-top:10px;
padding-left:5px;
margin-right: 18px;
}

ul.cennik li, ul.cennik div {
  position: relative;
  width: 753px;
}

ul.cennik li.vyraznejsie {
  background: #eee;
  padding: 0.3em 0;
  margin: 3px 0;
}

ul.cennik li.el {
  text-align:right;
  font-size:0.9em;
  margin-bottom:5px;
}

ul.cennik li.to:hover {
  font-weight: bold;
}

li.to {
  width:756px;
  height:37px;
  color:#fff;
  cursor:pointer
}

#o1, #o2, #o3 {
  background:url('./img/cennikbgb.png');
}
#o1:hover, #o2:hover, #o3:hover {
  /*background:url('./img/hcennikbgb.png');*/
}

a.ukaz {
  border: 2px solid #80CCFF;
  background: #fff;
  float: right;
  display: block;
  width: 4px;
  height: 4px;
  margin: 14px 8px 0 0;
}

a.ukaz2 {
  border: 2px solid #80CCFF;
  background: #fff;
  float: right;
  display: block;
  width: 4px;
  height: 4px;
  margin: 4px 8px 0 0;
}

#gmap, #gmap2, #gmap3 {
 float:right;
 color:#8f8f8d;
 margin-right:15px;
 margin-left:15px;
 width:220px;
 height:160px;
}

#gmap a, #gmap2 a, #gmap3 a {
 text-decoration:none;
 color:#8f8f8d !important;
 font-size:13px;
}

#gmap a:hover, #gmap2 a:hover, #gmap3 a:hover {
 text-decoration:underline;
}


.zvyraznena2 {
 color:#0083d8;
 font-size:25px;
 width:921px;
 margin-top:6px;
 background:url('./img/bg12.png') repeat-x ;
 height:173px;
 margin-left:0px;
}

.zvyraznena2 span{
 font-size:13px;
 color:#6c6c6c;
}

#obrazky, #obrazky2, #obrazky3 {
float:right;
}

#accordion ul a:hover {
  text-decoration: none;
  background: #eee;
}

#accordion ul a.odkaz:hover {
  text-decoration: underline;
}

#accordion ul ul a {
  color: #777;
}

#accordion ul ul a:hover {
  text-decoration: underline;
  font-weight: normal;
  background: none;
}


#accordion ul ul ul li {
  font-size: 0.8em;
}

div.mesto-head {
  position: relative;
  height: 98px;
  width: 934px;
  margin-left: -4px;
  text-align: center;
}

div.mesto-head span {
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
  height: 98px;
  width: 934px;
  position: absolute;
  top: 0;
  left: 0;
}

div.form {
  background: none;
  float: right;
  width: 450px;
  margin: 50px 55px 0 50px;
}

table.form {
  margin: 0;
}

table.form th {
  text-align: left;
  padding: 2px 0;
}

table.form td {
  text-align: left;
  padding: 2px 0 2px 20px;
}

table.form td input.texti, table.form td textarea.texti {
  padding: 1px 3px;
  border: 1px solid #ccc;
  width: 290px;
}

table.form td input.buton {
  padding: 10px 0;
  width: 155px;
  font-size: 1.2em;
  font-weight: bold;
  color: #028AE1;
}

select.sel {
  padding: 4px 0;
  width: 450px;
}

a.obrdetail {
  display: block;
  width: 225px;
  height: 150px;
  float: left;
  margin: 3px;
}
/*-------------------------------------- content_end*/

/*------------------------------------------ footer*/
#footer {
 margin: 0 auto;
 padding: 0;
 width: 961px;
 height: 33px;
 background:#fff;
 position: relative;
 color: #8e8e8e;
 text-align: right;
 font-size: 12em;
 clear: both;
 }

#footer div {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;    
}

#footer a {
 margin-left: 0.5em;
 color: #8e8e8e;
 text-decoration: none;
 }
#footer a:hover {
 color: #000;
 text-decoration: underline;
 }
#footer a.sel {
 color: #000;
 text-decoration: none;
 font-weight: bold;
 }

/*------------------------------------------ footer_end*/