@charset "utf-8";
* { margin: 0px; padding:0px;}
img {border:0;}
ul {list-style: none; }
a {text-decoration: none; outline:none;}
a:hover {text-decoration: underline;}
body.home {
    background: url(img/pocetna_bg.jpg) repeat;
   }
#container_home {
	width: 328px;
	height: 65px;
	margin: auto;
	background-image: url(img/pocetna_logo.jpg);
	padding: 457px 0px 0px 530px;
}
#container_home a {
	 background: url(img/enter_icon.gif) no-repeat top left;
	 width:35px;
	 height: 31px;
	 display: block;
	} 
#container_home a:hover {
	 background-position: bottom left;
}    
#header_bg {
   width: 100%;
   height: 149px;
   background: url(img/head_bg.gif) repeat-x ;
   text-align: center;
   padding-top: 34px;
   }
#content_bg {
   width: 100%;
   background: url(img/content_bg.gif) repeat ;
   padding:13px 0px 0px 0px;
   overflow: hidden;
  } 
#content_wrap {
   width:1004px;
   margin:auto;
   }     
#nav {
   width:30px;
   height:513px;
   float:right;
   margin:39px 0px 0px 0px;
   }
  
#nav ul li  {
   text-indent: -9999em; 
   font: 0px arial; 
   padding:11px 0px 12px 2px;
   line-height:0px;
  }
#nav ul li a.onama {
   background: url(img/nav/o_meni.gif) no-repeat right top;
   width: 13px;
   height: 46px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.logo_dizajn {
   background: url(img/nav/logo_dizajn.gif) no-repeat right top;
   width: 13px;
   height: 73px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.portfolio {
   background: url(img/nav/portfolio.gif) no-repeat right top;
   width: 13px;
   height: 55px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.boje {
   background: url(img/nav/boje.gif) no-repeat right top;
   width: 13px;
   height: 31px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.kontakt {
   background: url(img/nav/kontakt.gif) no-repeat right top;
   width: 13px;
   height: 48px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.izdvojeni_radovi {
   background: url(img/nav/izdvojeni_radovi.gif) no-repeat right top;
   width: 13px;
   height: 104px;
   display: block;
   color: #161616;
   line-height:0px;
  }
#nav ul li a.download {
   background: url(img/nav/download.gif) no-repeat right top;
   width: 13px;
   height: 63px;
   display: block;
   color: #161616;
   line-height:0px;
  }
  
#nav ul.language li a.hr {
  background: url(img/hr_btn.gif) right top;
  width: 27px;
  height: 31px;
  display: block;
  position: absolute;
  bottom: 57px;
  right: 6px;
} 
#nav ul.language li a.eng {
  background: url(img/eng_btn.gif) right top;
  width: 27px;
  height: 31px;
  display: block;
  position: absolute;
  bottom: 25px;
  right: 6px;
}                
#nav ul li a:hover,
#nav ul li a.active,
#nav ul.language li a:hover,
#nav ul.language li a.active {
   background-position: left top;
  } 
#nav ul.language li a.eng:hover {
   background-position: right top;
  }     
#content {
   width: 942px;
   background: url(img/content.jpg);
   height: 671px;
   float:left;
   position: relative;
   padding:0px 0px 60px 60px;
   }
#content  #content_head {
   width: 876px;
   float:left;
   padding:0px 0px 10px 0px;
   height: 50px;
   line-height: normal;
  }
#content  .content_head_small {
  height: 40px !important;
  } 
#content  #content_head img.download {
  float: right;
  padding-right: 15px;
  }   
#content   #small_nav {
   width: 856px;
   float: right;
   text-align: right;
   padding-bottom: 50px;
  }
#content   #toolbox {
	position: absolute;
	right: -53px;
	bottom: 27px;
	color: #fff;
	background: url(img/toolbox_bg.gif);
	width: 57px;
	height: 26px;
	visibility: hidden;
  
  }  
