body  {    
       font-size: 11px; 
       font-family:  Verdana, Arial, lucida, sans-serif;
       margin: 0; 
       padding: 0;
       background: url(../images/center_shade3.gif) top center repeat-y;	
       background-color: #B8BECB;
}


a { color: #293865;  }
a:hover { color:#BC1616; }

a.arr, span.arr { background: url(../images/arrow_w.gif) 0% 50% no-repeat; padding-left: 12px; font-weight: bold; }



a.bigger { font-size: 14px; }

a.pdf, a.word, a.ppt, a.flp, a.zip, a.notebook, a.jpg, a.externi { padding: 3px 0 3px 22px; background-position: 0% 50%; background-repeat: no-repeat; }

a.pdf { background-image: url(../images/icons/pdf.gif);  }
a.word { background-image: url(../images/icons/word.gif);  }
a.ppt { background-image: url(../images/icons/ppt.gif); }
a.flp { background-image: url(../images/icons/ikona_flp.png);  }
a.zip { background-image: url(../images/icons/zip.gif);  }
a.notebook { background-image: url(../images/icons/notebook.gif);  }
a.jpg { background-image: url(../images/icons/jpg.gif);  }
a.externi { background-image: url(../images/icons/externi-odkaz.gif);  }

div.pdf { background: url(../images/icons/pdf.gif) 0% 3px no-repeat; padding: 3px 0 3px 22px; margin: 8px 0; }


hr {border-top: 1px solid #ACB4C3; margin: 10px 0; padding: 0; height: 1px; }

p { line-height: 1.3; padding: 5px 0; }
p.topnm { margin: 0; }
p.odsaz { padding-left: 150px; }
p.odsaz2 { padding: 0 0 0 50px; margin-top: 0; }
p.citat { font-style: italic; padding-left:30px; }
p.vlozeno { color: gray; }
p.ts { width: 400px; text-align: justify; }
p.portfolio { margin: 0; padding: 5px; }

td {
  vertical-align: top;
  padding: 0;
  line-height: 1.3;
  font-weight: normal;
}

form {
  padding: 0;
  margin: 0;
}

input {
  font-size: 11px; 
  font-family: verdana;
}

textarea { font-size: 11px; font-family: verdana; }

input:focus, textarea:focus { background-color: yellow; }

input.but {
  font-size: 11px;
  background: #C8D6EB;
  letter-spacing: 0.1em;
  width: 108px; 
  margin-top: 2px;
}


.imgborder { padding: 4px; border: 1px solid silver; }

.obsahbox { margin-top:20px; }

#chyba {
     background: url(../images/chyba.gif) 10px 10px no-repeat;
     padding: 10px 10px 10px 90px;
     border: 3px solid red;
     margin-bottom: 30px;
     height: 150px;
}

#chyba p { font-weight: bold; color: red; }

p.upozorneni { background: url(../images/alert.gif) 0% 5% no-repeat; font-style: italic; padding: 3px 0 3px 20px; } 

p.predmetove { width: 400px; }


div#headerbox {
  width: 790px;
  margin: 0 auto;
  padding: 1px 0 10px 0;
  background: white;
  border-top: 3px solid #3D547C;
  
}

div#mainbox {
  width: 790px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  background: white; 
 
}

div#subnav { margin: 0 0 10px 0; border-bottom: 1px solid #eee; padding: 0 0 5px 0; }

div#subnav a { font-weight: normal; }

div#disclaimer { border-top: 5px solid #eee; width: 785px; margin: 10px auto 0 auto; padding: 5px 0 8px 5px; color: gray; font-size: 10px; }
div#disclaimer a { color: gray; }

h1 {
    border-left: 5px solid #464646;
    font-family: "trebuchet ms";
    font-size: 24px;
    padding: 0;
    margin: 0 0 10px 0;
    padding-left: 10px;
    color: #464646;   
}

h1.podsekce { 
            background:url(../images/corner.gif) 100% 0% no-repeat; 
            background-color:#0878A6; 
            background-color:#293865;
            color:#ffffff; 
            font-size: 12px;            
            padding: 2px 5px 2px 10px;
             margin: 0 0 5px 0;
             letter-spacing: 2px;
            border-left: 5px solid #A3ACBE;
      }


h1.leftborder { font-size: 18px; padding: 3px 5px 3px 10px; border-left: 5px solid #A3ACBE; }


h2 {font-size: 13px; margin: 10px 0; padding: 0;}
h2.nm { margin: 10px 0 0 0; }
h2.xm { margin: 10px 0 10px 0; }
h2 span { font-weight: normal; }

h4 { font-size: 11px; margin: 10px 0 4px 0; padding: 0; }

table#headertab { width: 100%; }

table#headertab td.logo { width: 150px; text-align: center; padding-top: 5px; }
table#headertab td.nadpis { background: url(../images/top-bg2.jpg) 0% 0% no-repeat; }
table#headertab td.nadpis img { margin: 100px auto 0 auto; display: block; }

table#headertab td.logo img {
  margin: 0 auto;
  display: block;
}


table#maintab { width: 100%; }

