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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3d3d;
	}

body.index {background:url(../images/body_bg.jpg) repeat-x top #ffffff;}
body.sub {background:url(../images/body_bg_sub.jpg) repeat-x top #ffffff;}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}
a {outline:none;}

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

#headerindex { float:left; width:960px; height:333px;}
#headerindex img.logo {float:left; width:194px; margin-right:50px; display:inline; border:0;}
#headerindex img.slogan {float:right; width:553px; border:0;}
#headerindex img.mainimg {float:right; width:407px; border:0;}

#menutop {float:left; width:710px; height:43px; margin-top:16px; font-size:11px;}
#menutop img {float:left; width:2px;}
#menutop ul {float:left; list-style:none; font-weight:bold; padding:8px 9px 0 9px; height:35px;}
#menutop ul li {float:left;}
#menutop ul li a {float:left;color:#595959; text-decoration:none; padding:0 10px 0 10px; display:block; height:35px;}
#menutop ul li a:hover {color:#b52151; background:url(../images/topmenu_hover.gif) no-repeat center bottom;}
#menutop ul li a.pink:hover, #menutop ul li a.active {color:#b52151; background: url(../images/topmenu_hover_sub.gif) no-repeat center bottom;}
#menutop a.eng {color:#b52151; font-weight:bold; text-decoration:none; float:left; padding:8px 0 0 18px;}
#menutop a.eng:hover { text-decoration:underline;}


#pinkpas {height:63px; float:left; width:950px; padding:11px 0 0 10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#ffffff;}
#pinkpas h1 {font-size:20px; font-weight:normal; padding:15px 0 0 0; float:left;}
#pinkpas a { float:left;width:163px; height:36px; background:url(../images/povprasevanje_gumb.jpg) top; display:block; margin:10px 29px 0 33px; display:inline;}
#pinkpas a:hover {background-position:bottom;}
#pinkpas img {float:left; width:5px; height:51px;}
#pinkpas p {float:left; padding:15px 0 0 20px;}

#index_boxes {float:left; width:660px; margin:19px 0 0 5px; display:inline;}
#index_boxes img.hr {float:left; width:644px; height:8px;}
.box {float:left; width:320px; height:150px; margin:14px 10px 0 0; display:inline;}
.box p {float:left; width:266px; padding:0 35px 0 0; font-size:12px; line-height:18px;}
.box a.vec  { float:right;width:72px; height:21px; background:url(../images/vecotem_indexbox.jpg) top; display:block; margin-right:15px; display:inline;}
.box a.vec:hover {background-position:bottom;}


#kontakt {float:left; width:295px; padding:27px 0 0 0;}
#kontakt p { line-height:18px; padding:5px 0 1px 15px;}
#kontakt h3 {float:left; width:269px; height:32px;  padding:11px 0 0 16px;background:url(../images/kjesmo_bg.jpg) no-repeat; font-size:16px; font-weight:bold; margin-top:15px;}

#footer {float:left; width:960px; height:40px; padding:25px 0 0 0; margin-top:28px; background:url(../images/hrfooter.jpg) no-repeat top; font-size:12px; color:#989898;}

#footer p.copy {float:left; width:340px; padding:0 0 0 5px;}
#footer p.ns {float:right; width:228px; padding:0 12px 0 0;}
#footer p.ns a {color:#989898; text-decoration:none; float:left;}
#footer p.ns a:hover { text-decoration:underline;}
#footer p.ns img {float:left; width:85px; border:0; padding:2px 0 0 18px;}

/* podstran */

#header_sub {float:left; width:960px; height:159px;}
#header_sub img.logo {float:left; width:194px; border:0; margin-right:50px; display:inline;}
#header_sub h2 {float:left; width:510px; color:#ffffff; font-size:20px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:39px 0 0 0;}
#header_sub a.povprasevanje {margin:34px 0 0 26px; display:inline; float:left; height:36px; width:163px; background:url(../images/povprasevanje_gumb.jpg) no-repeat top;}
#header_sub a.povprasevanje:hover {background-position:bottom;}

#middle {float:left; width:960px;min-height:487px; height:auto !important;height:487px;}
.noleft {background:url(../images/sub_menu_noleft.jpg) top no-repeat; }
.left   {background:url(../images/sub_menu_left.jpg) top no-repeat;}

#left {float:left; width:220px; padding:27px 0 0 0;}
#left h2 {float:left; width:196px; padding:8px 0 0 18px; margin:0 0 0 6px; display:inline; height:27px; background:url(../images/title_left.gif) no-repeat; font-weight:bold; font-size:16px; color:#ffffff;}

#left ul {float:left; list-style:none; width:210px; padding:11px 0 0 0;}
#left ul li {float:left; width:195px; background:url(../images/ulli.jpg) no-repeat bottom right; padding:11px 0 9px 0; margin-left:15px; display:inline;}
#left ul li a {float:left; width:180px; color:#000000; text-decoration:none; background:url(../images/ulli_norma.gif) no-repeat right; }
#left ul li a:hover, #left ul li a.active {color:#b52151; font-weight:bold;float:left; width:180px; background:url(../images/ulli_hover.png) no-repeat right;}
#left ul li ul {list-style:none; padding:0; width:195px;}
#left ul li ul li { background:url(../images/subulli.gif) no-repeat 0 12px; padding:0; width:165px; margin-left:0;padding:7px 0 0 15px;}
#left ul li ul li a {background:none; text-decoration:none;color:#000000;}
#left ul li ul li a:hover {background:none; text-decoration:underline;color:#000000; font-weight:normal;}

#content {float:left; color:#3d3d3d; padding:30px 45px 0 28px; line-height:18px;}
#content input.text {height:17px; width:174px; padding:2px 0 0 1px;}
#content input.stevilo {width:25px;height:17px; padding:2px 0 0 1px;}
#content select {height:23px; width:179px;}
#content textarea {width:350px; height:135px;}
#content h1 {font-size:28px; font-weight:bold; color:#b52151; padding:5px 0 20px 0;}
#content h2 {font-size:18px; font-weight:bold; padding:0 0 10px 0;}
#content a.vecotem  { width:72px; height:21px; background:url(../images/vecotem_indexbox.jpg) top; display:block;}
#content a.vecotem:hover {background-position:bottom;}
#content ul {padding:8px 0 8px 5px; list-style:none;}
#content ul li {background:url(../images/contentbullet.gif) no-repeat 0 7px; padding-left:12px;}
#content a {color:#b52151;}
#content a:hover {text-decoration:none;}
#content img.okvir {border:1px solid #dbdbdb; padding:1px;}


.contleft {width:450px;}
.contnoleft{width:670px;}

#right {width:217px; float:left;}

#rightcontact {float:left; width:182px; margin:27px 0 0 21px; display:inline; border-bottom:solid 1px #dbdbdb; padding-bottom:20px; line-height:18px;}
#rightcontact a {color:#b52151;}
#rightcontact a:hover {text-decoration:none;}
#rightcontact span {color:#b52151; font-size:14px;}
#rightcontact p {padding:2px 0 5px 0;}

#right_tekst {float:left; width:182px; margin:21px 0 0 21px; display:inline; line-height:18px;}
#right_tekst span.big {color:#b52151; font-size:14px;}
#right_tekst p {padding:2px 0 5px 0;}
#right_tekst a {color:#b52151;}
#right_tekst a:hover {text-decoration:none;}
#right_tekst span.small {font-size:11px; color:#888888;}

/* 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 */

.substor { margin-top:15px; color:#b52151; }