#content  #txt {
   width: 842px;
   float: left;
   }  
#content #small_nav  a.e-mail {
    background: url(img/mail_icon.gif) top left;
	width: 15px;
	height: 11px;
	float: right;
	margin-right: 15px;
	font: 0px arial;
  }
#content  #small_nav  a.home {
    background: url(img/home_icon.gif) top left;
	width: 15px;
	height: 11px;
	float: right;
	margin-right: 4px;
	font: 0px arial;
  }  
#content  #small_nav  a:hover {
    background-position: bottom left;
	}             
#content #content_head h1 {
  font: 0px arial;
  color: #1B1B1B;
  background:url(img/nav/portfolio_h1.gif);
  width: 100px;
  height: 23px;
  margin-bottom:10px;
  }
#content #content_head h1.boje {
  background:url(img/boje_h1.gif);
  width: 57px;
  }
#content #content_head h1.download {
  background:url(img/download_h1.gif);
  width: 123px;
  }  
#content #content_head h1.o_meni {
  background:url(img/o_meni_h1.gif);
  width: 82px;
  }
#content #content_head h1.logo_dizajn {
  background:url(img/logo_dizajn_h1.gif);
  width: 142px;
  }
#content #content_head h1.izdvojeni {
  background: url(img/izdvojeni_h1.gif);
  width: 196px;
  }  
 #content img.gallery {
  background:url(img/galerija_boja_img_bg.jpg);
  padding: 8px 0px 0px 8px;
  display: block;
  float: left;
  margin:5px 9px 3px 6px;
  width: 122px;
  height: 85px;
  }
#content #content_head h1.form {
  background:url(img/on_line_obrazac_h1.gif);
  width: 214px;
  }
#content  h2.logo_form {
  background:  url(img/formular_logo.gif);
  width: 411px;
  height: 20px;
  font: 0px arial !important;
  color: #1B1B1B !important;
  } 
#content  h2.kontakt_form {
  background:url(img/formular_kontakt.gif);
  width: 411px;
  height: 20px;
  font: 0px arial !important;
  color: #1B1B1B !important;
  }       
#content img.my {
  float: left;
  margin-right: 10px;
  text-align: right;
  }   
#content  #content_head a {
  height: 13px;
  float:left;
  font: 0px arial;
  color: #1B1B1B;
  margin: 0px 12px 0px 0px;
  }    
#content  #content_head a.logo {
  background: url(img/nav/logo_p.gif) top left;
  width: 28px;
 }
#content #content_head a.web {
  background: url(img/nav/web_p.gif) left top;
  width: 26px;
 }
#content #content_head a.copyright {
  background: url(img/copyright.jpg) left top;
  width: 61px;
 } 
#content #content_head a.o_bojama {
  background: url(img/o_bojama.gif) left top;
  width: 65px;
 }
#content #content_head a.rgb_cmyk {
  background: url(img/rgb_cmyk.gif) left top;
  width: 69px;
  }
#content #content_head a.galerija_boja {
  background: url(img/galerija_boja.gif) left top;
  width: 79px;
  height: 13px;
  float:left;
  font: 0px arial;
  color: #1B1B1B;
   }
#content #content_head a.virtualni {
  background:   url(img/360_virtualni_pogled.gif) left top;
  width: 121px;
  height: 16px;
  float: left;
  font: 0px arial;
  color: #1B1B1B;
  margin-top: -2px;
   }                 
#content #content_head a:hover,
#content #content_head a.active {
  background-position: bottom left;
   }    
#content .portfolio_box {
  float: left;
  width: 275px;
  height: 161px;
  margin-bottom: 9px ;
  background: url(img/portfolio_box.jpg) no-repeat;
  margin-right: 20px;
  }
#content .white {
 background: url(img/portfolio_box_white.jpg) no-repeat;
}  
#content .portfolio_box .portfolio_img {
  float: left;
   padding: 12px 9px 0px 11px;
  }
