body{
 background:#cccccc url('img_web/bkg.gif') top center;
 margin:0px;padding:0px;
 text-align:center;
 height:100%;
 font-family:Verdana; 
 font-size:11px; color:#696969; font-weight : normal; 
}

#main{
 position: absolute;
 left: 50%;
 width:796px;
 margin-left: -398px;
 text-align:left;
}

#menu{
 width:796px;
 height:30px;
 background:#e6e6e6;
}

#sekce{
 background:#e6e6e6 url('img_web/sekce.gif') no-repeat;
 width:796px;
 height: 50px;
}

#nazev{
 background:#fdfefb url('img_web/nazev2.gif') no-repeat;
 width:796px;
 height: 70px;
}
 
 #nazev_single{
 background:#fdfefb url('img_web/nazev.gif') no-repeat;
 width:796px;
 height: 70px;
}

#content{
 width:796px;
 background:#ffffff url('img_web/gui_14.gif') repeat-y;
}

#content2{
 width:796px;
 background:#ffffff url('img_web/gui_13.gif') repeat-y;
}

#mid_content{
 padding-left:40px;
 float: left;
 width: 600px;
 padding-right: 0px;
 
}

#left_content{
 padding-left:40px;
 float: left;
 width: 300px;
 padding-right: 0px;
 
 
}
#right_content{
 float:left;
 padding-left: 38px;
 width: 380px;
 
}

#clear {clear:both;}

#footer{
 background:#e6e6e6 url('img_web/footer.gif') no-repeat;
 width:796px;
 height: 40px;
 text-align:right;
}

/*########################    TEXTY & OBRAZKY    ###################################*/
h1{
 margin:0px;padding:0px;
 background:#f4f9e9 url('img_web/hlavicka.gif') no-repeat;
 width:796px;
 height: 121px;
 text-indent: -2000px;
}

h2{
 margin:0px; padding:0px;
 position:relative;top:19px;left:40px;
 color:#ffffff;
 font-size: 1.50em;
 font-family: Tahoma;
 font-weight: normal;
}

#naz1_left_gen{
 color:#99cc33;
 padding-top:22px;
 float:left;
 width: 300px;
 font-size: 1.50em;
 font-family: Tahoma;
 }

 #nazev .naz1_left{
 color:#99cc33;
 padding-left: 40px;
 padding-top:22px;
 float:left;
 width: 300px;
 font-size: 1.50em;
 font-family: Tahoma;
}
#nazev .naz1_right{
 color:#99cc33;
 padding-top:22px;
 float:left;
 padding-left: 38px;
 font-size: 1.50em;
 font-family: Tahoma;
}

/* sedy vysky nadpis */
#grayheader{
 font-size : 16px; 
 color:#333333; 
 font-weight : bold;
 padding-top:3px;
 padding-bottom:8px;
}

#greenwithico{
 color:#8bc21e;
 margin: 4px -0px;
 padding-left: 20px;
 font-size:13px;
 font-weight:normal;
 line-height:14px;
 text-align: justify;
 font-variant: small-caps;
 font-family: tahoma;
 background: url('img_web/calendar.gif') no-repeat;
}

#boldgreentext{
 color:#8bc21e;
 font-size:13px;
 font-weight:normal;
 line-height:23px;
 text-align: justify;
 font-variant: small-caps;
 font-family: tahoma;
}

#blacktext{
 color:#696969;
 font-size:11px;
 line-height:15px;
 font-weight:normal;  
 text-align: justify;
 width: 280px;
}
 
#blacktextr{
 color:#696969;
 font-size:11px;
 line-height:15px;
 font-weight:normal;  
 text-align: justify;
 width: 380px;
}
 
#btgen{
 color:#696969;
 font-size:11px;
 line-height:15px;
 font-weight:normal;  
 text-align: justify;
 width: 720px;
 }
 
img.small {
 padding-right: 6px;
 padding-bottom: 8px;
 text-decoration:none;
 border: 0px;
}

img.no-border{
 text-decoration:none;
 border: 0px;
}

.legend {
    font: normal 11px 'Verdana';
    color: #99cc00;
    line-height: 16px;
    padding-top: 10px;
    }
    
.inputbox {
    BACKGROUND:white;
    BORDER-bottom: #cccccc 1px dashed;
    BORDER-LEFT: #cccccc 1px dashed;
    BORDER-RIGHT: #cccccc 1px dashed;
    BORDER-TOP: #cccccc 1px dashed;
    font: normal 11px 'Verdana';
    
}

.inputbutton {
    BACKGROUND:#f6f6f6;
    BORDER-BOTTOM: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    font: normal 11px 'Verdana';
    color: #99cc00;
}

#divider_left {
 background:#fafafa url('img_web/left_line.gif') no-repeat;
 height: 10px;
}

#divider_right {
 background:#fafafa url('img_web/right_line.gif') no-repeat;
 height: 10px;
}

#footer .txt{
 color:#ffffff;
 position:relative;top:15px;left:-30px;
 font-size:10px;
}
/*########################    GALLERY    ###################################*/
#os_ac_1 a{  float:left;margin:5px;
   background-image:url(img_content/gallery/ac_01.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
}

