* {
 color: #333;
 font-family: arial, geneve, sans-serif;
}

body {
 background: #fff url(./img/pozadi.jpg) no-repeat center 50px ;
 text-align: center;
 font-size: 0.8em;
 margin: 0;
}

a {
 text-decoration: none;
 color: #4ad;
}

a:hover {
 color: #39c;
}

a img {
 border: 0px none #fff;
}

h1 {
 display: block;
 height: 2em;
 font-family: 'times new roman', serif;
 font-size: 2em;
 color: #39c;
 width: 776px;
 z-index: -100;
 margin: 0 0 0.5em;
}


h2 {
 font-family: 'times new roman', serif;
 font-size: 1.5em;
 color: #39c;
}

#centerbox {
 width: 776px;
 margin: 0 auto;
 text-align: left;
}

#vrsek {
 margin-top: 10px;
 height: 263px;
 width: 776px;
 z-index: 300;
}

#topleft {
 height: 263px;
 width: 198px;
 margin: 0;
}

img.sqbanner {
 width: 198px;
 height: 198px;
 margin: 0;
}

#topleft a.logo {
 display: block;
 height: 40px;
 width: 198px;
}

#topleft a.logo img {
 height: 40px;
 width: 198px;
}

#poloha {
 margin: -4px 0 0 0;
 width: 198px;
 height: 25px;
 background: #4ad;
}

#poloha p { font-family: 'times new roman', serif;
 padding: 0;
 line-height: 25px;
 color: #fff;
 margin:  0 0 0 8px;
 font-weight: bold;
}

#topright {
 position: relative;
 top: -263px;
 left: 206px;
 width: 570px;
 height: 263px;
 margin-bottom: -263px;
}

#kontakt {

 height: 40px;
 text-align: right;
 font-family: arial, geneve, sans-serif;
 font-size: 0.85em;
 color: #777;
}

#kontakt a {
 font-family: arial, geneve, sans-serif;
 text-decoration: none;
 color: #777;
}

#kontakt a:hover {
 color: #222;
}

#kontakt strong {
 font-family: arial, geneve, sans-serif;
 font-weight: normal;
 color: #222;
}

#topright a img {
 border: 0px none #fff;
 width: 570px;
 height: 198px;
 margin: 0;
}

#topmenu {
 z-index: 100; 
 height: 25px;
 margin-top: -4px;
 width: 570px;
 background: #eda;

}

#topmenu ul li a div {
    margin-left: 8px;
}

#topmenu ul li a, #topmenu ul li strong {
 text-align: left;
 font-family: 'times new roman', serif;
 padding: 0 0 0 1em;
 width: 129px;
 display: block;
 color: #000;
 font-weight: bold;
 min-height: 25px;
 line-height: 25px;
}

#topmenu ul li a:hover{
 background: #4ad;
 color: #fff;
}

#topmenu ul ul li a {
 width: 250px;
 color: #000;
 background: #dc9;
}

#topmenu ul ul li a:hover {
 background: #4ad;
}

#nav {
 z-index: 500;
 list-style: none;
 display: inline;
}

#nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
 z-index: 150;
 width: auto;
 overflow: visible;
 width: 170px;
}

#nav li { 
 margin: 0;   
 position: relative; 
 float: left;
 display: block;
 height: auto;
}

#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}


/*all see this */
#nav ul, #nav ul ul, #nav ul ul ul{
 left: -666em;
 position: absolute;

}

/* non-IE browsers see this */

#nav ul li>ul, #nav ul ul li>ul{
 margin-top:-1.35em; 
} 
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
 left: -666em;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
 left: auto;
}

li>ul {
 top: auto;
 left: auto;
}

#obsah {
 position: absolute;
 margin: 0;
 top: 310px;
 z-index: 1;
}

#slcont{
 height: 200px;
}
.sloupec, .strsloupec, .posloupec {
 position: relative;
 float: left;
 height: 90px;
 overflow: none;
 margin: 0px 18px 0pt 0pt;
 width: 240px;
}

p {
 font-size: 0.9em;
 padding: 0px;
 color: #666;
}

p strong {
 color: #555;
}

#patabox {
position:absolute;
z-index: 100;
top: 637px; /*+7px*/
}

#patabox p {

}

#zapati {
 position: absolute;
 top: 637px; /*+7px*/
 width: 776px;
 text-align: right;
}

#zapati p {
 font-family: arial, geneve, sans-serif;
 font-size: 0.85em;
 color: #777;
}

#zapati a {
 font-family: arial, geneve, sans-serif;
 color: #777;
}

#zapati a img{
 margin-bottom: -5px;
 opacity: 0.45;
 filter:alpha(opacity=45);
}

#zapati a:hover img{
 opacity: 1.00;
 filter:alpha(opacity=100);
}

#zapati a:hover {
 color: #222;
}

.cleaner {
 float: left;
 clear: both;
 width: 0px;
 margin: 0px;
 padding: 0px;
}