*{
	margin:0;
	padding:0;
}
#sides{
	background:url('../../images/students.png');
  background-repeat:no-repeat;
  position:absolute;
  z-index:-1;
  width:1281px;
  height:818px;
  margin-left:-147px;
  margin-top: 340px;
}
body
{
  background:#fff;
	color:#666;	
 	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	
  }
 
p, a
{
  color:#000;	
  font:13px/16px Arial, Tahoma, Helvetica, sans-serif;

	
  }
img, .png {
       position: relative;
       behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
       this.src = "../layout/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
       this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}
#content li
{
  color:#000;	
  font:13px/16px Arial, Tahoma, Helvetica, sans-serif;
  margin-left:0px;
 	
  } 

a.menu
    {
    color:#000;
   	font:12px/18px Arial;
   	font-weight:bold;
   	text-decoration:none;
 	  margin-bottom:2px;
    border-bottom:1px solid #b9d2db;  
    float:left;
    width:140px;
     list-style:none;
    }
    
a.menu:hover
    {
    color:#dc2f02;
   	        }
    
#back
    { 
 	  width:100%;
    
    }
.clear
    { 
 	  width:100%;
    
    }
    
#gallery
    { 
    float:left;
    width:100%;
  
    }
#galeria
    {
    width:550px;
    }
.galeria li{ 
   width:150px;
    min-height:160px;
    float:left; 
    padding: 2px;
    margin-right: 5px;
    margin-bottom: 6px;
    border: 0px solid #124d95; 
    list-style:none;
}

.back
    { 
 	 
 float:right;
    }
#clear
    {
    float:left;
    min-height:70px;
    }
    
#container
    { 
 	 width:980px; 
   margin:0 auto; 
    }
#header{
    height:338px;
    margin-top:13px;
    }
    
#logo{
position:absolute;
z-index:500;
    height:186px;
    top:40px;
    }
#download{
    float:right;
    margin-top:100px;
   
    }
#eshop{
    float:right;
    width:295px;
    margin-top:-13px;
     border:0px solid #000;
    }

#menu{width:980px; height:54px; background:url(../images/menu.png) 0 0 repeat-x; position:relative; margin:0 auto;}
#menu ul{width:980px; height:54px; position:absolute; list-style:none;}
#menu ul li{width:122px; height:54px; float:left; }
#menu ul li a{width:122px; height:35px !important; height:54px; padding-top:18px; display:block; background:url(../images/separator.png) no-repeat right; color:#fff; font:12px/16px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menu ul li a:hover{width:122px; height:35px !important; height:54px; padding-top:18px; background:url(../images/separator.png) no-repeat right; color:#f0ff00; border:none; text-decoration:none;}
#menu ul li a.current{width:122px; height:35px !important; height:54px; padding-top:18px; background:url(../images/separator.png) no-repeat right; color:#f0ff00; border:none; text-decoration:none;}
#menu li a:hover.current{color:#fff; }

 
#page{
        clear:both;
        float:left;
        width:100%;
        
        background:url('../images/page.png') #fff;
        background-repeat:no-repeat;
        background-position:bottom;      
     	}
     
#page h4{ 
      color:#f60000;
   		font:14px/30px Arial;
   		font-weight: bold;
 	    padding:0px 0px 15px;
 	
       }
     
#page h3{ color:#163e77;
      
   		font:16px/30px Arial;
   		font-weight: bold;
 	    padding:0px 0px 5px;
 	
       }
       
#page h1{ color:#163e77;
   		font:16px/30px Arial;
   		font-weight: bold;
 	    padding:0px 0px 5px;	
       }
       

#page h2{ 
      width:100%;
      background:url('../images/bgnadpis.png') #fff;
      color:#5c95cd;
      float:left; 
      font:20px/35px Arial;
      font-weight: bold;
      padding-bottom:15px;	
      padding-left:5px;
           
       }
       
         
    	
