/* CSS Document */

html body{
overflow: -moz-scrollbars-vertical;
_overflow: auto;
font-family: verdana;
font-size: 13px;
color: #dcca40;
font-variant: small-caps;
}

#contur{
width: 768px;
overflow: visible;
margin: 0px auto 0px auto;
float: center;
}


#page{
background-image: url(pic/background.jpg);
background-repeat: no-repeat;
background-color: #000000;
float: left;
width: 768px; 
min-height: 724px;_height: 724px;
border: 1px solid black;
margin-bottom: 5px;
overflow: visible;
}

#logo{
width: 140px; 
height: 119px;
float: left;
cursor: pointer;
}

#od1{
width: 525px;
height: 32px;
float: left;

}

#od2{
width: 407px; 
height: 28px;
float: left;

}

#od3{
width: 110px; 
height: 34px;
float: left;
}

#od4{
width: 290px; 
height: 20px;
float: left;

}

#od51{
width: 185px; 
height: 23px; _height: 6px;
float: left;
font-size: 1px;

}

#od5{
width: 185px; 
height: 30px;
float: left;

}



#od6{
width: 272px; 
height: 42px;
float: left;
clear: left;
}

#od7{
width: 193px; 
height: 20px;
float: left;
clear: left;
}

#od8{
width: 89px; 
height: 50px;
float: left;
clear: left;
}

#od9{
width: 44px; 
height: 30px;
float: left;
clear: left;
}

#od10{

width: 312px; 
height: 29px;
float: left;
clear: left;
}

#od11{
width: 127px; 
height: 80px;
float: left;
clear: left;
}

#tv{
background-image: url(pic/tv.gif);
width: 312px; 
height: 140px;
float: right;
margin: -5px 0px 0px 0px; 
}

#radio{
width: 137px; 
height: 17px;
float: left;
margin: 17px 0px 0px 14px;
overflow: hidden;
}

#radio_place{
background-image: url(pic/radio.gif);
width: 74px; 
height: 23px;
float: left;
margin: -3px 0px 0px 0px;
}

#r_cudlik{
background-image: url(tv/cudlik.gif);
width: 17px; 
height: 17px;
float: right;
margin: 1px 0px 0px 0px;
}



#obraz{

width: 162px; 
height: 50px;
float: left;
margin: 0px 0px 0px 0px;
}

.menu{
width: 99px; 
height: 28px;
float: left;
margin: 6px 0px 0px 0px; 
text-decoration: none;
}

#m1{
background-image: url(menu/book.jpg);
margin-top: 2px;
}

#m1:hover{
background-image: url(menu/book.jpg);
background-position: -99px 0px;
}

#m1_aktiv{
background-image: url(menu/book.gif);
margin-top: 2px;
}

#m1_aktiv:hover{
background-image: url(menu/book.jpg);
background-position: -99px 0px;
}

#m2{
background-image: url(menu/net.jpg);
}

#m2:hover{
background-image: url(menu/net.jpg);
background-position: -99px 0px;
}

#m2_aktiv{
background-image: url(menu/net.gif);
}

#m2_aktiv:hover{
background-image: url(menu/net.gif);
background-position: -99px 0px;
}

#m3{
background-image: url(menu/flyers.jpg);
margin-top: -7px;
}

#m3:hover{
background-image: url(menu/flyers.jpg);
background-position: -99px 0px;
}

#m3_aktiv{
background-image: url(menu/flyers.gif);
margin-top: -7px;
}

#m3_aktiv:hover{
background-image: url(menu/flyers.jpg);
background-position: -99px 0px;
}

#m4{
background-image: url(menu/mp3.jpg);
margin-top: -9px;
}

#m4:hover{
background-image: url(menu/mp3.jpg);
background-position: -99px 0px;
}

#m4_aktiv{
background-image: url(menu/mp3.gif);
margin-top: -9px;
}

#m4_aktiv:hover{
background-image: url(menu/mp3.jpg);
background-position: -99px 0px;
}

#m5{
background-image: url(menu/fotos.jpg);
margin-top: 0px;
}

#m5:hover{
background-image: url(menu/fotos.jpg);
background-position: -99px 0px;
}

#m5_aktiv{
background-image: url(menu/fotos.gif);
margin-top: 0px;
}

#m5_aktiv:hover{
background-image: url(menu/fotos.jpg);
background-position: -99px 0px;
}

#m6{
background-image: url(menu/newz.jpg);
margin-top: -7px;
}

#m6:hover{
background-image: url(menu/newz.jpg);
background-position: -99px 0px;
}

#m6_aktiv{
background-image: url(menu/newz.gif);
margin-top: -7px;
}

#m6_aktiv:hover{
background-image: url(menu/newz.jpg);
background-position: -99px 0px;
}

#m7{
background-image: url(menu/axe.jpg);
margin-top: 0px;
}

