body {margin: 0; padding: 0; background: #3a373b; font-family: Verdana; color: #300;}
div#first {position: relative; margin: auto; width: 1000px; height: 127px; background: url(../img/index_01.png) no-repeat;}
div#logosaxo {position: absolute; top: 30px; left: 35px; cursor: pointer; width: 220px; height: 60px }
div#logobrelil {position: absolute; top: 30px; right: 30px; cursor: pointer; width: 270px; height: 50px }
div#zaklad {position: absolute; top: 60px; left: 317px; line-height: 1.3;}
div#zaklad a {font-size: 0.8em; font-weight: bold; text-decoration: none; color: #8d8c90; margin-right: 26px; }
div#zaklad a.eshop {color: #ffff00;}
div#zaklad a:hover {color: #fff;}
div#zaklad a.still {color: #fff;}
div#spodek a {margin-right: 16px}
div#hlavni_rady {width: 958px; margin: auto; height: 38px; background: #3a373b; padding-left: 43px; text-transform: uppercase;}
div#hlavni_rady a {position: relative; color: #e50278; font-size: 0.8em; text-decoration: none; margin-right: 50px; font-weight: bold; }
div#hlavni_rady a.last {margin-right: 0;}
div#hlavni_rady a:hover {color: #fff;}
div#hlavni_rady a.still {color: #fff;}
div#hlavicka {margin: auto; width: 1000px; height: 34px; background: url(../img/index_02.jpg);}
div#telo {position: relative; margin: auto; width: 1000px; min-height: 540px; height: auto !important; height:540px; background: url(../img/index_03.jpg) repeat-y;}
div#paticka {margin: auto; width: 1000px; height: 33px; background: url(../img/index_04.jpg);}

fieldset {border: 0; border-top: 1px dotted yellow; border-left: 1px dotted yellow; padding: 0px 0px 5px 15px; margin: 20px 0px 0px 0px}
legend {font-size: 1em; font-weight: bold; color: yellow}

.bbobr {position: relative;}
.bbobr a img.bbpod {position: absolute; top: -12px; left: 410px; height: 230px; width: 230px; display: none; z-index: 98}
.bbobr a img.bbnad {position: absolute; top: 3px; left: 425px; display: none; z-index: 99}
.bbobr a {text-decoration: none; padding: 0}
.bbobr a:hover {color: inherit; cursor: default}
.bbobr a:hover img.bbpod {display: block;}
.bbobr a:hover img.bbnad {display: block;}

.bbobr0 {position: relative;}
.bbobr0 a img.bbpod {position: absolute; top: -12px; right: -230px; height: 230px; width: 230px; display: none; z-index: 98}
.bbobr0 a img.bbnad {position: absolute; top: 3px; right: -215px; display: none; z-index: 99}
.bbobr0 a {text-decoration: none; padding: 0}
.bbobr0 a:hover {color: inherit; cursor: default}
.bbobr0 a:hover img.bbpod {display: block;}
.bbobr0 a:hover img.bbnad {display: block;}

/*---menu---*/
div#menu {width: 195px; position: absolute; top: 40px; left: 42px;}
div#bbmenu {width: 195px; position: absolute; top: 100px; left: 42px;}
div#skolmenu {width: 195px; position: absolute; top: 40px; left: 42px;}
div#skolmenu h2 {position: absolute; top: -37px; left: 10px; color: white}
div#archmenu {width: 195px; position: absolute; top: 40px; left: 42px; /*font-size: 0.9em; line-height: 15px;*/}
div#submenu {width: 220px; position: absolute; top: 40px; left: 730px; text-align: right}
div#archsubmenu {width: 220px; position: absolute; top: 40px; left: 730px; text-align: right}

div#menu a, div#bbmenu a, div#skolmenu a {
  font-size: 0.8em; 
  text-transform: uppercase; 
	display: block;
  width: 195px;  
	text-decoration: none;
  font-weight: bold; 
  color: #300; 
	background: url(tlac.gif) no-repeat; /* IE6 Bug */
  background-position: top left;  
	border: none;
	height: 28px;
  padding: 10px 0 0 10px;  
}
div#archmenu a {
  font-size: 0.8em; 
  text-transform: uppercase; 
	display: block;
	text-decoration: none;
  font-weight: bold; 
  color: #300; 
  background-position: top left;  
	border: none;
  padding: 10px 0 0 10px;  
  background: url(tlac.gif) no-repeat;
  width: 195px; /*250px;*/
  height: 28px; /*38px;*/
}

