body
{
background-color:black;


}

#hlavni
{
    width:810px;
    border-left: solid 0px  black;
    background-color:white;
    position: absolute;
    height: auto;
    padding-top:0px;
    padding-bottom: 0px;
    left: 0px; 
    margin: 0px; 
    top:0px;

}

#contain
{
width:660px;
float:left;
height:auto;
background-color: white;

}


#head
{
   width:660px;
   height: 176px;
   background-image:url("images/vyuka_02.gif");
   background-color:#ffffff;
   background-repeat: no-repeat;
   top:0px;
   display:block;
}
#title
{
   width:630px;
   height: auto;
   text-align: right;
  
}
#title h1
{
font-size: 13px;
  
color: #820D15;

}

#title h2
{

font-size: 13px;
color: #F35858;

}
#title h3
{

font-size: 13px;
color: #820D15;

}


#head-en
{
   width:692px;
   height: 109px;
   background-image:url("images/hlaven.gif");
   background-color:#ffffff;
   background-repeat: no-repeat;
   top:0px;
}

#head-de
{
   width:692px;
   height: 109px;
   background-image:url("images/hlavde.gif");
   background-color:#ffffff;
   background-repeat: no-repeat;
   top:0px;
}

#body
{
  width:660px;
  margin-bottom: 0px;
  margin-left:0px;
  background-color:#FDF7F7;
  
}

#left
{
  width:225px;
  float:left;
  background-color:#FDF7F7;

  clear:both;
  padding:0;
  margin:0; 
    background-image: url( "http://www.tykve.cz/vyuka/images/vyuka_08.gif" ); 
    background-repeat: no-repeat; 
    height: 667px;
}
#clean
{
 border:0px;
 height: 100px;
  
}


#left ul { width:158px; height:17px; list-style-type: none;  padding:0px; margin-left:40px; margin-top:35px;}
#left ul li { font-size: 15px; width:140px;  height:17px; margin-left: 9px;  color:#000000;  
              background-position: left; padding-top:2px; ; list-style-type:none; 
              background-image: url( "http://www.tykve.cz/vyuka/images/tuk.gif" ); 
              background-repeat: no-repeat; display:block;  }
   
 #left ul li:hover { font-size: 15px; width:140px;  height:17px; background-color: #EBEBEB; margin-left: 9px;  color:#000000;  
              background-position: left; padding-top:2px; list-style-type:none; 
              background-image: url( "http://www.tykve.cz/vyuka/images/tuk.gif" );
              background-repeat: no-repeat; display:block;
              
             
              
               }   
              
 #left ul li:active { font-size: 15px; width:140px;  height:17px;  margin-left: 9px;  color:#000000;  
              background-position: left; padding-top:  2px; list-style-type:none; 
              background-image: url( "http://www.tykve.cz/vyuka/images/tuk.gif" ); 
              background-repeat: no-repeat; display:block; } 
                       
 #left ul li a { display: block; color: #000000; text-decoration: none; font-size:12px; text-decoration:none; font-weight:normal; height:17px; text-align:left; padding-top:0px; font-family:Arial; margin-left:12px;}     
 #left ul li a.nizkej { display: block; color: #000000; text-decoration: none; font-size:12px; text-decoration:none; font-weight:normal; height:17px; text-align: left; padding-top:0px; font-family:Arial; margin-left:12px; }     


#reklama 
{
  width:200px;
 margin-left:15px;
 margin-top:335px;
 margin-bottom: 15px;
}



#right
{
  width:435px;
  float:right;
 background-color:#FFFFFF;
}

#languages
{
  width:519px;
  text-align:right;
  height:15px;
  margin-right:5px;


}

#lista{

  width:531px;
  text-align:right;
  
  margin-right:0px;
background-color:#ffffff;
font-size:9px;
font-family: Arial;
font-weight:normal;
height:auto;
margin-top:9px;
line-height:0.9;
padding-bottom:4px;
padding-top:4px;
color: #000000; 

}

#lista H1
{
font-family:Arial;
font-size:9px;
font-weight:normal;
margin:0px;

padding:0px;
}
#lista H2
{
font-family:Arial;
font-size:9px;
font-weight:normal;
margin:0px;

padding:0px;
}

#obsah
{
  width: 400px;
  margin-left: 11px;
  text-align: justify;
  font-family: Tahoma, Arial, Verdana;
  font-size: 12px;
color: #820D15;
padding-top:10px;

}



#obsah a
{
 text-decoration: none;
  font-family: Arial, Verdana;
  font-size: 12px;
color: #820D15;

}

#obsah a:hover
{
 text-decoration: underline;
  font-family: Arial, Verdana;
  font-size: 12px;
color: #820D15;

}

#obsah h1
{
font-size:17px;
color: #D22B2B;
font-family: Tahoma, Arial, Verdana;
font-weight:normal;

}

#obsah h2
{
font-size:17px;
color:#FFD531;
font-family: Tahoma, Arial, Verdana;
font-weight:normal;
}


#obsah h3
{
font-size:17px;
color:#F38511;
font-family: Tahoma, Arial, Verdana;
font-weight:normal;
}

#obsah h4
{
font-size:17px;
color:#FF8900;
font-family: Tahoma, Arial, Verdana;
font-weight:normal;
}

#formular 
{
font-size:14px;
color:white;
background-color:#E43434;
padding-top: 10px;
padding-bottom: 10px;
border: solid 1px  #817E7E;
width: 400px;
}

#formular form
{
font-size:12px;
font-weight:bold;
margin-left:10px;
margin-right:10px;


}

#odkazy
{
  clear:both;
  height:20px;
  background-color:white;
text-align:left;

}

