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

* {margin:0;padding:0;outline:0;border:none;}
html, body {min-height: 100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:13px;}

body {background:#04546e url(../images/pageBack.png) repeat-x 0 0;}

#wrapper {position:relative;margin:0 auto;width:960px;height:100%;}

#wrapper #header {position:relative; height:100px;}

#wrapper #header h1 {position: absolute;top:20px;left:50px;display:block;width:220px;height:50px;text-indent:-10000px;overflow:hidden;}
#wrapper #header h1 a.logo {display:block;width:220px;height:50px;text-indent:-10000px;background:transparent url(../images/logo.png) no-repeat 0 0;}


/* old navigation - text links ********

#wrapper #header ul#navigacija {position:absolute;top:37px;right:0;height:auto;width:auto;list-style:none;}
#wrapper #header ul#navigacija li {display:inline-block;padding:0 10px;float:left;}
#wrapper #header ul#navigacija li a {font-size:18px;color:#306b69;text-decoration:none;}

/*#wrapper #header ul#navigacija li a:hover {color:#f26522;}

.current {color:#f26522!important;}
*/

#wrapper #header ul#navigacija {position:absolute;top:30px;right:0;height:70px;width:360px;list-style:none;}
#wrapper #header ul#navigacija li {display:inline-block;float:left;height:70px;}
#wrapper #header ul#navigacija li a {display:block;height:70px;text-indent:-10000px;overflow:hidden;background:transparent url(../images/menu.png) no-repeat 0 0;}

/* links */
#wrapper #header ul#navigacija li a.home {width:84px;background-position:0 0;}
#wrapper #header ul#navigacija li a.usluge {width:115px;background-position:-84px 0;}
#wrapper #header ul#navigacija li a.onama {width:79px;background-position:-199px 0;}
#wrapper #header ul#navigacija li a.kontakt {width:82px;background-position:-278px 0;}
/* links:hover */
#wrapper #header ul#navigacija li a.home:hover {background-position:0 -70px;}
#wrapper #header ul#navigacija li a.usluge:hover  {background-position:-84px -70px;}
#wrapper #header ul#navigacija li a.onama:hover  {background-position:-199px -70px;}
#wrapper #header ul#navigacija li a.kontakt:hover  {background-position:-278px -70px;}
/* links:hover */
#wrapper #header ul#navigacija li a.home.current {background-position:0 -140px;}
#wrapper #header ul#navigacija li a.usluge.current {background-position:-84px -140px;}
#wrapper #header ul#navigacija li a.onama.current {background-position:-199px -140px;}
#wrapper #header ul#navigacija li a.kontakt.current {background-position:-278px -140px;}


#wrapper #content {position: relative;height:660px;}

#wrapper #content #slideShow {position:absolute;width:300px;height:220px;top:15px;left:10px;overflow:hidden;}


#wrapper #content #about {position:absolute;height:250px;width:620px;top:0;left:320px;color:#306b69;padding-left:20px}
#wrapper #content #about h1 
{display:block;position:relative;margin:20px 0 20px 0;width:330px;height:60px;text-indent:-10000px;background:transparent url(../images/naslov.png) no-repeat 0 0;}
#wrapper #content #about p {margin:10px 0 20px 0;width:410px;}
#wrapper #content #about a.onamaBtn 
{display:block;position:relative; height:35px; width:145px;color:#306b69;padding-left:35px;text-decoration:none;letter-spacing:normal;line-height:35px;background:transparent url(../images/onamaBtn.png) no-repeat 0 0;}
#wrapper #content #about a.onamaBtn:hover {background-position:0 -35px;}

#wrapper #content #sliderPH {position:absolute;top:250px;left:0;width:960px;height:250px;overflow:hidden;background:transparent url(../images/sliderBack.gif) repeat-x left top;}

#wrapper #content #sliderPH #sliderLeftEdge {position:absolute;top:0;left:0;width:10px;height:250px;background:transparent url(../images/sliderLeftEdge.png) no-repeat 0 0;z-index:500;}
#wrapper #content #sliderPH #sliderRightEdge {position:absolute;top:0;right:0;width:10px;height:250px;background:transparent url(../images/sliderRightEdge.png) no-repeat 0 0;z-index:500;}

#next 
{position:absolute;right:-15px;top:362px;width:23px;height:23px;text-indent:-10000px;display:block;background:transparent url(../images/sliderBtn.png) no-repeat -23px 0;z-index:550;}
#next:hover {background:transparent url(../images/sliderBtn.png) no-repeat -23px -23px;}
#prew 
{position:absolute;left:-15px;top:362px;width:23px;height:23px;text-indent:-10000px;display:block;background:transparent url(../images/sliderBtn.png) no-repeat 0 0;z-index:550;}
#prew:hover {background:transparent url(../images/sliderBtn.png) no-repeat 0 -23px;}


#wrapper #content #sliderPH #slideWrap {position:relative;width:1600px;}
#wrapper #content #sliderPH #slideWrap .servis{position:relative;height:215px;width:280px;float:left;padding:35px 20px 0 20px;color:#306b69;}

#wrapper #content #sliderPH #slideWrap .servis h2 
{position:absolute;top:25px;left:20px;display:block;height:25px;text-indent:-10000px;overflow:hidden;background:transprent url() no-repeat 0 0;}

#wrapper #content #sliderPH #slideWrap .servis h2.plastificiranje {width:148px;background-image:url(../images/h2/plastificiranje.png)}
#wrapper #content #sliderPH #slideWrap .servis h2.povezivanje {width:255px;background-image: url(../images/h2/povezivanje.png)}
#wrapper #content #sliderPH #slideWrap .servis h2.krpljenje {width:100px;background-image:url(../images/h2/krpljenje.png)}
#wrapper #content #sliderPH #slideWrap .servis h2.fugna {width:156px;background-image:url(../images/h2/fugna.png)}
#wrapper #content #sliderPH #slideWrap .servis h2.zastita {width:227px;background-image:url(../images/h2/zastita.png)}

#wrapper #content #sliderPH #slideWrap .servis p {margin:28px 20px 20px 10px;}

#wrapper #content #sliderPH #slideWrap .servis ul {position:relative; top: 40px;margin:0 0 20px 10px;list-style:none;}
#wrapper #content #sliderPH #slideWrap .servis ul li {padding-left:10px;background: transparent url(../images/bullet.gif) no-repeat 0 7px;}

#wrapper #content #sliderPH #slideWrap .servis .info 
{position:absolute;left:10px;top:194px;width:158px;height:27px;text-indent:-10000px;display:block;background:transparent url(../images/infoBtn.png) no-repeat 0 0;}
#wrapper #content #sliderPH #slideWrap .servis .info:hover
{background:transparent url(../images/infoBtn.png) no-repeat 0 -27px;}

#wrapper #content #sliderPH #slideWrap .servis img.thumb
{position:absolute;bottom:0;right:0;width:140px;height:160px;z-index:1;}

#wrapper #content .down {width:320px;height:160px;}
#wrapper #content .down ul {margin:20px 0 0 20px ;padding-left:20px; color:#306b69;}

div.usluge { position:absolute; top:500px; left:0; background: transparent url(../images/promoBack.png) no-repeat 308px 0;}
div.izaberiteNas {position:absolute; top:500px; left:320px; background: transparent url(../images/promoBack.png) no-repeat -12px 0; letter-spacing:normal;font-size:12px;}
div.izaberiteNas ul {width:150px;}
div.izaberiteNas img.board {position:absolute;top: 25px;right:10px;}
div.kontakt {position:absolute;top:500px;left:640px;background: transparent url(../images/promoBack.png) no-repeat -332px 0;}


/*h3{margin:12px 20px 0px 20px;font-size:22px;font-weight:normal;}*/
#wrapper #content .down h3{display:block;height:30px;position:relative;top:10px;left:25px;text-indent:-10000px;}

.h3usluge{width:120px;background:#FFF url(../images/h3/naseUsluge.png) no-repeat 0 0;}
.h3izaberite{width:130px;background:#FFF url(../images/h3/izbaberiteNas.png) no-repeat 0 0;}

ul.meni{color:#306b69;}
ul.meni li:hover{color:#f26522;}
ul.meni a{color:#306b69;}
ul.meni a:hover{text-decoration:none;}


#wrapper #footer{height:100px;width:960px;background: transparent url(../images/footerBack.png) no-repeat 0 0;position:relative;}

#wrapper #footer span {color:#fff; font-size:11px; line-height:normal;}
#wrapper #footer span b { font-weight:bold;}


#wrapper #footer span.copy {position:absolute;top:35px;left:165px;}
#wrapper #footer span.web {position:absolute;top:35px;left:770px;}

#wrapper #footer span.siviTxt {color:#bbb;}
#wrapper #footer span.siviTxt a {color:#bbb;}
#wrapper #footer span.siviTxt a:hover {text-decoration:none;}