﻿body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 1.5;
	background: #f2f2e6; /*background-image:url('back.jpg');*/
}
h1 {
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: black;
	letter-spacing: 0.2em;
	text-shadow: 0.1em 0.1em #333;
	margin: 0;
	text-align: left;
	padding: 5px 0;
}
h1 a {color:white;text-decoration:none;}
h1 a:hover {color:black;text-decoration:none;}

h2{
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.5em;
	display: block;
	color: #7bc441;
}
h3{
	font-size: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color:white;
	background-color:#2e5a91;
	text-align:center;	
}
#rightcolumn span{
color:red;
font-weight: bold;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 5px 0px;
 background: #2e5a91;
}
#leftcolumn { 
 font: 10px normal Verdana, Arial, Helvetica, sans-serif;
 color: #333;
 border: 1px solid #ccc;
 background: #2e5a91;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 190px;
 height: auto; /*bolo 850px*/
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 683px;
 height: auto; /*bolo 850px*/
 display: inline;
}
#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #2e5a91;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
#top {
 float:right;
}
#kontakt {
 float:right;
 width:250px;
 text-align: right;
 color: #fff;
}

img {border: none;}
ul#topnav {
	width:auto; /*or modify the width manually in the original css*/
	margin: 10px 0 20px; 
	padding: 0; 
	list-style: none;	
	font-size: 1.1em;
	clear: both;
	float: left;
	width: 170px; /*bolo o dost viac*/
}
ul#topnav li{
	cursor: pointer; /*to prevent the cursor from flickering between default and pointer*/
	position:relative;
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
}
ul#topnav a, ul#topnav span { /*width:100%; ciastocne pomaha v ie6 auto?*/
	padding: 10px 20px; 
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: none;
	position:relative;
	height: 20px;
	line-height: 20px;
	background: #2e5a91; 
}
ul#topnav a {
color: #7bc441;
}

ul#topnav li.activeButton span { /*to preserve current status*/
color: #7bc441; background-position: left bottom;
}
ul#topnav span { /*ie6 hack*/
	display: none; /*block;*/
	/*pridat float:left; */
}

.banner a { 
display: block; 
width: 500px; 
height: 400px; 
background: transparent url(images/nuda.jpg) no-repeat; 
cursor: default;
} 
.banner a:hover { 
background-position: -500px 0; 
}
