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

body {background:#f5f4ed url(../images/bg.jpg) repeat-x 0 0; margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444;}
a {color:#48c839; text-decoration:none;}
a:hover {text-decoration:underline;}

#site {margin:0 auto; padding:0;width:887px;}
#header {height:79px;}
#navigation {height:31px;}
#slideshow {height:270px; position:relative;}
#body {}
#footer {background: url(../images/bg-footer.jpg) repeat-x 0 0; height:21px; position:fixed; bottom:0; left:0; width:100%;}
#space {height:50px;}

/*---------HEADER---------*/
a.logo {display:block; width:310px; height:79px; background:url(../images/logo.gif) no-repeat 0 0; text-indent:-9999px; float:left;}
#header ul {float:right; width:166px; height:25px; background:url(../images/bg-top.gif) no-repeat 0 0; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:5px 0 0 30px;}
#header ul li {float:left; color:#aaaaaa;}

/*---------NAVIGATION---------*/
#navigation ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:7px 0 0 0; background:url(../images/bg-navigation.gif) no-repeat 0 4px;}
#navigation ul li {float:left; padding:0 32px 0 0;}
#navigation ul li a {color:#7e7e7d; text-decoration:none;}
#navigation ul li a:hover {color:#fff; text-decoration:none;}
#navigation ul li a.current {color:#48c839; text-decoration:none;}
#navigation ul li.last {background: none; padding:0 16px;}
#navigation ul li.first {padding:0 16px 0 0;}

/*---------SLIDESHOW---------*/
#slideshow { height:270px;}  
#slideshow1 { height:270px;} 
#slideshow img { display:none; 	
			position:absolute; 	
			top:0px; left:0px; 	
			height:270px;  	
			width:887px; 	
			opacity: -0.01; } 	
			
/*---------UL---------*/
#contentIns ul {list-style:none; margin:7px 0 10px 15px; padding:0;}
#contentIns ul li {margin:3px 0; padding:0 0 0 10px; background:url(../images/bullet.gif) no-repeat 0 3px;}

/*---------CONTENT---------*/
#content {color:#444;}
#content h1 {margin: 9px 0 19px 0; color:#48c839; font-size:20px; font-weight:normal;}
#contentIns {color:#444; float:left; width:656px; padding:0 31px 0 0}
#contentIns h1 {margin: 9px 0 19px 0; color:#48c839; font-size:20px; font-weight:normal;}
#contentIns h2 {margin: 9px 0 9px 0; color:#48c839; font-size:16px; font-weight:bold;}
#contentIns h3 {margin: 9px 0 9px 0; color:#444; font-size:14px; font-weight:bold;}
#contentIns hr {border:0; height:1px; background:#48c839; margin:20px 0;}

#entry {width:656px; padding:0 31px 0 0; float:left;}
#entry p.right {float:right; text-align:right;}
#entry span {font-style:italic;}

#homeSide {width:200px; float:left; padding:10px 0 0 0;}
#homeSide address {font-style:normal; margin-top:15px;}
#homeSide a {text-decoration:none;}
#homeSide a:hover {text-decoration:underline;}

#sidebar {width:200px; float:left; padding:10px 0 0 0;}
#sidebar address {font-style:normal; margin-top:15px;}
#sidebar a {text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}

/*---------OFFER---------*/
#offer {width:887px; float:left;}
#offer span {font-weight:bold;}
#offer ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:3px 0 0 0;}
#offer ul li {float:left; width:200px;}

#offer ul li.spletno {margin-right:28px; border-top:3px solid #006cff;}
#offer ul li.spletno a {font-size:16px; color:#006cff; font-weight:bold; text-decoration:none;}
#offer ul li.spletno a.more {display:block; float:right; background:url(../images/more-spletno.gif) no-repeat 0 0; width:75px; height:17px; text-align:center; font-size:12px; color:#ffffff; padding-top:2px;}

#offer ul li.graficno {margin-right:29px; border-top:3px solid #ca0006;}
#offer ul li.graficno a {font-size:16px; color:#ca0006; font-weight:bold; text-decoration:none;}
#offer ul li.graficno a.more {display:block; float:right; background:url(../images/more-graficno.gif) no-repeat 0 0; width:75px; height:17px; text-align:center; font-size:12px; color:#ffffff; padding-top:2px;}

#offer ul li.animacije {margin-right:29px; border-top:3px solid #ea7700;}
#offer ul li.animacije a {font-size:16px; color:#ea7700; font-weight:bold; text-decoration:none;}
#offer ul li.animacije a.more {display:block; float:right; background:url(../images/more-animacije.gif) no-repeat 0 0; width:75px; height:17px; text-align:center; font-size:12px; color:#ffffff; padding-top:2px;}

#offer ul li.optimizacija {border-top:3px solid #48c839;}
#offer ul li.optimizacija a {font-size:16px; color:#48c839; font-weight:bold; text-decoration:none;}
#offer ul li.optimizacija a.more {display:block; float:right; background:url(../images/more-optimizacija.gif) no-repeat 0 0; width:75px; height:17px; text-align:center; font-size:12px; color:#ffffff; padding-top:2px;}

#offer ul li.spletno p, #offer ul li.optimizacija p, #offer ul li.animacije p, #offer ul li.graficno p {margin-top:8px;}
#offer ul li.spletno img, #offer ul li.optimizacija img, #offer ul li.animacije img, #offer ul li.graficno img {border:none; margin-top:2px;}

/*---------LAST---------*/
#last {width:887px; height:286px; float:left; background:url(../images/bg-last.jpg) no-repeat 0 0; margin:29px 0 0 0;}

/*gallery*/
#last #im {width:452px; float:left; padding:15px;}
#last #im h2 {color:#48c839; font-size:16px; padding:0; margin:0 0 5px 0;}
#gallery {position:relative; width:452px;}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:440px; height:170px; border: 5px solid #646464; background: url(../images/loading.gif) center center no-repeat}
#image img {position:absolute;}
#thumbwrapper {margin-top:5px; width:445px; height:40px; border:2px solid #666; background:#646464}
#thumbarea {position:relative; overflow:hidden; height:40px; width:445px; }
#thumbs {position:absolute; list-style:none; height:40px; width:600px; padding:0; margin:3px 0 0 16px;}
#thumbs li {float:left; margin-right:8px; cursor:pointer}
#thumbs li img {border-top:1px solid #000; border-bottom:1px solid #000; border-left:3px solid #000; border-right:3px solid #000;}
.imgnav {position:absolute; height:170px; width:50%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; }
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/*opis*/
#last #about {width:405px; float:left; padding:29px 0 0 0; color:#fff;}
#last #about h3 {color:#48c839; padding:0; margin:0; float:right;}
#last #about td {vertical-align:top; padding:0 0 5px 5px;}
#last #about td.tbRight {text-align:right;}
#last #about td.tbNar {padding-top:23px;}

/*---------FOOTER---------*/
#f {width:887px; margin:0 auto; color:#595958; font-size:10px; padding-top:3px;}

#copy {float:left; width:400px;}
#copy a{color:#595958; text-decoration:none;}
#copy a:hover {text-decoration:underline;}

#web {float:right; width:400px; text-align:right;}
#web a.underline {text-decoration:underline; color:#595958;}
#web a.underline:hover {text-decoration:none;}
#web a.no {text-decoration:none; color:#595958;}
#web a.no:hover {text-decoration:none;}

/*---------CONTACT---------*/
.tbContact {}
.tbContact td {vertical-align:top; padding:2px 0;}
fieldset { border:0;margin:0;padding:0; }
label { display:block; }
input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }

