html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body { background:url(../images/body_bg.jpg) top repeat-x #323232; font-family:Arial, Helvetica, sans-serif;}
p, h1, h2, h3, hr, ul, li, input, form, body {margin: 0;padding: 0;}
a {outline:none;}

#wrap {margin:0 auto; width:975px;}

#header {float:left; width:975px; height:143px; background:url(../images/header_bg.jpg) top no-repeat;}
#header h1 a {float:left; width:252px; height:40px; font-size:13px; text-decoration:none; color:#ffffff; font-weight:normal; padding:65px 0 0 18px; letter-spacing:1px; display:block;}
#header object {float:left; width:90px; margin-top:30px;}
#header ul {list-style:none; width:809px; float:left; font-size:14px; border-left:solid 1px #3381bc; height:37px;}
#header ul li {float:left;}
#header ul li a {color:#ffffff; float:left; background:url(../images/topmenu_ulli.gif) right no-repeat; height:26px; text-decoration:none; display:block; padding:11px 21px 0 20px;}
#header ul li a:hover, #header ul li a.active { background:url(../images/topmenu_ulli_hover.gif) right no-repeat #0e8be7;}

#lang {float:left; width:165px; color:#ffffff; font-size:12px; padding:12px 0 0 0;}
#lang a {color:#ffffff; text-decoration:none; border:none; padding-right:4px; float:left; padding-left:2px;}
#lang a:hover {text-decoration:underline;}
#lang img {float:left; padding-right:4px; padding-top:2px;}

#left {float:left; width:590px;}
#right {float:left; width:385px; padding-top:15px;}

#mainbox {float:left; width:250px; padding:18px 320px 0 20px; font-size:14px; height:213px; background:url(../images/proiz_box.jpg) no-repeat; margin-top:29px; color:#ffffff; }
#mainbox h2 {font-size:20px; padding-bottom:20px;}
#mainbox ul {list-style:none;}
#mainbox ul li {background:url(../images/ulli_left.gif) no-repeat 0 5px; padding:0 0 4px 15px;}

#video_kontakt {float:left; width:590px;}

#kontakt {float:left; width:248px; padding:28px 0 0 22px; font-size:12px; color:#ffffff; line-height:17px;}
#kontakt p {padding-bottom:17px;}
#kontakt a, #kontakt span {color:#0d88e5;}
#kontakt a:hover {text-decoration:none;}
#kontakt a.povprasevanje {float:left; width:230px; height:28px; background:url(../images/index_povp_bg.jpg) no-repeat; color:#ffffff; text-decoration:none; font-size:15px; font-weight:bold; padding:12px 0 0 18px;}
#kontakt a.povprasevanje:hover {text-decoration:underline;}
#kontakt span.title {font-size:15px; font-weight:bold; float:left; width:248px; padding-bottom:4px;}

#video { float:left; width:320px; font-size:17px; color:#848484; padding:25px 0 0 0;}
#video span {float:left; width:298px; padding-left:22px;}
#video object {background:url(../images/videoshadow.jpg) no-repeat; display:inline; float:left; width:288px; margin:10px 0 0 12px;}

.box {float:left; width:337px; height:101px; padding:12px 13px 0 35px; margin-top:11px; font-size:11px; color:#84caff; background:url(../images/boxizd.jpg) no-repeat;}
.activebox {float:left; width:337px; height:101px; padding:12px 13px 0 35px; margin-top:11px; font-size:11px; color:#84caff; background:url(../images/boxizd_hover.jpg)}
.box a.vec, .activebox a.vec {font-size:12px; font-weight:bold; color:#ffffff; padding-top:5px; float:left;}
.box a.vec:hover, .activebox a.vec:hover {text-decoration:none;}
.box h2 a, .activebox h2 a {color:#ffffff; font-size:17px; padding:3px 0 5px 0; text-decoration:none;}
.box h2 a:hover, .activebox h2 a:hover {text-decoration:underline;}
.box img, .activebox img {float:right; margin:0 0 0 15px; display:inline; border:0;}
.first {margin-top:26px;}

#content {float:left; width:550px; padding:28px 20px 10px 20px; font-size:12px; color:#ffffff;}
#content h1 {font-size:14px; font-weight:bold; color:#0074cb; padding-bottom:15px;}
#content ul {list-style:none; padding:3px 0 2px 0;}
#content ul li {padding-left:14px; background:url(../images/ullicontent.gif) no-repeat 0 5px; padding-bottom:4px;}
#content span.blue {color:#0c86e2;}
#content ul li ul {list-style:none;}
#content ul li ul li {padding-left:10px; background:url(../images/contentulliulli.gif) no-repeat 0 6px; }
#content input.text {width:148px; height:16px; padding:1px 0 0 1px; background:#999999; border:none; color:#ffffff; font-size:11px;}
#content textarea {width:424px; height:131px; background:#999999; border:none; color:#ffffff; font-size:11px;}
#content a {color:#0074cb;}

#reference {float:left; width:550px; padding-top:5px; padding-bottom:10px;}
#reference img {float:left; width:173px; margin-right:10px; margin-top:10px; display:inline; border:none;}

#contactfooter {float:left; width:975px; font-size:11px; color:#ffffff; padding-top:10px;}
#contactfooter a {color:#0c86e2;}
#contactfooter a:hover {text-decoration:none;}

#footer {float:left; width:975px; background:url(../images/footer_bg.jpg) no-repeat; height:35px; padding-bottom:50px; padding-top:10px; margin-top:28px;  color:#5b5b5b;}
#footer p.copy {float:left; width:760px; padding-top:15px;font-size:12px; color:#8a8a8a; line-height:20px;}
#footer p.ns {float:left; width:215px; padding-top:15px;font-size:11px;}
#footer p.copy a {border:0;color:#8a8a8a; text-decoration:none; }
#footer p.copy a:hover, #footer p.ns a:hover {text-decoration:underline;}
#footer p.ns a {float:left; color:#5b5b5b; text-decoration:none;}
#footer a img {padding-left:5px; padding-top:2px; float:left;}

/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */