@charset "utf-8";
/* CSS Document */

.XS {font-size: 11px}
.S {font-size: 12px}
.M {font-size: 14px}
.L {font-size: 15px}
.XL {font-size: 16px}

.white {color: #FFF}
.gray {color: #494949}
.silver {color: #7e7e7e}
.yellow {color: #ffcf06}
.blue {color: #0850a3}
.orange {color: #f58020}
.black {color: #000}

body {background:#f4f4f4 url(../images/bg.jpg) repeat-x top; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px}

#page {margin:0 auto; width:996px;}

/*---- TOP NAVIGATION ----*/
#topnav {float:right; width:350px; padding:6px 9px 0 0; height:30px;}
#topnav a.home { color:#ffffff;background:url(../images/ico-home.jpg) no-repeat 0 6px; padding:5px 20px 0 15px;text-decoration:none; float:left;}
#topnav a.list { color:#ffffff;background:url(../images/ico-list.jpg) no-repeat 0 6px; padding:5px 20px 0 15px;text-decoration:none; float:left;}
#topnav input {background:url(../images/bg-input.jpg) repeat-x top; border-width:1px; float:left; font-size:11px}
#topnav input.searchbox {padding:3px 0 2px 0; margin:0 10px 0 15px; display:inline; width:163px;}

#header {float:left; width:980px; margin:0 0 1px 8px; display:inline; height:96px; background:url(../images/shadow_header.jpg) bottom no-repeat; border-bottom:2px solid #ffa801;}
#header img.logo {float:left; width:217px;}
#header img.tel {float:right;}
#header ul {float:right; height:45px; list-style:none; background:url(../images/ulli_topmenu.gif) no-repeat right top; margin-top:1px; padding-right:2px;}
#header ul li {background:url(../images/ulli_topmenu.gif) no-repeat; float:left; height:45px;}
#header ul li a {padding:16px 15px 0 13px; height:29px; float:left; font-weight:bold; color:#494949; text-decoration:none; font-size:11px; margin-left:2px;}
#header ul li a:hover, #header ul li a.active {background:url(../images/topmenu_hover.gif) repeat-x;}

.mid_index {float:left; width:498px; height:262px;}
.sol_sist { background:url(../images/solarni_sistemi.jpg) no-repeat;}
.sol_sist object {position:absolute; z-index:15; float:left; width:360px; margin-left:8px;}
.sol_sist p {position:absolute; z-index:3; float:left; width:334px; color:#ffffff; font-size:14px; padding:127px 78px 0 86px; height:135px; line-height:16px;}

#izdelki {float:left; width:978px; margin-left:8px; display:inline;}
#izdelki h1 {color:#0850a3; font-size:16px; line-height:18px;}
#izdelki h3 {color:#0850a3; font-size:16px; line-height:18px;}
#izdelki p {color:#0850a3; font-size:16px; line-height:18px;}

a.izdelek_index {float:left; width:139px; height:175px; display:block; color:#0850a3; text-align:center; font-weight:bold; text-decoration:none; padding:20px 12px 0 12px;}
a.izdelek_index:link, a.izdelek_index:visited {background-position:bottom; background-repeat:no-repeat;}
a.izdelek_index:hover {background-position:top; background-repeat:no-repeat;}

a.bojlerji {background:url(../images/bojlerji_index.jpg);}
a.crpalke {background:url(../images/crpalke_index.jpg);}
a.montazni {background:url(../images/montazni_index.jpg);}
a.ploscati {background:url(../images/ploscati_index.jpg);}
a.regulatorji {background:url(../images/regulatorji_index.jpg);}
a.vakumski {background:url(../images/vakumski_index.jpg);}

#spodnji_okvir {float:left; width:946px; height:139px; padding:35px 25px 0 25px; margin:1px 0 0 0; display:inline; background:url(../images/spodnji_okvir_bg.jpg) no-repeat top;}
#novice {width:304px; float:left;}
#novice h4 {font-size:14px; color:#f58020; font-weight:bold; padding-bottom:5px;}
#novice span {color:#7e7e7e; font-size:10px;}
#novice h2 a { float:left;font-size:12px; font-weight:bold; color:#0850a3; text-decoration:none; padding:3px 0 3px 0; width:304px;}
#novice h2 a:hover {text-decoration:underline;}
#novice p {float:left; width:287px; line-height:14px; padding:0 0 3px 0;}
#novice a.vec {float:left; width:304px; color:#0850a3;}
#novice a.vec:hover {text-decoration:none;}

.spodnji_box {float:left; width:275px; height:95px; padding:10px 0 0 10px; margin:0 0 0 26px; display:inline; font-weight:bold; color:#0850a3;}
.spodnji_box h3 {font-size:15px; line-height:17px; font-weight:bold; color:#ffffff; padding:0 0 3px 0;}
.spodnji_box a.vec { display:block; width:25px; height:25px; font-size:5px; text-decoration:none; margin-top:12px;}
.spodnji_box a.vec2 { display:block; width:25px; height:25px; font-size:5px; text-decoration:none; margin-top:5px;}
.subvencije {background:url(../images/subvencije.jpg) no-repeat; margin:0 0 0 40px; display:inline;}
.vsenaredimomi {background:url(../images/vsenaredimomi.jpg) no-repeat;}

#content_bottom {float:left; width:996px; background:url(../images/bottom_content_bg.jpg) bottom no-repeat; height:62px;}
#content {float:left; width:978px; background:url(../images/content_bg.jpg) top no-repeat; min-height:504px; height:auto !important; height:504px; padding:0 9px 0 9px;}
#streach {float:left; width:996px; background:url(../images/streach_content.gif) repeat-y;}

#left {width:245px; float:left;}
#left ul {list-style:none;}
#left ul li a {width:124px; height:40px; float:left; background:url(../images/bg_left_nav.jpg) no-repeat; font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; padding:8px 100px 0 20px; line-height:16px;}
#left ul li a:hover {text-decoration:underline;}
#subvencije_left {float:left; background:url(../images/subvencije_left.jpg) no-repeat; width:236px; height:95px; margin-top:1px; font-weight:bold; color:#0850a3; padding:10px 0 0 8px;}
#subvencije_left h3 { color:#ffffff; font-size:15px; font-weight:bold; padding-bottom:5px;}
#subvencije_left a {font-size:5px; height:25px; width:25px; display:block; margin-top:8px;}
#vsenaredimo_left {float:left; background:url(../images/vsenaredimomi_left.jpg) no-repeat; width:236px; height:95px; margin-top:1px; font-weight:bold; color:#0850a3; padding:10px 0 0 8px;}
#vsenaredimo_left h3 { color:#ffffff; font-size:15px; font-weight:bold; padding-bottom:2px;}
#vsenaredimo_left a {font-size:5px; height:25px; width:25px; display:block; margin-top:8px;}

#right {width:689px; float:left; padding:17px 25px 0 19px; line-height:16px;}
#right h1 {height:48px; color:#ffffff; font-size:17px; font-weight:bold;}
#right a {color:#305ab0;}
#right a:hover {text-decoration:none;}
#right span.blue {color:#305ab0;}
#right span.bigblue a {font-size:17px; font-weight:bold;color:#305ab0; text-decoration:none;}
#right span.bigblue a:hover {text-decoration:underline;}
#right input.partnerji {border:1px solid #a4b97f; width:142px; height:16px; padding:2px 0 0 2px; font-size:11px;}
#right input.tekst {border:1px solid #305ab0; background:#f3f3f3; height:20px; width:157px; float:left; margin:5px 5px 0 0;}
#right textarea {border:1px solid #305ab0;background:#f3f3f3; height:104px; width:355px; float:left; margin:5px 0 0 0; }
#right table tr td table {padding:10px;}
#right table tr td.tekst {vertical-align:top; padding:5px;}
#right table tr td.povpr {vertical-align:top; padding:5px;}
#right span.small {font-size:11px;}
#right ul {list-style:none; padding:3px 0 3px 0;}
#right ul li { background:url(../images/ulli_bullet.gif) no-repeat 0 8px; padding-left:10px;}
#right img.okvir {border:1px solid #305ab0; padding:1px; float:left; width:148px; margin:8px 17px 10px 0px; display:inline;}
#right a.katalog {width:220px; height:21px; background:url(../images/narocikatalog.jpg) no-repeat; color:#ffffff; font-weight:bold; font-size:13px; display:block; text-decoration:none; padding:3px 0 0 12px; margin-top:4px; float:left;}
#right a.katalog:hover {text-decoration:underline;}

.produkti {float:left; width:689px; margin-top:8px;}
.produkti img {float:left; width:132px; margin-right:17px; display:inline;}
.produkti p {float:left; width:503px; background:#fffbcc; height:117px; padding:15px 22px 0 15px;}

.novica {float:left; width:689px; border-bottom:1px #bebebe solid; margin-bottom:5px; padding-bottom:3px;}
.novica span{font-size:10px; color:#6d6e71;}
.novica a {text-decoration:none;}
.novica a:hover { font-weight:bold;}

#footer {float:left; width:996px; color:#6d6e71; font-size:11px;}
#footer p.copy {float:left; width:777px; height:40px; padding:0 0 0 6px;}
#footer p.copy a {color:#0850a3; text-decoration:none;}
#footer p.copy a:hover {text-decoration:underline;}
#footer p.ns {width:213px; float:right;}
#footer p.ns a {color:#6d6e71; text-decoration:none; float:left; padding-right:8px;}
#footer p.ns a:hover { text-decoration:underline;}

b, strong {font-weight:bold;}

#son a {font-size:11px; text-decoration:none; color:#ccc; position:absolute; font-weight:normal; top:11px; margin-left:10px;}
#sol {font-size:11px; color:#ccc; position:absolute; font-weight:normal; top:11px; margin-left:91px;}