div#menu a span, div#bbmenu a span {position: relative; left: 0px; top: 0px;}
div#skolmenu a .skol2 {
	display: none;
}
div#skolmenu a:hover .skol1 {
	display: none;
}
div#skolmenu a:hover .skol2 {
	display: inline;
}
div#archmenu a span {position: relative; left: 0px; top: 0px;}
div#submenu a, div#archsubmenu a {
  font-size: 0.8em;
  font-weight: bold; 
	display: block;
  text-decoration: none;
  color: #e50278; 
	border: none;
  margin-bottom: 5px;
  text-transform: uppercase;
}

/* Hover Styles */ 
div#menu a:hover, div#bbmenu a:hover, div#skolmenu a:hover { 
	color: #fff; background: url(tlac.gif) no-repeat; background-position: bottom left;  
}
div#archmenu a:hover { 
	color: #fff; background: url(tlac.gif) no-repeat; background-position: bottom left;  
}
div#menu a.still, div#bbmenu a.still, div#skolmenu a.still { 
	color: #fff; background: url(tlac.gif) no-repeat; background-position: bottom left;   
}
div#archmenu a.still { 
	color: #fff; background: url(tlac.gif) no-repeat; background-position: bottom left;   
}

div#submenu a:hover, div#archsubmenu a:hover { 
	color: #fff;  
}
div#submenu a.still, div#archsubmenu a.still { 
	color: #fff;  
	
}

div#prazdno {height: 0px}

