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

body {

	background:#ffffff url(../images/header-bg.png) repeat-x;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS" , Arial , Helvetica , Sans-serif;
	font-size:12px;
}
	
	
#centralni{
		width:958px;
		margin:0 auto;
		padding:0;		
}

#centralni2{
		width:958px;
		float:left;
		padding-bottom:60px;	
}

/********************************************************************************************** ZA FOOTER NA DNU ***************************************************************/

html, body {
height: 100%;
}

#okolni {

display: block;
min-height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

* html #okolni {
height: 100%;
}


/********************************************************************************************** HEADER ******************************************************************************/


#header{
		
		height:80px;
		padding-top:30px;
}

#logo{
		
		background:url(../images/logo.jpg) no-repeat;
		width:301px;
		height:50px;
		float:left;
		

}

#navigacija{
		float:right;
		margin-top:5px;
		

}

#navigacija a{
		
		background:url(../images/link.png) no-repeat 0 100px;
		outline:none;
		text-decoration:none;
		color:#999999;
		font-weight:bold;
		font-size:14px;
		width:102px;
		height:32px;
		display:block;
		float:left;
		text-align:center;
		padding-top:10px;
		

}

#navigacija a:hover{
		
		background:url(../images/link.png) no-repeat;
		color:#ffffff;
	
}





/*********************************************************************************************** LINKS ******************************************************************************/


#links{

		background:url(../images/header-bg-grafika.jpg) no-repeat;
		width:958px;
		height:241px;
		

}

#proizvodi{
	
		
		width:229px;
		height:241px;
		margin-left:2px;
		float:left;
}


#proizvodi a{
	
		background:url(../images/link2.png) no-repeat 0 14px;
		outline:none;
		text-decoration:none;
		color:#cde5f5;
		font-size:14px;
		font-weight:bold;
		padding-left:20px;
		padding-bottom:10px;
		padding-top:10px;
		width:160px;
		margin:0 0 0 25px;
		float:left;
		border-bottom:#73C0F2 1px dashed;		
}


#proizvodi a:hover{
	
		
		width:228px;
		color:#ffffff;
		background:#0385DA ;
		border-bottom:#73C0F2 1px dashed;
		padding-left:0;
		margin:0 0 0 1px;	
		text-align:center;
}

#flash{
		
		float:left;
		width:700px;
		z-index: 100;

}





/********************************************************************************************** CONTENT ******************************************************************************/

#sadrzaj{

		width:675px;
		float:left;
		margin-top:30px;
}



#sadrzaj-top{
		
		background:url(../images/txt-bg-gore.png) no-repeat;
		width:675px;
		height:25px;
}



#sadrzaj-center{
		
		background:url(../images/txt-bg-sredina.png) repeat-y;
		width:675px;
		
}


#sadrzaj-bottom{
		
		background:url(../images/txt-bg-dole.png) no-repeat;
		width:675px;
		height:30px;
}








#proikon{
		
		width:225px;
		float:left;
		margin-left:30px;
		
		

}

#pro{

		width:225px;
		
		margin-top:30px;
}

#pro-top{

		background:url(../images/proizvodi-bg-gore.png) no-repeat;
		width:225px;
		height:22px;

}

#pro-center{

		background:url(../images/proizvodi-bg-sredina.png) repeat-y;
		width:225px;
	
}


#pro-center a{

		
		color:#FFFFFF;
		outline:none;
		text-decoration:none;
		margin-left:15px;
		width:114px;
		height:65px;
		display:block;
		padding:0 15px 10px 75px;
		font-weight:bold;
		font-size:14px;
		
	
}



#pro-bottom{

		background:url(../images/proizvodi-bg-dole.png) no-repeat;
		width:225px;
		height:24px;

}





#kon{

		background:url(../images/kontakt-bg.png) no-repeat;
		width:225px;
		height:167px;
		margin-top:30px;
		

}