td#menu {
  width: 165px;  
/*  padding-left: 1px;*/
 padding-right: 10px;
}


.lightbluebg {
  background: #D1E1F0;
 /* text-align: right; */
  border-bottom: 1px solid #ccc;
  position: relative;
  left: -1px;
}

td#obsah {
          padding: 5px 15px 15px 0;           
          background: url(../images/line_leftmenu.gif) 0% 0% repeat-x;
          }


/* hlavni stranka  */

table#minitab { width: 100%; margin: 0 0 10px 0; }

table#minitab td.strucne { text-align: justify; width: 50%; padding-right: 20px; }


td#aktuality {  width: 60%; padding-right: 8px; }

td#titlesekce { width: 40%; padding-left: 8px; }

td#aktuality .rightdots { 
      background: #eff7fe;
      padding: 10px;
      margin: 0 0 5px 0;
      border-bottom: 1px solid gray;
}

.lbluebox { border: 1px solid #D0DFFF; padding: 5px; padding-top: 0; border-top: 0;  }


td#aktuality h2 { font-size: 14px; margin: 0; padding: 0; }
td#aktuality p { margin: 0; padding: 4px 0; }
td#aktuality p.datum { font-size: 10px; color: gray; }
td#aktuality .imgbox { float: right; padding: 0; margin: 0 0 3px 3px; }
td#aktuality .imgbox img { padding: 3px;  border: 1px solid silver; }
/*td#aktuality .aktbottom { clear: both; height: 3px; margin:  0 0 10px 0; }*/


table.takce { width: 100%; }
table.takce td { vertical-align: top; padding: 3px; }
table.takce td.thead { text-align: right; white-space: nowrap; width:1%; }


td#obsah ul#xx { list-style-type: square; padding: 0; }


/* skola - zakladni udaje  */

table#udaje, table#historie, table.udaje { width: 100%; }
table#udaje td, table#historie td, table.udaje td { padding: 5px; }
table#udaje td.label, table#historie td.label, table.udaje td.label { text-align: right; white-space: nowrap; font-style: italic;}
table#udaje td.label2 { font-weight: bold; padding-left: 10px; border-left: 3px solid black; font-size: 12px;}
table#udaje td.spacer, table#udaje td.spacer2 { padding: 0; }
table#udaje td.spacer2 {border-top: 1px solid #ACB4C3; }
table#udaje ol { padding: 0; margin: 0 0 0 15px; }
table#udaje h3 { padding: 0 0 0 20px; margin: 10px 0; font-size: 11px; }
table#udaje .bbox { padding: 0 0 0 50px; margin: 0 0 15px 0; }

table#historie td.label { font-weight: bold;}
table#historie ol { padding: 0; margin: 0 0 0 15px; }


/* prijimaci zkousky */

table#blueboxtab { border: 3px solid #eee; width: 100%; margin: 0 0 15px 0; }
table#blueboxtab td { padding: 0 0 10px 10px; }
table#blueboxtab ol { margin-bottom: 0; }
table#blueboxtab p { padding: 0; margin: 0; }

td.ohead { background: white; padding: 3px 0 6px 5px; font-weight: bold; font-size: 13px; }
td.ocell, td.olabel { padding: 3px 5px; background: white; }
td.olabel { white-space:nowrap; }
td.olabel { text-align: right; }
td.olabel2 { font-weight: bold; padding: 10px 0 6px 0;}


/*  rozvrh hodin  */

body#rozvrh { padding: 10px; background-image: none; }

table#ro { width: 100%; background: gray; }
table#ro td { background: white; }
table#ro td.rhead { background: #eee; padding: 3px; text-align: center;  font-size: 15px; font-weight: bold;}

table#ro td.rhead span { display: block; margin: 5px 0 0 0; font-size: 9px; font-weight: normal; color: gray; }


table#ro td.rden { background: #eee; padding: 3px 6px; text-align: center;  font-size: 15px; font-weight: bold; vertical-align: middle;}

table#ro td.rcell { text-align: center;  font-size: 15px; font-weight: bold; vertical-align: middle;}
table#ro td.rcell div { color: gray; padding: 0 2px; margin: 5px 0 0 0; font-size: 10px; font-weight: normal; text-align: left;  }
table#ro td.rcell div.uc { text-align:right; margin: 0; font-size: 10px; font-weight: normal; color: gray; font-family:arial; }
table#ro td.rcell span.vyuc { font-family:arial; font-size: 9px; padding: 0 2px; border: 1px solid silver; margin: 0 0 0 8px; }

/* zvoneni  */

table#zvoneni { margin: 20px 0 0 20px;  }
table#zvoneni td { padding: 2px 5px; vertical-align: bottom; text-align: right; }
table#zvoneni td.hodina { font-weight: bold; font-size: 14px; }
table#zvoneni td.hinfo { color: #3D3D3D; }
table#zvoneni td.prestavka { font-weight: bold; font-style: italic;}


/*  zamestnanci  */

table.plist { width: 100%;  background: silver; border-top: 2px solid silver; }

table.plist td { background: white; padding: 5px; }
table.plist td.headp { background: #eee; }
table.plist td.labr { text-align: right; white-space: nowrap; }


/* dotazy  */

table#formtab { background: white; }
table#formtab td { color: white; padding: 5px; background: #3D547C; text-align: left; }
table#formtab td.header { font-weight: bold; background: url(../images/chat_icon.gif) 95% 50% no-repeat; background-color: #3D547C; }

.ohlas {       
        background: url(../images/dost223.gif) left repeat-y; 
        padding-left: 8px;       
        margin-bottom: 20px; 
        font-size:11px; 
        color:#303030; 
}


p.ohlas-header {
     position: relative;
     left: -6px;
     background: url(../images/ohlas.gif) 0% 50% no-repeat; 
     background-color: #D9DCE3;
     background-color: #eff7fe;
     padding: 3px 0 3px 26px;
     margin-bottom: 10px;     
}

/* aktuality - zastupovani */

table#akce { width: 100%; margin: 20px 0; }
table#akce td { vertical-align: top; padding: 5px; background: white; }
table#akce td.ahead { text-align:right; white-space:nowrap; width: 1%; font-size: 10px; color: gray; font-weight: bold; }
table#akce td.spacer { padding: 0; border-top: 1px solid #D0DFFF;  }

/* aktuality - akce */

table#zast { width: 100%; background: silver; margin: 20px 0; }
table#zast td { vertical-align: top; padding: 2px; background: white; }
table#zast td.head { background: #eee; font-weight: bold; font-size: 10px; }


.userbox { padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px dashed gray; }

.userbox p { padding: 0; margin: 2px 0; }

ol#doclist { margin: 0; padding: 0; list-style-type: none;}
ol#doclist img { border:none; }


/*  kontakty  */

table#kontaktymain {  margin: 10px auto 20px auto; }
table#kontaktymain td { padding: 3px; }
table#kontaktymain td.hmain { text-align: right; color: gray; }

table#linky { background: silver; margin: 15px 0; width: 100%; border-top: 2px solid silver; }
table#linky td { padding: 3px; background: white; text-align: center;}
table#linky td.lhead { background: #eee; }
table#linky td.lr { text-align: left; }
table#linky td.prijimacky { text-align: left; padding: 10px; }


/* fotogalerie  */

/*  stinovane  */
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px; 
  }


div#fotogalerie { margin-top: 20px; }

div#fotogalerie img {
    border: 1px solid #a9a9a9;  
    padding: 4px; 
    float: left;
    margin: 0 10px 0 0;
  }
  
