/* CSS Document */

html {
	background: url(../images/bg.png) repeat;
}

body {
	background: url(../images/bg.jpg) repeat;
	margin: 0 auto;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #4a4a4a;
}

.pozadina {
	background: url(../images/top.png) no-repeat;
	background-position: top;
	margin: 0 auto;
}

* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

img {
	border: none;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
}


/*	Links	*/

a, a:link, a:visited {
	text-decoration: none;
	color:#788e9b;
}

a:hover {
	text-decoration: none;
	color: #FF9C2F;
}


/*	Hedding		*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: normal;
	font-size: 21px;
	color: #000;
}

h5 {
	font-weight: normal;
	line-height: normal;
	font-size: 14px;
	margin-top:20px;
	font-weight:bold;
	color: #959CA1;
}

h6 {
	font-weight: normal;
	line-height: normal;
	font-size: 12px;
	margin-top:20px;
	font-weight:bold;
	color: #979797;
}

h1, h2 {
	margin: 0 0 20px 0;
}

h1 span {
	color:#41a148;
}

h2 {
	font-size: 12px;
	padding-left:20px;
	padding-right:15px;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom: 3px;
}

h2 span {
	color:#0078b3;
}


h1 a:hover {
	color: #000!important;
}


#main h1 a {
	color:#B2A97D;
}

#main h1 a:hover {
	color:#979797!important;
}

/*	ClearFix	*/

.clear {
	background: transparent none repeat scroll 0%;
	border: medium none;
	clear: both;
	font-size: 0px;
	height: 0.1px;
	margin-top:-1px;
	padding: 0pt;
	visibility: hidden;
	overflow: hidden;
}

/*	Container	*/

.container {
	width: 950px;
	margin: auto;
	clear:both;
}

.bottom-pozadina {
	background: url(../images/bottom.png) no-repeat;
	width:833px;
	height:34px;clear:both;margin: auto;
}


#header-slika {
	background: url(../images/fl-slika.png) no-repeat;
	width:620px;
	height:271px;
	float:left;
}

#main
{width:780px;
margin-bottom:25px;
float:left;
}


#right {
	float:left;
	width:620px;
	font-size:11px;
	padding-left:25px;	border-top: 3px solid #323232;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}

#right p {
	padding-left:20px;
	padding-right:20px;
}

#right h1.pocetna {
    margin-bottom: 17px;
    margin-top: 8px;
	padding-top:0px;
	font-size:14px;
	font-weight:bold;
	float:right;
	color:#4a4a4a;
}

#right h1 {
	margin-top:0px;
	margin-bottom:15px;
	padding-top:0px;
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	float:left;
	color:#4a4a4a;
}

ul.lista li {
	list-style-type:disc;
	margin-left:20px;
	list-style-position: inside;
	line-height:30px;
}


#left {
	background: url(../images/right.png) no-repeat;
	background-position: 0px 231px;
	width:300px;
	float:left;
	margin-bottom:20px;
	border-top: 3px solid #323232;
}

.vise a {
	background: #112732;
	width:110px;
	height:28px;
	display:block;
	text-align:center;
	font-weight:bold;
	padding-top:7px;
	float:right;
	bottom:-1px;
	right: 0px;
	position:absolute;
	margin-right:25px;
	color:#fff;
}

.vise a:hover {
	background: #1e3e4e;
}

.reference {
	background: url(../images/reference-bg.png) repeat;
	width:610px;
	float:left;
	height:246px;
	margin-left:8px;
	position:relative;
	border: 1px solid #d5d5d5;
}

.reference h2 {
	font-size:14px;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:15px;
}

ul.linkovi-left {
	width:300px;
}

.border-crte {
	background: url(../images/h1.png) no-repeat;
	width:524px;
	height:9px;
	clear:both;
}

.border-crte-zadnji {
	background: url(../images/h1.png) no-repeat;
	width:524px;
	height:9px;
	margin-bottom:20px;
	clear:both;
}

.slika img {
	float:left;
	margin-right:20px;
	margin-top:20px;
}

