*{
padding: 0;
margin: 0;
}

.clear{clear:both;}

img { border: none; }
a{text-decoration:none;}
a:link { color: #035389;text-decoration:none; }
a:visited { color: #09619C; }
a:focus{color: #fff;}
a:hover { color: #000; }
a:active{color: #cc0000;}
a{outline:none;}

p{font-size:1.2em;}
h1{font-size:2.7em;padding:8px 0 8px 10px;font-family:  'Museo700-Regular', sans-serif;height:1%;font-weight:lighter;color:#565656; }
h1 span{color:#7f7e7e;font-family:  'MuseoSlab500Regular', sans-serif;}
h2 {font:1.1em/30px 'MuseoSlab500Regular', sans-serif;color:#5a6901;border-bottom:1px solid #e3e3e3;margin:0 10px;}




/*LAYOUT------------------------------------*/



body, html{
	height: 100%;
	background: url(../../img/background.gif) center 0 repeat-y;
	
}



*html #sidenav {

   	position: absolute;
    	left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
   	top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}


#wrapper{width:100%;background: url(../../img/eternus_leftbg.png) no-repeat center right; }


.container {
	background:#fff;
	width: 960px;
   	margin: 0 auto;
   	overflow: hidden;
  	font-size: 1em;
    	position: relative;
}



#sidenav {
   	width: 350px;
	height:100%;
	background:#1e1e1e url(../../img/contentleftbg.jpg) no-repeat left top;
   	position: fixed; 
    	float: left; 
}


#content {
  min-height:700px;
  height:auto !important;
  height:700px;

    float: right;
    width: 590px;
    margin: 0 0 20px 20px;

}




/*CONTENT LEFT------------------------------------*/



.logo{margin:20px 0 20px 70px;}

#nav {margin:10px 0 0 20px;position:relative; left:7px;}
#nav li{list-style:none;display:inline;}
#nav li a{color:#fff;text-decoration:none; font:0.9em/36px 'MuseoSlab500Regular','Lucida sans', sans-serif;display:block;padding:0 0 0 10px;float:left;width:329px;margin:0 0 5px 0; }
#nav li a.active{background:url(../../img/link_hover.png) no-repeat; padding:0 0 8px 10px;}
#nav li a.active:hover{background:url(../../img/link_hover.png) no-repeat; }
#nav li a:hover{background:url(../../img/black_hover.png) no-repeat;}


.kontakt_opcije{width:301px;height:36px;background:url(../../img/black_hover.png) no-repeat;clear:left;margin:0 0 0 26px;overflow:hidden;}
.kontakt_opcije li{list-style:none;display:inline;}

.kontakt_opcije li a.support{background:url(../../img/support_ikona.gif) no-repeat top left;float:left;padding:4px 5px 4px 28px;margin:7px 2px 7px 7px;font:0.7em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}
.kontakt_opcije li a.twitter{background:url(../../img/twitter_ikona.gif) no-repeat top left;float:left;padding:4px 5px 4px 28px;margin:7px 2px 7px 7px;font:0.7em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}
.kontakt_opcije li a.facebook{background:url(../../img/face_ikona.gif) no-repeat top left;float:left;padding:4px 5px 4px 28px;margin:7px 2px 7px 7px;font:0.7em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}
.kontakt_opcije li a.eternus_hr{background:url(../../img/hr.gif) no-repeat top left;float:left;padding:4px 5px 4px 28px;margin:7px 2px 7px 7px;font:0.7em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}
.kontakt_opcije li a.eternus_en{background:url(../../img/en.gif) no-repeat top left;float:left;padding:4px 5px 4px 28px;margin:7px 2px 7px 7px;font:0.7em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}

.kontakt_opcije a.support:hover{background-position:0 -22px;color:#fff;}
.kontakt_opcije a.twitter:hover{background-position:0 -22px;color:#fff;}
.kontakt_opcije a.facebook:hover{background-position:0 -22px;color:#fff;}

.kontakt_opcije a.eternus_hr:hover{background-position:0 -22px;color:#fff;}
.kontakt_opcije a.eternus_en:hover{background-position:0 -22px;color:#fff;}

.loading_img{display:none;margin:0 0 0 278px;}


.narudzba{width:289px; height:56px;background:url(../../img/naruci_bg.gif) repeat-x;margin:10px 0 0 26px;padding:6px; }
.narudzba img{float:left;margin:5px 5px 0 0;}
.narudzba p a{font:0.65em 'Lucida sans', verdana, tahoma, sans-serif;color:#979797; text-decoration:none;}
.narudzba p a:hover{color:#fff;}
.narudzba p a span{color:#5b5b5b;}





/*CONTENT RIGHT------------------------------------*/



.uvod{margin: 0 0 10px 0;padding:12px 0;border-top: 4px double #999;border-bottom: 4px double #999;}
.uvod p{line-height:24px;font-size:1em;margin:0 10px 0 10px;font-family:'MuseoSans500', verdana, tahoma,  sans-serif;}

.trazi_ponudu{float:right;position:relative; top:-35px;background:url(../../img/zatrazi_ponudu.png) no-repeat top left;width:73px; height:72px; text-indent:-9999px;}
.trazi_ponudu:hover{background-position:0 -72px;}

.ask_quote{float:right;position:relative; top:-35px;background:url(../../img/zatrazi_ponudu_en.png) no-repeat top left;width:73px; height:72px; text-indent:-9999px;}
.ask_quote:hover{background-position:0 -72px;}
/* Radovi------------------------------------*/


.linija{background:#fcfcfc url(../../img/linija.gif) repeat-x; height:60px;margin:0;}
.linija a{background:url(../../img/svi_button.gif) no-repeat top left;width:120px; height:28px;float:left;display:block;margin:30px 0 0 0;color:#474747;font:0.7em/28px 'Lucida sans', verdana, tahoma, sans-serif;padding:0 0 0 10px;}
.linija a:hover{background-position:0 -29px;color:#fff;}


ul.gallery {
	
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;

}

ul.gallery li.desno {

    width: 285px;
    padding: 0;
    margin: 5px 0 5px 0;
    display: inline;
    float: right;
    border: 1px solid #ccc;
}


ul.gallery li {

	width: 285px; 
	padding: 0;
	margin: 5px 10px 5px 0;
	display: inline;
	float: left;
	border: 1px solid #ccc;

	
}

ul.gallery li a.thumb {
	width: 275px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { 
	width: 275px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}

ul.gallery li a {text-decoration: none; color: #777; display: block;}




/* --- footer ------------------------------------------------------------ */




.footer_bg{width:100%;background: url(../../img/background_footer.gif) center 0 repeat-y;}


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




.footer {width:100%;height:50px;margin:0;position:relative; z-index:999;}
p.footer_left{width:350px;text-align:center;font:0.7em/50px arial, verdana, sans-serif;color:#979897; background:#272727;float:left;}
p.footer_right{width:610px;text-align:center;font:0.7em/50px arial, verdana, sans-serif;color:#474747;background:#f0f0f0;float:left;}



/* --- pregled rada ------------------------------------------------------------ */

.opis_projekta{width:590px;  margin:10px 0;float:left;}
.opis_projekta p{font:0.8em/32px 'MuseoSans500','Lucida sans', sans-serif;padding:0 10px;}

p.naslov{background:url(../../img/tab1.gif) no-repeat;padding:0 0 0 10px;font-size:0.9em;margin:10px 0 0 0;}
p.naslov2{background:url(../../img/tab2.gif) no-repeat;padding:0 0 0 10px;font-size:0.9em;margin:10px 0 0 0;color:#fff;}

.tehnologije{width:270px; float:left;margin:0 25px 0 0;}
.tehnologije li{border:none;list-style:none;margin:5px 0;font:0.8em/36px 'MuseoSans500', 'Lucida sans', sans-serif;padding:0 0 0 50px;background:transparent;}

.tehnologije li.html{background:url(../../img/html.gif) no-repeat 2px 5px;}
.tehnologije li.psd{background:url(../../img/psd.gif) no-repeat 2px 5px;}
.tehnologije li.php{background:url(../../img/php.gif) no-repeat 2px 5px;}
.tehnologije li.mysql{background:url(../../img/mysql.gif) no-repeat 2px 5px;}
.tehnologije li.flash{background:url(../../img/flash.gif) no-repeat 2px 5px;}
.tehnologije li.cms{background:url(../../img/eternuscms.gif) no-repeat 2px 5px;}
.tehnologije li.jquery{background:url(../../img/jquery.gif) no-repeat 2px 5px;}


a.thumb_pregled {
	width: 260px;
	height: 182px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
a.thumb_pregled span { 
	width: 260px;
	height: 182px;
	overflow: hidden;
	display: block;
}
a.thumb_pregled a.thumb:hover {
	background: #333;
}




.main_view {
	float: left;
	position: relative;
	width:590px;
}

.window {
	height:286px;	width: 590px;
	overflow: hidden; 
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}


.paging {
    position: absolute;
    bottom: 0px; right: -20px;
    width: 149px; height:47px;
    z-index: 100;
    text-align: center;
    line-height: 40px;
    background: url(../../img/paging_bg2.png) no-repeat;
    display: none; }

.paging a {
    position:relative; top:-5px;
    background:transparent;
    padding: 4px;
    text-decoration: none;
    color: #fff;
}
.paging a.active {
    padding:4px;
    font-weight: bold;
    background: #381123;
    border: 1px solid #17010c;

}
.paging a:hover {font-weight: bold;}





/* --- hosting ------------------------------------------------------------ */


.okvir_hosting_lijevo{width:280px; float:left;margin:0 0 20px 0;}
.okvir_hosting_desno{width:280px; float:right;margin:0 11px 20px 0;}



.roundcont { background:#f4f4f4;  margin:0 0 0 0px;}
.roundtop { background: url(../../img/tr.gif) no-repeat top right; }
.roundbottom {background: url(../../img/br.gif) no-repeat top right; }

img.corner { width: 10px;height: 10px;border: none;display: block !important;}



.hosting_sticker{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker1.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker:hover{background-position:0 -63px;}

.hosting_sticker2{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker2.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker2:hover{background-position:0 -63px;}

.hosting_sticker3{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker3.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker3:hover{background-position:0 -63px;}

.hosting_sticker4{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker4.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker4:hover{background-position:0 -63px;}

.hosting_sticker5{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker5.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker5:hover{background-position:0 -63px;}

.hosting_sticker6{float:right;position:relative; left:5px; top:-5px;background:url(../../img/sticker6.png) no-repeat top left;width:62px; height:63px; text-indent:-9999px;}
.hosting_sticker6:hover{background-position:0 -63px;}



.bijeli_red{font:0.8em/30px 'Lucida sans', verdana, tahoma, sans-serif;background:#f4f4f4;display:block;margin:0 5px;color:#454545;padding:0 5px;}
.sivi_red{font:0.8em/30px 'Lucida sans', verdana, tahoma, sans-serif;background:#ececec;display:block;margin:0 5px;color:#454545;padding:0 5px;}


.okvir_pretraga_domena{ float:left;height:100px;width:100%;margin:20px 0 0 0;}
.okvir_pretraga_domena p{font:1.1em/14px 'Lucida sans', verdana, tahoma, sans-serif;padding:10px 0 0 0;position:relative; top:10px;}
.okvir_pretraga_domena p input{padding:3px;width:300px;}
#drop{padding:3px;}
#search_form{margin:0 auto;width:500px;}


#search_button{background:url(../../img/provjera_button.gif) no-repeat top left;text-decoration:none;border:0px;width:82px;height:25px;cursor:pointer;margin:0 0 0 5px;}
#search_button:hover{background-position:0 -26px;}

a.naruci_button{width:271px; height:29px; background:url(../../img/naruci_button.gif) no-repeat top left; text-align:center; display:block;float:left;margin:8px 4px 4px 4px;color:#fff;font:0.8em/28px 'Lucida sans', verdana, tahoma, sans-serif;}
a.naruci_button:hover{background-position:0 -30px;}








/* --- kontakt ------------------------------------------------------------ */


.predajaform p{font-size:0.8em;width: 460px;clear:left; padding: 5px 0 5px 0; margin:0;padding-left: 148px; }
.predajaform label{float: left;margin:0 0 0 -148px; width: 128px;font:1em/36px 'Lucida sans', verdana, tahoma, sans-serif; padding:0 0 20px 0;}
.predajaform input[type="text"]{padding:0 0 0 5px; width: 431px;height:36px;background:url(../../img/polje_input.gif) no-repeat;border:none;}
.predajaform input.alert{background-position:0 -72px;}
.predajaform input.aktivno{background-position:0 -36px;}


.predajaform textarea{width: 431px;height:146px;background:url(../../img/textarea_img.gif) no-repeat;border:none;}
.predajaform textarea.alert{background-position:0 -292px;}
.predajaform textarea.aktivno{background-position:0 -146px;}


.dalje_button2{background:url("../../img/svi_button.gif") no-repeat top left;text-decoration:none;border:0px;width:120px;height:28px;cursor:pointer;color:#fff;margin:20px 0 20px 0;color:#474747;}
.dalje_button2:hover{background-position: 0 -29px;color:#fff;}



p.temeljni_podaci{font-size:0.7em;border-top:1px solid #ccc;padding:10px 0 10px 0;}

#kontakt_button{background:url("../../img/svi_button.gif") no-repeat top left;text-decoration:none;border:0px;width:120px;height:28px;cursor:pointer;color:#fff;margin:0 0 20px 0;color:#474747;}
#kontakt_button:hover{background-position: 0 -29px;color:#fff;}


.osnovni_podaci {width:100%; border-top:1px solid #ccc;}
.osnovni_podaci p{font:0.65em/24px 'MuseoSans500','Lucida sans', sans-serif;padding:0 10px;}






/* --- pagination ------------------------------------------------------------ */
.pagination{ padding:2px; background:url(../../img/linija.gif) repeat-x; height:60px;margin:10px 25px 0 0;}
.pagination ul{margin:10px 0 0 0; padding:0; text-align:right; font-size:16px}
.pagination li{margin:0; padding:0; list-style-type:none; display:inline; padding-bottom:1px}
.pagination a, .pagination a:visited{padding:3px 5px !important; text-decoration:none; color:#000; background:#f1f1f1;font:11px/22px  arial, calibri, verdana, sans-serif;}
.pagination a:hover, .pagination a:active{ color:#474747; background:#dddddd;}
.pagination li.active a{color:#FFFFFF; background:#B2B4B6; font-weight:bold;}





/* --- ponude ------------------------------------------------------------ */


.predajaform2 p{font:0.8em/24px 'Lucida sans', verdana, tahoma, sans-serif;width: 460px;clear:left; padding: 5px 0 5px 0; margin:0;padding-left: 148px; }
.predajaform2 label{float: left;margin:0 0 0 -148px; width: 148px;font:0.9em/22px 'Lucida sans', verdana, tahoma, sans-serif; padding:0 0 20px 0;}
.predajaform2 input[type="text"]{ width: 431px;height:36px;background:url(../../img/polje_input.gif) no-repeat;border:none;}
.predajaform2 input.alert{background-position:0 -72px;}
.predajaform2 input.aktivno{background-position:0 -36px;}


.predajaform2 textarea{width: 431px;height:146px;background:url(../../img/textarea_img.gif) no-repeat;border:none;}
.predajaform2 textarea.aktivno{background-position:0 -146px;}
.predajaform2 textarea.alert{background-position:0 -292px;}


.predajaform2 label span{font-size:0.9em; }

.radio_button{position:relative; top:2px;margin:0 20px 0 3px;}


.dalje_button{background:url("../../img/svi_button.gif") no-repeat top left;text-decoration:none;border:0px;width:120px;height:28px;cursor:pointer;color:#fff;margin:0 0 20px 0;color:#474747;}
.dalje_button:hover{background-position: 0 -29px;color:#fff;}

.natrag{background:url("../../img/nazad.gif") no-repeat top left;text-decoration:none;border:0px;width:120px;height:28px;cursor:pointer;color:#fff;margin:20px 0 20px 0;color:#474747;}
.natrag:hover{background-position: 0 -29px;color:#fff;}


.projekt{width:135px; height:153px; background:url("../../img/projekt_box.jpg") no-repeat top left; float:left;margin:0 16px 0 0;}
.projekt_zadnji{width:135px; height:153px; background:url("../../img/projekt_box.jpg") no-repeat top left; float:left;margin:0;}

p.naziv_projekt{font:1em/26px 'MuseoSlab500Regular', sans-serif; padding:15px;text-align:center; height:83px;}
a.odaberite{ display:block;color:#fff;width:120px; margin:0 0 0 15px;text-align:center;font:0.75em/22px 'Lucida sans', verdana, tahoma, sans-serif;padding:0 0 0 3px;}


.projekt_odabrano{width:135px; height:153px; background:url("../../img/projekt_box.jpg") no-repeat 0 -154px; float:left;margin:0 16px 0 0; }
.projekt_zadnji_odabrano{width:135px; height:153px; background:url("../../img/projekt_box.jpg") no-repeat 0 -154px; float:left;margin:0; }







/* --- obavijesti ------------------------------------------------------------ */


.neuspjesno{width:580px; margin:10px 10px 10px 0;}

.neuspjesno .b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.neuspjesno .b1 {height:1px; background:#e59292; margin:0 5px; }
.neuspjesno .b2 {height:1px; background:#ffeaea; border-right:2px solid #e59292; border-left:2px solid #e59292; margin:0 3px;}
.neuspjesno .b3 {height:1px; background:#ffeaea; border-right:1px solid #e59292; border-left:1px solid #e59292; margin:0 2px;}
.neuspjesno .b4 {height:2px; background:#ffeaea; border-right:1px solid #e59292; border-left:1px solid #e59292; margin:0 1px;}
.neuspjesno .contentb {background:#ffeaea; border-right:1px solid #e59292; border-left:1px solid #e59292;}
.neuspjesno .contentb p{font:1.0em 'Lucida sans', verdana, tahoma, sans-serif;padding:17px 10px 0 0;text-align:center;color:#af4141;}
.neuspjesno .contentb p img{float:left;margin:0 0 0 10px;position:relative;top:-2px;}




.uspjesno{width:580px; margin:10px 10px 10px 0;}

.uspjesno .b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.uspjesno .b1 {height:1px; background:#8fac31; margin:0 5px; }
.uspjesno .b2 {height:1px; background:#faffea; border-right:2px solid #8fac31; border-left:2px solid #8fac31; margin:0 3px;}
.uspjesno .b3 {height:1px; background:#faffea; border-right:1px solid #8fac31; border-left:1px solid #8fac31; margin:0 2px;}
.uspjesno .b4 {height:2px; background:#faffea; border-right:1px solid #8fac31; border-left:1px solid #8fac31; margin:0 1px;}
.uspjesno .contentb {background:#faffea; border-right:1px solid #8fac31; border-left:1px solid #8fac31;}
.uspjesno .contentb p{font:1.0em 'Lucida sans', verdana, tahoma, sans-serif;padding:17px 10px 0 0;text-align:center;color:#5c7608;}
.uspjesno .contentb p img{float:left;margin:0 0 0 10px;position:relative;top:-2px;}




.ostali_radovi{padding:5px;margin: 5px 10px 5px 0;display: inline;float: left;border: 1px solid #ccc;}



.info_ikona{position:relative; top:5px;left:5px;}
p.info{font:0.8em/24px 'Lucida sans', verdana, tahoma, sans-serif;}


/* uvjeti korištenja*/
.list1{ margin:10px 20px 20px 20px;}
.list1 li{list-style:none;font:0.8em/24px 'Lucida sans', verdana, tahoma, sans-serif;background:url(../../img/bullet1.gif) no-repeat 0 10px;padding:0 0 0 12px;}

p.hr_objasnjenje{font:11px/24px arial, verdana, sans-serif; color:#4747474;}





.floating{width:400px; height:300px;position:absolute; top:50px; left:39%; z-index:99;}
.zatvori{position:absolute; top:2px; right:11px;}
.zatvori1{position:absolute; top:0px; }

.okvir_posebna_ponuda_popup{background:#fff;margin:0 10px;padding:10px;
-moz-box-shadow: 0px 1px 3px 1px #bababa;
-webkit-box-shadow: 0px 1px 3px 1px #bababa;
box-shadow: 0px 1px 3px 1px #bababa;
}


.okvir_novost_popup{background:#fff;margin:0 10px;padding:10px;
-moz-box-shadow: 0px 1px 3px 1px #bababa;
-webkit-box-shadow: 0px 1px 3px 1px #bababa;
box-shadow: 0px 1px 3px 1px #bababa;
}


.sticker{position:absolute;left:10px;}

.malaslika_popup{margin:5px 10px 5px 0; padding:2px; border:1px solid #dedede;float:left;}

p.naslov_novost_pregled_popup{color:#016185;font-weight:bold;padding:5px 5px 0 0;}

p.poseb_ponuda_tekst_pop{margin:5px 0 0 0;font:0.9em/18px verdana, arial, tahoma, sans-serif; color:#474747;}
p.poseb_ponuda_tekst_pop2{margin:5px 0 0 0;font:0.7em/16px verdana, arial, tahoma, sans-serif; color:#474747;}
.ponuda_img_pop{padding:4px; border:1px solid #ccc; margin:18px 8px 8px 0;float:left;width:150px;}

p.naslov_poseb_ponuda_pop{margin:15px 0 0 10px;color:#63850c;font:0.8em/18px verdana, calibri, arial, sans-serif;}


.vise{background:url("../../img/vise_bg.gif") no-repeat top left; width:102px; display:block; float:right; font:0.9em/19px arial, verdana, sans-serif;text-align:center;color:#016185;margin:10px 0;}
.vise:hover{background-position:0 -20px;color:#fff;}