#m7:hover{
background-image: url(menu/axe.jpg);
background-position: -99px 0px;
}

#m7_aktiv{
background-image: url(menu/axe.gif);
margin-top: 0px;
}

#m7_aktiv:hover{
background-image: url(menu/axe.jpg);
background-position: -99px 0px;
}


#m8{
background-image: url(menu/art.jpg);
float: left;
}

#m8:hover{
background-image: url(menu/art.jpg);
background-position: -99px 0px;
}

#m8_aktiv{
background-image: url(menu/art.gif);
float: left;
}

#m8_aktiv:hover{
background-image: url(menu/art.jpg);
background-position: -99px 0px;
}

#window{
width: 768px; 
min-height: 200px; _height: 200px;
float: right;
overflow: visible; _ overflow-x: hidden; _overflow-y: visible; 
}

#window_left{
width: 148px; 
min-height: 200px; _height: 200px;
font-family: verdana;
font-size: 11px;
font-variant: small-caps;
color: #dcca40;
text-align: justify;
overflow: visible; _ overflow-x: hidden; _overflow-y: visible; 
float: left;
margin: 0px 10px 0px 8px; _margin: 0px 10px 0px 4px;
}

#w_l_odraz{
width: 148px; 
height: 160px;
float: left;
margin-top: 10px; _margin-top: 0px; 
}

#sub_menu{
width: 120px; 
height: 100px;
float: left;
margin: 38px 10px 10px 28px; _margin: 48px 10px 10px 14px; 
}

.sub_polozka{
font-size: 11px;
color: #afafaf;
text-decoration: none;
float: left;
}

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

.sub_polozka2{
font-size: 13px;
color: #afafaf;
text-decoration: none;
float: left;
margin: 0px 10px 0px 0px;
}

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


.sub_nadpis{
font-size: 13px;
color: #dcca40;
float: left;
}


#w_l_text{
font-family: verdana;
font-size: 13px;
color: #dcca40;
text-align: justify;
float: left;
}

#window_text{
width: 399px; 
min-height: 450px; _height: 450px;
font-family: verdana;
font-size: 13px;
color: #dcca40;
overflow: visible; _ overflow-x: hidden; _overflow-y: visible; 
float: left;
margin 0px 0px 0px 0px;
}

.nadpis{
width: 399px; 
font-family: verdana;
font-size: 13px;
font-weight: bold;
color: #afafaf;
margin: 0px 0px 10px 0px;
overflow: visible;
}


.odstavec{
width: 399px; 
font-family: verdana;
font-size: 13px;
color: #dcca40;
margin: 0px 0px 20px 0px;
overflow: visible;
}

.odkaz{
font-size: 13px;
color: #afafaf;
text-decoration: none;

}

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

#window_right{
font-family: verdana;
font-size: 13px;
font-variant: small-caps;
color: #dcca40;
text-align: justify;
width: 187px; 
min-height: 200px; _height: 200px;
float: left;
overflow: visible; _ overflow-x: hidden; _overflow-y: visible; 
margin: 0px 0px 0px 10px;
}


.foto_menu{
width: 125px; 
height: 90px;
overflow: hidden;
float: left;
color: #afafaf;
text-decoration: none;
margin: 0px 32px 0px 40px;
cursor: pointer;
} 

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


.fm_nahled{
background-repeat: no-repeat;
background-position: center center;
width: 125px; 
height: 70px;
float: left;
color: #dcca40;
}

.fm_popis{
width: 125px; 
height: 20px;
float: left;
clear: left;
text-align: center;
font-size: 11px;
}

.nahled{
width: 120px; 
height: 220px;
float: left;
color: #afafaf;
text-decoration: none;
margin: 0px 7px 10px 6px;
cursor: pointer;
}

.nahled:hover{
text-decoration: underline
}

.nahled_pic{
background-repeat: no-repeat;
background-position: center center;
width: 120px; 
height: 160px;
float: left;
color: #dcca40;

}

.nahled_popis{
width: 120px; 
height: 60px;
float: left;
text-align: center;
font-size: 10px;
}

.video{

width: 399px; 
height: 220px;
float: left;
color: #afafaf;
text-decoration: none;

}

.video_popis:hover{

text-decoration: underline
}

.video_pic{
background-repeat: no-repeat;
background-position: center center;
width: 399px; 
height: 160px;
float: left;
color: #dcca40;

}

.video_popis{
cursor: pointer;
width: 399px; 
height: 20px;
float: left;
color: #afafaf;
text-decoration: none;
text-align: center;
font-size: 10px;
margin-top: 5px;
}


.net{
width: 399px; 
font-size: 11px;
color: #dcca40;
float: left;
margin: 0px 0px 10px 0px;
}

.net_odkaz{
font-size: 13px;
color: #dcca40;
font-weight: bold;
text-decoration: none;
}