.linkovi-top {
	margin-left:80px;
	height:85px;
	float:left;
}

.linkovi-top li {
	background: #000;
	padding: 7px 15px;
	list-style-type:none;
	font-size:13px;
	font-family: Arial, Verdana;
	margin-bottom:30px;
	margin-top:20px;
	margin-right:50px;
	float:left;
}

.linkovi-top li a {
	color:#afafaf;
	font-size:13px;	
	font-weight:bold;
}

.linkovi-top li a:hover, .linkovi-top li a.mslc {
	color:#ff9c2f;
}

.logo-right {
	background: url(../images/bw-logo.png) no-repeat;
	width:80px;
	height:44px;
	float:right;
	margin-top:30px;
	margin-right:30px;
}

.logo a {
	background: url(../images/logo.png) no-repeat;
	width:210px;
	height:118px;
	float:left;
	margin-bottom:15px;
	margin-left:50px;
	margin-top:65px;
}

.logo {
	
}

#link-line {
	margin-top:40px;

}

#link-line ul li a {
	background: url(../images/border1.png) repeat-x;
	background-position: bottom;
	width: 285px;
	padding-left:15px;
	padding-top:15px;
	font-weight:bold;
	padding-bottom:15px;
	text-transform: uppercase;
	display:block;
	font-size:13px;
	color:#000000;
}

#link-line ul li a.mslc {
	color:#526B7A;
}

.kontakt {
	background: url(../images/kontakt.png) no-repeat;
	width:280px;
	height:249px;
	float:left;
	margin-top:39px;
	margin-bottom:20px;
	padding-left:20px;
	color:#fff;
}

.kontakt h2 {
	color:#fff;
	font-size:14px;
	margin-left:0px;
	padding-left:0px;
	margin-top:10px;
}


#link-line ul li.zadnji a {
	background: none;
}


#link-line ul li a:hover {
	color:#526B7A;
}

/** PAGINACIJA **/

ul.page_numbers {
	text-align:center;
	margin-top:10px;
}

.page_numbers li {
	display:inline;
}

.page_numbers a {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 1px solid #B0B0B0;
    color: #606060;
    font-weight: bold;
	line-height:24px;
    padding: 3px 6px;
    text-decoration: none;
}

.page_numbers a:hover {
    color: #22A7DF;
}

.page_numbers a.pslc {
	background:#22A7DF;
	color:#fff;
	border: 1px solid #D0EBF6;
}

#maintext .page_numbers a.pslc:hover {
	color:#fff;
}

.novosti-izlist .page_numbers a.pslc {
	background:#E61C18;
	color:#fff;
}

.novosti-izlist .page_numbers a:hover {
    color: #E61C18;
}

.novost {
	float:left;
	width:100%;
	margin-bottom:10px;
	border-bottom: 1px solid #DBDCDE;
}

#proizvodi-maintext .novost h1 {
	padding-top:0px;
	margin-bottom:0px;
}

.novost .novost-slika-vise {
	margin-top:10px;
}

/**/


table td
{border-right:1px solid #a3a3a3;
border-bottom:1px solid #a3a3a3;
padding:1px;}

table p
{margin-bottom:0px;}

table
{border-left:1px solid #a3a3a3;
border-top:1px solid #a3a3a3;}


.slika-reference-bg {
	background: url(../images/slika-bg.png) no-repeat;
	width:173px;
	height:147px;
	display:block;
	position:absolute;	
}

.slika-reference-bg a {
	width:173px;
	height:136px;
	display:block;
}


.slika-reference {
	width:173px;
	position:relative;
	background-position: 3px 4px !important;
	height:136px;
	float:left;
	display:block;
	margin-left:22px;
}

.img_cont {
	width: 173px;
    height: 136px;
    position:relative;
	background-position:center;
	float:left;
    margin:2px 0 0 2px;
}

.img_cont .valign a {
    display: table-cell;
    height: 129px;
    text-align: center;
    vertical-align: middle;
    width: 168px;
}

.valign img {
    margin: 0;
	padding: 0px;
	max-width: 168px;
	max-height: 129px;
    float:none;
}


.kljucne {
	font-size:9px;
	font-weight:bold;
	color:#323232;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}

/*	Footer	*/

.footer_right {
	float: right;
	color:#aeaeae;
	width:550px;
}

.copyright {
	color:#979797;
	float:left;
	font-size:11px;
	padding-top:5px;
}

.linkovi-footer {
	float:right;
}

.linkovi-footer li {
	list-style-type: disc;
	list-style-position: inside;
	float:left;
}

.linkovi-footer li.prvi {
	list-style-type: none;
	list-style-position: none;
	padding-left:0px;
	float:left;
}


.linkovi-footer li a {
	color:#979797;
	margin-right:5px;
}

.linkovi-footer li.prvi a {
	margin-right:2px;

}

.linkovi-footer li a:hover {
	color:#1c9ed8;
}


#footer
{color:#fff;
background: #E3E3E3 url(../images/footer.png) repeat-x;
height:35px;
padding-left:10px;
padding-right:10px;
padding-top:15px;font-size:9px;
clear:both;}

.facebook {
	background: url(../images/facebook.jpg) no-repeat;
	width:186px;
	height:65px;
	float:right;
	margin-top:13px;
}

.facebook a {
	background: url(../images/facebook.png) no-repeat;
	width:29px;
	height:20px;
	float:left;
	margin-left:85px;
}

/** VIRTUS **/

a.none:link, a.none:visited {
   background: none repeat scroll 0 0 transparent;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 1px;
}

a.virtus_link:link, a.virtus_link:visited {
   background: url("../images/virtus_link.png") no-repeat scroll left top transparent;
   display: block;
   float:right;
   height: 17px;
   margin: 10px 0 0 150px;
   overflow: hidden;
   margin-right:6px;
   margin-top:8px;
   text-decoration: none;
   text-indent: -200px;
   width: 100px;
}

/********************************************************************** KONTAKT *************************************************************************************/



.kontakt_forma
{width:430px;
margin-left:20px;
margin-top:10px;
float:left;}

.kontakt_forma label
{width:130px;
font-size:11px;
margin-top:6px;
float:left;
}

.kontakt_forma span input
{
font-family: Verdana, Arial;
font-size:12px;
background:#E3E3E3;border:1px solid #fff;
color: #4A4A4A;
padding:5px;
margin-top:5px;
width:190px;margin-right:10px;
float:left;
font-size:11px;

}

.pregrada
{float:left;margin-bottom:5px;padding-bottom:3px;
 width: 430px;
}

#poruka
{float:left;
width:190px;
height:120px;
padding:5px;background:#E3E3E3;border:1px solid #fff;
margin-right:10px;
color: #4A4A4A;
font-family: Verdana, Arial;
font-size:11px;
}

.button_kont
{float:left;
margin-bottom:10px;
margin-top:4px;
background: #051D26;
width:89px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-weight:bold;
font-size:11px;
margin-left:130px;
padding: 6px 9px;
border: 1px solid #1D4554;
cursor:pointer;}


.kontakt_forma input.txt_error {
border: 2px solid #FF9C2F;
}


.kontakt_forma #poruka.txt_error {
border: 2px solid #FF9C2F;
}

.red1 .slika-reference {
	margin-left:20px;
	margin-right:10px;
}

.red1 {
	float:left;
	padding-top:40px;
}


/* ALERTI */

.success{
	background: #E3E3E3;
    color: #4A4A4A;
    font-weight: bold;
    margin: 10px 10px 10px 0px;
    padding: 10px 10px 10px 10px;
	display:block;
} 

.error{
	background: url("../images/error.png") no-repeat scroll 10px center #FFD0D0;
    border: 1px solid #FF2222;
    color: red;
    font-weight: bold;
    margin: 0px 0 10px;
    padding: 10px 10px 10px 35px;
	display:none;
}

#Slider {
	float:left;
	margin-top:6px;
	margin-left:6px;
	overflow:hidden;
	width: 608px; 
	height: 227px;
}

#Slider li {
	overflow:hidden;
}

#Slider_W {
	overflow:hidden;
}