body {		background: url(img/bg_hvezdy.jpg) fixed;
		margin: auto;
		font-family:  "Calibri", "DejaVu Sans", "Arial", sans-serif; 
		font-size: 13px;
				
      }

#header {      	height:150px;
		width: 850px;
		padding-top: 20px;
		background: url(img/bg_content.png) repeat-y ;
	}

#container {    width: 850px;
			margin:auto;
					
	}

#content {	width: 750px; 
		padding: 10px 50px 50px 50px; 
		text-align: left;
		background: url(img/bg_content.png) repeat-y ;
	  }
#content a {	color: black;
		text-decoration: none;
	   }

#footer {	background: url(img/bg_footer.png) no-repeat ;
		font-size: 11px;
		color: #999999;
		height: 60px;
		width:840px; text-align: center;
		padding-left: 10px;
         }
.ramec{		  border:#7d93a6 1px solid;
		  border-radius: 5px;
		  background:#dcddde;
		  -moz-border-radius: 5px;
		  padding:20px;
		  margin-top:15px;
		  margin-bottom:20px;
		  list-style-type:none;
		  overflow:none;
		  text-align:justify;
    }
.ramec .odkaz a { font-variant:small-caps;
		  font-size:18px;
		  font-weight:bold;	
		
  }
.ramec .odkaz a:hover { text-decoration:underline;


}
.ramec_2{	
		  border:#7d93a6 1px solid;
		  border-radius: 5px;
		  background:#dcddde;
		  -moz-border-radius: 5px;
		  padding:5px;
		  margin-top:15px;
		  margin-bottom:10px;
		  list-style-type:none;
		  overflow:none;
		  text-align:justify;
		 
    }
.ramec:hover, .ramec_2:hover{
		  background:#c3c3c3;
		
}
h2,h3{		color:#142435;
      
  }
h2 {		padding:20px;
}
.img { 		padding:3px; 
		background:url(img/bg_img.jpg);
		border:#7d93a6 1px solid;
		  border-radius: 5px;}
/*-----------------------------MENU-------------------------------------------------------- */
#menu {        width:820px; height: 30px;
		background: url(img/bg_content.png) repeat-y ;
               text-align: left;
               padding: 10px;
               padding-left:25px;
               font-size: 18px; }
#menu li{      float: left;
		list-style-type: none;
               margin-right:5px;
		margin-left: 5px;
               padding-right:10px;
		padding-left: 10px;}
#menu a {		text-decoration: none; color: #282f3b;}
#menu li:hover	{ border-left: #797d83 5px solid;
		  padding-left: 5px;
                  padding-right: 5px;
                 border-right: #797d83 5px solid;}
#menu li:hover a { color:#797d83; }

#menu2 {	  border:#7d93a6 1px solid;
		  border-radius: 5px;
		  background:url(img/bg_menu.jpg);
		  -moz-border-radius: 5px;
		  padding:5px 0px 5px 0px;
		  margin-top:15px;
		  margin-bottom:10px;
		  list-style-type:none;
		  overflow:none;
		  text-align:justify;
		  height: 30px;
		  text-align:right;
		  
		  
}
#menu2 li {	float:left; 
		margin-right:10px;
		font-size:25px;
		font-variant:small-caps;
		position:relative;
		
		
}
#menu2 li a{ 	color:#c3c3c3;
		padding:6px;}
#menu2 li a:hover{ 	background:#c3c3c3;
			color:#142435;
		  }
#menu2 li ul {	display:none;
		list-style-type:none;
		position:absolute;
		top:10px;
		background:#142435;
		border:#7d93a6 1px solid;
		border-radius: 5px;
		padding:10px;
		text-align:left;
		
		}
#menu2 li ul:hover{	display:block;
    
	      }
#menu2 li:hover ul {	display:block;
			
			background:#142435 url(img/bg_menu.jpg) repeat-x ;}
#menu2 li li {	float:none;
		padding-bottom:10px;
		font-size:18px;
		
	      }
#menu2 li li:hover a{	float:none;
		padding-bottom:5px;
		padding-top:5px;
		font-size:18px;
		background:transparent;
		color:#c3c3c3;
		border-bottom:#c3c3c3 1px dashed;
	      }


/*-------------------------PRIHLASOVANI--------------------------------------------------------*/
#prihlaseni	{
      border:#7d93a6 1px solid;
      border-radius: 5px;
      background:#dcddde;
      -moz-border-radius: 5px;
      width:260px;
      padding:20px;
      margin-top:15px;
      margin-bottom:20px;
      
    }
.tlacitko	{
      width:40px;
      height:15px;
      background:url(img/buttons/tlacitko_pas.png);
      padding:5px 30px 10px 10px;
      font-weight:bold;
      color:#dcddde;
      margin:10px 20px 10px 10px;
      
    }
.tlacitko a,.tlacitko_2 a {
       color:#3c3c3c;
    }
.tlacitko_2	{
      width:40px;
      height:15px;
      background:url(img/buttons/tlacitko_pas.png);
      padding:5px 30px 10px 10px;
      font-weight:bold;
      color:#dcddde;
      margin:10px 10px 10px 10px;
      float:right;
      
    }
#varovani {
    color:red;
    font-style:italic;
    }
.varovani {
    color:red;
    font-style:italic;
}
.potvrzeni { color:#0a410a;

}

/*----------------------image container--------------------------------------------------------*/
#images div{ float: left; position: relative;}
#box1, #box2, #box3,{
	position:absolute;
	width: 248px;
}

.mask{
	position:relative;
	width:250px;
	height:188px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}