.bodky{
 background:url('../images/bodky.jpg');
 background-repeat:no-repeat;
 width:20px;
 height:32px;
  float: left; 
   padding-right: 20px;          
}
.novinky
{
  
 list-style:none;
            
}
.novinky li a
    {
   color:#000;
   font:12px/18px Arial, Tahoma, Helvetica, sans-serif;	
   font-weight:bold;
   text-decoration:none;
   margin-bottom:2px;
   border-bottom:1px solid #b9d2db;  
   float:left;
   width:140px;
   list-style:none;
   position:relative;
   z-index:10;

    }

.novinky li a:hover
    {
    color:#dc2f02;
   	        }

.novinky li a.current
    {
    color:#dc2f02;
   	font:12px/18px Arial;
   	font-weight:bold;
   	text-decoration:none;
 	  margin-bottom:2px;
    border-bottom:1px solid #b9d2db;  
    float:left;
    width:140px;
     list-style:none;
    }

.novinky li a.current:hover
    {
    color:#dc2f02;
   	        }
#left{
 background:url('../images/side.png') #fff;
 background-repeat:no-repeat;
   color:#000;
   	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
 	   padding:20px 25px;	
    float:left;
 width:136px;
 min-height:500px;
 list-style:none;
    z-index:10;
            
}
#right{
 background:url('../images/side.png') #fff;
 background-repeat:no-repeat;
   color:#000;
   	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
 	   padding:20px 25px;	
    float:right;
 width:136px;
 min-height:500px;
 list-style:none;

            
}
#content{
   padding:20px 25px;	
   color:#000;
   font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
    float:left;
    width:540px;
            
}


    

.subkategoria li
    {
    color:#000;
    background:#fff;
    font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom:12px;
    float:left;
    width:540px;
    list-style:none;
    }

.text li
    {
    color:#000;
    font:12px Tahoma, Arial, Helvetica, sans-serif;
    padding-left:0px;	
    float:left;
    width:370px;
    list-style:none;
    
}   


.img-shadow {
  float:left;
  background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
  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;
  } 


     
.text{  
      width:380px;
      float: left; 
      margin-top: 14px; 
      margin-left: 14px;
	}
img.floatRight
{  
      float: right;
    padding: 10px; 
}
				
#footer
    {
    background-image:url('../images/footer.png');
  background-repeat:repeat-x;
   width:100%; 
   margin:0 auto; 
    position:relative;
    height:117px; 
    float: left; 
    
    }

#footerin
    {
    
    background-image:url('../images/footerin.png');
    background-repeat:repeat-x;
    width:980px; 
    margin:0 auto; 
    position:relative;
    height:59px; 
    
    
    }
#footerin a
    {
    color:#000;
    text-decoration: none;
    padding-top: 15px;
    }
.footer
    {
        padding: 20px 0 0 16px;
    }

#footerin a:hover
    {
    color:#000;
    text-decoration: underline;
    }

#footerin a.powered
    {
       margin-bottom:30px;
    padding-right:20px;
    font:10px Tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    text-decoration: none;
       
    }
.powered    {
    float:right;    
    padding: 20px 0 0 16px;
    } 
.fieldset {
 
   
border-style:         groove;
  border-collapse:      separate; 
 
}
.fieldset LEGEND {
	color: #000;
background: #f4f200;
border: 1px solid #0a114a;
padding: 2px 6px
}
.fieldset LABEL {
	PADDING-RIGHT: 0.2em; 
	PADDING-LEFT: 0.2em; 
	FLOAT: left; 
	PADDING-BOTTOM: 0.2em; 
	MARGIN: 0.3em 0px 0px; 
	WIDTH: 130px; 
	PADDING-TOP: 0.2em; TEXT-ALIGN: right;
}
.fieldset .nobr {
	DISPLAY: none
}
.fieldset .textfield {
	MARGIN: 3px; WIDTH: 200px; HEIGHT: 20px;
}
.fieldset .select {
	MARGIN: 3px; WIDTH: 200px; HEIGHT: 20px;
}
.fieldset .textarea {
	MARGIN: 3px; WIDTH: 300px; HEIGHT: 100px;
}