html{
    background-color: #016084;
}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 12px;
    color: #666666;
    background:#0FBDFF url(/img/bg_pozadi.png) repeat-x center bottom;
}


#bocni_stiny_bg {
    min-width: 1010px;
    background: url(/img/bg_stiny.png) repeat-y top center;
    margin:0 auto;
    }
    
#hlavicka_bg {
        min-width: 1010px;
        background: url(/img/bg_hlavicka.png) no-repeat top center;
        margin:0 auto;
    }
    
#paticka_bg {
        min-width: 1010px;
        background: url(/img/bg_paticka.png) no-repeat bottom center;
        margin:0 auto;
        padding-bottom: 215px;
        /*position:relative; top:110px;*/ /*aby v casti .under_footer napsany text neposouval obrazek bg_paticka*/
    }


#hlavicka {
        margin:auto;
        width: 1010px;
        background-color: transparent;
        height: 300px;
   }

#stred {
    width: 980px;
    overflow: visible;
    margin:0 auto;
}

#obsah{
    float: left;
    margin-left: 27px;
    padding-top: 28px;
    overflow: visible;
    width: 695px; 
    background-color: transparent;
}
#left_column{
    float: left;
    width: 200px;
    font-size: 9px;
}



#bocnimenu{
    float: right;
    margin-right: 15px;
    padding-top: 28px;
    overflow: visible;
    width: 225px;
    height: 695px; /*minimalni velikost obsahu - stredove casti, pokud neobsahuje zadny, nebo velmi malo textu*/
}
#rihght_column{
float: right;
width: 495px;
text-align: center;
}
.min_vyska {
height: 695px; float: right; background-color: #FFA500;
}

.bocnimenu_top {background: url(/img/bg_menu_top.png) no-repeat top left; padding-top: 1px;}
.bocnimenu_cl {background: url(/img/bg_menu_stiny.png) repeat-y top left; height: 600px;}

#paticka {
    clear: both;
    width: 947px;
    padding-top: 8px; 
    margin-left: 18px; 
    height: 68px;
}

.under_footer{
color: #cccccc;
margin:0 auto;
width: 947px;
text-align: center;

position:relative;
top:-155px; /*aby v teto casti napsany text neposouval obrazek bg_paticka*/
}


.footer_hr{
background: url(/img/footer_hr.png) no-repeat top center; 
}

    
.gpksup{
    position:relative;
    top:60px;
    text-align: right;
    padding-right: 40px;
    border: none;
    clear: both;
}


.head_img{
    position:relative;
    top:43px;
    padding-left: 40px;}
    
.head_flag{
    position:relative;
    top:-125px;
    left:838px;
    float: left;
    border: none;}
    
/* --- FLAG MENU IKONKY----------------------------------------------------------------------------------- */
.flag_menu {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.flag_menu ul{margin: 0px; padding: 0px;}
.flag_menu li{list-style: none; margin-bottom: 0px; float: left;}
.flag_menu a {text-decoration: none;}

#btn_cz a,#btn_en a {
display: block;
width:35px; 
height:30px; 
}
#btn_cz a {background: url(/icon/cz_flag_uns.jpg) no-repeat;}
#btn_en a {background: url(/icon/gb_flag_uns.jpg) no-repeat;}

#btn_cz a:hover {background: url(/icon/cz_flag.jpg) no-repeat;}
#btn_en a:hover {background: url(/icon/gb_flag.jpg) no-repeat;}
/* --- KONEC FLAG MENU IKONKY----------------------------------------------------------------------------------- */
    
    
    
#obsah .title, #obsah h1.title{
    color: #0FBDFF;
    font-size: 18px;
    font-weight: bold;
    margin: 2px 0px 18px 0px;
    clear: both;
}
#obsah h2.title, #obsah h2.title a {font-size: 14px; margin: 0px 0px 0px 0px; color: #0FBDFF;}

#left_column a, #obsah a{text-decoration: underline; color: #707070;}
#left_column a:hover, #obsah a:hover{color: black;}


 /* --- Základní tagy ---------------------------------------------------------- */
.to_left {float: left; width: 49%;}
.to_right {float: right; width: 49%;}

.float_left {float: left;}
.float_right {float: right;}

.to_up {margin-top:-28px;}
.to_center{margin-left:20%; width: 29%;}

