* {	margin: 0;	padding: 0;}
body {
	font-family: Tahoma,Verdana, Arial, sans-serif; 
	background: #fff;
	color: #000;
	font-size: x-small;
	text-align: center;
	min-width: 770px;
	padding-bottom: 15px;
}
html>body {	font-size: small;}
#header {
	height: 188px;
	background: url("head.jpg") no-repeat;
}
h2#bgs {
	height:29px;
	overflow: hidden;
	background: url("sectionh.jpg") no-repeat;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	word-spacing: 0.3em;
	font-size: 100%;
	padding: 8px 0 0 180px;
	color: #ffffff;
}
#footer {
	height: 55px;
	overflow: hidden;
	background: url("footbg.jpg") no-repeat;
}
#main {	
	background: #fff url("bg.jpg") repeat-y;
	width: 761px;
	margin: 0 auto;
	text-align: left;}
	
ul#left {
	width: 170px;
	height:inherit;
	float: left;
	padding: 0px 0;
	
}
ul#left li {
	list-style: none;
	margin: 0 0 7px 0;
	font-weight: bold;
	font-size: 78%;
}
#left a {
	display: block;
	border: 1px solid #3077b7;
	background: url("buton.jpg") repeat-x left bottom ;
	width: 164px;
	padding: 3px 5px;
	border-left: 8px solid #3077b7;
	text-decoration: none;
}
#left a:link, #left a:visited, #foot a:link, #foot a:visited {color: #466f9b;}
#left a:hover {	color: #000;border-left: 8px solid #000;}
#left li> a {width: 145px;}
	
#nav {width:164px; float:left;}
#content {width:590px; float:left;}
#footer {width:761px; clear:both;}
#obrazky {text-align: center;}
#content p, #content h1, #content h2, #content h3 {padding: 8px 10px 10px 10px;}
#content ol, #content ul  {padding: 3px 10px 5px 35px;}

#contact {width: 270px; float: left;}
#form {width:300px; float:left;}
.card-left, .card-right {
       float: left;
       width: 168px;
       margin: 0 3px 5px 5px;
       padding: 5px 0;
       text-align: center;
       background: white;
       }
.card-right {
       float: right;
       width: 180px;
       margin: 0 20px 5px 5px;
       padding: 5px 0;
       text-align: center;
       background: white;
       }
.card-title {font-size: 75%;}
h1#inova, #footer p {text-indent: -2000px;}