/* Gymmázium Žďár nad Sázavou | http://www.gymzr.cz */
/* Autor: Václav Černík | http://vaclav.cernik.name | vaclav@cernik.name | tel. 720154715 */

/* Obecně */
html{
  overflow-y:scroll !important;
}
*{padding:0;margin:0}
.clear{clear:both}
.none{display:none}
.center{text-align:center}
.overlabel{display:none}

hr.hr{border:1px solid #000}
hr.hr_content{border:1px solid #ccc}

.alert{background:#991B13;color:#fff;padding:5px}

/* Základní kostra */
body{background:#EAEEF8;font-family:Verdana;text-align:center;}

/* Vrchní proužek */
.top{background:#0A4696 url('im/top.png');height:16px;text-align:center;font-size:2px}
.top .top_page{margin:0 auto;text-align:left;width:961px;height:16px;background:url('im/top_page.png') 610px 0 no-repeat;font-size:2px}

/* Hlavička (bílý pruh, logo, fotky vpravo nahoře) */
.header{background:#fff;height:175px;text-align:center}
.header .header_page{background: url('im/header.png') 41px 0 no-repeat;margin:0 auto;text-align:left;width:961px;height:175px}
.header .header_page .header_right{float:right}
.header .header_page .header_right a img{border:0}

.header .header_page a img.logo{border:0;margin-top:8px}

.login_bar{position:absolute;margin-left:141px;padding:10px;font-size:12px;margin-top:25px;width:300px;text-align:right}
.login_bar a{color:#033982}
.login_bar a:hover{text-decoration:none}

.lang_bar{position:absolute;margin-left:315px;padding:10px;}
.lang_bar a{color:#666;font-size:12px;}
.lang_bar a:hover{text-decoration:none}
.lang_bar a img{border:0}

/* Vrchní menu */
.menu{background:#0A4696 url('im/menu.png');height:44px;text-align:center}
.menu .menu_page{margin:0 auto;width:961px;height:44px;text-align:left}

.menu ul{list-style-type:none}
.menu ul li{float:left}
.menu ul li a img{border:0;margin:1px 1px 0px 1px}
.menu ul li a{color:#fff;text-decoration:none;font-variant: small-caps; font-size:17px;display:block;padding:12px 21px 11px 21px;}
.menu ul li a:hover{background:url('im/menu_hover.png')}
.menu ul li.selected a{background:url('im/menu_selected.png')}
.menu ul li.selected a:hover{background:url('im/menu_selected.png')}

.menu .menu_page2{position:absolute;margin-left:467px;font-size:2px}

 /* Stránka */

.page {margin:20px auto 0 auto;text-align:left;width:960px}

.page .middle{width:475px;margin:0 243px}
.page .left{width:232px;float:left}
.page .right{width:232px;float:right}

.page .page_left{width:190px;float:left}
.page .page_right{width:756px;float:right}
.page .page_wide{}

.page .item{background:#fff;margin:00px 0 10px 0}
.page .item h3{color:#981b13;font-size:15px;font-variant: small-caps;padding:3px 5px}
.page .item h3 a{color:#981b13;text-decoration:none}
.page .item h3 a:hover{color:#981b13;text-decoration:underline}
.page .item h4{font-size:13px}
.page .item .content{font-size:13px;padding:3px 1px}
.page .item .content table td{font-size:13px;}

.page .item .content a{color:#07316b}
.page .item .content a:hover{text-decoration:none}

.page .item .content h4{margin:0px 3px 2px 0px}
.page .item .content h4 a{text-decoration:none}

.page .item .content p{text-align:justify;margin:3px 5px 15px 1px}

.page .item .content a img{border:0;margin:2px 0}

.page .item .content .img.rightim{float:right;border:1px solid #ccc;margin:0 0 0 10px !important;padding:1px}
.page .item .content .img.leftim{float:left;border:1px solid #888;margin:0 10px 0 0 !important;padding:1px}
.page .item .content .img.centerim{display:inline-block;border:1px solid #888;margin:0 10px 0 0 !important;padding:1px}
.page .item .content .img.itemim{float:right;border:1px solid #888;margin:0 0 10px 0 !important;padding:1px}

.page .item .content .img.rightim img{margin:0px !important}
.page .item .content .img.leftim img{margin:0px !important}
.page .item .content .img.centerim img{margin:0px !important}
.page .item .content .img.itemim img{margin:0px !important}

.con{padding-left:5px !important}
/*prostřední pruh*/
.page .middle .item .content,.page .page_right .item .content,.page .page_wide .item .content{padding:3px 5px}


/* stránka - zarovnání výšky boxů*/
.height_middle{height:724px}
.height_right{height:584px}


/* vyhledvání - homepage*/
.page .search{margin:0 0 10px 0}
.page .search #vyhledat-field{float:left;height:30px;width:190px;padding-left:10px;padding-right:10px;font-family:Verdana;border:0;background:url('im/search.png') no-repeat}
.page .search .image{float:right;margin-right:1px}

.page .search div#vyhledat {position:relative;float:left;margin-right:3px;}

/* odkazy - homepage (rozvrh, supl, ...)*/
ul.odkazy {list-style:none;margin-right:1px}
ul.odkazy li{width:109px}
ul.odkazy li a{color:#555;font-size:13px;text-decoration:none;padding:4px 2px;display:block;text-align:center}
ul.odkazy li a:hover{color:#000}

ul.odkazy li.l_t{float:left;}
ul.odkazy li.r_t{float:right;border-left:1px solid #eee}
ul.odkazy li.l_b{float:left;border-top:1px solid #eee}
ul.odkazy li.r_b{float:right;border-top:1px solid #eee;border-left:1px solid #eee}

ul.odkazy li.klasifikace{float:left;width:220px;border-top:1px solid #eee;}

img.skola{margin:0 5px 5px 5px}

/*tabulka-přihlašování*/

table.login th{font-weight:normal;font-size:13px;text-align:right;padding:2px 5px 3px 5px }
table.login .input_text{width:138px}

 /* stránka - menu vlevo */
 ul.menu2{list-style:none;margin:0 0 10px 5px}
 ul.menu2 li{padding:1px 0}
 ul.menu2 li a{display:block;padding:2px 0}
 ul.menu2 li.sel a{font-weight:bold;text-decoration:none}

  .minitop{margin-top:5px;display:block;margin-bottom:-5px}


 /* Footer - patička */
 .footer{text-align:right;font-size:12px;color:#999;margin-bottom:10px}
 .footer a{color:#999}
 .footer a:hover{text-decoration:none}
 
    /* Výpis žáků/učitelů */
    
    table.trida{font-size:13px;margin-top:5px;}
    table.trida td{vertical-align:top;width:250px}
    table.trida td a{padding:3px 0;display:block}
        table.trida td span{padding:3px 0;display:block}
    table.trida td a.noblock{padding:3px 0;display:inline}
    table.trida td span{padding:3px 0;display:block}
    
    .trida_right{float:right;width:190px;margin-top:2px;border-left:1px solid #eee}
    .trida_right .vnitrni{margin-left:30px}
    .trida_right a{padding:3px 0;display:block}
    .trida_right a.noblock{padding:3px 0;display:inline}
    .trida_right span{padding:3px 0;display:block}
    .trida_right strong{padding:5px 0 0 0;display:block}
    
    .trida_right .nastup{margin-top:3px}
    .trida_right .nastup th{font-size:13px;padding-right:5px}
    
    /* Popup */
    .minipage{padding:5px 10px;text-align:left}
    body.white{background:#fff}
    .minipage textarea{width:780px;height:370px;}
    .minipage textarea.clanek{width:780px;height:300px;}
    .minipage textarea#predclanek{width:675px;height:60px;margin-top:5px;padding:1px}
    .minipage textarea#poznamka{width:675px;height:30px;margin-top:5px;padding:1px}
    .minipage th{font-size:13px;vertical-align:top;padding-top:5px;padding-right:5px}
    
    .minipage input{margin-top:5px;padding-left:30px;padding-right:30px}
    .minipage input.clanek{margin-top:5px;padding-left:5px;padding-right:5px;width:300px}
    .minipage #rubr{margin-top:5px;width:310px;}
    .minipage p{margin-top:10px;font-size:13px}
    .minipage strong{margin-top:10px;font-size:13px}
    
    .minipage .ovladani{margin-top:10px;background:#333}
    .minipage .ovladani a{color:#fff;font-size:13px;text-decoration:none;text-align:center;border-right:1px solid #888}
    .minipage .ovladani a:hover{background:#666;}
    .minipage .ovladani a span{margin:10px}
    
   .tmavy{display:none;width:100%;height:100%;position:absolute;background:#000;filter: alpha(opacity=30);  
 -moz-opacity: 0.3;  
     -khtml-opacity: 0.3;  
     opacity: 0.3;  }
    
    .vlozitfoto{position:absolute;display:none;background:#fff;top:100px;left:100px;width:600px;height:300px;border:2px solid #333;text-align:left}
    .vlozitfoto_h{background:#ccc;padding:3px;font-size:13px;border-bottom:1px solid #aaa}
    .vlozitfoto_h a{color:#981B13;position:absolute;right:10px}
    .vlozitfoto_b{padding:3px;font-size:13px;margin-top:10px;text-align:center}
    .vlozitfoto_b h3 a{display:block;color:#07316B;margin:20px 0}
    .vlozitfoto_b h3 a:hover{text-decoration:none}
    
    .vlozitfoto_upload{display:none}
    /* foto */
    
    table.foto td{border:1px solid #ccc;padding:3px;text-align:center}
    
    /* tabulky */
    table.seznam th{font-size:13px;vertical-align:top;font-weight:normal;padding:3px 5px 3px 3px}
    table.seznam td{font-size:13px;vertical-align:top;padding:3px}
    
    table.table1 td{padding:2px 5px;vertical-align:top}
    table.table1 th{font-size:13px;text-align:left;padding:2px 10px 2px 0;width:140px;vertical-align:top}
    table.table1.sir th{width:150px}
    table.table1.smsir th{width:50px}
    table.table1.maxsir th{width:180px}
    
    
    table.udaje{margin-top:10px}
    table.udaje td input{padding:1px}
    table.udaje td{font-size:13px}
    
    table.table_vertical{border:1px solid #000;border-right:0;border-bottom:0;margin-bottom:10px}
    table.table_vertical thead td{font-weight:bold}
    table.table_vertical td{border:1px solid #000;border-left:0;border-top:0;padding:3px;font-size:13px}
    
    table.tridy {margin:0 0 10px 5px}
    table.tridy td{font-size:13px;padding:2px 40px 2px 0px}
    table.tridy td a{color:#07316b;font-weight:bold}
    table.tridy td a:hover{text-decoration:none}
    
    .tabulka2 {margin:2px 0 5px 0}
    .tabulka2 td{border:1px solid #ccc;padding:3px}
    
    .table-border{border:1px solid #ccc;border-right:0;border-bottom:0;border-collapse: collapse;}
    .table-border td{border:1px solid #ccc;border-left:0;border-top:0;padding:2px 3px}
    .table-border .first-tr td{background:#eee;}
    
    .table-border-center{border:1px solid #ccc;border-right:0;border-bottom:0;border-collapse: collapse;}
    .table-border-center td{border:1px solid #ccc;border-left:0;border-top:0;padding:2px 3px;text-align:center}
    .table-border-center .first-tr td{background:#eee;}
    .table-border-center tr .first-td{text-align:left}
    
    
    .table-padding td{;padding:2px 3px}
    
    /* zamestnanec */
    .zamestnanec .right{text-align:right;font-size:13px;margin-bottom:10px}
    .zamestnanec .right a{color:#07316B}
    .zamestnanec .right a:hover{text-decoration:none}
    
    .zamestnanec  h2{font-size:17px}
    .zamestnanec  img{border:1px solid #666;margin:0 10px 10px 0}
    
      /* zamestnanec */
      .fotogalerie {float:left;margin:0 10px 10px 4px;width:430px;background:#f5f5f5;padding:10px;border:1px solid #f5f5f5}
      .fotogalerie .img {float:left;border:1px solid #ccc;padding:1px;margin:0 10px 0 0}
      .fotogalerie em{display:block;color:#666;font-style:normal}
      
      .odkazfoto{display:block;text-align:center;float:left;margin-right:5px}
      
      .photo_gallery{border:1px solid #ccc !important;margin:1px 0 10px 15px !important;padding:1px;}
      .photo_gallery img{margin:0px !important;}
      
      
     /* články */ 
     .datum{color:#aaa;margin-right:8px}
     .datum2{color:#aaa;margin-left:8px}
     .clanek_top{color:#aaa}
      
     /* dokumenty */
     p.dokument{margin-bottom:6px !important} 
     ul.dokumenty{margin:-10px 0 -7px 20px !important;color:#ccc;list-style-position:inside}
     ul.dokumenty li{padding:1px 0}
     
     
     
      /* obsah */
      input.obsah{width:400px}
      .obsah_button{padding:0 20px;margin:10px 0}
      table.obsah{margin-top:5px}
      table.obsah th{text-align:left;font-size:13px;color:#666}
      
      .emailim{padding:0  !important;margin:0  !important;border:0 !important;margin-bottom:-3px  !important}
      
      /* rada rodicu */
      .levysloupec{float:left;width:350px;border-right:1px solid #ddd}
      .pravysloupec{float:right;width:360px}
      
      #mapawebu ul{margin-left:50px}
      #mapawebu ul li{padding:2px 0}
      
      .archiv_nadpis{margin:10px 0 0 10px !important;color:#053372}
      .archiv_table{border-top:1px solid #043F8D;margin-top:3px}
      .archiv_table td{padding-left:10px}
      
      .archiv_table td.td1{width:300px}
      .archiv_table td.td2{width:70px}
      .archiv_table td.td3{width:100px}
      
            /* sdílení souborů */
            .sdileni{border:solid #000;border-width:0 0 1px 1px;border-spacing:0 }
            .sdileni td{border:solid #000;border-width:1px 1px 0 0;padding:5px}
            
            
            
            
            
            
.item{
  border:1px solid #DBDFEB;
  padding:4px !important;
  border-radius:4px;
  
}            

.imgmore{

}
.imgmore--right{
  float:right;
  width:200px;
  margin-left:10px
}