.center_it {text-align: center;}
.center {margin:0 auto;}
.right_it {text-align: right;}

.errormessage {font-size: 11px; font-weight: bold; color: #ff0000;}
.hide {display: none;}

.male_pismo {font-size: 9px;}
.padding_bottom {padding-bottom: 7px;}
.padding_all {padding: 5px;}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}

.color_white {color:white !important;}
.color_white_gray {color: #cccccc !important;}

hr.clear, hr.clear_thin, hr.clear_supthin {clear: both; height: 7px; border: none; visibility: hidden;}
hr.clear_thin {height: 1px;}
hr.clear_supthin {margin: 1px 0px 10px 0px; border:none; height:0px;}

.no_decoration a{text-decoration: none !important;}

img {border: none;}
p {text-indent: 5px;}
p.noind {text-indent:0px;}

    
    
/* --- MAIN MENU ----------------------------------------------------------------------------------- */
.main_menu {
    position: relative; left: 50px; top: 20px;
    width: 582px;
    float:left;
    }
    
.main_menu ul{margin: 0px; padding: 0px; list-style: none;}
.main_menu_bottom ul{margin: 0px; padding: 0px; list-style: none;}

.main_menu ul li{
    display: inline;
    padding: 2px 0px; 
    margin: 0px 3px; 
    height: 16px;
    float: left;
}

.main_menu_bottom ul li{
    list-style: none;
    display: inline;
    padding: 2px 0px; 
    margin: 0px 3px; 
    height: 16px;
    }


.main_menu a{text-decoration: none; color: #666666;}
.main_menu_bottom a{text-decoration: none; color: #cccccc;}

.main_menu a:hover{color: #23B0CC;} 
.main_menu_bottom a:hover{color: #23B0CC;}  
/* --- KONEC MAIN MENU ----------------------------------------------------------------------------------- */




/* --- BOCNI NAVIGACNI MENU ----------------------------------------------------------------------------------- */
.Menu {
    
    padding-right: 18px;
    padding-left: 0px;
    font-size: 12px;
    text-align: right;
}

ul.Menu {
margin: 30px 0px 0px 0px;
}

ul.Menu li, ul.Menu li ul li  {
list-style: none;

}

ul.Menu li ul li  {
padding-right: 18px;
padding-bottom: 6px;
margin-left: -29px;
}

.menu_block {
    cursor: pointer;
    color: #23B0C1;
    line-height: 31px;
    padding-right: 13px;
    padding-bottom: 5px;
    background: url(/img/bg_menu_cara.png) no-repeat bottom right;
}


.Menu li a {text-decoration: none; color: #23B0C1;}
.Menu li ul li a {text-decoration: none; color: #707070;}
.Menu li ul li a:hover {color: black;}


.zvyraznenylink {font-weight: bold;}
/* --- KOENEC BOCNIHO NAVIGACNIHO MENU ----------------------------------------------------------------------------------- */





/* --- TABULKA AKTUALNE + UCSBOR ----------------------------------------------------------------------------------- */
.tabulka_aktualne{ width: 100%;}

.radek {clear: left;}

.bunka_date {float: left; width: 20%;}
.bunka_attach { float: left; width: 20px; height: 18px;}

.bunka_title {font-weight: bold;}

.bunka_content {float: left; padding: 7px 0px 10px 0px; background: url(/img/footer_hr.png) no-repeat top center; width: 100%;}
.bunka_content p {text-indent:0px;margin-top: 3px; margin-bottom: 3px;}


.box_cl {padding-top: 2px;  padding-bottom:1px; border: 1px solid #E8E8E8; width:100%; margin-bottom: 3px; }

.box_text {min-height:18px; padding-top:3px; margin-left: 15px; margin-right:5px; font-size: 11px; }

.box_text p {margin-top: 3px; margin-bottom: 3px;}
.box_text b {color: #0FBDFF;  margin-left: 1%;}


.arrow_r {background: url(../img/arrow_r.png) no-repeat; width: 12px; height: 7px; float:right;}
/* --- KONEC TABULKY AKTUALNE ----------------------------------------------------------------------------------- */




/* --- TABULKA PROJEKTY DIDO ----------------------------------------------------------------------------------- */
#tabulka_dido {
    position:relative; left:-10px; top:-100px;
    width: 500px;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    height: 60px;
    border: 0px dashed gray;
    float: right;
}

#tabulka_dido ul{margin: 0px; padding: 0px; list-style: none;}

#radek_dido li{
    width: 162px;
    line-height: 16px;
    height: 16px;
    padding: 2px 0px; 
    margin: 0px 2px; 
    float: left;}

    #radek_dido a{
    display: block;
    background-color: #FDFA92;
    text-decoration: none;
    color: black;}
    
    #radek_dido a:hover{background-color: #12B2D5;}
/* --- KONEC TABULKY PROJEKTY DIDO  ----------------------------------------------------------------------------------- */





/*---Zacatek stylu pro GALERIE ----------------------------------------------------------------------------------- */
.bunka_fotoalbum {
    float: left;
    width: 130px;
    padding-right: 8px;
    padding-bottom: 16px;
}

.bunka_fotoalbum a{text-decoration: none !important;}

.center_rows {
margin-left: 75px;
/*
overflow: visible;
margin:0 auto;*/
}

.bunka_galerie {
    float: left;
    width: 140px;
    padding-right: 4px;
    padding-bottom: 14px;
}


.fotoalbum {}
.fotoalbum img, .fotoalbum_zpet_na_alba img {float: left;}

.album_imgthumb {
position:relative;
top:-13px;
}

.fotoalbum_zpet_na_alba {
position:relative;
top:33px;
}

.fotoalbum_thumbnail{
height: 93px;
display: block;
z-index:-1;
}
.fotoalbum_thumbnail img {
margin: 19px 0px 0px -10px;
width: 70px; 
height:67px;
border: 1px solid black;
}


.fotoalbum_thumbnail2{
font-size: 14px;
font-weight: bold;
}

.fotoalbum_thumbnail2 img{
position:relative;
left: -4px;
top:5px;
width:41px; 
height:40px;
border: 1px solid black;
}


.galerie_vyber_alb{
    background-color: transparent;
    width: 126px;}

.fotoalbum_zpet_na_galerii{
position:relative;
left: 49px;
top:-432px;
}

.galerie_navigace
  {
    display: block;
    float: right;
    position: relative;
    left: -38px;
    top: -11px;
    border: 1px dashed #E4E4E4;
    padding: 5px;
}   

.galerie_okraje
  {border-width: 5px;
    border-style: groove;
    border-color: Silver;
    background-color: transparent;
    width: 120px;
    height: 110px;
    text-align: center;
    padding-top: 5px;
}   

.galerie_okraje_velke
  {
    border-width: 5px;
    border-style: groove;
    border-color: Silver;
    background-color: transparent;
    width: 350px;
    height: 350px;
    padding: 20px;
    position:relative;
    left: 150px;
}            
    
/*---KONEC stylu pro  GALERIE ----------------------------------------------------------------------------------- */




/*---Zacatek stylu pro KALENDAR ----------------------------------------------------------------------------------- */

.kalendar {
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    color: black;
    position:relative;
    
    margin-left: auto;
    margin-right: auto;
    clear:both;
}

.kalendar td{
width: 100px;
}

.kalendar hr{
width: 97%;
text-align: center;
}

.rozvrh{ font-size: 7px;}

.mesicrok_formular { display: inline; margin: 0px; padding: 0px;}
.mesicrok_formular ul{ margin: 0px; padding: 0px; list-style:none; display: inline;}    
.mesicrok_formular li{
    
    padding: 10px 0px 0px;
    margin: 0px 3px 16px; 
    float: left;
    height: 20px;
    font-size: 10px;
}                
.mesicrok_formular a:hover{color: gray !important;}
.mesicrok_formular a{text-decoration: none !important; color: Black !important;}



.kalendarmenu {
    position: absolute;
    top: 0px;
    width: 210px;
    height: auto;
    /*width: 195px;
    height: 284px;*/
    
    font-family: Arial, Helvetica;
    font-size: 11px;
    color: #312E27;
    
    background: #FFFFC0;
    border-left: 1px solid #909090;
    border-top: 1px solid #909090;
    border-right: 1px solid #585858;
    border-bottom: 1px solid #585858;
    padding-left: 0px;
    padding-top: 2px;
    padding-right: 1px;
    padding-bottom: 1px;
    
    z-index:18;
    }


.kalendarmenu_text
  { padding-left: 5px;}

    
/*--- KONEC stylu pro KALENDAR ----------------------------------------------------------------------------------- */