div#fotogalerie a {
    font-size: 12px;
    font-weight:bold;
    line-height: 1.3;
  }
  
div#fotogalerie .cb { clear:both;  margin-bottom: 20px; }

table#fotogalerietab { width: 100%; }
  
table#fotogalerietab td { padding: 5px; }
  
table#fotogalerietab .popisek { padding-left: 10px; }

#fotodisplay {  text-align: center; }
  
#fotodisplay p {
   text-align: left;
   font-weight: bold;
   padding: 5px;
  }
  
#fotodisplay img {
  border: none;  
   padding: 0;
   background: white; 
  }
  
#fotodisplay .statbox { font-size: 10px; color: gray; margin: 3px 0 0 0; text-align: center; }

table#fotogalerie_navbox { width: 100%; margin-bottom: 15px; }
  
table#fotogalerie_navbox td { padding: 5px; font-size: 13px; }
  
table#fotogalerie_navbox td.fotocount { text-align: right; }


/* predmetove stranky  */

div#p_docbox p { padding: 0; margin: 0 0 10px 0; font-weight: bold; }

div#p_docbox ul { margin:0; padding:0; list-style-type:none; }
div#p_docbox ul li { padding: 3px 0; }
div#p_docbox ul img { border: 0; }
div#p_docbox a { padding: 3px 0; }
div#p_docbox a.up { background: url(../images/icons/up.gif) 0% 0% no-repeat; padding-left: 20px; }
div#p_docbox a.file, div#p_docbox a.pdf, div#p_docbox a.doc, div#p_docbox a.zip, div#p_docbox a.xls, div#p_docbox a.pps, div#p_docbox a.ppt, div#p_docbox a.jpg, div#p_docbox a.jpeg { background-position: 0% 0%; background-repeat: no-repeat; padding-left: 20px; }
div#p_docbox a.file { background-image: url(../images/icons/file.gif); }
div#p_docbox a.pdf { background-image: url(../images/icons/pdf.gif); }
div#p_docbox a.zip { background-image: url(../images/icons/zip.gif); }
div#p_docbox a.doc { background-image: url(../images/icons/word.gif); }
div#p_docbox a.xls { background-image: url(../images/icons/excel.gif); }
div#p_docbox a.ppt, div#p_docbox a.pps { background-image: url(../images/icons/ppt.gif); }
div#p_docbox a.jpg, div#p_docbox a.jpeg { background-image: url(../images/icons/jpg.gif); }

div#p_docbox a.dir { font-weight: bold; background: url(../images/icons/dir.gif) 0% 0% no-repeat; padding-left: 20px; }
p.lchyba { color: red; }