div#obsah {padding: 10px 310px 10px 300px; font-size: 0.9em; color: #fff; position: relative}
div#obsah0 {font-size: 0.9em; color: #fff; padding: 0px; margin: 1px; position: relative; left: 62px}
div#obsah h1 {font-size: 11pt; margin-top: 32px}
div#obsah h2 {font-size: 0.9em;}
div#akt {padding: 10px 310px 10px 300px; font-size: 0.9em; color: #fff;}
div#news {padding: 10px 52px 10px 540px; font-size: 0.8em; color: #fff; display: none; /*filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0*/}
div#skol {padding: 10px 310px 10px 280px; font-size: 0.8em; color: #fff; display: block; /*filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0*/}
div#vyhledavani {padding: 10px 250px 10px 250px; font-size: 0.8em; color: #fff; display: block; /*filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0*/}
div#vyhledavani hr {clear: both}
div.vysledek {font-size: 1em; line-height: 16px; margin: 15px 0px 0px 0px; cursor: pointer;}
div.vysledek div.float {float: left}
div.vysledek div div.nahled {background: url(../img/div0.png) no-repeat; width: 50px; height: 50px; text-align: center; vertical-align: middle; display: table-cell}
div.vysledek div.odkaz {margin-left: 5px; vertical-align: top; float: left}
div.vysledek div.odkaz span {font-size: 0.8em; font-style: italic}
div.vysledek img {max-width: 40px; max-height: 40px; margin-top: 2px; margin-left: 1px}
div#scrolling {padding: 0px; margin: 0px 0px 0px 0px; overflow: hidden; height: 466px}
div#uvod div.popis, div#obsah div.popis, div#akt div.popis, div#news div.popis, div#skol div.popis, div#vyhledavani div.popis, div#forum div.popis, div#forum div.popiso {text-indent: 20px; text-align: justify; font-size: 0.9em; line-height: 16px; }
div#akt div.popis, div#news div.popis, div#skol div.popis, div#vyhledavani div.popis, div#forum div.popis, div#forum div.popiso {line-height: 16px;}
div#obsah div.poznamka, div#akt div.poznamka, div#news div.poznamka, div#skol div.poznamka, div#vyhledavani div.poznamka {text-align: justify; font-size: 0.9em; line-height: 16px; margin-top: 15px; }
ul.nabidka {font-family: Verdana; font-size: 0.9em;  }
ul.nabidka ul {margin-top: 7px;}
ul.nabidka li.druha-uroven  {font-weight: bold; margin-bottom: 15px;}
ul.nabidka li.druha-uroven, ul.nabidka li ul li {list-style: none;  margin-bottom: 10px; }
ul.nabidka li a {font-weight: normal; color: #fff; background: url(left.png) no-repeat left top ; padding: 3px; text-decoration: none; }
ul.nabidka li a:hover {color: #300;}
ul li a span {background: url(right.png) no-repeat right top; padding: 3px 8px 3px 0; margin-left: 5px; }

img.sipka {position: absolute; width: 16px; height: 16px; top: 15px; left: 200px;}
h1 {font-size: 1.2em; margin-bottom: 15px; margin-top: 12px;}
h2 {font-size: 0.8em; margin-bottom: 15px; margin-top: 12px;}
h1#nazev {position: absolute; top: 20px; left: 320px; color: #e50278; font-family: "Arail Narrow", "Trebuchet MS", "Arial";
          font-size: 2em; font-weight: lighter; }
h5 {margin-bottom: 5px; font-size: 1em; text-align: left; margin-left: 20px}          
h6 {margin: 30px 0px 0px 0px; font-size: 1em; text-align: left;}          
div#obsah h4, div#akt h4, div#news h4 {font-size: 0.8em;}
div#akt h3 {font-size: 0.9em;}
hr {visibility: hidden; clear: both;}
a {color: #fff; padding: 3px;}
a:hover {color: #300;} 
div#copy {margin: auto;
text-align: center;
font-family: Verdana; 
padding : 10px 0; 
width : 1000px; 
font-size : 0.7em; 
color : #666;
 
} 
div#copy a { 
color : #666; 
} 
div#copy a:hover { 
color : #999; 
}
img.zbozi {width: 250px; height: 65px; margin-bottom: 5px;}
div#drob {font-size: 0.8em; font-weight: bold; padding: 1px 80px 0 50px; color: #fff;}
ul {text-align: left; list-style: square; font-weight: normal; font-size: 1em; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
ul li {text-indent: 0px;}

a img.min {/*position: relative;*/ /*width: 120px; height: 120px;*/ border: none; padding: 0; margin: 0;}
a img.min0 {/*position: relative;*/ /*width: 120px; height: 120px;*/ border: none; padding: 0; margin: 0px 0px 0px 0px; position: relative; top: -1px}
/*a img.mintop {position: absolute; top: auto; left: auto; border: none; padding: 0; margin: 0;}*/
div.obal {/*float: left;*/width: 123px; height: 123px; background: url(../img/div.png) no-repeat; margin: 0; padding: 0; text-align: center; }
div.obal0 {/*float: left;*/ width: 50px; height: 50px; background: url(../img/div0.png) no-repeat 0px 1px; margin: 0; padding: 0; text-align: center; }
div#obsah a span, div#obsah0 a span {display: none;}
div#obsah a:hover span {
    display:block;
    position:absolute;
    top: 35px; left: 300px; width: 350px;
    color:#fff; font-weight: bold; font-size: 0.9em;
    text-align: left; padding: 5px; text-decoration: none; text-indent: 0px;
}
div#obsah0 a:hover span {
    display:block;
    position:absolute;
    top: 4px; left: -2px; width: 150px;
    color:#fff; font-weight: normal; font-size: 0.7em;
    text-align: left; padding: 5px; text-decoration: none; text-indent: 0px;
}
div#obsah img.detail  {margin: 5px 0px 5px 0px; border: 0px}
div#akt img {margin: 5px 0px 15px 0px; padding: 0px; border: 0px}
div#akt a {text-decoration: none}
div.prez {position: relative; text-align: left}
div#zaklad a img, div#hlavni_rady a img {display: none;}
div#zaklad a:hover img.iez {
    display: block;
    position: absolute;
    top: -66px;
    width: 100px;
    height: 86px;
    border: 1px dotted #8d8c90;
    z-index: 200;
    /*filter: alpha(opacity=80);
	  -moz-opacity: 0.80;
	  opacity: 0.80;*/    
}
div#zaklad a:hover img.notiez {
    display: block;
    position: absolute;
    top: 26px;
    width: 100px;
    height: 86px;
    border: 1px dotted #8d8c90;
    z-index: 200;
    /*filter: alpha(opacity=80);
	  -moz-opacity: 0.80;
	  opacity: 0.80;*/    
}
div#hlavni_rady a:hover img.ie {
    display: block;
    position: absolute;
    top: -90px;
    left: 3px;
    width: 100px;
    height: 86px;
    border: 1px dotted #8d8c90;
    z-index: 200;
}
div#hlavni_rady a:hover img.notie {
    display: block;
    position: absolute;
    top: 31px;
    left: 3px;
    width: 100px;
    height: 86px;
    border: 1px dotted #8d8c90;
    z-index: 200;
}
img#lsaxo, img#lbrelil {
    display: none;
    position: absolute;
    top: -10px;
    width: 100px;
    height: 86px;
    border: 1px dotted #8d8c90;
    z-index: 100;
}
table.tn {width: 369px; border: none; table-layout: fixed; margin: 0px;}
table.tn0 {width: 150px; border: none; table-layout: fixed; margin: 0px;}
table.tn tr td {width: 123px; height: 123px; border: none; margin: 0; padding: 0;}
table.tn0 tr td {width: 50px; height: 50px; border: none; margin: 0; padding: 0;}

