@charset "utf-8";
body {
	font-family : Verdana, Geneva, sans-serif;
	font-size : 1em;
	background: #000000 url(../images/bgr.jpg) top center no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1 {
	margin : 0;
	padding: 0;
	width : 800px;
	height : 229px;
	position : relative;
	text-align : left;
	z-index : 2;
}
	
h1 span {
	display : block;
	width : 100%;
	height : 100%;
	position : absolute;
	background : url('../images/logo.jpg') 0 0 no-repeat;
}

img { border:0; }
a {color : #45c1cd;}
a span {cursor : pointer;}
	
	#content ul {
		padding-bottom:20px;
	}

label {
	display:block;
	float: left;
	width: 80px; 
}
input.submit {
	margin-left: 80px; 
}
.cleaner {clear : both;}


#mainMenu {
	position : relative;
	list-style : none;
	text-align : left;
	width : 693px;
	height: 41px;
	background : url('../images/menu_bgr.jpg') 0 0 no-repeat;
	margin:0;
	padding:0 0 0 107px;
	color:#FFF;
}
	
#mainMenu li {
	float : left;
	height : 41px;
	margin-right : 72px;
}
#mainMenu li.active {
}
	
#mainMenu li.brozurky 	{width : 81px;}
#mainMenu li.videa 		{width : 53px;}
#mainMenu li.reknine 	{width : 140px;}
#mainMenu li.kontakt 	{width : 79px;}
	
#mainMenu li a {
	color:#4faecb;
	font-size: 0.7em;
	text-align:center;
	display : block;
	position : relative;
	height : 100%;
	width : 100%;
}
#mainMenu li a.active {
	background : url('../images/active.jpg') bottom center no-repeat;
}
	
#mainMenu li a span{
	display : block;
	position : absolute;
	height : 100%;
	width : 100%;
}
	
#mainMenu li.brozurky 	a span {background : url('../images/brozurky.jpg') 0 0 no-repeat;}
#mainMenu li.videa 		a span {background : url('../images/videa.jpg') 0 0 no-repeat;}
#mainMenu li.reknine 	a span {background : url('../images/rekninedrogam.jpg') 0 0 no-repeat;}
#mainMenu li.kontakt 	a span {background : url('../images/kontakt.jpg') 0 0 no-repeat;}
#mainMenu li.brozurky 	a:hover span,#mainMenu li.brozurky 	a.active span {background : url('../images/brozurky-hover.jpg') 0 0 no-repeat;}
#mainMenu li.videa 		a:hover span,#mainMenu li.videa 	a.active span {background : url('../images/videa-hover.jpg') 0 0 no-repeat;}
#mainMenu li.reknine 	a:hover span,#mainMenu li.reknine 	a.active span {background : url('../images/rekninedrogam-hover.jpg') 0 0 no-repeat;}
#mainMenu li.kontakt 	a:hover span,#mainMenu li.kontakt 	a.active span {background : url('../images/kontakt-hover.jpg') 0 0 no-repeat;}


#container {
	width: 800px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	background: #FFFFFF url(../images/maincontent_bgr.gif) top center no-repeat;
	padding: 0 20px 40px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#mainContent h1 {
	padding: 20px 20px 10px 20px;
	width: auto;
	height:auto;
	font-size: 1.6em;
}
#mainContent h2 {
	padding: 10px 20px 5px 20px;
}
#mainContent p {
	padding: 0 0 10px 20px;
	font-size: 0.8em;
}
#mainContent div.video {
	float: left;
	padding: 0 10px 20px 10px;
	width: 360px;
	margin: 0;
}


#footer {
	padding-top : 10px;
	color : #fff;
	font-size : 0.7em;
	margin-top : 10px;
	padding-bottom : 20px;
	text-align:center;
}
#footer p.jirka {
	margin-top : 5px;
	color : #666;
}
#footer p.jirka a {
	color : #236167;
}
.slang, .slanghp {
	margin: 0;
	padding: 20px 0;
	background: url(../images/maincontent_end_bgr.gif) top center no-repeat;
	color : #373737;
	text-align: center;
	font-size : 0.7em;
}
.slanghp {
	background: none;
}
.slang a, .slanghp a {
	color : #808080;
	text-decoration: none;
}
.slang a:hover, .slanghp a:hover {
	text-decoration: underline;
}