#content .portfolio_box .portfolio_txt {
padding: 20px 0px 0px 10px; 
float: left;
position: relative;
 }
#content .portfolio_box .portfolio_txt a.more {
background:url(img/portfolio_more.jpg) no-repeat left top;
width: 19px;
height: 29px;
position: absolute;
right: -1px;
top: 10px;
display: block;
}
#content .portfolio_box .portfolio_txt a.more:hover {
background-position: left bottom;
 }     
#content .portfolio_box .portfolio_txt p {
font: bold 12px arial;
color : #161616;
margin-bottom: 3px;
 }
#content .portfolio_box .portfolio_txt p.sec {
font: 10px tahoma;
color : #161616;
margin-bottom: 5px;
 }   
#content .portfolio_box .portfolio_txt p.color {
margin-bottom: 0px;
} 
#content .portfolio_box .portfolio_txt img {
margin-right: 0px;
} 
#content .portfolio_box .portfolio_txt p.num {
font:  8px tahoma;
color : #fff;
padding-top: 20px;
text-transform: uppercase;
margin-left: -5px;
 }
#content .portfolio_box .portfolio_txt p.num span {
color : #276191;
font: bold 8px arial;
padding: 7px 0px 0px 0px;
display: block;
 } 
#content #pagination {
  background:  url(img/pagination_bg.jpg);
  width: 140px;
  height: 45px;
  position: absolute; 
  bottom: 52px; 
  right: 81px;
  }
#content #pagination  ul  {
 padding: 32px 0px 0px 11px;
  }
 #content #pagination  ul  li {
 font: 0px arial;
 float: left;
  }    
#content #pagination  ul  li a{
 font: 0px arial;
 margin-right: 2px;
 float: left;
  width: 6px;
 height: 11px;
  }    
#content #pagination  ul li a.one {
 background: url(img/pag1.gif) top left;
}
#content #pagination  ul li a.two {
 background: url(img/pag2.gif) top left;
}
#content #pagination  ul li a.three {
 background: url(img/pag3.gif) top left;
}
#content #pagination  ul li a.four {
 background: url(img/pag4.gif) top left;
}
#content #pagination  ul li a.five {
 background: url(img/pag5.gif) top left;
}
#content #pagination  ul li a.six {
 background: url(img/pag6.gif) top left;
 }
#content #pagination  ul li a.seven {
 background: url(img/pag7.gif) top left;
 }
#content #pagination  ul li a.eight {
 background: url(img/pag8.gif) top left;
 }
#content #pagination  ul li a.nine {
 background: url(img/pag9.gif) top left;
 }                        
#content #pagination  ul li a:hover,
#content #pagination  ul li a.active {
 background-position: bottom left;
}  
#footer_bg {
 width:100%;
 height:290px;
 background: url(img/footer_bg.jpg) repeat-x;
 
 }
#footer_bg #footer {
 background: url(img/footer.jpg);
 width: 912px;
 height: 208px;
 margin: auto;
 padding:50px 30px 0px 60px;
 position: relative;
 }
 #footer_bg #footer #clock {
  position: absolute;
  bottom: 21px;
  right: 53px;
 }
#footer_bg #footer #footer_left {
 width:600px;
 position: absolute;
 top: 47px;
 left: 63px;
 } 
#footer_bg #footer #footer_left #phones {
 width: 200px;
 height: 100px;
 position: absolute;
 top: 32px;
 left:0px;
 } 
#footer_bg #footer #footer_left #email {
 width: 200px;
 height: 100px;
 position: absolute;
 top: 30px;
 left: 150px;
 } 
#footer_bg #footer #footer_left #mb {
 width: 200px;
 position: absolute;
 top: 32px;
 left: 353px;
 }  
#footer_bg #footer #footer_left #zr {
 width: 200px;
 position: absolute;
 top: 32px;
 left: 474px;
 }   