div#forum {padding: 15px 250px 15px 250px; font-size: 0.8em; text-align: center; color: #fff; position: relative;}
div#forum a {padding: 0}
textarea, input {padding: 2px; font-family: Verdana; font-size: 0.9em; line-height: 1.3}
div#forum .fzahlav {font-size: 1em; margin-top: 30px; margin-bottom: 2px; background: url(../img/div_.png); padding: 3px 5px 3px 5px}
div#forum .fzahlavo {font-size: 0.8em; margin: 15px 0px 2px 50px; background: url(../img/div_.png); padding: 1px 5px 1px 5px}
div.fjmeno {font-weight: bold; color: #efef3f}
div.fdatum {font-size: 0.8em; padding: 2px 0px 2px 0px; color: #efef3f}
div#forum div.popis {color: #efefef; padding-left: 5px; padding-right: 5px; text-indent: 0px; font-weight: normal}
div#forum div.popiso {font-weight: normal; color: #efefef; font-size: 0.8em; margin-left: 50px; text-indent: 0px; line-height: 14px; padding-left: 5px; padding-right: 5px}
.fnapov {display: none; position: absolute; padding: 5px; background: #b70575; color: white; font-size: 0.8em; bottom: 20px; right: -190px}
#fodpovod {font-size: 1em; padding: 0px; margin: 0px; border: 0; color: #efef3f; font-weight: bold; background: transparent; width: auto}
div#forum .fnadpis {position: absolute; top: 20px; left: 44px; font-style: italic; text-align: left;}
div#forum .fzasady {position: absolute; top: 20px; right: 50px; font-style: normal; font-size: 0.7em; text-align: left; color: #808080}

div#uvod {padding: 1px 310px 1px 280px; font-size: 0.8em; text-align: center; color: #fff;}
h1.kontakt {font-size: 1.7em;}
h1.aktul {font-size: 1.1em; margin-top: 33px}
h1.nov {font-size: 1em; margin-top: 20px; margin-bottom: 0px; background: url(../img/div_.png); padding: 5px}
h2.aktul {font-size: 0.8em}
iframe {border: 1px solid #600;}
div#sidlo {margin-top: 10px;}
form {text-align: left;}

div#detnah {
  line-height: 1;
  font-size: 0.6em;
  margin-left: 10px;
  margin-bottom: 6px;
  position: relative;
}
div#detnah a {
  margin: 0px;
  font-weight: normal;
}
div#detnah a img {
  display: none;
}
div#detnah a:hover img {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px dotted #8d8c90;
    z-index: 200;
}