/*---------POPUST---------*/
#p {height:21px; position:fixed; bottom:29px; left:0; width:100%;}
#p1 {width:887px; margin:0 auto; color:#595958; font-size:10px; padding-top:3px;}
#disc {height:23px; float:right;width:243px; color:#fff; font-weight:bold; padding-top:3px;}
#disc a {color:#fff;}
.bubbleInfo {position: relative;}
.popup {background:url(../images/bg-popup.gif) no-repeat 0 0; width:342px; height:72px;position: absolute;display: none; padding:180px 20px 20px 20px;}
.popup strong {font-weight:bold;}
.popup h2, .popup a {font-size:25px;}

/*---------POPUST---------*/
ul.top li {color:#7E7E7D ! important;}
ul.top a {color:#7E7E7D;}
ul.top a:hover {text-decoration:none; color:#fff;}

/*---------POPUST---------*/
#sitemap strong {color:#999999;}
#sitemap strong a {color:#48c839;}
#sitemap ul li a {color:#444;}

/*---------O-NAS---------*/
#contentIns .topNav {width:656px; position:absolute; margin-top:-50px !important; margin-top:-53px; text-align:center;}
#contentIns ul.oNas {padding:0; margin:0 0 0 140px !important; margin:0 0 0 170px; list-style:none;}
#contentIns ul.oNas li {float:left; background:url(../images/topNav.gif) repeat-x 0 0;height:22px; padding:4px 0 0 0; margin:0;}
#contentIns ul.oNas li.first {background:url(../images/topNav-first.gif) repeat-x 0 0; padding-left:5px;}
#contentIns ul.oNas li.last {background:url(../images/topNav-last.gif) repeat-x 100% 0; padding-right:5px;}
#contentIns ul.oNas li a {font-size:13px; color:#fff; display:block; padding:0 15px; border-right:1px solid #fff;}
#contentIns ul.oNas li.last a {border-right:none;}
#contentIns ul.oNas li a:hover {color:#48c839; text-decoration:none;}

/*ponudba*/
#contentIns ul.ponudbaTop {padding:0; margin:0 0 0 50px !important; margin:0 0 0 40px; list-style:none;}
#contentIns ul.ponudbaTop li {float:left; background:url(../images/topNav.gif) repeat-x 0 0;height:22px; padding:4px 0 0 0; margin:0;}
#contentIns ul.ponudbaTop li.first {background:url(../images/topNav-first.gif) repeat-x 0 0; padding-left:5px;}
#contentIns ul.ponudbaTop li.last {background:url(../images/topNav-last.gif) repeat-x 100% 0; padding-right:5px;}
#contentIns ul.ponudbaTop li a {font-size:13px; color:#fff; display:block; padding:0 15px; border-right:1px solid #fff;}
#contentIns ul.ponudbaTop li.last a {border-right:none;}
#contentIns ul.ponudbaTop li a:hover {color:#48c839; text-decoration:none;}
#contentIns ul.ponudbaTop li.sel a {color:#48c839; text-decoration:none;}

/*---------O-NAS---------*/
table.izkaznica tr.liha td {padding:2px 0 2px 7px; background:#e0e0e0;}
table.izkaznica tr.soda td {padding:2px 0 2px 7px;}

/*---------PAKETI---------*/
#paketMini {width:498px; height:235px; padding:5px 15px 15px 15px; background:#CCC; margin-top:20px; background:url(../images/bg-paketMini.jpg) no-repeat 0 0; position:relative;}
#paketMini h2 {margin:0 0 14px 0; color:#fff; font-size:22px;}
#paketMini ul {margin:0 0 0 190px; color:#fff; font-weight:bold;}
#paketMini ul li {background:none; font-size:13px; list-style:circle; padding:0 0 0 0;}
#paketMini p.cena {text-align:right; margin:9px 0 0 0; font-size:20px; font-weight:bold; color:#fff;}
#paketMini p.cena span {font-size:13px;}
#paketMini a {font-size:12px; color:#fff; margin-right:62px;}
#paketMini a:hover {text-decoration:underline; color:#fff;}
#paketMini a.narociMini {position:absolute; right:0; display:block; width:93px; height:95px; background:url(../images/narociMini.gif) no-repeat 0 0; margin:-38px -11px 0 0; text-indent:-9999px;}

#paketMedium {width:498px; height:235px; padding:5px 15px 15px 15px; background:#CCC; background:url(../images/bg-paketMedium.jpg) no-repeat 0 0; position:relative;}
#paketMedium h2 {margin:0 0 14px 0; color:#fff; font-size:22px;}
#paketMedium ul {margin:0 0 0 190px; color:#fff; font-weight:bold;}
#paketMedium ul li {background:none; font-size:13px; list-style:circle; padding:0 0 0 0;}
#paketMedium p.cena {text-align:right; margin:9px 0 0 0; font-size:20px; font-weight:bold; color:#fff;}
#paketMedium p.cena span {font-size:13px;}
#paketMedium a {font-size:12px; color:#fff; margin-right:62px;}
#paketMedium a:hover {text-decoration:underline; color:#fff;}
#paketMedium a.narociMedium {position:absolute; right:0; display:block; width:93px; height:95px; background:url(../images/narociMedium.gif) no-repeat 0 0; margin:-38px -11px 0 0; text-indent:-9999px;}

#paketMaksi {width:498px; height:235px; padding:5px 15px 15px 15px; background:#CCC; margin-bottom:20px; background:url(../images/bg-paketMaksi.jpg) no-repeat 0 0; position:relative;}
#paketMaksi h2 {margin:0 0 14px 0; color:#fff; font-size:22px;}
#paketMaksi ul {margin:0 0 0 190px; color:#fff; font-weight:bold;}
#paketMaksi ul li {background:none; font-size:13px; list-style:circle; padding:0 0 0 0;}
#paketMaksi p.cena {text-align:right; margin:9px 0 0 0; font-size:20px; font-weight:bold; color:#fff;}
#paketMaksi p.cena span {font-size:13px;}
#paketMaksi a {font-size:12px; color:#fff; margin-right:62px;}
#paketMaksi a:hover {text-decoration:underline; color:#fff;}
#paketMaksi a.narociMaksi {position:absolute; right:0; display:block; width:93px; height:95px; background:url(../images/narociMaksi.gif) no-repeat 0 0; margin:-38px -11px 0 0; text-indent:-9999px;}

/*---------REFERENCE---------*/
.reference img {float:left; margin-right:15px;}
.reference span {float:left; display:block; width:68px; color:#48c839; font-size:15px; font-weight:bold; text-align:right;padding-right:10px;}
.reference p {display:inline-block; width:245px; margin-top:1px;}
.reference span.povezava {display:block; width:auto; color:#444; font-size:12px; font-weight:normal; text-align:left;padding-right:0; margin-left:23px;}
hr.ref {margin:15px 0; width:656px; display:inline-block;}
.reference span.naklada {display:block; width:auto; color:#444; font-size:12px; font-weight:normal; text-align:left;padding-right:0; margin-left:26px;}

/*---------HACKS---------*/
.clear {display:inline-block;}
.clear:after, #body:after, #offer ul:after, #navigation ul:after, #content:after, ul.oNas:after, #topNav:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}