#footer_bg #footer #footer_left h2 {
 background:  url(img/footer_info.jpg);
 width:44px;
 height:19px;
 font: 0px arial;
 color: #2D2D2D;
 margin-bottom: 15px;
 }
 #footer_bg #footer #footer_left span {
 width:180px;
 float:left;
 font: 11px arial;
 color: #CCCCCC;
 padding:5px 0px;
 }
#footer_bg #footer #footer_left .bold {
   font:bold 11px arial;
   color: #316FA2;
 }
 #footer_bg #footer #footer_left  a {
 font: 11px arial;
 color: #CCCCCC;
 }
#footer_bg #footer #footer_right {
	width: 259px;
	position: absolute;
	right: 50px;
	top: 47px;
}
#footer_bg #footer #footer_right h2 {
 background:  url(img/footer_cooperate.jpg);
 width:106px;
 height:23px;
 font: 0px arial;
 color: #2D2D2D;
 margin-bottom: 15px;
 }
#footer_bg #footer #footer_right ul li  {
 display: inline;
 } 
#footer_bg #footer #footer_right ul li a {
 background: url(img/footer_list.jpg) no-repeat left 3px;
 width:109px;
 font: 11px arial;
 color: #CCCCCC;
 padding: 5px 10px;
 float: left;
 line-height: normal;
 }  
#footer_bg #footer .copyright {
 position: absolute;
 bottom: -2px;
 left: 431px;
 font: 9px tahoma;
 color: #ccc;
 } 
 
 /* BOJE */

#content #txt_left {
   width: 408px;
   float:left;
   padding: 10px 50px 0px 0px;
  }
#content #txt_left_online {
   width: 408px;
   float:left;
  padding: 10px 45px 0px 0px;
  }
#content #txt_left a,
#content #txt_right a {
   font: 11px arial;
   color: #FFF;
   margin-bottom: 10px;
   line-height: 16px;
   text-decoration: none;
 } 
#content #txt_left p,
#content #txt_right p,
#content #txt_left span,
#content #txt_right span,
#content  #txt p {
   font: 11px arial;
   color: #FFF;
   margin-bottom: 10px;
   line-height: 16px;
   } 
#content #txt_left h2,
#content #txt_right h2,
ž#content  #txt h2 {
   font:bold 11px arial;
   color: #2F6693;
   margin-bottom: 5px;
   }    
#content #txt_left p.strong,
#content #txt_right p.strong,
#content #txt_left span.strong,
#content #txt_right span.strong,
#content  #txt span.strong {
   font: bold 11px arial;
   color: #FFF;
   margin: 0px;
   }      
#content #txt_left p.white,
#content #txt_left span.white  { 
   background: url(img/white.gif) no-repeat 0px 2px;
   padding-left: 15px; 
   }
#content #txt_left p.blue,
#content #txt_left span.blue { 
   background: url(img/blue.gif) no-repeat 0px 2px;
   padding-left: 15px; 
   }
#content #txt_left p.violet,
#content #txt_left span.violet { 
   background: url(img/violet.gif) no-repeat 0px 2px;
   padding-left: 15px; 
   }
#content #txt_left p.magenta,
#content #txt_left span.magenta { 
   background: url(img/magenta.gif) no-repeat 0px 2px;
   padding-left: 15px; 
   }
#content #txt_left p.brown,
#content #txt_left span.brown { 
   background: url(img/brown.gif) no-repeat 0px 2px;
   padding-left: 15px; 
   }
#content #txt_left ul ,
#content #txt_right ul  { 
  padding-bottom: 10px;
 
  margin: 0px;
 }
#content #txt_left ul.sub ,
#content #txt_right ul.sub   { 
  padding: 5px 0px 0px 0px;
   }   
#content #txt_left ul.sub li,
#content #txt_right ul.sub li {
	
	margin: 0px;
	line-height: 17px !important;
	font: 11px arial;
	color: #FFF;
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 20px;
	}         
