* {
  	margin: 0;
  	padding: 0;
  }
body { font-family: Verdana; background: #003366} 

#page-wrap a:link, #page-wrap a:visited {text-decoration:none; color: white; }

#page-wrap a:hover{color: #003366; text-decoration:none; }

#menu li a:link, #menu li a:visited {text-decoration:none; color: black; }

#menu li a:hover{color: black; text-decoration:none; }

#bottom a:link, #bottom a:visited {text-decoration:none; color: #fff; }

#bottom li a:hover{color: #ADAB97; text-decoration:underline; }

#vybrany{color:#003366}

p {margin-top:20px; margin-bottom:20px}


h1 { font-size: 60px;  color: #ffffff; letter-spacing:-4px; font-weight:bold; text-align:right; padding-top:-10px; padding-bottom:-10px}

#main h1 { font-size: 80px;  color: #ffffff; font-weight:normal; text-align:right; font-family: XXIIMenga; padding-bottom:30px}

#datumy h1 { font-size: 80px;  color: #ffffff; font-weight:normal; text-align:right; font-family: XXIIMenga; padding-bottom:30px}

#form h1 { font-size: 8px;  color: #00ccff; font-weight:normal; text-align:right; font-family: XXIIMenga; padding-bottom:30px}

#main h2 {font-size: 60px;  color: #ffffff; letter-spacing:-5px; font-weight:bold; padding-top:20px; padding-bottom:20px; font-style:italic; text-align:left}

#datumy h2 {font-size: 30px;  color: #ffffff; letter-spacing:-1px; font-weight:bold; padding-top:20px; padding-bottom:-30px; font-style:italic; text-align:left}

#arial {letter-spacing:-4px; font-family:Arial; font-weight:bold; margin-top:-30px}

#male {font-size: 36px;  color: #ffffff; letter-spacing:-5px; font-weight:bold; padding-top:20px; padding-bottom:20px; font-style:italic; text-align:left}

#white{color:white;}

.spacing{letter-spacing:5px; }

h2 {font-size: 70px;  color: #ffffff; letter-spacing:-5px; font-weight:bold; padding-top:-10px; padding-bottom:-10px}

.datumy {font-size:30px; letter-spacing: -1px; margin-bottom:-20px}

h3 {font-size: 20px; color: #ffffff; letter-spacing:-1px; font-weight:bold; padding-top: 10px; padding-bottom: 10px}

h4 {font-size: 30px; color: #00ccff; letter-spacing:-1px; font-weight:bold; padding-top: 10px; font-style:italic; padding-bottom: 10px}


.shadow {
  -moz-box-shadow:inset 0 0 100px #0066ff;
   -webkit-box-shadow:inset 0 0 100px #0066ff;
   box-shadow:inset 0 0 100px #0066ff;
}

.shadow_wrap {
  -moz-box-shadow: 0 0 50px #202020;
   -webkit-box-shadow: 0 0 50px #202020;
   box-shadow: 0 0 50px #202020;
}
		
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 900px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
@media screen and (max-width: 900px){
			img.bg {
				left: 50%;
				margin-left: 0px; }
		}
		
#all { position: relative; width: 100%; margin: 0 auto; }

#lunetic { position: relative; margin:0px auto; height: 588px; width:1158px; top:50px;  left:-130px;}

#kluci{position: fixed; margin:0px auto; height: 588px; width:1158px;}

#banner { position: relative; margin: 0 auto; height: 445px; width:900px; left:0px; background:url(img/napislogo.png) no-repeat; top:-50px} 

#youface{ position: absolute; left:850px; top:-100px }

#sponzori{position:absolute; top: 10px; left:-110px; }

.cedule{margin-top:-20px}
		
#page-wrap { position: relative; width: 900px; margin: 0 auto; color: white; background: url(img/text.png) repeat; top:0px} 

#men{background: url(img/menu.png) repeat; width:946px; height: 85px; position:relative; top:-61px; left:-23px}

#me{position:absolute; top: 30px; left:10px}

#menu li{display: inline; list-style-type: none; font-family: XXIIMenga; font-size: 26px; font-weight:bold; padding-left: 25px; padding-right:25px; color:black }

#text{padding:50px; color: #003366; font-size: 14px; margin-top:-70px}

#pic{border:none; overflow:hidden; width:292px; float:left;}

#vice{float:right; font-size:12px; font-style:italic}

#zpet{float:right; font-size:12px; font-style:italic; color:#003366; cursor:hand}

#gallery{border:none; overflow:hidden; width:100px; float:left;}

#deska{border:none; overflow:hidden; width:292px; }

#picture01{border:none; overflow:hidden; width:430px; }

#picture02{border:none; overflow:hidden; width:430px; }

#picture04{border:none; overflow:hidden; width:430px; }

#picture03{border:none; overflow:hidden; width:320px; }

#picture05{border:none; overflow:hidden; width:350px; }

#main{float:right; width:400px; text-align:left; background:#ADAB97; padding:30px;}

#datumy{float:right; width:400px; text-align:left; background:#ADAB97; padding:30px;}

#kon{color:#003366}

#form{border:none; width:292px; float:left; margin-top: 40px}

.win{border: 0; background: white; border: 1px solid #00ccff
}

.nadpis{ margin-bottom:50px}

#bottom { margin: 0 auto; height: 50px; width:900px; padding-bottom:50px}

.log {margin-left:10px}

#bottom_text { margin: 0 auto; width:860px; padding-top:20px; font-family: XXIIMenga; font-size:18px; text-align:center; color: #ffffff; padding-bottom: 30px}


#menu2 li{display: inline; list-style-type: none; font-family: XXIIMenga; font-size: 16px; padding-right:10px; width:860px}

.clearboth {clear:both}