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

body { background:#D0F0FF url(../bg_main.jpg) center top no-repeat; font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#FFF; 	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

.narancasti_txt_normal { font-size:15px; color:#FF9900; }
.narancasti_txt_bold { font-size:15px; color:#FF9900; font-weight:bold; }
.zuti_txt_normal { font-size:15px; color:#FF0; }
.zuti_txt_bold { font-size:15px; color:#FF0; font-weight:bold; }
.crta_nar { width:90%; height:1px; margin:2px auto 0 auto; float:left; border-top:1px #FF9900 dotted; padding:7px; }

             /*   ------------------------------       MAIN        -----------------------------------------      */
#header { margin:0px auto 0 auto; width:985px; height:135px; background:url(../bg_head_blur.png) center top no-repeat; }
#logo { position:relative; top:24px; left:50px; width:487px; height:85px; background:url(../bg_head_logo.png) center top no-repeat; }
#parole { position:relative; top:-85px; left:580px; width:345px; height:122px; background:url(../bg_head_parole.png) center top no-repeat; }
#ptice_gore { position:relative; top:-195px; left:950px; width:149px; height:121px; background:url(../bg_head_ptice.png) center top no-repeat; }

#sadrzaj { margin:0px auto 0 auto; width:970px; height:540px; border:1px #000 solid; background:url(../bg_sadrzaj_alpha.png) center top repeat; }

        /*   ------------------------------        NAVIGACIJA        -----------------------------------------      */
#navigacija { margin: 0px 0px 0px -30px; width:993px; height:30px; }
#navigacija ul { width:930px; height:30px; }
#navigacija ul li { list-style:none; display:block; height:25px; text-align:center; float:left; margin-left:30px; padding-top:0px; background:url(../bg_sadrzaj_alpha.png) repeat; padding-bottom:6px; }
#navigacija ul li a{ color:#fff; text-decoration:none; font-size:15px; display:block; height:35px; padding-top:7px;}
#link1 { width:110px; }
#link2 { width:200px; }
#link3 { width:80px; }
#link4 { width:170px; }
#link1 a:hover { background:url(../link1.jpg) center top no-repeat; color:#333; }
#link2 a:hover { background:url(../link2.jpg) center top no-repeat; color:#333; }
#link3 a:hover { background:url(../link3.jpg) center top no-repeat; color:#333; }
#link4 a:hover { background:url(../link4.jpg) center top no-repeat; color:#333; }
#navigacija ul li .aktivni1 { background:url(../link1.jpg) center top no-repeat; color:#333; }
#navigacija ul li .aktivni2 { background:url(../link2.jpg) center top no-repeat; color:#333; }
#navigacija ul li .aktivni3 { background:url(../link3.jpg) center top no-repeat; color:#333; }
#navigacija ul li .aktivni4 { background:url(../link4.jpg) center top no-repeat; color:#333; }

#navigacija_loader{
background:url(../link1.jpg) no-repeat;
background:url(../link2.jpg) no-repeat;
background:url(../link3.jpg) no-repeat;
background:url(../link4.jpg) no-repeat;
margin-left:-1000px;
margin-top:-1000px;
width:100px;
float:left;
}

#jezik { margin-top:-52px; float:right; width:35px; height:30px; padding-bottom:7px; background:url(../link_jezik.jpg) center top no-repeat; font-size:13px; text-align:center;  }
#jezik a{ color:#fff; display:block; text-decoration:none; height:30px; padding-top:7px; }
#jezik a:hover{ color:#333; }

        /*   ------------------------------        SADRZAJ POCETNA       -----------------------------------------      */
#shine_lijevo { float:left; width:52px; height:550px; margin:10px 0 0 -52px; background:url(../shine_lijevo_veci.png) no-repeat; }
#shine_desno { float:right; width:52px; height:550px; margin:10px -52px 0 0; background:url(../shine_desno_veci.png) no-repeat; }

#sadrzaj_desno { float:right; width:240px; height:auto; text-align:left; margin: 20px 20px 0 0; z-index:10; position:relative; }
#sadrzaj_desno a{ color:#FF9900; text-decoration:none; display:block; font-weight:bold; }
#sadrzaj_desno a:hover{ color:#333; text-decoration:none; display:block; height:18px; background-color:#FF9900; }

.podlink1 { width:103px; float:left; }
.podlink1 a:hover{ width:103px; float:left; }
.podlink2 { width:34px; float:left; }
.podlink2 a:hover{ width:34px; float:left; }
.podlink3 { width:106px; float:left; }
.podlink3 a:hover{ width:106px; float:left; }
.podlink4 { width:92px; float:right; margin-right:46px; }
.podlink4 a:hover{ width:92px; float:right; margin-right:46px; }
.podlink5 { width:138px; float:left; }
.podlink5 a:hover{ width:138px; float:left; }
.podlink6 { width:40px;  float:right; margin-right:130px; }
.podlink6 a:hover{ width:40px; float:right; margin-right:120px; }
.podlink6_fix { width:140px; float:left; margin-left:114px; margin-top:-18px; }
.podlink7 { width:78px; float:left; }
.podlink7 a:hover{ width:78px; float:left; }


#sadrzaj_lijevo { float:left; width:650px; height:290px; margin: 25px 0 0 40px; background-color:#FFF; -webkit-border-radius:8px; -moz-border-radius: 8px;}
#sjena_desno_sadrzaj_lijevo { float:right; width:62px; height:330px; margin:-40px -20px 0 0px; background:url(../bg_portfolio_sjena_desno.png) no-repeat; }
#sjena_lijevo_sadrzaj_lijevo { float:left; width:62px; height:330px; margin:-40px 0 0 1px; background:url(../bg_portfolio_sjena_lijevo.png) no-repeat; }

#sadrzaj_dole_lijevo { width:440px; height:auto; text-align:left; margin: 345px 0 0 90px; padding:0px; position:relative; }
#sadrzaj_dole_lijevo ul li { font-size:14px; list-style: none; list-style-image:url(../ul_li.png); }
#upitnik { float:left; margin:-2px 0 0 -25px; width:15px; height:25px; background:url(../upitnik.png) no-repeat; }

#ptice_dole { position:relative; top:-30px; left:-110px; width:149px; height:121px; background:url(../bg_ptice_lijevo_dole.png) center top no-repeat; }

#portfolio { float:left; margin:30px 0 0 0; width:525px; height:240px; position:relative; }
#portfolio a{ color:#FF9900; text-decoration:none; }
#portfolio a:hover{ color:#FF9900; text-decoration:underline; }
.portfolio_info_lijevo { margin:-30px 0 0 0; width:525px; height:30px; float:left; position:relative; padding:6px; font-size:12px; opacity: .85; -moz-opacity: .85; -khtml-opacity: .85; filter: alpha(opacity=85); background:#fff; color:#FF9900; }
.portfolio_info_desno { margin:1px 10px 0 0; float:right; font-size:10px; color:#666; text-align:center; }
/* #portfolio_nav_desno { float:right; margin:92px -34px 0 0; width:28px; height:44px; background:url(../portfolio_nav_desno.png) no-repeat; }
#portfolio_nav_lijevo { float:left; margin:92px 0 0 -34px; width:28px; height:44px; background:url(../portfolio_nav_lijevo.png) no-repeat; }
#portfolio_nav_desno a { display:block; width:28px; height:44px; }
#portfolio_nav_lijevo a { display:block; width:28px; height:44px; } */

         /*   ------------------------------        FOOTER       -----------------------------------------      */
#footer { width:970px; height:194px; margin:10px auto 0 auto; border:1px #000 solid; background:url(../bg_sadrzaj_alpha.png) center top repeat; }
#footer_extend { width:970px; height:50px; margin:10px auto 0 auto; }
#footer_shine_lijevo { float:left; width:52px; height:180px; margin:30px 0 0 -22px; background:url(../shine_footer_lijevo.png) no-repeat; }
#footer_shine_desno { float:right; width:52px; height:180px; margin:-5px -53px 0 0; background:url(../shine_footer_desno.png) no-repeat; }

#sadrzaj_footer { width:440px; height:auto; text-align:left; margin: 25px 0 0 90px;  }
#sadrzaj_footer a{ color:#FF9900; text-decoration:none; }
#sadrzaj_footer a:hover{ color:#FF9900; text-decoration:underline; }
#navodnik { float:left; margin:-3px 0 0 -25px; width:15px; height:25px; background:url(../navodnik.png) no-repeat; }

#footer_izvor { margin:2px 0px 0px 386px; width:100px; font-size:12px; }

#kontakt { float:right; margin:-298px -113px 0 0; width:500px; height:440px; z-index:0; position:relative; }

#copyrights { float:left; margin:80px 0 0 -912px; width:150px; font-size:12px; padding-left:10px; }
#copyrights a{ color:#FF9900; text-decoration:none; }
#copyrights a:hover{ color:#FF9900; text-decoration:underline; }

#valid { float:right; margin:0px -27px 0 0; width:100px; font-size:10px; padding-top:30px; }
#valid a{ color:#FF9900; text-decoration:none; }
#valid a:hover{ color:#FF9900; text-decoration:underline; }

                /*   ------------------------------        O MENI      -----------------------------------------      */
#o_meni { float:left; margin:20px 0 0 40px; width:645px; height:240px; color:#ccc; }
#o_meni a{ color:#FF9900; text-decoration:none; }
#o_meni a:hover{ color:#FF9900; text-decoration:underline; }

#aplikacije { width:440px; height:120px; text-align:left; margin: 360px 0 0 90px; }
#aplikacije ul { padding-top:15px; margin-left:-20px; width:500px; }
#aplikacije ul li { list-style: none; padding:5px; float:left; }
#aplikacije img{ border:2px solid #ccc; }
#aplikacije a:hover img{ border:2px solid #FF9900; }

#usklicnik { float:left; margin:-2px 0 0 -25px; width:15px; height:25px; background:url(../usklicnik.png) no-repeat; }

/* za TOOLTIP */
.tinyTip { width: 325px; padding: 17px 0px 0px 0px; display: block; background: url(../images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content { padding: 0px 15px 0px 15px; font-size: 13px; color: #333;  background: url(../images/tinyTip-content.png) 0px 0px repeat-y; }
.tinyTip .bottom { height: 47px; background: url(../images/tinyTip-bottom.png) 0px 0px no-repeat; font: 0px/0px sans-serif; }
img.tTip { margin: 8px 15px 8px 0px; float: left; }

           /*   ------------------------------        FREE TIME WORKS      -----------------------------------------      */
#works{ float:left; margin:-15px 0 0 10px; width:675x; height:443px; text-align:left; }
#works ul { padding-top:15px; margin-left:-20px; width:675px; }
#works ul li { list-style: none; padding:8px; float:left; }
#works img{ border:2px solid #ccc; padding:2px; }
#works a:hover img{ border:2px solid #FF9900; }		

#works_info { width:500px; height:auto; padding:25px; text-align:justify; font-style:italic; margin-left:65px; font-size:13px; }

           /*   ------------------------------        IZRADA WEB STRANICA     -----------------------------------------      */
#sadrzaj_izrada_web_stranica { float:left; width:650px; height:290px; margin: 25px 0 0 40px; }
#sadrzaj_izrada_web_stranica img{ border:2px solid #ccc; padding:2px; }
#sadrzaj_izrada_web_stranica a:hover img{ border:2px solid #FF9900; }	

.crta_nar_2 { width:97%; height:1px; margin:2px auto 0 auto; float:left; border-top:1px #FF9900 dotted; padding:7px; }

#sadrzaj_izrada_web_stranica ul{ width:500px; height:auto; text-align:left; margin: 20px 0 0 10px; }
#sadrzaj_izrada_web_stranica ul li { font-size:14px; list-style: none; list-style-image: url(../izrada_web_stranica/ul_li.png); }

           /*   ------------------------------        SEO     -----------------------------------------      */
#sadrzaj_seo { float:left; width:650px; height:290px; margin: 25px 0 0 40px; }
#sadrzaj_seo a{ color:#FF9900; text-decoration:none; }
#sadrzaj_seo a:hover{ color:#FF9900; text-decoration:underline; }
#seo_primjer { margin-top:-90px; padding-top:0px; position:relative; float:left; }
#sadrzaj_dole_lijevo_seo { width:490px; height:150px; text-align:left; margin: 330px 0 0 90px;  }

           /*   ------------------------------        GRAFIČKA RJEŠENJA     -----------------------------------------      */
#sadrzaj_dole_lijevo_graf { width:440px; height:150px; text-align:left; margin: 340px 0 0 90px;  }
#sadrzaj_dole_lijevo_graf ul{ width:500px; height:auto; text-align:left; margin: 20px 0 0 10px; }
#sadrzaj_dole_lijevo_graf ul li { font-size:14px; list-style: none; list-style-image: url(../ul_li.png); }

         /*   ------------------------------        POSLJEDNJI RADOVI       -----------------------------------------      */
#posljednji_radovi { width:970px; height:194px; margin:10px auto 0 auto; border:1px #000 solid; background:url(../bg_sadrzaj_alpha.png) center top repeat; }
#posljednji_radovi_shine_lijevo { float:left; width:52px; height:180px; margin:30px 0 0 -52px; background:url(../shine_footer_lijevo.png) no-repeat; }
#posljednji_radovi_shine_desno { float:right; width:52px; height:180px; margin:40px -440px 0 0; background:url(../shine_footer_desno.png) no-repeat; }
#posljednji_radovi_naslov { font-size:15px; color:#FF0; font-weight:bold; padding-top:18px; margin-left:5px; float:left; }
#works_footer{ float:left; margin:-86px 0 0 0px; width:850x; height:auto; text-align:left; position:relative; padding-left:30px;}
#works_footer ul { padding-top:0px; margin-left:-20px; width:850px; z-index:11;}
#works_footer ul li { list-style: none; padding:5px; float:left; }
#works_footer img{ border:2px solid #ccc; padding:2px; }
#works_footer a:hover img{ border:2px solid #FF9900; }	

#footer_crta { width:970px; height:5px; margin:-1px auto 0 auto; background:url(../footer_crta.png) center no-repeat; }