#content #txt_left ul li,
#content #txt_right ul li {
	
	margin: 0px;
	line-height: 18px !important;
	font: 11px arial;
	color: #FFF;
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 10px;
 } 
 #content #txt_right {
   width: 408px;
   float: left;
   padding-top: 10px;
  }
#content #txt_right_online {
   width: 408px;
   float:left;
   padding-top: 10px;
  }  
#content #txt_right p.green {
   background: url(img/green.gif) no-repeat 0px 2px;
   padding-left: 15px; 
  } 
#content #txt_right p.yellow {
   background: url(img/yellow.gif) no-repeat 0px 2px;
   padding-left: 15px; 
  } 
#content #txt_right p.orange {
   background: url(img/orange.gif) no-repeat 0px 2px;
   padding-left: 15px; 
  }
#content #txt_right p.red {
   background: url(img/red.gif) no-repeat 0px 2px;
   padding-left: 15px; 
  }
  
/* formular*/ 
#content #txt_left_online .form_left ,
#content #txt_right_online .form_right  {
    width: 338px;
	padding:20px 0px 0px 35px;
	font:11px arial;
	color: #fff;
	} 
#content #txt_left_online form input,
#content #txt_right_online  input {
    background: url(img/input_bg.jpg);
	width: 334px;
	height: 18px;
	border: 0;
	font: 11px arial;
	color: #fff;
	padding: 9px 5px 5px 10px;
	}
#content #txt_right_online  input.mandatory {
    background: url(img/input_bg_mandatory.jpg);
	}	
#content #txt_left_online form textarea,
#content #txt_right_online  textarea {
	background:  url(img/textarea_bg.jpg);
	width: 323px;
	height: 107px;
	border: 0;
	font: 11px arial;
	color: #fff;
	padding: 9px 5px 5px 10px;
	overflow: auto;
	}	 

#content #txt_left_online form label,
#content #txt_right_online  label {
    width: 335px;
	height: 27px;
	font:bold 10px arial;
	color: #255680;
	text-align: right;
	float: right;
	padding-right: 5px;
	}
#content #txt_right_online  .btn {
    background: url(img/send_btn.gif);
	width: 73px;
	height: 21px;
	float: right;
	margin-right: 10px;
	cursor: pointer;
	} 	                       
#content .download_box {
  float: left;
  width: 165px;
  margin: 0px 10px  5px 0px;
  text-align: center;
 }
#content .download_box img {
  float: left;
  padding: 2px 0px;
  }
#content .download_box a {
 background: url(img/download/icon.gif) no-repeat right top;
 width: 43px;
 height: 2px;
 float: left;
 padding: 3px 0px 3px 54px;
 font: 0px arial;
 }
#content .download_box a:hover {
 background-position: right bottom;
}
#separa {
  position: relative; 
  float: left;}
#separa a.sep {
  background: url(img/sep_plus.gif)  no-repeat top left;
  width: 29px;
  height: 32px;
  position: absolute;
  top: 40px;
  left: 19px; 
  }
#separa a.sep:hover {
  background-position: bottom left;
  } 
#content .about_img {
   background: url(img/o_meni_img.png);
   width: 658px;
   height: 575px;
   position: absolute;
   bottom: 100px;
   right: 76px; 
   } 
#content .logo_img {
   background:  url(img/logo_img.png);
   width: 793px;
   height: 521px;
   position: absolute;
   bottom: 100px;
   right: 140px; 
   } 
#content .boja_img {
   background:  url(img/boje_img.png);
   width: 827px;
   height: 576px;
   position: absolute;
   bottom: 120px;
   right: 52px; 
   }
#content .virtualna_img {
   background:  url(img/360_img.jpg);
   width: 425px;
   height: 313px;
   position: absolute;
   bottom: 128px;
   right: 92px;
   } 
#content .copyright_img {
   background:  url(img/copyright_img.png);
   width: 286px;
   height: 343px;
   position: absolute;
   bottom: 128px;
   right: 92px;
   }