#kon p{

		font-size:14px;
		font-weight:bold;
		color:#666666;
		padding:18px 0 0 25px;
		line-height:14px;

}


#kon a{

		color:#666666;
		outline:none;
		text-decoration:none;

}

#kon a:hover{

		color:#25A7FC;
}

.plavi{
		
		color:#25A7FC;

}

/********************************************************************************************** FOOTER ******************************************************************************/


#footer{

		background:url(../images/footer.png) repeat-x;
		height:40px;
		margin-top:30px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 50;
		width: 100%;


}



#footer-left p{

		margin-top:14px;
		color:#25A7FC;
		float:left;
		margin-left:20px;


}


#footer-right{

		margin-top:14px;
		float:right;
		margin-right:20px;
		

}

#footer-right a{

		outline:none;
		text-decoration:none;
		color:#666666;
		padding:7px;
		

}

#footer-right a:hover{

		background:#FFFFFF;
		color:#99c65d;
		

}



/********************************************************************************************** SADRŽAJ ******************************************************************************/



#o-nama p, #video p{
		
		margin:0;
		padding:15px 25px 0 25px;
		text-align:justify;
		color:#666666;
		line-height:20px;
}

.sivi{
		font-size:14px;
		font-weight:bold;

}

#o-nama a, #video a{
		
		color:#333333;
		font-weight:bold;
		text-decoration:none;
		outline:none;
		
}


#o-nama a:hover, #video a:hover{
		
		color:#25A7FC;
		
		
}


#o-nama img{
		
		margin:20px 25px 25px 25px;
		float:left;
		
}


#kontakt img{
		
		
		float:left;
		
}





#reference-left{

			width:335px;
			float:left;
}


#reference-right{

			width:335px;
			float:left;
}

#video img{

			float:none;
			margin:20px 25px 25px 25px;
}


#pro-1 a{
		
		background:url(../images/kofer-cq1.jpg) no-repeat;

}

#pro-2 a{
		
		background:url(../images/kofer-cq.jpg) no-repeat;

}

#pro-3 a{
		
		background:url(../images/gladiator-cq.jpg) no-repeat;

}


#pro-1 a:hover, #pro-2 a:hover, #pro-3 a:hover{
		
		color:#333333;

}





#pro-1a a{
		
		background:url(../images/arg3.jpg) no-repeat;

}

#pro-2a a{
		
		background:url(../images/m1.jpg) no-repeat;

}

#pro-3a a{
		
		background:url(../images/x1.jpg) no-repeat;

}


#pro-1a a:hover, #pro-2a a:hover, #pro-3a a:hover{
		
		color:#333333;

}




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



form {
margin: 0;
padding: 0;
}

.kontakt_forma input, .kontakt_forma select, .kontakt_forma textarea {
font-family:"Trebuchet MS" , Arial , Helvetica , Sans-serif;
color: #25A7FC;
font-size: 12px;
width: 100px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #999999;
width: 250px;
float: left;
}



.kontakt_forma {
width: 350px;
float: left;
padding:5px 0 0 25px;
color:#666666;
}

.kontakt_forma label {
float: left;
margin-top: 4px;
width: 160px;

}


.kontakt_forma input.button {
width: 83px;
margin-left:300px;
color: #25A7FC;
cursor: pointer;
}

.kontakt_forma input.txt_error, .kontakt_forma textarea.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin:4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}



/********************************************************************************************** HEADING ******************************************************************************/


h1{
	font-size:18px;
	color:#25A7FC;
	padding:0 0 0 25px;
	margin:0;
	}
	
h2{
	font-size:18px;
	color:#C2E4FA;
	padding:15px 0 10px 45px;
	margin:0;
	border-bottom:#73C0F2 1px dashed;
	
	
	}	

h3{
	font-size:18px;
	color:#666666;
	padding:15px 0 0 25px;
	margin:0;
	
	
	}
	
/********************************************************************************************** CLEAR ******************************************************************************/	
			
.clear{
			clear:both;
		}