			/* menu*/
			
#fixed-top1 {
 position: fixed;
 margin: 0px;
 padding: 0px;
 background-color: transparent;
 width: 250px;
 z-index: 40;
 }
 
#logo {
color: #36939C;
font-size: 20px;
text-align: center;
background-color: white;
border-radius: 0px 0px 20px 20px;
border-left: 3px solid #125E65;
border-right: 3px solid #f3f3f3;
border-top: 5px solid white;
width: 245px;
padding: 0px 10px 0px 10px; 
margin: -60px 0px 0px 0px;   
}

#logo:hover {
margin: 0px; 
}

#fixed-top1 img {
padding-top: 10px;
}

.center1 {
 background-color: transparent; 
 color: black; 
 margin: 0px auto 0px auto;
 width: 1000px;
 padding: 0px;
}

#fixed-top2 {
position: fixed;
 left: 0px;
 top: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-color: transparent;
 width: 100%;
 z-index: 20;
 }
 
#fixed-top2 ul {
margin: 0px;
padding: 0px 0px 0px 285px;
}
 
#topbar-up {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    background-color: #36939C;
    border-bottom:  5px solid #125E65;
    z-index: 20;
}

#topbar-up li {
list-style-type: none;
float: left;
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
font: 16px Verdana;
color: white;
font-weight: bold;
background-color: #36939C;
}

#topbar-up li:hover {
list-style-type: none;
padding: 10px 13px 10px 13px;
border-left: 2px solid white;
border-right: 2px solid white;
}

#topbar {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #36939C;
    z-index: 20;
}

#topbar li {
list-style-type: none;
float: left;
margin: 2px 0px 2px 0px;
padding: 10px 15px 10px 15px;
font: 16px Verdana;
color: black;
background-color: white;
border-right: 1px solid #f3f3f3;
}

#cheked {
margin: 0px;
padding: 12px 15px 12px 15px;
list-style-type: none;
background-color: #36939C !important;
color: white !important;s
}

#topbar li:hover {
margin: 0px;
padding: 12px 15px 12px 15px;
list-style-type: none;
background-color: #36939C !important;
color: white !important;
}

#ot {
padding-top: 150px;
}




			/* fluter+listok*/
 

footer {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
border-top: 10px solid #36939c;
background-color: #202020;
color: #858585;
text-align: center;
font-size: 12px !important;
}

#center-f {
margin: 0px auto 0px auto;
padding: 20px 0px 0px 0px;
width: 1000px;
}

.futer1 {
float: left;
width: 400px;
margin: 0px;
padding: 0px;
text-align: left;
}

.futer1 a {
color: #00a8bb;
text-decoration: none;
}

.futer1 a:hover {
color: #00a8bb;
text-decoration: underline;
}

.futer2 {
float: right;
width: 170px;
margin: 0px;
padding: 0px;
text-align: left;
}

.futer2 a {
color: #00a8bb;
text-decoration: none;
}

.futer2 a:hover {
color: #00a8bb;
text-decoration: underline;
}

.futer3 {
float: right;
width: 130px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 20px;
text-align: left;
border-left: 2px dotted #858585;
}

.futer4 {
float: right;
width: 240px;
margin: 0px;
padding: 0px;
text-align: left;
}

.futer3 a {
color: #00a8bb;
text-decoration: none;
}

.futer3 a:hover {
color: #00a8bb;
text-decoration: underline;
}

#otstyp {
width: 100%;
background-color: black;
padding: 30px 0px 20px 0px;
margin: 0px;
text-align: center; 
}	 

#listok {
background-color: white;
opacity: 0.9;
border: 2px solid white;
margin-top: 150px;
margin-left: auto;
margin-right: auto;
padding: 0px 25px 0px 25px;
width: 800px;
border-radius: 10px; 
}

#listok1 {
background-color: transparent;
opacity: 1 !important;
border: 2px solid white;
margin:0px;
padding: 0px;
width: 800px;
color: black;
font-size: 20px;
font-family: Verdana !important;
border-radius: 10px; 
text-align: left;
}