.net_odkaz:hover{
text-decoration: underline;
color: #afafaf;
}

.mp{
width: 350px; 
min-height: 25px; _height: 25px;
float: left;
overflow: visible;
margin: 0px 0px 10px 0px;
padding-left: 30px;
font-size: 11px;
color: #dcca40;
float: left;
clear: left;
}

.mp_odkaz{
font-weight: bold;
font-size: 13px;
color: #dcca40;
float: left;
text-decoration: none;
}

.mp_odkaz:hover{
text-decoration: underline;
color: #afafaf;
}


.foto_nahled{
background-position: center top;
background-repeat: no-repeat;
border: 1px solid #afafaf;;
width: 119px; 
height: 78px;
float: left;
text-align: center;
font-size: 10px;
margin: 0px 6px 12px 6px; _margin: 0px 6px 12px 4px;
}

.foto_nahled:hover{
border: 1px solid #dcca40;

}

.foto_nadpis{
width: 399px; 
font-family: verdana;
font-size: 13px;
text-align: center;
color: #afafaf;
margin: 0px 0px 10px 0px;
overflow: visible;

}

.letak_main{
width: 399px;
height: 350px;
float: left;
margin: 9px 0px 0px 0px;
}

.baners{
width: 399px; 
height: 38px;
float: left;
margin: 0px 0px 10px 0px;
text-align: center;
}


.info{
width: 399px; 
min-height: 20px; _height: 20px;
font-family: verdana;
font-size: 13px;
color: #dcca40;
float: left;
}

.info_date{
width: 90px; 
min-height: 20px; _height: 20px;
font-family: verdana;
font-size: 13px;
font-weight: bold;
text-align: right;
margin-right: 10px;
color: #afafaf;
float: left;
display: none;
}

.info_text{
margin-top: -36px;
width: 399px; 
min-height: 20px; _height: 20px;
font-family: verdana;
font-size: 13px;
color: #dcca40;
float: left;
}

.gb_input{
background-color: #000000;
border: 1px solid #dcca40;
width: 250px;
font-family: verdana;
font-variant: small-caps;
font-size: 11px;
color: #afafaf;
padding: 2px 6px 2px 6px;
}
.gb_input_kod{
background-color: #000000;
border: 1px solid #dcca40;
width: 100px;
font-family: verdana;
font-variant: small-caps;
font-size: 13px;
color: #afafaf;
padding: 2px 6px 2px 6px;
}

.gb_select{
background-color: #000000;
border: 1px solid #dcca40;
width: 264px;
font-family: verdana;
font-variant: small-caps;
font-size: 13px;
color: #afafaf;
padding: 2px 6px 2px 6px;
}

.gb_textarea{
background-color: #000000;
border: 1px solid #dcca40;
width: 250px;
height: 80px;
font-family: verdana;
font-variant: small-caps;
font-size: 13px;
color: #afafaf;
padding: 2px 6px 2px 6px;
}

.gb_button{
background-color: #000000;
border: 1px solid #dcca40;
width: 264px;
font-family: verdana;
font-variant: small-caps;
font-size: 13px;
font-weight: bold;
color: #dcca40;
padding: 2px 6px 2px 6px;

}
.gb_button_hower{
background-color: #dcca40;
border: 1px solid #dcca40;
width: 264px;
font-family: verdana;
font-variant: small-caps;
font-size: 13px;
font-weight: bold;
color: #000000;
padding: 2px 6px 2px 6px;
}

.gb_zprava{
width: 399px;
min-height: 30px; _height: 30px;
overflow: visible;
float: left;
margin: 0px 0px 15px 0px;
}

.gb_hlavicka{
background-color: #dcca40;
width: 387px;
height: 17px;
padding: 2px 6px 0px 6px;
color: #000000;
float: left;
font-family: verdana;
font-variant: small-caps;
font-size: 11px;
}

.gb_left{
width: 215px;
color: #000000;
float: left;
padding: -1px 0px 0px 4px;
}

.gb_right{
width: 160px;
color: #000000;
text-align: right;
float: right;
padding: 0px 4px 0px 0px;
font-family: verdana;
font-variant: small-caps;
font-size: 11px;
}

.gb_text{
background-color: #333333;
width: 379px;
min-height: 30px; _height: 30px;
padding: 2px 6px 0px 6px;
color: #dcca40;
float: left;
overflow: hidden; _overflow-x: hidden; _overflow-y: visible; 
padding: 5px 10px 5px 10px;
font-family: verdana;
font-variant: small-caps;
font-size: 11px;
text-align: left;
line-height: 17px;

}

.gb_navigace{
width: 399px;
min-height: 30px; _height: 30px;
overflow: visible;
float: left;
margin: 0px 0px 0px 0px;
}

.gb_odkaz{
font-size: 11px;
color: #afafaf;
text-decoration: none;

}

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

a{
font-size: 13px;
color: #afafaf;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}