@charset "windows-1250";
* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x #e7e7e7; }

.alert2 { color:#C00; border:2px solid #C00; background: #FFF0F0; }
.info2 { color:#390; border:2px solid #390; background:#EFE; }
.info2, .alert2 { margin:20px auto; width:90%; padding:10px; font-size:15px; text-align:center; } 

#page { margin:0 auto; width:980px; }

#topline { height:35px; position:relative; box-shadow:0px 5px 5px #BBB; margin-bottom:40px;   } 
#toplinein { margin:0 auto; width:980px; position:relative; }
#find { background:#000; border-radius:6px; position:absolute; right:0px; top:0; padding:10px; box-shadow:0px 0px 5px #000; }
	#find .slovo { padding:5px; border:none; font-size:18px; width:300px; border-radius:3px;  }
	#find .button { font-size:18px; padding:4px 5px; background:#18709f; color:#FFF; border-radius:4px; border:none; }
	
	#prihlaseni { background:#000; border-radius:6px; position:absolute; left:0px; top:0; padding:5px; box-shadow:0px 0px 5px #000; color:#FFF; font-size:12px;}
	#prihlaseni input { border:none; padding:3px; border-radius:3px; }
	#prihlaseni .button { padding:2px 10px; background:#333; color:#FFF; border:none; } 
	#prihlaseni a { text-transform:uppercase; font-size:11px; color:#CCC;  }
	#prihlaseni a:hover { text-decoration:none; }
	#prihlaseni.login { padding:9px; }

#top { margin-bottom:20px; position:relative; height:50px;    }
#logo { float:left; width:251px; height:100px; position:absolute; left:0px; top:-30px; }
#logo a { text-align:center; display:block; width:231px; height:80px; padding:10px; color:#18709f; text-decoration:none; position:relative; }
#logo a span { width:251px; height:100px; display:block; background:url(images/logo.gif); position:absolute; left:0; top:0; }

#menu { float:right; margin-top:10px; } 

#nav { background:#fdfdfd; border-top:1px dotted #000; border-bottom:1px dotted #000; padding:12px 20px; background:#ededed; margin-bottom:0px; font-size:11px; text-transform:uppercase; }
#nav a { text-decoration:none; color:#737373;   }
#nav a:hover { text-decoration: underline; color:#000; }

#content { background: #FFF; padding-top:20px; }

#obsah { width:590px; padding:20px; border-right:1px solid #dddddd; float:left; }
	h2, h3, h4, h5 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; text-shadow:0px 0px 3px #CCC; }
	#obsah h2 { color:#18709f; font-size:34px; margin-bottom:20px;  }
	#obsah h3 { color:#18709f;  margin-top:20px; margin-bottom:10px; }
	#obsah h4 { color:#444;  margin-top:20px; margin-bottom:10px; }
	#obsah p { line-height:1.5; margin:3px 0px; font-size:13px; } 
	#obsah li { line-height:1.5; margin:3px 0px; font-size:13px; list-style:square; margin-left:20px; } 
	#obsah a { color:#389dd2; }
	#obsah a:hover { text-decoration:none; }
	#obsah img { border:1px solid #EEE; margin:10px; }
	#obsah input, #obsah textarea, #obsah select { padding:3px; font-size:14px; border: solid #EEE 1px; box-shadow:0px 0px 3px #EEE inset; border-radius:3px; }  
	#obsah .button { font-size:18px; padding:10px 15px; background:#389dd2; border:none; border-radius:5px; color:#FFF; float:right; margin:20px;  }
	
	.seznam { margin:5px 0px; }
	.seznam th, .seznam td { padding:5px; border-bottom:1px solid #EEE;  }
	.seznam th { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#389dd2; font-style: italic; text-align:left; }
	.seznam td { font-size:12px; } 
	.seznam tr:hover { background:#caedff; border-radius:4px; } 
	.seznam img { border:1px solid #EEE; }
	.seznam a { font-size:14px; color:#389dd2; }
	.vlajkadetail { border:1px solid #EEE; }
	.vlajkadetail img { width:200px; margin-left:20px; }
	
	.kviz td { font-size:16px; }
	.kviz tr:hover { background:none; }
	.kviz label { font-size:16px; text-align:center; display: table-cell; vertical-align:middle; width:100px; height:100px; border:solid 1px #CCC; padding:0px; border-radius:4px; }
	.kviz label:hover { background:#caedff; }
	
	.vysledek { background:#ffecec; box-shadow:0px 0px 10px #CCC; margin-bottom:30px; padding:20px; border-radius:10px; }
	
	.rucni { float:left; margin:10px; text-align:center; font-size:20px;}
	#obsah .cznaky { font-size:35px; } 	
	
	
#right { float:left; padding:20px; width:300px; }
	#right h2 {margin-top:20px; margin-bottom:10px; border-bottom:1px solid #EEE; font-size:22px; color:#389dd2; }
	
#footer { background:#000; margin-top:20px; box-shadow:#000 0px 0px 10px;  }
#footerin { width:980px; margin:0 auto; padding-bottom:30px;} 
	#footerin h3 { font-size:18px; color:#9f5118; text-shadow:none; margin-bottom:15px; }
	.footerpole { color:#FFF; float:left; padding:15px; width:213px; font-size:12px; border-right:1px dashed #2A2A2A; height:300px; }
	.footerpole li { list-style:none; margin:5px 5px; line-height:1.3; }
	.footerpole a { color:#f54313; font-weight:bold; text-decoration:none; font-size:14px; }
	.footerpole a:hover { text-decoration:underline; }
	.footerpole p { font-size:11px; color:#CCC; }

.cleaner { clear:both; }