.style2 {color: #CECECE}
.style3 {
	font-size: large;
	font-weight: bold;
	color: #FFFFFF;
}
.style4 {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
}
.style5 {font-size: 18px; color: #FFFFFF;}  

#header {text-align: center; width: 600px; margin: 0px auto; padding: 20px 0px 0px 390px;}
 body {
 position: center; 
 margin: auto;
 text-align: center;
 font-family: arial, serif;
 font-size: 12px;
 color: #FFF;
 overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
 padding:0;margin:0;		/* necesarry for the raster to fill the screen */
 height:100%;width:100%;
 
 }
 div.c6 {margin: 0 auto; text-align: justify}
 div.c5 {margin: 0 auto; text-align: center}
 div.c1 {margin: 0 auto; padding-top: 140px;}
 div.c4 {margin: 0 auto; padding-top: 20px; text-align: justify}
 div.c3 {text-align: right}
 hr.c2 {text-align: center}
 .button2 a {
     background: url(images/background.gif) bottom repeat-x #9eabb3;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #fff;
	  font-size: 20px;	
     text-decoration: none; border: 1px inset #aaa;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #666;  -webkit-box-shadow: 1px 1px 1px #666;  box-shadow: 1px 1px 1px #666;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #ccc; border-left: inset 1px #ccc; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.button2 a:hover  {
     background: #999;
     text-shadow: rgba(0,0,0, .5) 0px 1px 0px;
	  text-decoration: none; 	
}
.button1 a {
     background: url(background.gif) bottom repeat-x #F09;
     padding: 5px 10px 5px 10px;
     text-align: center;
     font-weight: bold;
     color: #E0E0E0;
	  font-size: 20px;		
     text-decoration: none; 
	  border: 1px inset #F3F;
     -webkit-border-radius: 8px; width: auto; -moz-border-radius: 8px;  -khtml-border-radius: 8px;  border-radius: 8px;
     -moz-box-shadow: 1px 1px 1px #600;  -webkit-box-shadow: 1px 1px 1px #600;  box-shadow: 1px 1px 1px #600;
     text-shadow: rgba(0,0,0, .5) 0px -1px 0px;
      border-top: inset 1px #F30; border-left: inset 1px #F30; border-bottom: solid 1px solid #000; border-right: 1px solid #666;
}

.button1 a:hover  {
     background: #F3C;
     text-shadow: rgba(0,0,0, .5) 0px 2px 0px;
	  text-decoration: none; 	
}
a.linki {font-family:tahoma;
	font-size:10pt;
	text-decoration:none;
	color:#FFD4E3;
	}

a.linki:hover {font-family:tahoma;
	font-size:10pt;
	text-decoration:none;
	color:#94A2C6;
	}

#got a {font-weight: normal; color: #FFFFFF;}
#got a:visited {font-family: verdana,arial; font-size: 9px; text-decoration: none; font-weight: normal;}
#got a:link {font-family: verdana,arial; font-size: 9px; text-decoration: none; font-weight: normal;}
#got a:hover {font-family: verdana,arial; font-size: 9px; text-decoration: none; color: #b01022; font-weight: normal;}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	background: url('../img/raster_cz.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

/* 
	The following CSS code is for illustrative purposes, and is NOT necesarry for the fullscreenr plugin to work
*/

#exampleDiv {
	width:100%;
	background:#000;
	position:absolute;
	top: 50px;
	text-align:center;
	padding:10px 0;
}

	#exampleDiv a {
		color:#fff;
		font-family:Verdana;
		font-size:12px;
		text-decoration:none;
	}

	#exampleDiv a:hover {
		background:#fff;
		color:#000;
	}