/** IVON 9-1-2012 **/
#virtual{
    text-align:center;
}

.invisible{
	display: none;
}

.strike{
	text-decoration: line-through;
}
/** IVON 9-1-2012 **/
    
    div.body { 
     /*min-width: 960px;*/
     width:936px;
     margin:auto;
      background-image: url(/img/strip_top.jpg);
      background-repeat: no-repeat;
      padding-top:120px;

    }
    
    a:link, a:visited {color:#2266bb;text-decoration:none}
    a:hover {color:#225599;}
    menu {
     margin: 0px;   
    }    
    
    #logo {
     display:block;
     height: 120px;
     width:936px;
     position:absolute;
     top: 0px;
    }

    body {
      margin:0px;
      font-family: Verdana;
      font-size: 11px;
    }
      
    menu#top {
      width: 936px;
      list-style-type: none;
      margin-left:0px;
      padding-left:0px;
      padding-top: 2px;
      margin-bottom: 0px;
    }
    menu#top li {
      background-repeat: no-repeat;
      width:155px;   
      float:left;
      margin-right:1px;   
      cursor:pointer;      
    }
    #main menu li {           
      height:194px;
    }
    menu li {
      height: 36px;
    }
    menu li#uvod:hover {
      background-image: url(/img/menu_over_01.jpg);
    }
    menu li#infomenu:hover {
      background-image: url(/img/menu_over_02.jpg);
    }   
    menu li#proucho:hover {
      background-image: url(/img/menu_over_03.jpg);
    }
    menu li#prostud:hover {
      background-image: url(/img/menu_over_04.jpg);
    }
    .rodic menu li#prostud:hover {
      background-image: url(/img/menu_over_07.jpg);
    }    
    .ucitel menu li#prostud:hover {
      background-image: url(/img/menu_over_08.jpg);
    }
    menu li#vhc:hover {
      background-image: url(/img/menu_over_05.jpg);
    }
    menu li#kontk:hover {
      background-image: url(/img/menu_over_06.jpg);
    }
    menu li#uvod {
      background-image: url(/img/menu_01.jpg);
    }    
    menu li#infomenu {
      background-image: url(/img/menu_02.jpg);
    }   
    menu li#proucho {
      background-image: url(/img/menu_03.jpg);
    }
    menu li#prostud {
      background-image: url(/img/menu_04.jpg);
    }
    .rodic menu li#prostud {
      background-image: url(/img/menu_07.jpg);
    }
    .ucitel menu li#prostud {
      background-image: url(/img/menu_08.jpg);
    }    
    menu li#vhc {
      background-image: url(/img/menu_05.jpg);
    }
    menu li#kontk {
      background-image: url(/img/menu_06.jpg);
    }    
    #main menu li#uvod {background-image: url(/img/menu_hit_01.jpg);}
    #informace menu li#infomenu {background-image: url(/img/menu_hit_02.jpg);}
    #prouchazece menu li#proucho {background-image: url(/img/menu_hit_03.jpg);}
    #IS menu li#prostud {background-image: url(/img/menu_hit_04.jpg);}
    #IS[class=rodic]  menu li#prostud {background-image: url(/img/menu_hit_07.jpg);}
    #IS[class=ucitel]  menu li#prostud {background-image: url(/img/menu_hit_08.jpg);}
    #itsluzby menu li#vhc {background-image: url(/img/menu_hit_05.jpg);}
    #kontakty menu li#kontk {background-image: url(/img/menu_hit_06.jpg);}
   
    #main menu li#uvod a{
      background-image: url(/img/menu_foto_01.jpg);
    }
    #main menu li#infomenu a{
      background-image: url(/img/menu_foto_02.jpg);
    }   
    #main menu li#proucho a{
      background-image: url(/img/menu_foto_03.jpg);
    }
    #main menu li#prostud a{
      background-image: url(/img/menu_foto_04.jpg);
    }
    #main menu li#vhc a{
      background-image: url(/img/menu_foto_05.jpg);
    }
    #main menu li#kontk a{
      background-image: url(/img/menu_foto_06.jpg);
    }                
               
    menu#top li a {
      display: block;
      background-position: bottom;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
    }
                    
        
    div#levy {
     width: 310px;
     min-height: 450px;
     float:left;
     clear:left;
     background-color:#F2F2F2;
     margin-top: 2px;
     /*border-width : 1px !important ;
     border-style : solid !important ;*/
     border-color : #ddd; 
    }
    div#levy>div {
      background-color:#F2F2F2;
      min-height: 55px;
      margin-top:5px;
      padding-bottom:5px;
    }
    div#levy h3, div#levy h2 {
      background-color:#949494;
      font-weight: normal;
      color: white;
      padding-top: 7px;
      padding-left: 6px;
      padding-bottom: 3px;
      margin-bottom:6px;
    }
    div#levy div p {
      padding: 6px;
      padding-top:0px;
    }
    div#telo {
      width: 759px;
      float: left;
      line-height: 17px;
      padding-left: 0px;
      /*height: 399px;*/
    }   


    div#telo h1, div#telo h2,#rozvrh h1 {
      padding-left: 10px;
      padding-bottom: 2px;
      padding-top: 7px;
      margin-top: 15px;
      margin-bottom: 10px;
      margin-left: -20px;
      background-color: #949494;
      font-size: 15px;
      font-weight: normal;
      color:white;
    }   
    /*div#telo ul {color:#3399ff;}*/
    /*div#telo ul li {color:black;}*/
   
    #main div#telo {
      width: 460px;
      padding: 4px;
      float: left;
      /*height: 399px;*/
      border-bottom: 2px dotted gray;
    }
    #main div#telo h1, #main div#telo h2 {
      margin-left: 0px;
      background-color: #fff;
      color:black;
      border-bottom: 2px dotted gray;
      padding-left: 10px;
      padding-bottom: 5px;
    }
    div#telo div.podnadpisem {
      padding: 10px;
    }
    div#telo div.podnadpisem h4 {
      margin-bottom: 10px;
    }
    div#pravy {
      background-color:#F2F2F2;
      width: 153px;
      padding-left: 0px;
      font-size: 9px;
      float:left;
      margin-top: 2px;
      min-height: 450px;
      border-width : 1px;
      border-style : solid;
      border-color : #ddd; 
    }
    div#pravy input {
      margin-bottom: 5px;
    }
    div#pravy input, div#pravy select {
      font-size: 10px;
      width: 130px;
      border-bottom : 1px solid Silver;
      border-right : 1px solid Silver;
      border-top : 1px solid Silver;
      border-left : 1px solid Silver;
    }
    
    input.tlacitko {
      font-size: 11px;
      font-weight: normal;
      color: black;
      width: 130px;
      background-color : #ddd;
      border-bottom : 1px solid Silver;
      border-right : 1px solid Silver;
      border-top : 1px solid Silver;
      border-left : 1px solid Silver;
      text-align : center;
    }
    
    input.tlacitko:hover {
      width: 130px;
      background-color : #dbeaf1;
      border-bottom : 1px solid Silver;
      border-right : 1px solid Silver;
      border-top : 1px solid Silver;
      border-left : 1px solid Silver;
      text-align : center;
    }
    div#pravy select{
      width: 130px;
      margin-bottom:5px;
      border: 1px solid Silver;
      border-bottom : 1px solid Silver;
      border-right : 1px solid Silver;
      border-top : 1px solid Silver;
      border-left : 1px solid Silver;
      text-align : center;
    }
    div#pravy h3, div#pravy h2 {
      background-color:#949494;
      font-weight: normal;
      color: white;
      padding-top: 7px;
      padding-left: 6px;
      padding-bottom: 3px;
      margin-bottom:6px;
    }
    
    div#pravy li {
      padding-left: 10px;
      padding-top:0px;
    }
    
    div#pravy a {
      padding-left: 10px;
      padding-top:0px;
    }
    
    div#pravy form {
      padding-left: 10px;
      padding-top:0px;
    }
    
    div#pravy li {
      padding-left: 10px;
      padding-top:0px;
    }
      
    div#pravy ul {
      list-style-type: none;
      margin-left:0px;
      padding-left:0px;
    }
    
    div#zapati {
      text-align: center;
      margin: 0px auto;
      clear:both;
      height:100px;
      padding-top: 40px;
      padding-left: 0px;
      margin-right: 8px;
      
      width:936px;
      /*background-color:#F2F2F2;*/
    }
    div#zapati img {
      margin-left: 13px;
      vertical-align: top  
    }
    input {
     /*border: none;*/
     width: 100px;
    }
    h4 {
      font-weight: bold;
      font-size: 13px;
    }
    h3, h2 {
      font-size: 14px;   
      font-weight: normal; 
    }
    h1 {
      font-size: 21px;
      font-weight: normal;
    }
    menu#levemenu {
      float:left;
      clear:left;
      width: 155px;
      list-style-type: none;
      margin-left:0px;
      padding-left:0px;
      margin-right:20px;
      background-repeat: no-repeat;
      background-color: #F2F2F2;
      padding-top: 170px;      
      min-height: 200px;
      cursor:pointer; 
    }
    menu#levemenu>li{cursor:default}
    #informace menu#levemenu{
      background-image: url(/img/img_02.jpg);
    }
    #prouchazece menu#levemenu{
      background-image: url(/img/img_03.jpg);
    }
    #IS menu#levemenu{
      background-image: url(/img/img_04.jpg);
    }
    #itsluzby menu#levemenu{
      background-image: url(/img/img_05.jpg);
    }
    #kontakty menu#levemenu{
      background-image: url(/img/img_06.jpg);
    }                
    menu#levemenu li {
      padding-left: 1px;
      font: 11px Verdana;
      padding-top: 7px;
      height: 15px;
      padding-bottom: 7px;
      /*border-bottom: 1px solid #F2F2F2;
      border-top: 1px solid #F2F2F2;*/
      border-bottom: 2px dotted #949494
    }
    
    menu#levemenu li.long {
      height:25px;
    }
        
    menu#levemenu li.sub {
       /*list-style-image:url(img/odrazka.gif);
       list-style-position:inside*/
      font-size: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 6px;
    }   
    menu#levemenu li.menudulezity a{
      color:Red;
    }
    menu#levemenu li.prihlasen {
      background-color: #dee8f7;
    }        
    menu#levemenu li.prihlasen:hover {
      background-color: #3399ff;
    }        
    menu#levemenu li.prihlasen:hover a {
      color: white;
    }
    menu#levemenu li:hover {
      background-color: #3399ff;
      /*border-bottom: 1px dotted black;
      border-top: 1px dotted black;*/
    }
    menu#levemenu li:hover a {
      color: #fff;
    }
    menu#levemenu li.nelink {cursor:default}
    menu#levemenu li.nelink:hover {
     background-color: #F2F2F2;
    }         
     menu#levemenu li a{
      text-decoration: none;
      color: black;
      height: 100%;
      width: 100%;
      display: block;
    }    

     menu#levemenu li.title {
     padding-left: 6px;
     border-bottom: 2px dotted #949494;    
     height: 20px; 
     font-weight: normal;
     font-size: 13px;
    }    
     menu#levemenu li.title:hover {
      background-color: #F2F2F2;
      border-bottom: 2px dotted #949494;    
      /*border-top: 1px solid #F2F2F2;*/
    }  
     menu#levemenu li.title:hover a {
     color:black; 
    }          
    .red {color:red;}
    .centered {text-align:center;}
    #cesta {
      font-family: Verdana;
      font-size: 10px;
      border-bottom: 1px solid #3399ff;
      /*float:right;*/
      /*width: 769px;*/
      /*width:100%;*/
      /*padding: 15px 0 5px 10px;*/
    }
    #cesta A {
     text-decoration:none;
     line-height:30px;
    }

    ul#pocasi {list-style-type: none;list-style-image:none;}    
    
    .pointer {cursor:pointer}
    

    div.aktuality {
      line-height:17px;
      padding-left:15px;
      overflow: auto;
      height: 320px;
      /*height: 240px;*/
    }
    #telo .vyska {
      height: 100%;
    }
    .aktuality span {
      color:#2266bb;
    }
    .aktuality .plus {
      background-image: url(/img/plus.gif);
      background-repeat: no-repeat;
      
    }
    .aktuality .minus {
      background-image: url(/img/minus.gif);
      background-repeat: no-repeat;
          
    }
    
    .plus .popisaktuality{
     display:none;
    }
    .minus .popisaktuality{
     display:block;
    }
    .plus>div, .minus>div {padding-left:15px}
    .obrazkyaktuality {text-align:center;padding-top:5px}
    .popisaktuality {line-height:13px}
    #dokumenty {list-style-type:none;list-style-image:none}
    #dokumenty a {text-decoration:none;font-weight:normal;}
    #dokumenty li {margin-bottom:6px;padding-left:20px;background-repeat:no-repeat}
    
    .souboraktuality {list-style-type:none;list-style-image:none}
    .souboraktuality a {text-decoration:none;font-weight:normal;}
    .souboraktuality li {margin-bottom:6px;padding-left:20px;background-repeat:no-repeat}    
    .pdf {margin-left: -20px;background-image: url(/img/pdf.gif)}
    .doc {margin-left: -20px;background-image: url(/img/doc.gif)}
    
    .bluetext {/*color:#3399ff*/;font-weight:bold}
    .itech {margin-bottom:10px}
    #kamera {
      background-image: url(/img/kamera.png);
      margin-left: 2px;
      height: 50px;
      width: 155px;
      float:left;
    }
    #mail {
      background-image: url(/img/webmail.png);
      height: 50px;
      width: 155px;
      float:left;
    }

    div.partneri img{
      /*border:1px solid red;*/
      margin:0px;
      padding:0px;
      padding-top:10px
    }    
    .webcam {
      height:260px;
      width: 340px;
      border:0px solid;
      margin: 0;
      padding: 0;
    }
    .msg {
     text-align:center;
     margin-top:20px;
    }
    
    .meteo-tabulka {
      margin-left: 0px;
      width: 760px;
      text-align: center;
      font-size: 10px;
      background-color: #F2F2F2;
      border-bottom: 2px dotted gray;
      border-top: 2px dotted gray;
    }
    
    .meteo-img {border: 0px none; margin-left:0px}
    
    .blue {
      font-size: 10px;
      color:#2266bb;
    }
    
    .red {
      color:#e91322;
    }    
    
    table.znamky,table.polznamky,table.absence{
     margin-top:20px;
     width:480px;
     border-bottom:1px solid #3399ff;
    }
    table.vychovnaopatreni, table.knihovna {
     margin-top:20px;
     border-bottom:1px solid #3399ff;
     width:720px;
    }
    table.vychovnaopatreni td {padding-left:10px;background-color: #daebff}
    table.polznamky td,table.absence td {text-align:center}
    table.polznamky td.prvni,table.absence td.prvni {text-align:left}
    .zahlavi {border-bottom: 2px solid #3399ff;}
     .licha {background-color: #daebff; color: #414141;} 
     .suda {background-color: #88b4f6; color: #ffffff;} 
    .a_right {text-align:right}
    table.znamky .datum {width:80px}
    table.znamky .typ {width:20px}
    table.znamky .znamka {width:30px}
    table.znamky .popis {width:350px}
    table.znamky .nazev {border-bottom: 2px solid #3399ff;}
    
    div.odcal {float:left}
    div.docal {float:right}
    .calendar  {cursor:default;border:2px solid #3399ff;font-size:10px;border-collapse: collapse}
    .calendar th {color: #ffffff; background-color: #3399ff; border-collapse: collapse}
    .calendar p {text-align:center;margin-top:0px;margin-bottom:0px;padding:0px;}
    .calendar td {padding:1px;border:1px solid #ffffff;text-align:center}
    .calendar .dny td.den {background-color:#daebff;width:18px;}
    .calendar .dny td.den:hover {background-color:#88b4f6;width:18px;}
    .calendar .highlight {background-color:#3399ff;color:#ffffff}
    .calendar .nazvydnu {background-color:#88b4f6;width:18px;}
    #textodchodu {padding-top: 20px;text-align:center}
    #teloodchodu {clear:both;text-align:center}
    #checkodchodu {clear:both;text-align:center;}
    #checktyp {clear:both;text-align:left;}
    #checkodchodu input {width:16px;margin-left:20px}
    #vypisstudenti {width:110px;margin-left:20px;float:right}

    .prichody {width:740px;}
    .prichody th {border-bottom: 2px solid #3399ff;}
    .prichody td {text-align:center}
    
    .historieprihlaseni {width:335px;}
    .historieprihlaseni th {border-bottom:2px solid #3399ff;}
    .historieprihlaseni td {text-align:center}
    .opravky-tabulka th {border-bottom:2px solid #3399ff;}
 #studenti, #tridy {display:none}
 #tridy {text-align:center}
 
 .seznamtrid {position:relative; left:129px;width:80px;border:2px solid #3399ff;}
 .tridyselect {text-align:left;width:20px}
 .ajaxlistrow {width:338px}
 .ajaxlistrow:hover {background-color:#daebff}
 .vypisstudenti {width:338px;border:2px solid #3399ff}
 .vypisstudentinadpis {/*background-color:#3399ff;color:#ffffff*/;width:360px;border:2px solid #3399ff}
 .vyberyprichody {font-size:12px;width:360px;border:1px solid #3399ff;width:250px;margin-top:5px}
 
 .red, .aktuality .red {color:REd}
 .orange,.aktuality .orange {color: #ff9900}
 .green {color:green}
 .covybrat {width:200px;margin-bottom:20px}

  .vybrane_datum {font-weight:normal;font-size:11px;padding-left:28px;line-height:8px}
  
   .one-image {
    float:left;
    width:115px;
    text-align:center;
   }
   
   .novy {background-image:url("img/nove.png");background-repeat:no-repeat;background-position:127px 50%;}


#G3Mini {
 margin-left:10px;
 margin-top:10px;
}

#jidelnak {width:350px}
#jidelnak .den {}
#jidelnak th {border-bottom:2px solid #3399ff;}
#jidelnak .dnes tr{background-color:#daebff}


body:target {-webkit-transform:rotate(180deg);}