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

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

strong, h1, h3, h4 {font-weight:bold}

.XXL {font-size:26px}
.XLL {font-size:20px}
.XL {font-size:16px}
.L {font-size:14px}
.M {font-size:12px}
.S {font-size:11px}
.XS {font-size:10px}

.white {color:#FFF}
.lightblue {color:#457ab9}
.blue {color:#094fa3}
.darkblue {color:#850a31}
.cian {color: #81a6d3}
.orange {color:#ff9900}
.gray {color: #7e7e7e}
.silver {color: #949494}
.black {color:#000}

a:hover {text-decoration:none}

#page {margin: 0 auto; position:relative; width:970px}

#corner {background: url(../images/bg-round.png) no-repeat left top; height:102px; position:absolute; right:0px; width:80px; z-index:10}

/*---- HEADER ----*/
#header {background:url(../images/bg-head.jpg) no-repeat right top; height:93px; margin:0 auto; padding:0 0 30px 0; position:relative; width:970px; z-index:6000}
/*logotip*/
#header #logo {float:left; height:93px; position:relative; width:193px}
#header #logo span {cursor:pointer; background:url(../images/bg-logo.jpg) no-repeat; position:absolute; width:100%; height:100%}
/*language navigation*/
#header #lang {float:right}
#header #lang li {border-left:solid 1px #81a6d3; float:left; padding:3px 12px 4px 12px}
#header #lang li a {color:#FFF; text-decoration:none; font-size:11px}
#header #lang li input {margin:0; padding:0; float:left;}
#header #lang li input#searchtext {background-color:transparent; border:none; border-bottom:solid 1px #81a6d3; color:#81a6d3; font-size:11px; }

/*menu level*/
li.headlink {float:left; position:relative; cursor:pointer}
li.headlink div {display: none; padding:10px 0 0 0; position:absolute; width:140px; z-index:10000; cursor:pointer}
li.headlink:hover div {display: block; cursor:pointer}
li.headlink span {cursor:pointer}

/*---- CONTENT SLIDER ----*/
#over {position:absolute;z-index:2000;background:url(../images/pngbg.png) no-repeat;width:710px;height:255px; left:0; top:-5px;}
.panel {position:absolute}
/*controler*/
#myController {margin: 29px 50px 0 0; font-weight: 700; font-size:12px; left:0px; position:absolute; top:-30px; width:720px;z-index:99999}
#myController a.fmenu {background: url(../images/knof.png) no-repeat left top; margin-right: 2px; cursor: pointer; padding: 2px 0 4px 0; width:108px; height:18px;	text-align:center; display:block; float:left; color: #094fa3; line-height: 1.7;	margin-bottom:2px}
#myController a {text-decoration:none}
#myController a.fmenu:hover {background: url(../images/knof.png) no-repeat right top}
#myController span.jFlowSelected {background1: url(../images/knof.png) no-repeat right top; margin-right: 6px; cursor: pointer; padding: 2px 0 4px 0; width:108px; text-align:center; height:18px; display:block; float:left; color: #fff; line-height: 1.7; margin-bottom:2px}
#mySlides2 div {display:none; color:#000; float:left; padding-top:26px; line-height:1.4}
#mySlides2 div span { color:#ff9900; font-size:20px; font-weight:700;}
#mySlides2 div a { color:#000; font-weight:bold }
#mySlides2 div h1 {position:absolute; z-index:6000; color:#094fa3; font-size:26px; font-weight:bold; margin-top:-132px}

#mySlides3 div {display:none; color:#000; float:left; padding-top:29px; line-height:1.4;position:absolute;top:270px;left:0px; z-index:1000}
#mySlides3 div span { color:#ff9900; display:inline-block; font-size:20px; font-weight:700; padding: 0 10px 0 0; position:relative; top:1px;}
#mySlides3 div a { color:#000; font-weight:bold;text-decoration:none }
#mySlides3 div h1, #mySlides3 div h2 {position:absolute; color:#094fa3; font-size:26px; font-weight:bold; margin-left:390px; margin-top:-115px; width:300px}
/*image slider*/

#myController1 {float:left;}
#myController1 span {background: url(../images/knof.png) no-repeat left top; margin-right: 6px; cursor: pointer; padding: 2px 0 4px 0; width:108px; height:18px;	text-align:center; display:block; float:left; color: #094fa3; line-height: 1.7;	margin-bottom:2px}
#myController1 span.jFlowSelected {background: url(../images/knof.png) no-repeat right top; margin-right: 6px; cursor: pointer; padding: 2px 0 4px 0; width:108px; text-align:center; height:18px; display:block; float:left; color: #fff; line-height: 1.7; margin-bottom:2px}

#wrap-slider {float:left;width:700px;height:320px}
#mySlides {z-index:1999;}
#over h1 {color:#094fa3; font-size:26px; font-weight:bold;position:absolute; top:155px;left:385px;text-transform:upper;z-index:999}


/*---- ADMIN AREAS ----*/
#entry {float:right; width:230px}
/*help*/
#entry #help {background:url(../images/bg-help.jpg) no-repeat left top; height:58px; padding:5px 10px 10px 10px; width:220px;}
#entry #help h3 {padding:0 0 10px 0}
#entry #help p {line-height:1.2; padding:0 0 5px 0; font-size:11px}

/*za partnerje, za arhitekte*/
#entry #partner, #entry #archi {background:url(../images/bg-partner.jpg) no-repeat left top; height:40px; line-height:1.2em; padding:10px 10px 10px 10px; position:relative; width:210px}
#entry #partner a, #entry #archi a {text-decoration:none}
#entry #partner {margin: 6px 0}
#entry #partner h4, #entry #archi h4 {font-weight:bold}
#entry #partner p, #entry #archi p {width:150px}
.more {background:url(../images/btn-more.jpg) no-repeat left top; display:block; height:42px; float:right; width:42px}
.more:hover {background:url(../images/btn-more.jpg) no-repeat left bottom}
/*kontakt*/
#kontakt {width:230px}
#kontakt span {display:inline-block; padding:0 0 0 35px; width:50px}
#kontakt #fb {display:inline; margin:2px 0 0 15px;}

/*---- PAGE CONTENT ----*/
#content {background:url(../images/bg-content.jpg) no-repeat center top; border-bottom:solid 1px #bec6cd; clear:both; float:left; margin:2px 0 0 0; padding:0 0 5px 0; width:970px}
#content #aktual, #content #news, #content #video, #content #povp, #content #gall {float:left; line-height:1.4em; padding:20px 27px 0 0; width:220px}
#video {padding-right:0 !important}
#povp {padding:20px 0 0 0}
.ctitle {font-weight:bold; padding: 0 20px 0 0}
a.ctitle {background:url(../images/btn-more-title.gif) no-repeat right center; display:inline-block; font-weight:bold; padding: 0 20px 0 0; text-decoration:none}
.line {height:1px;border-bottom:solid 1px #bec6cd;margin-bottom:10px; padding: 0 0 4px 0}
#aktual img {background:url(../images/bg-aktualno.jpg) no-repeat center bottom; padding:0 0 10px 0}
#news .date {line-height:1em; padding: 5px 0 0 0}

#povp ul {float:left}
#povp ul li {float:left; padding:2px;  font-weight:normal}
#povp ul li label {float:left; padding:3px 5px 0 0; width:81px; text-align:right; font-size:11px; font-weight:normal}
#povp ul li input, ul#obr li select {width:210px; _width:120px;  font-size:11px; color:#7E7E7E}
#povp ul li textarea {height:50px; width:210px;  font-size:11px;}

/*--- FOOTER ----*/
#footer {float:left; line-height:1.5em; padding:5px 0 0 0; width:100%}

/*GUMBI*/
.btn {cursor:pointer; float:left;background:url(../images/bg-button-l.jpg) no-repeat left top; margin:0px 0 0 0; padding:0 0 4px 4px;text-decoration:none}
.btn span {cursor:pointer; float:left;display:block;background:url(../images/bg-button-r.jpg) no-repeat right top; line-height:1.7em; height:18px; padding:0px 9px 4px 4px; font-weight:bold;color:#FFF}

/*---- PODSTRAN ----*/
/*header*/
#subcontent {border-bottom:solid 1px #bec6cd; clear:both; float:left; margin:8px 0 0 0; padding:0 0 10px 0; width:970px}
#left, #center, #right {float:left}
/*left content*/
#left {background:url(../images/bg-left.jpg) no-repeat right top; padding: 20px 20px 0 0; width:160px; min-height:500px}
#left h3 {text-transform: uppercase; padding:0 0 0 10px}
#left #lmenu {padding:5px 0 0px 0px; width:150px}
#left #lmenu li#first {background:url(../images/bg-nav-b.jpg) no-repeat right bottom;margin:0 0 0 10px; width:170px; height:3px;}
#left #lmenu a {display:block;line-height:1.2em; text-decoration:none; background:url(../images/bg-nav-b.jpg) no-repeat right bottom; padding:7px 0 7px 12px; width:168px}
#left #lmenu a:hover {background:url(../images/bg-li-over.jpg) no-repeat bottom right}
#left #lmenu a.liactive {font-weight:bold; 1background:url(../images/li-active.jpg) no-repeat bottom right}
#left #lmenu li ul {padding:4px 0 0 0}
#left #lmenu li ul li {background:url(../images/bg-li-li.jpg) no-repeat 11px 13px; padding:4px 0 4px 10px; font-size:10px;}
#left #kontakt1 {padding: 25px 0 5px 10px; float:left;line-height:1.3em;}
#left #kontaktt {padding:0 0 5px 0;}
#left img#blue {padding:15px 0 7px 0}
/*center content*/
#center {line-height:1.5em; padding:0 20px 20px 20px; width:560px;}
#center h1 {padding: 15px 0 10px 0}
#center h4 {padding: 7px 0}
#center ul {padding: 0 0 0 5px; display:table;}
#center ul li {background:url(../images/bg-li-center.jpg) no-repeat left center;padding:0 0 0 10px}
#center a {color: #094fa3}
#center #products {float:left; padding:10px; margin:0; width:100%;}
#center #products li {background:none; display:block; float:left; height:100px; padding:3px 5px 3px 0; margin:0; width:265px}
#center #products li img {float:left}
#center #products li h4 {padding:0; margin:0}
#center #products li h4 a {font-size:13px; text-decoration:none}
#center table tr td {vertical-align:top; padding:5px;}
#center table tr td img {padding-top:4px;}

#center #out {background:url(../images/bg-products.gif) no-repeat top left; float:left; margin:10px 0 0 0; padding:0 10px 0px 0; width:100%}
#center #outbottom {background:url(../images/bg-products-b.gif) no-repeat bottom left; float:left;width:100%; height:5px;}
#center #out h1 {float:left;background:url(../images/bg-pprogram-top.gif) no-repeat top left; display:inline-block; padding:10px 0 5px 10px; margin:0}
#center #out span {float:left; background:url(../images/bg-pprogram-top-left.gif) no-repeat top right; display:inline-block; padding:13px 0 0 0; width:12px}
#center #productsout {float:left; padding:10px; margin:0; width:100%}
#center #productsout li {background:none; display:block; float:left; height:100px; padding:3px 5px 3px 0; margin:0; width:265px}
#center #productsout li img {float:left}
#center #productsout li h4 {padding:0; margin:0}
#center #productsout li h4 a {font-size:13px; text-decoration:none}

#center img.pomocimg {padding-left:30px; float:right;}
#center img.hr {padding:10px 0 10px 0;}
#center input.radio { float:left; margin-right:5px; display:inline;}
#center a.priporoca {display:block;background:url(../images/zelenchecked.jpg) left no-repeat; padding:5px 0 0 36px;  height:20px; font-weight:bold;}
#center a.priporoca1 {display:block;background:url(../images/zelenchecked.jpg) right no-repeat; padding:5px 36px 0 10px;  height:26px; font-weight:bold;}
#center ul.pomoc {list-style:none; padding:5px 0 5px 5px;}
#center ul.pomoc li {background:url(../images/bullet_pomoc.gif) no-repeat 0 7px; padding-left:10px;}

.subimg {background:url(../images/bg-img-sub.jpg) no-repeat right bottom; padding: 10px 0 6px 0; margin:0 0 10px 0}
.featured-images {background:url(../images/bg-img-sub.jpg) no-repeat right bottom; margin:0 0 14px 0; padding:0 0 6px 0;line-height:0}
.subimg-small {background:url(../images/bg-img-sub.jpg) no-repeat right bottom; margin:0 10px 0 0; padding: 0 0 6px 0}
/*crumbmenu*/
#crumb {float:left;background:url(../images/bg-crump.jpg) no-repeat 20px bottom; padding:22px 0 22px 20px; width:568px}
#crumb li {float:left}
#crumb li a {background:url(../images/bg-li-crump.jpg) no-repeat left center; display:block; padding:0 5px 0 5px; text-decoration: none}
.active, #crumb li a:hover {background:url(../images/bg-li-crump-over.jpg) no-repeat left center; color:#5e5e5e}
#crumb li#print {float:right}
#crumb li#print a {background:url(../images/ico-print.jpg) no-repeat left center; display:block; padding:0 5px 0 10px}
/*right*/
/*#right {width:190px;position:relative;right:0; top:20px}*/
#right {width:190px;float:left;margin-top:-40px; width}
/*help*/
#right #help {background:url(../images/bg-helps.jpg) no-repeat bottom right; height:112px; margin:0 0 12px 0; padding:10px; width:170px}
#right #help h3 {padding:0 0 10px 0}
#right #help p {line-height:1.5; padding:0 0 5px 0}
/*za partnerje, za arhitekte*/
#apartner, #aarchi {font-size:12px;background-position:left top; background:url(../images/bg-partner.jpg) no-repeat; float:left; display:block; height:23px; line-height:1.2em; margin:6px 0 0 0; padding:10px; text-decoration:none; width:210px}
#aarchi {margin : 6px 0 10px 0}
a#apartner:hover, a#aarchi:hover  {background-position:left bottom}
#apartner p, #aarchi p {width:170px}


#right #partner, #right #archi {display:block; background:url(../images/bg-part-sub.jpg) no-repeat left top; height:15px; line-height:1.2em; padding:10px; position:relative; width:170px}
#right #partner a, #right #archi a {text-decoration:none}
#right #partner {margin: 0px 0 6px 0}
#right #partner h4, #right #archi h4 {font-weight:bold}
#right .more {background:url(../images/btn-more-sub.jpg) no-repeat left top; display:block; float:right; height:29px; margin:-7px 0 0 0; width:29px}
#right .more:hover {background:url(../images/btn-more-sub.jpg) no-repeat left bottom}
/*news*/
#right #news {float:left; line-height:17px; padding:20px 0 10px 0; width:180px}
#right #news .date {line-height:1em; padding: 5px 0 0 0}

/*svetovalec*/
.svetovalec {margin:5px 0; padding:2px; width:350px;}
#L1 {color:#000}
#L2 {color:#222}
#L3 {color:#444}
#L4 {color:#666}
#L5 {color:#888}
#L6 {color:#999}

/*vstop za partnerje arhitekte*/
#arhitxt {color:#094fa3; font-weight:bold}
.cart_step3_table {margin:0 auto; padding:10px;}
.cart_step3_table tr td {padding:2px; text-align:right; vertical-align:top}

/*FCK table template styles*/
.materials {border-color: #a7a9ac; border-width: 0 0 1px 1px; border-style: solid}
.materials tr th {background-color:#ebebeb; color:#094fa3; font-weight:bold;}
.materials tr td, .materials tr th {padding:5px 10px; border-color: #a7a9ac; border-width: 1px 1px 0 0; border-style: solid}

/*prodajni program*/
#pprogram {background:none; list-style:none !important; margin:10px 0; padding:0; width:545px}
#pprogram li {background: url(../images/bg-pprogram.gif) no-repeat left top !important; margin:0 !important; padding:0 !important; float:left; height:150px; width:272px}
#pprogram li a#pptitle {background:url(../images/bg-pprogram-top.gif) no-repeat top left; display:inline-block; padding:8px 0 0 10px; text-decoration:none}
#pprogram li span {background:url(../images/bg-pprogram-top-left.gif) no-repeat top right; display:inline-block; padding:10px 0 0 0; width:12px}

#pprogram li img {float:left}
#pprogram li h4 {padding:0; margin:0}
#pprogram li h4 a {font-size:13px; text-decoration:none}
#pprogram li div {padding:10px;}

.subgall {background: url(../images/bg-gallery-sub.jpg) no-repeat top left; position:relative; float:left;width:470px;padding:6px 41px}

.subgall3 {background: url(../images/bg-gallery-sub3.jpg) repeat-x;width:auto;display:inline;height:115px;float:left}
.subgall3 li {float:left;}
.subgall3 li img {border:solid 1px #CCC}
.subgall3 li#lifirst, .subgall3 li#lilast {width:10px; height:115px}
.subgall3 li#lilast {background: url(../images/bg-gallery-sub3-r.jpg) no-repeat left top; padding:0 }
.subgall3 li#lifirst {background: url(../images/bg-gallery-sub3-l.jpg) no-repeat left top; padding:0 }

#obraz ul li {padding:0 0 1px 0}


table.obroba, table.obroba td
{
    border-color: #600;
    border-style: solid;
}

table.obroba
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.obroba td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}