#os_ac_1 a:hover { background-image:url(img_content/gallery/ac_01_os.gif);}

#os_ac_2 a{   
   float:left;margin:5px;
   background-image:url(img_content/gallery/ac_02.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
    }
#os_ac_2 a:hover { background-image:url(img_content/gallery/ac_02_os.gif);}

#os_ac_3 a{   float:left;margin:5px;
   background-image:url(img_content/gallery/ac_03.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
    }
#os_ac_3 a:hover { background-image:url(img_content/gallery/ac_03_os.gif);}

#os_ac_4 a{   float:left;margin:5px;
   background-image:url(img_content/gallery/ac_04.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
    }
#os_ac_4 a:hover { background-image:url(img_content/gallery/ac_04_os.gif);}

#os_ss_1 a{float:left;margin:5px;
   background-image:url(img_content/gallery/ss_01.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
        }
#os_ss_1 a:hover { background-image:url(img_content/gallery/ss_01_os.gif);}

#os_ss_2 a{float:left;margin:5px;
   background-image:url(img_content/gallery/ss_02.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
        }
#os_ss_2 a:hover { background-image:url(img_content/gallery/ss_02_os.gif);}

#os_ss_3 a{float:left;margin:5px;
   background-image:url(img_content/gallery/ss_03.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
        }
#os_ss_3 a:hover { background-image:url(img_content/gallery/ss_03_os.gif);}

#os_ss_4 a{float:left;margin:5px;
   background-image:url(img_content/gallery/ss_04.gif); 
   width: 135px; height: 101px;
   background-repeat: no-repeat;
        }
#os_ss_4 a:hover { background-image:url(img_content/gallery/ss_04_os.gif);}



/*########################    MENU    ###################################*/

a:link {
 color:#8bc21e;
 font-size:11px;
}

a:visited {
 color:#8bc21e;
 font-size:11px;
}

a:active {
 color:#8bc21e;
 font-size:11px;
}

a:hover {
 color:#8bc21e;
 font-size:11px;
}

a:link.menu1, a:visited.menu1, a:active.menu1{ 
 width:116px; background-position:0px; background: url('img_web/m1.gif') no-repeat; 
 height:30px; display:block; text-indent: 0px; float:left;
}
 a:hover.menu1{ background-position:-116px; }  

a:link.menu2, a:visited.menu2, a:active.menu2{ 
 width:90px; background-position:0px; background: url('img_web/m2.gif') no-repeat; 
 height:30px; display:block; float:left;
}
 a:hover.menu2{ background-position:-90px; } 

a:link.menu3, a:visited.menu3, a:active.menu3{ 
 width:108px; background-position:0px; background: url('img_web/m3.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu3{ background-position:-108px; }

a:link.menu4, a:visited.menu4, a:active.menu4{ 
 width:97px; background-position:0px; background: url('img_web/m4.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu4{ background-position:-97px; }

a:link.menu5, a:visited.menu5, a:active.menu5{ 
 width:131px; background-position:0px; background: url('img_web/m5.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu5{ background-position:-131px; }

a:link.menu6, a:visited.menu6, a:active.menu6{ 
 width:148px; background-position:0px; background: url('img_web/m6.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu6{ background-position:-148px; }

/*########################   CESKE MENU    ###################################*/

a:link.menu1cz, a:visited.menu1cz, a:active.menu1cz{ 
 width:116px; background-position:0px; background: url('img_web/m1-cz.gif') no-repeat; 
 height:30px; display:block; text-indent: 0px; float:left;
}
 a:hover.menu1cz{ background-position:-116px; }  

a:link.menu2cz, a:visited.menu2cz, a:active.menu2cz{ 
 width:90px; background-position:0px; background: url('img_web/m2-cz.gif') no-repeat; 
 height:30px; display:block;	float:left;
}
a:hover.menu2cz{ background-position:-90px; } 

a:link.menu3cz, a:visited.menu3cz, a:active.menu3cz{ 
 width:108px; background-position:0px; background: url('img_web/m3-cz.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu3cz{ background-position:-108px; }

a:link.menu4cz, a:visited.menu4cz, a:active.menu4cz{ 
 width:97px; background-position:0px; background: url('img_web/m4-cz.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu4cz{ background-position:-97px; }

a:link.menu5cz, a:visited.menu5cz, a:active.menu5cz{ 
 width:131px; background-position:0px; background: url('img_web/m5-cz.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu5cz{ background-position:-131px; }

a:link.menu6cz, a:visited.menu6cz, a:active.menu6cz{ 
 width:148px; background-position:0px; background: url('img_web/m6-cz.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu6cz{ background-position:-148px; }

/*########################   UNIVERZALNI MENU    ###################################*/

a:link.menu7, a:visited.menu7, a:active.menu7{ 
 width:38px; background-position:0px; background: url('img_web/m7.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu7{ background-position:-38px; }

a:link.menu8, a:visited.menu8, a:active.menu8{ 
 width:68px; background-position:0px; background: url('img_web/m8.gif') no-repeat; 
 height:30px; display:block;   float:left;
}
a:hover.menu8{ background-position:-68px; }