body {
	font: 100%/1 Arial, Verdana, Helvetica, sans-serif;
	background-image:url(/images/background.png);
	background-repeat:repeat-x;
	background-color:#D8AE1C;
	margin: 0;
	padding: 0;
	font-size:90%;
}

ul {
	line-height:1.5;
}
li {
	margin-left: 35px;
}
p {
	line-height:1.8;
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 	
	font-weight:normal;
}
p.kontakt {
	line-height:1.8;
}
p.first {
	padding-top:25px;
}
p.center {
	text-align:center;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, form {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
	padding-top:25px;
	font-weight:normal;
}

form.null {
  margin-top:0;
  padding-top:0;
}

#quickcontact {
	padding-top:0px;
}
h1, h2 {
	font-size:20pt;	
	color:#172983;
}
h2 {
	font-size:16pt;
	color:#172983;
}
h3 {
	color:#172983;	
	font-size:13pt;
}
.sidebar2 h2 {
	padding:4px;
	color:#FFFFFF;
}
a img {
	border: none;
}
#onas {
	margin-left:-3.5px;
}
#sortiment {
	margin-left:-3.5px;
}
#realizace {
	margin-left:-3.5px;
}
#certifikaty {
	margin-left:-3.5px;
}
#ceniky {
	margin-left:-2.5px;
}
#kontakty {
	margin-left:-2px;
}
a {
	color:#caa115;
	text-decoration: underline; 
}

a:hover, a:active, a:focus, a:visited { 
	text-decoration: none;
}


.container {
	width: 860px;
	margin: auto;
	margin-top:33px; 
}


.header {
	width:860px;
	margin-bottom:5px;
}
.headertop{
	width:805px;
	height:90px;
}

.headermenu{
	margin-top:29px;
	width:860px;
	height:41px;
	background-image:url(/images/menubg.png);
}

.facebook {
	width:131px;
	height:40px;
	position:absolute;
	margin-top:29px;
	margin-left:707px;
}

.contentwrapper {
	width:860px;
	float:left;
	background-image:url(/images/body.png);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
}
.content {
	width:606px;
	min-height:340px;
	float:left;
	color:#4d4d4d;
}
.sidebar {
	width:254px;
	float: left;
	min-height:100%;
}
.sidebar img.certifikat:hover {
	border:#4D4D4D 1px solid;
}
.content img.certifikat:hover {
	border:#4D4D4D 1px solid;
}

.fler {
	margin-top:13px;
	width:120px;
	height:180px;
	margin-left:65px;
}


.contentbottom {
	width:860px;
	background-image:url(/images/down.png);
	background-repeat:no-repeat;
	min-height:260px;
	float:left;
	position: relative;
	clear: both;
}
.map {
	float:right;
	margin-top:25px;
	margin-right:20px;
}
.contentbottom h2{
	font-size:18pt;
}
.realizations {
	margin-top:50px; margin-left:5px; width:501px; float:left;
}
.contact {
	margin-top:50px;
	width:299px;
	float: left;
	min-height:100%;
}
.contact #mobile {
	padding-left:15px;
	padding-top:5px;
	float:left;
}
.contact p {
	padding-top:5px;
	margin-left:80px;
	font-size:10pt;
}
.contact #unicol {
	font-size:15pt;
	color:#172983;
}
.contact a, .contact a:active, .contact a:visited {
	color:#000000;
}
.footer {
	clear:both;
	width:860px;
	height:26px;
	padding: 0px;
	padding-top:12px;
	background-image:url(/images/copyright.png);
}
.footer .copyright {
	width:560px;
	margin: auto auto;
	color:#FFFFFF;
}
.footer a, .footer a:active, .footer a:visited {
	color:#FFFFFF;
}
.blue {
	color:#4d4d4d;
}
.bold {
	font-weight:bold;
}
.certifikat {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	border:#cdcdcd solid 1px;
}

<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>