body {
	margin: 0;
	background-color: #fff;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
a, a:active, a:visited { color: #8E4DCA; }
a:hover { color: #5F2E8C; }
img { border: 0; }
.cleaner { height: 1px; font-size: 1px;	line-height: 1px; clear: both; }
#wrapper { width: 920px; margin: 0 auto; }
#header { padding: 0; position: relative; height: 100px; }
img.logo { margin-top: 25px; }

ul.topmenu { position: absolute; right: 10px; top: 30px; }
ul.topmenu li { float: left; display: inline; }
ul.topmenu li a, ul.topmenu li a:active, ul.topmenu li a:visited { display: block; margin: 0 10px; text-decoration:none; color: #B78DDF; font-family: Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-size: 12px; }
ul.topmenu li a span, ul.topmenu li a:active span, ul.topmenu li a:visited span { display: block; line-height: 26px; height: 26px; padding-left: 15px; padding-right: 15px; }
ul.topmenu li a:hover, ul.topmenu li a.aktiv, ul.topmenu li a.aktiv:link, ul.topmenu li a.aktiv:visited, ul.topmenu li a.aktiv:hover 
{ background-image: url(../images/menu-bg.gif); background-repeat: no-repeat; background-position: left; color: #570181; }
ul.topmenu li a:hover span, ul.topmenu li a.aktiv span, ul.topmenu li a.aktiv:link span, ul.topmenu li a.aktiv:visited span, ul.topmenu li a.aktiv:hover span 
{ background-image: url(../images/menu-bg2.gif); background-position:right; background-repeat:no-repeat; cursor:pointer; }

#intro { height: 300px; background: url(../images/strom.png) bottom right no-repeat; }
#intro p { width: 540px; font-family: Georgia, "Times New Roman", Times, serif; float: left; }
p.intro { margin: 0; padding: 10px 0 0 0; line-height: 140%; color: #B78CDD; font-size: 14px; }
p.intro a { color: white; }
p.intro a:hover { text-decoration:none; }
p.nedian { font-size: 32px; color: #B78CDD; }
p.nedian span { font-size: 60px; color: white; line-height: 80%; }

div.referencie { float: left; display: block; width: 620px; }
div.referencie h2, div.sluzby h2, h2.portfolio { margin: 30px 0 20px 0; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #5F2E8C; border-bottom: 1px solid #ddd; padding-bottom: 10px; text-transform:uppercase; }
h2.portfolio { margin-bottom: 30px; }
div.sluzby { float: right; display: block; width: 270px; }

div.refka, div.box { float: left; display: block; width: 200px; border: 1px solid #ddd; background-color: #f3f3f3; color: #3F1963; margin-right: 7px; }
div.refka p, div.box p { font-weight: bold; margin: 0; padding: 8px; }
div.refka span, div.box span { color: #999; font-weight: normal; }
div.refka img, div.box img { margin: 0 0 4px 4px; border: 1px solid white; }
div.refka:hover, div.box:hover { border-color: #B78CDD; }
div.box { margin-right: 30px; margin-bottom: 30px; }
div.last { margin-right: 0; }

#footer { border-top: 1px solid #ddd; padding: 12px 10px 20px 10px; margin-top: 30px; color: #999; font-size: 11px; }

ul.ponuka { margin: 0; padding: 0; list-style: none; list-style-type: none; }
ul.ponuka li { padding:  0 0 0 15px; font-weight: bold; color: #3F1863; font-size: 12px; line-height: 150%; background: url(../images/arrow.gif) left 7px no-repeat; margin-bottom: 13px; }
ul.ponuka li span { display: block; color: #999; font-weight: normal; font-size: 11px; }

div.contactbox { width: 250px; float: left; display: block; line-height: 160%; color: #444; }