html, body, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0
}

html {height: 100%;
}

body {
   min-height: 100%;
   height: 100%;
   font-family: Times New Roman;
   margin: 0;
   padding: 0;
   background-color: #314375;
   }

#hlavicka {
   height: 85px;
   text-align: center; 
   margin: 0px auto 0px auto;
   }

.name {
   width: 597px;
   height: 76px;
   }

h1 {margin: 0;
    padding: 0;
    font-size: 27px;}



/* =============== 3 layout =============== */
#obal {
   background-image: url('Images/background.gif'); 
   background-repeat: repeat-y;
   background-position: center top;
   background-color: #fdf8b4;
   width: 1100px;
   min-height: 100%;
   height: 100%;
   margin: 0px auto;
   text-align: left;
   }

body>#obal {
 	height: auto;
   }
/* Opera 9.5+  hack, mozna najdete nekdo i jine reseni  */
*|html[xmlns*=""]  #obal { 
   display: table;
	 height: 100%; 
  } 
   
#sloupec-levy {
   float: left;
   width: 200px;
   display: block;
   position: relative;
   }

#sloupec-prostredni-pravy {
   float: right;
  }

#sloupec-prostredni-pravy #sloupec-l {
   float: left;
   width: 700px;
   height: 100%;
   margin: 0px 0px 0px 0px;
   display: block;
   position: relative;
   background: #ffffff;
   }

#sloupec-prostredni-pravy #sloupec-p {
   float: right;
   width: 200px;
 	 height: 100%;
   display: block;
   position: relative;
   }

.obsah {
   margin: 20px 25px;
      }
      
 #footer {
	 width: 700px;
 	 height: 20px;
	 overflow: hidden;
	 position: relative;
	 bottom: 0;
	 left: 0;
	 background: transparent;
   }

  
/* =============== 3 layout konec =============== */

  
.menuLeft   {
   width: 560px;
   height: 1000px;
   border: 0;
   overflow: hidden;
   }   

.menuRight   {
   width: 200px;
   height: 1000px;
   border: 0;
   overflow: hidden;
   }   
      
 /* =============== text =============== */
 
H1, H2, H3, H4  {       
   text-align: center;
   color: #314375;
   } 

H1  {       
   margin: 20px;
   } 
      
H2  {       
   margin: 40px 0px 10px 0px;
   } 

H4  {       
   text-align: left;
   font-style: italic;
   } 
   
.komentar   {
   width: 610px;
   text-align: left;
   margin: 0px 20px 20px 20px;
   clear: both;
   }
   
.komentarH   {
   width: 450px;
   text-align: left;
   margin: 0px auto 20px auto;
   clear: both;
   }   

.popis   {
   width: 610px;
   text-align: left;
   margin: 0px 20px 0px 20px;
   padding: 10px 0px;
   clear: both;
   }   
      
.obsah a, a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #02aaa5;
   outline: none;
   }

.obsah a:hover  {
	text-decoration: underline;
   }

.right {
   text-align: center;
   float: right;
   padding: 0px 5px 0px 0px ;
   }

span.cam {
   float: right;
   width: 18px;
   height: 14px;
   }
   
table.druziny { 
   margin: 20px 0px;
   }
   
table.druziny td { 
   color: #314375;
   font-size: 18px;
   }
   
table.cviceni {
   float: left;
   width: 300px;
   margin-top: 30px;
   }
  
.euroLeft {
   width: 190px;
   height: 271px;
   text-align: center;
   float: left;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   padding: 5px 5px 5px 5px ;
   margin: 0px 0px 20px 0px;
   }

img.euroFoto {
   width: 190px;
   height: 181px;
   margin: 5px 0px;
   }  

.video {
   width: 600px;
   height: 437px;
   border: 3px solid #000000; 
   }  

.stred {
   text-align: center;
   }  
           
  /* =============== konec text =============== */
  
  /* =============== Foto =============== */
   
.imgX {
   border: 3px solid #000000;
   margin: 5px 0px;
   }