#odkazy img
{
border:0px;
margin-left: 5px;
margin-bottom: 5px;


}

#odkazy2
{
  margin-top:0px;
  clear:both;
  height:auto;
  width: 650px;
  background-color:white;
text-align:justify;
line-height:0.8;
margin-left:5px;
margin-right:5px;

}



#odkazy2 A:link {
	COLOR: #D6D3D3; TEXT-DECORATION: none; FONT-SIZE: 9px; font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy2 A:visited {
	COLOR: #696262; TEXT-DECORATION: none; FONT-SIZE: 9px;  font-family: Verdana;  FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy2 A:hover {
	COLOR: #696262; TEXT-DECORATION: underline; FONT-SIZE: 9px;  font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy2 A:active {
	COLOR: #696262; TEXT-DECORATION: none; FONT-SIZE: 9px;  font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;

}




#odkazy A.pata:link {
	COLOR: #A61919; TEXT-DECORATION: none; FONT-SIZE: 8px; font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy A.pata:visited {
	COLOR: #FF8999; TEXT-DECORATION: none; FONT-SIZE: 8px;  font-family: Verdana;  FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy A.pata:hover {
	COLOR: #FF8999; TEXT-DECORATION: underline; FONT-SIZE: 8px;  font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;
}
#odkazy A.pata:active {
	COLOR: #FF8900; TEXT-DECORATION: none; FONT-SIZE: 8px;  font-family: Verdana; FONT-WEIGHT: normal; margin-left:3px; margin-right:3px;

}

#bottom A:link {
	COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 9px; font-family: Verdana; FONT-WEIGHT: normal; margin-left: 4px; margin-left: 6px; margin-top: 5px;
}
#bottom A:visited {
	COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 9px;  font-family: Verdana;  FONT-WEIGHT: normal; margin-left: 4px; margin-left: 6px; margin-top: 5px;
}
#bottom A:hover {
	COLOR: #000000; TEXT-DECORATION: underline; FONT-SIZE: 9px;  font-family: Verdana; FONT-WEIGHT:normal; margin-left: 6px; margin-top: 5px;
}
#bottom A:active {
	COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 9px;  font-family: Verdana; FONT-WEIGHT: normal; margin-left: 6px; margin-top: 5px;

}

#bottom
{
 font-weight:bold;
 font-size: 11px;
 background-position: left bottom;
 height:20px;
 background-repeat: no-repeat;
 clear:both;
 margin-top:0px;
 background-color:#EFB6B6;
 padding-top:3px;
}


#bottom span
{

margin-left: 5px;

}

img.vlajecka
{
  width: 20px;
  height: 10px;
  border: 0px;
  margin-left:3px;
  margin-right:3px;


}
.nahled { 
border: 2px solid #F03E64;
background-color: #ffb380;
}

.nahled:hover { 
border: 2px solid #F03E64;
background-color: black;
}


#sloupec
{
float:right;
width:150px;
background-color:#ffffff;
height:auto;
 background-position: top;
              background-image: url( "http://www.tykve.cz/vyuka/images/vyuka_03.gif" ); 
              background-repeat: no-repeat;

color: #FFC503;
font-family:Tahoma;
font-size: 12px;
text-align:center;

}

#sloupec form
{
color:white;
font-weight: normal;
font-size: 10px;
margin-left:10px;
margin-right:4px;
margin-top: 5px;

height:auto;
}
#sloupec form .text
{

font-weight: bold;
font-size: 10px;
width: 40px;
font-family: tahoma;
float:left;
}




#sloupec form .tlacitko
{
color:black;
font-weight: normal;
font-size: 9px;
margin-left:55px;
background-color:#F27C00;
margin-top:4px ;
width: 52px;
height:20px;
padding-bottom:1px;
 background-position: top;
              background-image: url( "http://www.tykve.cz/vyuka/images/odeslat.jpg" ); 
              background-repeat: no-repeat;
              border:0px;
}

#sloupec a
{
color:white;
font-weight: normal;
font-size: 10px;

margin-top:20px ;

}

#sloupec a:hover
{
color:white;
font-weight: normal;
font-size: 10px;
text-decoration: underline;
margin-top:20px ;

}


.actions-box { background-color: #D71D3C; width: 140px; }
.actions-box-top div  { background: url(roh-red4.jpg) no-repeat top left; }
.actions-box-top      { background: url(roh-red3.jpg) no-repeat top right; }
.actions-box-bottom div  { background: url(roh-red.jpg) no-repeat bottom left; }
.actions-box-bottom      { background: url(roh-red2.jpg) no-repeat bottom right; }


.actions-box-top div, .actions-box-top, .actions-box-bottom div, .actions-box-bottom {
	width: 140px;
	height: 15px;
	font-size: 1px;
}
.actions-content  { 
margin: 0 0px; 
background: url("images/akt.pg") no-repeat top center;
min-height: 200px;
padding-top:10px;
color: white;
font-family: Tahoma;
font-size: 11px;

}

.actions-content a { 
color: #CBDB2E;
font-family: Tahoma;
font-size: 11px;
font-weight:bold;

}



.actions-content h2 
{
font-size: 15px;

  width: 100%;
 
  height: 20px;
color:#ffffff;
font-family: Tahoma;

}


.actions-box { width: 140px; margin-top: 120px; }

#tlacitka
{

margin-top:0px;
}



#tlacitka a
{
color:white;
font-weight: normal;
font-size: 10px;
text-decoration: underline;
margin-top:20px ;

}

#tlacitka a:hover
{
color:white;
font-weight: normal;
font-size: 10px;
text-decoration: none;
margin-top:20px ;

}
#akce
{

width: 120px;
}

#home
{
text-align:right;
width: 400px;
}