html{background-color: #843600;}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana;
    font-size: 12px;
    color: #666666;
    background:#D18132 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;
    }


#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;
    min-height: 708px; /*minimalni velikost obsahu - stredove casti, pokud neobsahuje zadny, nebo velmi malo textu*/
}
.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;}



#indexmenu{
    width: 200px;
    float: left;
    margin-left:-13px;
    margin-top: 4px;
    overflow: visible;
}
#indexmenu .indexmenu_cl {background: url(/img/bg_menu_akt_cara.png) repeat-y top left;}  
#indexmenu .indexmenu_top {background: url(/img/bg_menu_akt_top.png) no-repeat;}
#indexmenu .indexmenu_bottom {background: url(/img/bg_menu_akt_bottom.png) no-repeat left bottom;}

#indexmenu .indexmenu_textkontajner {margin-left:17px; margin-right:12px; padding-bottom: 19px;}
#indexmenu .indexmenu_block {padding-top:18px; margin-left:50px; font-weight: bold; min-height:34px;/*minimalni vyska menu*/}


#rihght_column{float: right; width: 495px;}

.min_vyska {height: 695px; float: right; background-color: #FFA500;}


#paticka {
    clear: both;
    width: 947px;
    padding-top: 8px; 
    margin-left: 18px; 
    height: 68px;
}
.footer_hr{ border-top: 1px solid #E8E8E8; margin:0 auto; width:85%;/*background: url(/img/footer_hr.png) no-repeat top center;*/}

.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*/
}



    
.gpksup{margin-top:60px; padding-right: 40px; border: none; float: right;}
.ies_logo{margin-top: 30px; margin-right: 24px; float:right;}

.head_img{margin-top:-16px;float: left;}
.head_img ul{list-style: none;}

.head_img_skola{
    margin-top:9px;
    padding-right: 51px; /*aby se vlajky nezobrazovaly hned za obrazek skoly*/
    float: right;
    border: none;}
    
.head_flag{
    margin-left: 46px; 
    margin-top: 15px;
    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{
    font-size: 18px;
    font-weight: bold;
    margin: 2px 0px 18px 0px;
    clear: both;
    color: #A40809;
}
#obsah h2.title, #obsah h2.title a {font-size: 14px; margin: 0px 0px 0px 0px; color: #A40809;}

#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: 10px;}

.bold {font-weight: bold; }

.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;}


/* Inputy, submity a labely */
INPUT,TEXTAREA      {
    background: url(../img/bg_input.png) no-repeat #fff;
    border: 1px solid Silver;
    font-family: Verdana;
    padding-left: 3px;
}
INPUT.submit            {font-size: 88%; font-weight: bold; background: url(../img/bg_submit.png) no-repeat 0px 2px; border: none; padding: 6px 0px; width: 62px;}
INPUT.submit:hover  {font-size: 88%; font-weight: bold; background: url(../img/bg_submit_a.png) no-repeat 0px 2px; border: none; padding: 6px 0px; width: 62px;}
INPUT.noback            {border: 0; background: transparent;}

    

/* --- MAIN MENU --------------------------------------------------------------- */
.main_menu {
    position: relative;
    margin-top:64px;
    margin-left:50px; 
    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:#A40809;}  
.main_menu_bottom a:hover{color: #D30808;}  
/* --- 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: 5px 0px 25px 0px; margin-top: 2px; border-top: 1px solid #E8E8E8; width: 100%;}
.bunka_content p {text-indent:0px; margin-top: 1px; margin-bottom: 1px;}



.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: #a34c45; margin-left: 1%;}
/*.box_text img{ margin-right: 10px; margin-top: -5px; height: 75px; width: 75px; float: left;} */

.arrow_r {background: url(../img/arrow_r.png) no-repeat; width: 12px; height: 7px; margin-top: 3px; float:right;}

/* --- KONEC TABULKY AKTUALNE -------------------------------------------------- */






/*---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;}

.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;
    text-decoration: none;
    color: black;
    position: relative;
    clear: both;
}

.kalendar td {width:87px;  height:78px; vertical-align: top; text-align: left;}

.kalendar_dny{ padding: 6px 6px; font-size: 105%; height: 100% !important; font-weight: bold; }

.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 4px 16px;
    float: left;
    height: 20px;
    font-size: 11px;
    background-color: transparent;
    background: url(/img/bg_line_calendar.png) no-repeat 0px 21px;
}       
         
.mesicrok_formular a:hover{color: gray !important;}
.mesicrok_formular a{text-decoration: none !important; color: Black !important;}
.mesicrok_formular SELECT {
    padding: 3px 0px;
    border: 1px solid Silver;
}

.mesicrok_formular INPUT.submit         {font-size: 88%; font-weight: bold; background: url(../img/bg_submit_sm.png) no-repeat 0px 2px; border: none; padding: 6px 0px; width: 36px; height:24px;}
.mesicrok_formular INPUT.submit:hover   {font-size: 88%; font-weight: bold; background: url(../img/bg_submit_sm_a.png) no-repeat 0px 2px; border: none; padding: 6px 0px; width: 36px;}

.mesic_active {background: url(../img/bg_line_calendar_a.png) no-repeat; padding: 5px 5px; font-weight: bold; font-size: 98%;}

.kalendar_datum{ padding-left:3px; padding-top: 1px; font-weight:bold;}
.kalendarmenu {
    position: absolute;
    width: 210px;
    font-size: 11px;
    background: url(../img/bg_cal_window_top.png) no-repeat top;
    z-index: 18;
}

.kalendarmenu_zkracenytitulek {font-size: 9px; cursor: pointer; padding-left: 8px; background: url(../img/odrazka.png) no-repeat;}
.kalendarmenu_zkracenytitulek a {border-bottom:1px #e7e7e7 solid; text-decoration: none !important; color: black !important;} 

.kalendarmenu_titulek {text-align:center; padding-top:5px; padding-bottom: 5px; font-weight: bold; border-bottom: 1px solid silver;}
.kalendarmenu_text { padding-top: 3px; padding-left: 5px; padding-right: 2px; min-height: 25px; background: url(../img/bg_cal_window_cara.png) repeat-y top;}
.kalendarmenu_text p {text-indent:0px;margin-top: 3px; margin-bottom: 3px;}


.kalendarmenu_bottom {height:21px; margin-top: -12px; background: url(/img/bg_cal_window_bottom.png) no-repeat bottom;}

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


/* Rozvrh */
.rozvrh {font-size: 7px;}

/* Clanky */
.min_image {margin-right: 10px; height: 40px; width: 40px; float: left;}