img.imgW {
   width: 600px;
   height: 450px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  
   
.imgH {
   width: 450px;
   height: 600px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  

.imgH0 {
   height: 600px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  
   
img.imgW0 {
   width: 600px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  

img.Certifikat {
   height: 600px;
   width: 422px;
   border: 0px;
   margin: 5px 0px;
   }  
   
img.imgWico {
   width: 200px;
   height: 150px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  
   
.imgHico {
   width: 113px;
   height: 150px;
   border: 3px solid #000000;
   margin: 5px 0px;
   }  

img.imgSL {
   float: left;
   width: 290px;
   border: 3px solid #000000;
   margin: 4px 7px 4px 2px; 
   }   

img.imgSR {
   float: left;
   width: 290px;
   border: 3px solid #000000;
   margin: 4px 2px 4px 7px; 
   } 
   
div.img {       
   text-align: center;
   clear: both;
   }   
   
span.BlueBI  {       
   font-weight: bold;
   font-style: italic;
   color: #314375;
   }     

table {       
   width: 650px;
   border-collapse: collapse;
   margin: 0px auto;
   border: 0px;
   }  
   
td {       
   text-align: left;
   vertical-align: top;
   padding: 3px 20px 3px 20px;
   }  
   
.head {       
   display: block;
   white-space: nowrap;
   font-weight: bold;
   color: #314375;
   text-align: left;
   vertical-align: top;
   padding: 3px 20px 3px 20px;
   }  

table.almanach {       
   color: #314375;
   font-size: 18px;
   margin: 20px 0px;
   }  
   
table.almanach td.head, table.druziny td.head {       
   width: 130px;
   font-weight: normal;
   white-space: nowrap;
   color: #314375;
   text-align: left;
   }
   
  
     
  /* =============== konec Foto =============== */  

  /* =============== zacatek Vystoupeni =============== */
    
table.vystoupeni, .vystoupeniG, .vystoupeniGB, .vystoupeniB, .vystoupeniBB {
   text-align: left;
   padding: 3px 10px 3px 20px;
   }  

table.vystoupeni td.vystoupeniBB {       
   font-weight: bold;
   color: #314375;
   text-align: left;
   }  

table.vystoupeni td {       
   white-space: nowrap;
   } 
   
table.vystoupeni td.vystoupeniG {       
   background-color: #e3e4e4;
   font-weight: normal;
   color: #000000;
   white-space: nowrap;
   } 
   
table.vystoupeni td.vystoupeniGB {       
   background-color: #e3e4e4;
   font-weight: bold;
   color: #314375;
   white-space: normal;
   } 
   
table.vystoupeni  td.vystoupeniBB, td.vystoupeniGB {       
   white-space: normal;
   }   

  /* =============== konec Vystoupeni =============== */
    
  /* =============== zacatek Cvicitele =============== */
    
.cvicitelefotoR   {
   position: relative;
   float: left;
   padding: 0px 20px 10px 20px;
   }

.cviciteleName   {
   position: relative;
   width: 620px;
   min-width: 620px;
   }   

img.cvicitelefoto {
   width: 93px;
   height: 120px;
   border: 2px solid #000000;
   margin: 5px 10px;
   }

img.cvicitelefotoLink {
   width: 80px;
   height: 100px;
   border: 2px solid #000000;
   margin: 5px 10px;
   }

h2.cvicitele   {
   text-align: left;
   color: #314375;
   padding: 5px;
   margin: 0px;
   }
      
div .line {
   position: relative;
   text-align: center;
   width: 610px;
   border-bottom: 2px solid #314375;
   margin: 20px 20px;
   clear: both;
   }  
         
  /* =============== konec Cvicitele =============== */
  
div.tabor {
   text-indent: 20px;
   margin: 0px 0px 10px 0px;
   }  

.prekladu {
   text-indent: 0px;
   }  
.prekladn {
	 width: 600px;
   text-indent: 0px;
   font-size: 16px;
   font-weight: bold;
   margin: 10px auto 5px auto;
   }  
.preklad {
   text-indent: 20px;
   }   
.preklad, .prekladu {
	 width: 600px;
   margin: 2px auto;
   font-size: 12px;
   }  

table.tabor td {
   text-indent: 0px;
   }   
   
#BackNext    {
   text-align: right;
	 width: 100px;
 	 height: 30px;
	 overflow: hidden;
	 position: absolute;
	 top: 0px;
	 right: 15px;
	 background: transparent;
   margin: 28px 10px 0px 0px;
   }
   
img.BackNext      {
	 width: 10px;
 	 height: 21px;
	 overflow: hidden;
	 background: transparent;
   margin: 0px 0px 0px 10px;
   border: 0px;
   border-collapse: collapse;
   }
   
#BackNext a   {
   border-collapse: collapse;
   text-decoration: none;
   }

  /* =============== začátek Rozvrh hodin =============== */

.RozvrhDny, .RozvrhHodiny, .RozvrhDnyS, .RozvrhHodinyS{
   position: relative;
   float: left;
   }

.RozvrhDny {
 	 height: 558px;
   }

.RozvrhHodiny {
 	 height: 574px;
   }
   
div.RozvrhDny, div.RozvrhDnyS {
	 width: 152px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
	 border-left: 1px solid #000000;
	 border-top: 1px solid #000000;
	 border-right: 1px solid #000000;
   }

div.RozvrhDny ul, div.RozvrhDnyS ul, .RozvrhHodiny ul, .RozvrhHodinyS ul {
   float: left;
	 display: inline-block;
	 border-bottom: 0px;
   margin: 0px;
   padding: 0px;
   }
   
.RozvrhHodiny {
	 border-top: 1px solid #000000;
	 border-right: 1px solid #000000;
   overflow-x: auto;
   overflow-y: hidden;
	 margin-bottom: 20px;
   }

.RozvrhHodiny {
	 width: 495px;
   }
   
.RozvrhHodinyS {
	 border-top: 1px solid #000000;
	 width: 430px;
	 margin-bottom: 20px;
   }

.RozvrhHodiny ul {
	 width: 1075px;
   }
  

.RozvrhHodiny li, .RozvrhHodinyS li, .RozvrhDny li, .RozvrhDnyS li {
	 display: inline-block;
   float: left;
   border-right: 1px solid #000000;
   border-bottom: 1px solid #000000;
   }
   
.Dny, .DnyHead {
	 width: 50px;
   }   

.Telocvicna, .TelocvicnaHead {
	 width: 64px;
   }

.DnyHead, .TelocvicnaHead, .Hodiny {
   font-size: 14px;
   padding: 3px 9px 3px 9px;
	 height: 18px;
   } 
   
.Dny, .Telocvicna, .X, .X2, .SGPZ, .SGPZ2, .SGNZ, .SGNZ2, .SGMSZ, .SGMSZ2, .SGMSZC, .SGMSZC2, .SGD, .SGD2, .SGSZC, .SGSZC2, .VSHN, .VSHN2, .VSHMS, .VSHMS2, .AEC, .AEC2, .Volejbal, .Volejbal2, .Trampolinky, .Trampolinky2, .Seniori, .Seniori2, .Hromadne, .Hromadne2, .Podiove, .Podiove2, .Podiove2 {
   font-size: 14px;
   padding: 3px 9px 3px 9px;
	 height: 34px;
   }   

.Hodiny, .X, .SGPZ, .SGNZ, .SGMSZ, .SGMSZC, .SGD, .VSHN, .VSHMS, .AEC, .Volejbal, .Trampolinky, .Seniori, .Hromadne, .Podiove {
	 width: 196px;
   text-align: center;
   }   

.Hodiny {   
   font-weight: bold;
   }
         
span.Slozka {   
   font-weight: bold;
   }      

.X, .X2 {
   background-color: #ffffff;
   }   
   
.SGPZ, .SGPZ2 {
   background-color: #FFCC99;
   } 
   
.SGNZ, .SGNZ2 {
   background-color: #FBC8E0;
   }
   
.SGMSZ, .SGMSZ2 {
   background-color: #FE9ECC;
   }

.SGMSZC, .SGNZ2 {
   background-color: #71FDFD;
   } 

.SGD, .SGD2 {
   background-color: #DA79A7;
   } 
   
.X2, .SGPZ2, .SGNZ2, .SGMSZ2, .SGMSZC2, .SGD2, .VSHN2, .VSHMS2, .AEC2, .Volejbal2, .Trampolinky2, .Seniori2, .Hromadne2, .Podiove2 {
   width: 411px;
   text-align: center;
   } 
  

.VSHN, .VSHN2 {
   background-color: #BFFCCF;
   } 
   
.VSHMS, .VSHMS2 {
   background-color: #92F3AC;
   } 

.AEC, .AEC2 {
   background-color: #B66035;
   } 
   
.Volejbal, .Volejbal2 {
   background-color: #67EB8A;
   } 
   
.Trampolinky, .Trampolinky2 {
   background-color: #FFFF81;
   } 
   
.Seniori, .Seniori2 {
   background-color: #DDFBDD;
   } 
   
.Hromadne, .Hromadne2 {
   background-color: #FD9369;
   } 

.Podiove, .Podiove2 {
   background-color: #FE6E35;
   } 

.RozvrhHodin {
   text-align: right;
   float: right;
   padding: 0px 20px 10px 20px ;
   }      
   

  /* =============== konec Rozvrh hodin =============== */
 
table.zkratky {   
   width: 600px;
   margin: 0px auto;
   }
     
table.zkratky td, table td.zkratkyH {   
   font-size: 13px;
   padding: 0px 0px 0px 5px ;
   } 
   
table td.zkratkyH {   
   font-weight: bold;
   }