/*---------------------------------------------------------------------------------------
--- CONTAINER
---------------------------------------------------------------------------------------*/

#kontejner {
	width: 1024px;
	margin-top:-10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	border-left-width: 1px;
	border-left-style:  solid;
	border-color: black;
	border-right-width: 1px;
	border-right-style: groove;
	border-color: black;
	
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f2), to(#fff36e));
     background: -moz-linear-gradient(left top, #f9f9f2, #fff36e);
}
body {
    font-size: 10px;
    text-align: center;
    cursor:pointer;
    
   
     
    }
.img{
    
   border:0px;
}

h1 {
    margin: 0px;
	font-size:20px;	
	  color:#000;	
	  font-family:Arial, Helvetica, sans-serif;  
	  font-weight:normal;
	  
}
h2 {
    margin: 0px;
    padding:0px;
	font-size:18px;	
	  color:#000;	
	  font-family:Arial, Helvetica, sans-serif;  
	  font-weight:normal;
	  
}

   
h3 {
    margin: 0px;
	font-size:18px;
	 font-family:Tahoma;	
	 margin-left:15px; 	 
}
h4 {
    margin: 0px;
	font-size:18px;
	 font-family:Tahoma;	 	
	 display:inline; 
}


/*---------------------------------------------------------------------------------------
--- HEADER
---------------------------------------------------------------------------------------*/
#header {
	width: 1024px;
	height: 400px;
}


.logo{
   background: url('velmark-logo4.png');
    background-repeat: no-repeat;
	width:337px;
	height: 276px;
	float: left;
	
	
}
.okvir{
    background: url('');
	width:980px;
	height: 172px;
	float: left;
	
  
   margin-left:20px;
    margin-bottom:20px;
   }
   .okvir-ratkapne{
    background: url('');
	width:980px;
	height: 235px;
	float: left;
	
 
   margin-left:20px;
    margin-bottom:20px;
   }
.h2-tekst {
margin-left:6px;
	height:20px;
	 margin-top:2px;
float: left;
	width: 380px;
	margin-bottom:20px;
	padding:0px;
	

}	
.h2-tekst-ratkapne {
margin-left:6px;
	height:20px;
	 margin-top:60px;
float: left;
	width: 380px;
	margin-bottom:0px;
	padding:0px;
	

}	



.okvir2{
    background: url('');
	width:980px;
	height: 191px;
	float: left;
	
   margin-left:20px;
	
}

.velmark-slider1 {
    
	width:1024px;
	height: 341px;
	float: left;
	    background-repeat:no-repeat;
	
}
/*NAVIGACIJA  POCETAK
-------------------------------------------------------------------------------------------------*/


#velmark-top {
    background: url('velmark-top6.jpg');
	width:1024px;
	height: 59px;
	float: left;
	
	font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 
	 margin-top: 0px;

text-align: center;
text-decoration:none;
}

ul#navigacija {
	height:59px;
	width: 720px;
	text-align: center;
	list-style: none;
	margin:  0 auto;	
	letter-spacing:1px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-shadow:1px 1px 1px #fffff;
	margin-left: 278px;
	margin-bottom: 0px;
    margin-top: 0px;
	}
	
#navigacija li {
		 height:59px;	
		 float: left;
	text-indent: -9999px;

	list-style: none;
	background-position: top;
	color: #1a3397;
	margin-right: 10px;
	 text-align:center;
	 text-decoration:none;
	}
	
#navigacija li a {
	height: 59px;
	display: block;
	}
	
#navigacija li.active {
	background-position: bottom;
	}

#navigacija li.inactive {
	background-position: top;
	}

#navigacija li:hover {
	background-position: bottom;
	}

ul#navigacija li#autopresvlake{

	background-image: url('autopresvlake.png');
	width:133px;
}
ul#navigacija li#autopresvlake-master{

	background-image: url('autopresvlake.png');
	width:133px;
	background-position: bottom;
}


ul#navigacija li#autopatosnice{

	background-image: url('autopatosnice.png');
	width:133px;
}
ul#navigacija li#autopatosnice-master{

	background-image: url('autopatosnice.png');
	width:133px;
	background-position: bottom;
}

ul#navigacija li#krovninosaci{

	background-image: url('krovninosaci.png');
	width:133px;
}
ul#navigacija li#krovninosaci-master{

	background-image: url('krovninosaci.png');
	width:133px;
	background-position: bottom;
}

ul#navigacija li#krovnikoferi{

	background-image: url('krovnikoferi.png');
	width:133px;
}
ul#navigacija li#krovnikoferi-master{

	background-image: url('krovnikoferi.png');
	width:133px;
	background-position: bottom;
}

ul#navigacija li#ratkapne{

	background-image: url('ratkapne.png');
	width:133px;
}
ul#navigacija li#ratkapne-master{

	background-image: url('ratkapne.png');
	width:133px;
		background-position: bottom;
}





/*NAVIGACIJA  KRAJ
-------------------------------------------------------------------------------------------------*/




.home {

   
	width:69px;
	height: 38px;
	float: left;
	margin-top:40px;
	margin-left:190px;
}

.home a { 
display: block; 
width: 69px; 
height: 38px; 
background: transparent url(homemaster2.png) no-repeat; 
}

.home a:hover { 
background-position: -69px 0; 
}



/*---------------------------------------------------------------------------------------
--- content

.home {

	background: url('velmark-home.jpg');
    background-repeat:no-repeat;
	width:69px;
	height: 38px;
	float: left;
	margin-top:35px;
	margin-left:10px;
}

---------------------------------------------------------------------------------------*/
#strelice {
	width: 1024px;
	height: 70px;
	float: left;
	border-bottom:1px #DBD382 dashed;
	    margin-top: 30px;
}

#strelice img{
	margin-left:100px;
	margin-right:100px;
	background-color: transparent;

}



#content {
	width: 1024px;
	height: 100%;
	float: left;

	
	



}
.content-top{
	width: 1024px;
	height: 100px;
	float: left;
	 margin-top:0px;
	  margin-bottom:0px;


}

.content-1{
	width: 477px;
	height: 150px;
	float: left;
	margin-top:0px;
	 margin-bottom:10px;
	 margin-left:65px;
	


}
.content-2{
	width: 340px;
	height:100px;
	float: left;
  border:1px #dbd382   dashed;
   background-color:#fcf6b3;
    margin-top:25px;
    margin-left:25px;
}

.content-3{
	
	float: left;
	 width: 656px;
	height: 302px;
	margin-top:10px;
	margin-bottom:1px;
		
	padding-top:10px;

}

.content-3 img{
 margin-left:1px;
  margin-top:2px;

  }
.content-3 p{

  margin-top:0px;
  margin-bottom:0px;

  }
  .content-3-index{
	
	float: left;
	 width: 656px;
	height: 302px;
	margin-top:10px;
	margin-bottom:1px;
	border-top:1px #dbd382   dashed;
	border-bottom:1px #dbd382   dashed;
	padding-top:10px;

}

.content-3-index img{
 margin-left:1px;
  margin-top:2px;

  }
.content-3-index p{

  margin-top:0px;
  margin-bottom:0px;

  }

 
.content-4 {
    width: 280px;
	height: 110px;
	float: left;
	margin-left:15px;
	margin-bottom:15px;
	border-left:1px #dbd382   dashed;
border-right:1px #dbd382   dashed;
  }
 
.content-4 img{
 margin-left:8px;


  }
  .content-5{
	width: 890px;
	height: 290px;
	float: left;
	margin-top:50px;
	 margin-left:70px;
	  margin-bottom:50px;
	


}


.automobili{
	
	float: left;
text-decoration:none;
 list-style:none;
 color:#e62e2e;
 font-size:16px;
 font-family:Arial;
 font-weight:bold;

}


.services3 {
	
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: Arial;
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration:none;
	

}

.services3 ul {
 list-style:none;
    	padding-top: 0px;
    	 padding-bottom:0px;
 margin-left:15px;
    text-decoration:none;
  

}
.service_list3 a {
	
	
	text-decoration:none;
    color: #000;

}

.service_list3 a:hover {
	
	
	text-decoration:none;
	 border-bottom:thin black dashed;   
	 	 border-top:thin black dashed;
	 	 background-color: #fbf8e6;
	 	 dfd786
}


.service_list3 li {
	
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #ffffff;
	
	text-decoration:none;

	

	

}

.service_list3 li:hover {
	
	color: #86cc7c;
	
	
   
	text-decoration:none;

}
.services4 {
	
	margin: 0px 10px 0px 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-family: Arial;
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration:none;
	width:950px;
	text-align: center;
	
	  
	   

	

}

.services4 ul {
 list-style-image:url('stikla.png');
    	padding-top: 5px;
    	 padding-bottom:0px;

    text-decoration:none;
   margin:0px;
   



}
.services4 li {
	 display:inline;

}

.blue { 
	
	color:#1a3399;
	
	
   
	text-decoration:none;

}
.blue0 { 
	
	color:#1a3399;
	
	 text-shadow:1px 0px 3px #787777;

   
	text-decoration:none;

}


.blue1 { 
	
	color:#1a3399;
	 text-shadow:1px 0px 3px #787777;
	
    margin-left:40px;

	text-decoration:none;

}
.blue2 { 
	
	color:#1a3399;
	 text-shadow:1px 0px 3px #787777;
	
    margin-left:80px;

	text-decoration:none;
	

}



.red { 
	
	color:#e62e2e;
	
	
   
	text-decoration:none;

}
.red1 { 
	
	color:#e62e2e;
	
	 text-shadow:1px 0px 3px #787777;
   
	text-decoration:none;
 margin-left:20px;
}

.red2 { 
	
	color:#e62e2e;
	
	
    text-shadow:1px 0px 3px #787777;
	text-decoration:none;
 margin-left:60px;
}


/*slicice  POCETAK
-------------------------------------------------------------------------------------------------*/


.brendovi{
	width: 1024px;
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }
  .brendovi1{
	width: 432px;
	height:69px;
	background: transparent url('brend1podloga.png') no-repeat;
    float:left;
 	color: #444;
 	text-decoration:none;
 	margin-top:20px;

  }
  .brendovi2{
	width: 537px;
	height:69px;
	background: transparent url('brend2podloga.png') no-repeat;
    float:left;
 	color: #444;
 	text-decoration:none;
 	margin-top:20px;

  }
  
   .brendovi3{
	width: 838px;
	height:125px;
	background: transparent url('brend3podloga.png') no-repeat;
    float:left;
 	color: #444;
 	text-decoration:none;
 	margin-top:20px;

  }
 .kartice{
	width: 378px;
	height:42px;
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	margin-top:25px;
 	 margin-bottom:2px;
 	  margin-left:50px;
 	  border-bottom-color:gray;

  }






/*slicice  KRAJ
-------------------------------------------------------------------------------------------------*/


.autopresvlake-slika{
	width:611px;
	height:349px;
	background: transparent url('autopresvlake slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}
.ratkapne-slika{
	width:611px;
	height:349px;
	background: transparent url('ratkapne slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.patosnice-slika{
	width:611px;
	height:349px;
	background: transparent url('patosnica slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.koferi-slika{
	width:611px;
	height:349px;
	background: transparent url('krovnikoferi slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}
.h1-slika{
	 margin-left:6px;
	height:25px;
	 margin-top:20px;
float: left;
	width: 250px;
	 background-color:#f1eaa7;
	 border-top:thin #dcd483 solid;
	 	 
	 	 	 border-bottom:thin black solid;
	 	 	 padding-left:2px;
}

.index-slika{
	width:611px;
	height:349px;
	background: transparent url('index slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}
.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:400px;
	
	 text-indent:2px;
 
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	



 text-shadow:1px 0px 5px #fefefe;
 
}

.autopresvlake-tekst{
	width:600px;
	
	 text-indent:2px;
 
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	



 text-shadow:1px 0px 5px #fefefe;
 
}
.koferi-tekst{
	width:485px;
	
	 text-indent:2px;
 
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	


text-align: left;
 text-shadow:1px 0px 5px #fefefe;
 padding-right: 10px;
}
.slike-ratkapne{
	width:335px;
	float: left;
	height:500px;
}

.slike-ratkapne img{
	 margin-left:10px;
	  margin-top:10px;
	border:0px;
 
 
}


.slike-presvlake{
	width:350px;
	float: left;
	
 border:0px;

 
}

.slike-presvlake img{
	 margin-left:30px;
	  margin-top:10px;
	 border:0px;
 
 
}

.slike-nosaci{
	width:568px;
	float: left;
	


 
}

.slike-nosaci img{
	 margin-left:10px;
	  margin-top:10px;
	 border:0px;
 
 
}
.slike-koferi{
	width:418px;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	
 
 
}





.obaveznaoprema {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	
float: left;
margin-left:100px;
 
}
.obaveznaoprema a { 
display: block; 
width: 260px; 
height: 290px; 
background: transparent url(velmark-obavezna-oprema2.jpg) no-repeat; 
}


.obaveznaoprema a:hover{


background-position: -260px 0; 
}
.zimskaoprema {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-zimska-oprema.jpg');
float: left;
margin-left:10px;
	
}
.autokozmetika {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-auto-kozmetika.jpg');
float: left;
margin-left:10px;
	
}
.naslonzaruke {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-naslon-za-ruke.jpg');
float: left;
margin-left:100px;
margin-top:35px;	
}
.oblogamenjaca {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-obloga-menjaca.jpg');
float: left;
margin-left:10px;
	margin-top:35px;
}
.rucicemenjaca {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-rucice-menjaca.jpg');
float: left;
margin-left:10px;
	margin-top:35px;
}
.oblogavolana {
	width:260px;
	height:290px;
	background-repeat:no-repeat;
	background: url('velmark-obloga-volana.jpg');
float: left;
margin-left:100px;
margin-top:35px;
	
}

.opis {
 padding-left:30px;
 padding-top:175px;
	width:200px;
	height:80px;
	 text-decoration:none;
float: left;
	color:#adadad;
font-family: Arial, Helvetica, sans-serif;

font-size: 11px;
}


.uvod {
 width:580px;
 margin-left:170px;
 margin-top:15px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color:#000;
   font-size:13px;
     text-align:center;
      
	float: left;
	
}

.uvod p {
   margin-top:2px;
    margin-bottom:2px;
	
}


.telefon {
   margin-top:2px;
    margin-bottom:2px;
	
}

.mobilni {
	width:179px;
	height:80px;
	background-repeat:no-repeat;
	background: url('mobilni.jpg');
float: left;
margin-left:50px;
	margin-top:35px;
}
.fiksni {
	width:179px;
	height:80px;
	background-repeat:no-repeat;
	background: url('fiksni.jpg');

margin-left:30px;
	margin-top:35px;
	float: left;
}
.jezik1 {
	width:55px;
	height:25px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
 	color: #A1A3A0;
   font-size:10px;


margin-left:655px;
	margin-top:15px;
	float: left;
}
.jezik1 a: {
	
 	color: #A1A3A0;
 	text-decoration:none;

  }

.jezik1 a:link {
	
 	color: #A1A3A0;
 	text-decoration:none;

  }
.jezik1 a:hover {
	
 	color: #444;
 	text-decoration:none;

  }

.jezik1 a:visited {
	
	
	text-decoration:underline;

}

.jezik2 {
	width:55px;
	height:25px;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #A1A3A0;
     font-size:10px;


margin-left:70px;
	margin-top:15px;
	float: left;
	 
}
.jezik2 a: {
	
 	color: #A1A3A0;
 	text-decoration:none;

  }

.jezik2 a:link {
	
 	color: #A1A3A0;
 	text-decoration:none;

  }
.jezik2 a:hover {
	
 	color: #444;
 	text-decoration:none;

  }

.jezik2 a:visited {
	
	
	text-decoration:underline;

}

/*---------------------------------------------------------------------------------------
--- gallery slide
---------------------------------------------------------------------------------------*/


.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:100
	}

	#gallery .caption {
		z-index:200; 
		background-color:#000000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:92;
		 font-size:12px;
	
}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:22px;
		margin:0;
		padding:0;
		color:#efd310;
		

	}



/*---------------------------------------------------------------------------------------
--- footer---------------------------------------------------------------------------------------*/
#footer {
	width: 1024px;
	height: 96px;
	background: url('velmark-footer.jpg');
    clear:both;
  
}

.footerponuda {

    height:58px;
	width:147px;
	overflow:inherit;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration:none;
	margin-left:20px;
	margin-top:2px;
	
	}
	
.services_footer ul {
    
	padding-top: 0px;
    text-decoration:none;
     

}
.service_footer a {
	
	
	text-decoration:none;
	color: #000000;


}
.service_footer a:hover {
	
	
	text-decoration:none;
	color: #444;


}


.service_footer li {

	font-family: Tahoma;
	font-size: 11px;
    padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 2px;
	color: #A1A3A0;
	text-decoration:none;
	list-style:none;
	text-align:left;
	letter-spacing: 1px;

list-style: square;
	

}

.service_footer li:hover {
	
	color: #444;
	text-decoration:none;

}
.service_footer li:visited {
	
	
	text-decoration:underline;

}


.footerponuda2 {

    height:48px;
	width:106px;
	overflow:inherit;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration:none;
	margin-left:10px;
	margin-top:2px;
	
	}
	
.footerponuda3 {

    height:30px;
	width:172px;
	overflow:inherit;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration:none;
	margin-left:20px;
	margin-top:40px;
	margin-right: 0px;
}

.footerponuda3 p{

     padding-top:0px;
	padding-bottom:0px;
 margin-top:0px;
 margin-bottom:0px;
	}
.izradasajta{
   
    float: left;
  
   
   
   
     margin-left:510px;
      margin-top:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #A1A3A0;
 font-size: 12px;
 font-weight:bold;


}

.izradasajta a {

 text-decoration:none;
 
 color: #A1A3A0;


}

.izradasajta a:hover {
   
 text-decoration:none;
color: #000;
 


}

.okvirproizvoda1 {
 float:left;
 width:1024px;  
 margin-top: 25px;
 margin-left:0px;
 margin-right:0px;
 text-decoration:none;
 
}

.okvirproizvoda1 img{

 margin-left:17px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda1 img:hover{

 margin-left:17px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda2 {
 float:left;
 width:1000px;  
 margin-top:25px;
 margin-left:15px;
 margin-right:15px;
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:50px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda2 img:hover{

 margin-left:50px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 float:left;
 width:1000px;  
 margin-top:25px;
 margin-left:15px;
 margin-right:15px;
 text-decoration:none;
 
}

.okvirproizvoda3 img{

 margin-left:35px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:35px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirlinija {
float:left;
 width: 1024px;
 height:25px;
 border-bottom:1px #dbd382 dashed;
}

.okvirproizvoda4 {
 float:left;
 width:1000px;  
 margin-top:25px;
 margin-left:15px;
 margin-right:15px;
 text-decoration:none;
 
}
.okvirproizvoda4 img{

 margin-left:35px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:35px;
 text-decoration:none;
  border:1px red   dashed;
}



.okvirproizvoda5 {
 float:left;
 width:1000px;  
 margin-top:25px;
 margin-left:15px;
 margin-right:15px;
 text-decoration:none;
 
}
.okvirproizvoda5 img{

 margin-left:60px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:60px;
 text-decoration:none;
  border:1px red   dashed;
}

/*facebook-------------------------------------------------------------------------------------------------*/




.facebook {

   
	width:48px;
	height: 48px;
	float: left;
	margin-top:110px;
	margin-left:200px;
}

.facebook a { 
display: block; 
width: 48px; 
height: 48px; 
background: transparent url(images/facebookv.png) no-repeat; 
}

.facebook a:hover { 
background-position: -48px 0; 
}


/*brend-------------------------------------------------------------------------------------------------*/

.okvirbrend {
 float:left;
 width:1024px;  
 margin-top: 25px;
 margin-left:70px;
 margin-right:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:17px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirbrend img:hover{

 margin-left:17px;
 text-decoration:none;
  border:1px red   dashed;
}



#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #FFF36E;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #FFF36E;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}
.toggleMobile
{
        display: none;
}


/* MEDIA QUERIES RESPONSIVE LAYOUT */

@media (max-width: 500px)

{
	#header
	{
		width:auto;
		margin-right:0px;
	}

	#header
	{
		width:auto;
		margin-right:0px;
		
	}

	.logo{
    background: url('velmark-logo4.png');
    background-repeat: no-repeat;
	width:337px;
	height: 276px;
	float: left;

	
	
}
	#content
	{
		width:auto;
		margin-right:0px;
		
		vertical-align: middle; 
		text-align:center;
		float: left;
	}
	.content-2
	{
		width:auto;
		max-width: 100%;
		height: 100px;
		float: left; 
		margin-left:0px;
		margin-top:0px;
		text-align:left;
	}
	.content-2 img
	{
		width:auto;
	    height: 100px;
		float: left; 
		
		margin-top:0px;
	
	}
	.content-1
	{
		width:auto;
		float:left;
		margin-left:0px;
		    text-align: left;
	}
	.left
	{
		width:auto;
		float:left;
		margin-left:5px;
	}
	
   
	#kontejner
	{
		width:auto;

		margin:0px;
		 
		text-align: center;
		 
	}

	.okvirlinija
    {
		width:auto;
	}


.okvirproizvoda1 {

 width:auto;  

 margin-top: 10px;
 
}

.okvirproizvoda1 img{

 margin:0px;
 text-decoration:none;
 border:1px #dbd382   dashed;

}

.okvirproizvoda1 img:hover{

 margin:0px;
 text-decoration:none;
  border:1px red   dashed;
 
}

.content-3-index{

 display:none;
}

#strelice{

 display:none;
}

.hide{

 display:none;
}

.okvirproizvoda2 {
 float:left;
 width:auto;  
 margin: 0px;
 
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  vertical-align: middle; 
  margin-top:25px;
}

.okvirproizvoda2 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 clear:both;
 width:auto;  

 text-decoration:none;
   margin-top:25px;
 
}

.okvirproizvoda3 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda4 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda4 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda5 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda5 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirbrend {
 float:left;
 width:auto;  
 margin-top: 25px;
 margin:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  margin-top: 25px;
}

.okvirbrend img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.brendovi{
	width:auto; 
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }

  .services4{
	width:auto; }

	.footer{
	width:auto;
	height:auto;
	float: none; }

	.kartice{
	display:none; }

.footerponuda3 {
 display:none;
}

.izradasajta {
    display:none;
}


#navigacija
	{
		display: block;
		z-index: 999;
		width: auto;
	}
.toggleMobile
	{
		position: fixed;
		top: 300px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 9999;
	}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #e62e2e;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
		top: 0;
	}
	.toggleMobile span.menu2
	{
		top: 14px;
	}
	.toggleMobile span.menu3
	{
		top: 28px;
	}
	.toggleMobile.active span.menu1
	{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        display: none;
        margin-top:-10px;
        margin-left:0px;
}


#mobileMenu a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}

#mobileMenu ul li
{
        display:block;
        background-color: #d11820;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #d11820;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}


#velmark-top {
    background: url('velmark-top6.jpg');
	width:auto;
	height: 59px;
	float: left;
	
	font-size: 14px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
	margin-top: 0px;

    text-align: center;
    text-decoration:none;
	 
}

 ul#navigacija{
	 width:auto;
	}
	
ul#navigacija li#autopresvlake{
	 display:none;
	}
ul#navigacija li#autopatosnice{
	 display:none;
	}
ul#navigacija li#krovninosaci{
	 display:none;
	}
ul#navigacija li#krovnikoferi{
	 display:none;
	}
ul#navigacija li#ratkapne{
	 display:none;
	}
	
ul#navigacija li#autopresvlake-master{
	 display:none;
	}
	
ul#navigacija li#autopatosnice-master{
	 display:none;
	}
ul#navigacija li#krovnikoferi-master{
	 display:none;
	}
ul#navigacija li#krovninosaci-master{
	 display:none;
	}
ul#navigacija li#ratkapne-master{
	 display:none;
	}
	
.velmark-slider1 {
	width:auto;
	height: 341px;
	float: left;
	background-repeat:no-repeat;	
}

 .img-resp
    {
        padding: 0px;
        padding-top: 0px;
        width: auto;
        margin: 0px; 
        max-width: 100%;
        height: auto;
    }



	
	
	.okvir {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
     
   
   }

   	.okvir2 {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .okvir-ratkapne {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .slike-ratkapne {
	 width:auto;
     height:auto;
	 
 border:0px;

 }
 
 
   .slike-ratkapne img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
   .slike-presvlake{
	width:auto;
  
	 
 border:0px;

 
}


.slike-presvlake img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}

.h2-tekst{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}

.h2-tekst-ratkapne{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}


.autopresvlake-tekst{
width:auto;
height:auto;
text-indent:2px;
margin-left:0px;	
margin-top:20px;
margin-bottom:20px;
 
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
text-align:left; 
padding-right: 10px;
}

.koferi-tekst{
width:auto;
text-indent:2px;
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
 
}

.slike-koferi{
	width:100%;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	
 
 
}


.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:auto;
height:auto;
	
	 text-indent:2px;
 
margin-left:5px;	

font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	
padding-right: 10px;

text-align:left; 
 text-shadow:1px 0px 5px #fefefe;
 
}

.slike-nosaci{
	width:auto;
	float: left;
}


.slike-nosaci img{
	margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
#footer {
	width: 100%;
}}

@media (max-width: 765px)

{
	#header
	{
		width:auto;
		margin-right:0px;
	}

	#header
	{
		width:auto;
		margin-right:0px;
		
	}
		.logo{
    background: url('velmark-logo4.png');
    background-repeat: no-repeat;
	width:337px;
	height: 276px;
	float: left;
	
	
}
	#content
	{
		width:auto;
		margin-right:0px;
		
		vertical-align: middle; 
		text-align:center;
		float: left;
	}
	.content-2
	{
		width:auto;
		max-width: 100%;
		height: 100px;
		float: left; 
		margin-left:0px;
		margin-top:0px;
		text-align:left;
	}
	.content-2 img
	{
		width:auto;
	    height: 100px;
		float: left; 
		
		margin-top:0px;
	
	}
	.content-1
	{
		width:auto;
		float:left;
		margin-left:0px;
		    text-align: left;
	}
	.left
	{
		width:auto;
		float:left;
		margin-left:5px;
	}
	
   
	#kontejner
	{
		width:auto;

		margin:0px;
		 
		text-align: center;
		 
	}

	.okvirlinija
    {
		width:auto;
	}


.okvirproizvoda1 {

 width:auto;  

 margin-top: 10px;
 
}

.okvirproizvoda1 img{

 margin:0px;
 text-decoration:none;
 border:1px #dbd382   dashed;
 width:150px;

}

.okvirproizvoda1 img:hover{

 margin:0px;
 text-decoration:none;
  border:1px red   dashed;
 
}

.content-3-index{
display:none;

}

#strelice{

 display:none;
}

.hide{

 display:none;
}

.okvirproizvoda2 {
 float:left;
 width:auto;  
 margin: 0px;
 
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  vertical-align: middle; 
  margin-top:25px;
}

.okvirproizvoda2 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 clear:both;
 width:auto;  

 text-decoration:none;
   margin-top:25px;
 
}

.okvirproizvoda3 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda4 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda4 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda5 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda5 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirbrend {
 float:left;
 width:auto;  
 margin-top: 5px;
 margin:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  margin-top: 5px;
  width:150px;
}

.okvirbrend img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.brendovi{
	width:auto; 
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }

  .services4{
	width:auto; }

	.footer{
	width:auto;
	height:auto;
	float: none; }

	.kartice{
	display:none; }

.footerponuda3 {
 display:none;
}

.izradasajta {
    display:none;
}


#navigacija
	{
		display: block;
		z-index: 999;
		width: auto;
	}
.toggleMobile
	{
		position: fixed;
		top: 300px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 9999;
	}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #e62e2e;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
		top: 0;
	}
	.toggleMobile span.menu2
	{
		top: 14px;
	}
	.toggleMobile span.menu3
	{
		top: 28px;
	}
	.toggleMobile.active span.menu1
	{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        display: none;
        margin-top:-10px;
        margin-left:0px;
}


#mobileMenu a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}

#mobileMenu ul li
{
        display:block;
        background-color: #d11820;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #d11820;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}


#velmark-top {
    background: url('velmark-top6.jpg');
	 width:auto;
	height: 59px;
	float: left;
	
	font-size: 14px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
	margin-top: 0px;

    text-align: center;
    text-decoration:none;
	 
}

 ul#navigacija{
	 width:auto;
	}
	
ul#navigacija li#autopresvlake{
	 display:none;
	}
ul#navigacija li#autopatosnice{
	 display:none;
	}
ul#navigacija li#krovninosaci{
	 display:none;
	}
ul#navigacija li#krovnikoferi{
	 display:none;
	}
ul#navigacija li#ratkapne{
	 display:none;
	}
	
ul#navigacija li#autopresvlake-master{
	 display:none;
	}
	
ul#navigacija li#autopatosnice-master{
	 display:none;
	}
ul#navigacija li#krovnikoferi-master{
	 display:none;
	}
ul#navigacija li#krovninosaci-master{
	 display:none;
	}
ul#navigacija li#ratkapne-master{
	 display:none;
	}
	
.velmark-slider1 {
	width:auto;
	height: 341px;
	float: left;
	background-repeat:no-repeat;	
}

 .img-resp
    {
        padding: 0px;
        padding-top: 0px;
        width: auto;
        margin: 0px; 
        max-width: 100%;
        height: auto;
    }



	
	
	.okvir {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
     
   
   }

   	.okvir2 {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .okvir-ratkapne {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .slike-ratkapne {
	 width:auto;
     height:auto;
	 
 border:0px;

 }
 
 
   .slike-ratkapne img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
   .slike-presvlake{
	width:auto;
  
	 
 border:0px;

 
}


.slike-presvlake img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}

.h2-tekst{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}

.h2-tekst-ratkapne{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}


.autopresvlake-tekst{
width:auto;
height:auto;
text-indent:2px;
margin-left:0px;	
margin-top:20px;
margin-bottom:20px;
 
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
text-align:left; 
padding-right: 10px;
}

.koferi-tekst{
width:auto;
text-indent:2px;
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
 
}

.slike-koferi{
	width:100%;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	  width: 150px;
	
 
 
}


.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:auto;
height:auto;
	
	 text-indent:2px;
 
margin-left:5px;	

font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	
padding-right: 10px;

text-align:left; 
 text-shadow:1px 0px 5px #fefefe;
 
}

.slike-nosaci{
	width:auto;
	float: left;
}


.slike-nosaci img{
	margin-left:0px;
	  margin-top:0px;
	 border:0px;
	 width:150px;
 
 
}
#footer {
	width: 100%;
}
}
@media (max-width: 800px)

{
	#header
	{
		width:auto;
		margin-right:0px;
	}

	#header
	{
		width:auto;
		margin-right:0px;
		
	}
		.logo{
    background: url('velmark-logo4.png');
    background-repeat: no-repeat;
	width:337px;
	height: 276px;
	float: left;
	
	
}
	#content
	{
		width:auto;
		margin-right:0px;
		
		vertical-align: middle; 
		text-align:center;
		float: left;
	}
	.content-2
	{
		width:auto;
		max-width: 100%;
		height: 100px;
		float: left; 
		margin-left:0px;
		margin-top:0px;
		text-align:left;
	}
	.content-2 img
	{
		width:auto;
	    height: 100px;
		float: left; 
		
		margin-top:0px;
	
	}
	.content-1
	{
		width:auto;
		float:left;
		margin-left:0px;
		    text-align: left;
	}
	.left
	{
		width:auto;
		float:left;
		margin-left:5px;
	}
	
   
	#kontejner
	{
		width:auto;

		margin:0px;
		 
		text-align: center;
		 
	}

	.okvirlinija
    {
		width:auto;
	}


.okvirproizvoda1 {

 width:auto;  

 margin-top: 10px;
 
}

.okvirproizvoda1 img{

 margin:0px;
 text-decoration:none;
 border:1px #dbd382   dashed;

}

.okvirproizvoda1 img:hover{

 margin:0px;
 text-decoration:none;
  border:1px red   dashed;
 
}

.content-3-index{

 display:none;
}

#strelice{

 display:none;
}

.hide{

 display:none;
}

.okvirproizvoda2 {
 float:left;
 width:auto;  
 margin: 0px;
 
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  vertical-align: middle; 
  margin-top:25px;
}

.okvirproizvoda2 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 clear:both;
 width:auto;  

 text-decoration:none;
   margin-top:25px;
 
}

.okvirproizvoda3 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda4 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda4 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda5 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda5 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirbrend {
 float:left;
 width:auto;  
 margin-top: 25px;
 margin:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  margin-top: 25px;
}

.okvirbrend img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.brendovi{
	width:auto; 
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }

  .services4{
	width:auto; }

	.footer{
	width:auto;
	height:auto;
	float: none; }

	.kartice{
	display:none; }

.footerponuda3 {
 display:none;
}

.izradasajta {
    display:none;
}


#navigacija
	{
		display: block;
		z-index: 999;
		width: auto;
	}
.toggleMobile
	{
		position: fixed;
		top: 300px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 9999;
	}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #e62e2e;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
		top: 0;
	}
	.toggleMobile span.menu2
	{
		top: 14px;
	}
	.toggleMobile span.menu3
	{
		top: 28px;
	}
	.toggleMobile.active span.menu1
	{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        display: none;
        margin-top:-10px;
        margin-left:0px;
}


#mobileMenu a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}

#mobileMenu ul li
{
        display:block;
        background-color: #d11820;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #d11820;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}


#velmark-top {
    background: url('velmark-top6.jpg');
	 width:auto;
	height: 59px;
	float: left;
	
	font-size: 14px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
	margin-top: 0px;

    text-align: center;
    text-decoration:none;
	 
}

 ul#navigacija{
	 width:auto;
	}
	
ul#navigacija li#autopresvlake{
	 display:none;
	}
ul#navigacija li#autopatosnice{
	 display:none;
	}
ul#navigacija li#krovninosaci{
	 display:none;
	}
ul#navigacija li#krovnikoferi{
	 display:none;
	}
ul#navigacija li#ratkapne{
	 display:none;
	}
	
ul#navigacija li#autopresvlake-master{
	 display:none;
	}
	
ul#navigacija li#autopatosnice-master{
	 display:none;
	}
ul#navigacija li#krovnikoferi-master{
	 display:none;
	}
ul#navigacija li#krovninosaci-master{
	 display:none;
	}
ul#navigacija li#ratkapne-master{
	 display:none;
	}
	
.velmark-slider1 {
	width:auto;
	height: 341px;
	float: left;
	background-repeat:no-repeat;	
}

 .img-resp
    {
        padding: 0px;
        padding-top: 0px;
        width: auto;
        margin: 0px; 
        max-width: 100%;
        height: auto;
    }



	
	
	.okvir {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
     
   
   }

   	.okvir2 {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .okvir-ratkapne {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .slike-ratkapne {
	 width:auto;
     height:auto;
	 
 border:0px;

 }
 
 
   .slike-ratkapne img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
   .slike-presvlake{
	width:auto;
  
	 
 border:0px;

 
}


.slike-presvlake img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}

.h2-tekst{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}

.h2-tekst-ratkapne{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}


.autopresvlake-tekst{
width:auto;
height:auto;
text-indent:2px;
margin-left:0px;	
margin-top:20px;
margin-bottom:20px;
 
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
text-align:left; 
padding-right: 10px;
}

.koferi-tekst{
width:auto;
text-indent:2px;
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
 
}

.slike-koferi{
	width:100%;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	
 
 
}


.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:auto;
height:auto;
	
	 text-indent:2px;
 
margin-left:5px;	

font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	
padding-right: 10px;

text-align:left; 
 text-shadow:1px 0px 5px #fefefe;
 
}

.slike-nosaci{
	width:auto;
	float: left;
}


.slike-nosaci img{
	margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
#footer {
	width: 100%;
}

}

@media (max-width: 915px)

{
	#header
	{
		width:auto;
		margin-right:0px;
	}

	#header
	{
		width:auto;
		margin-right:0px;
		
	}
		.logo{
    background: url('velmark-logo4.png');
    background-repeat: no-repeat;
	width:337px;
	height: 276px;
	float: left;
	
	
}
	#content
	{
		width:auto;
		margin-right:0px;
		
		vertical-align: middle; 
		text-align:center;
		float: left;
	}
	.content-2
	{
		width:auto;
		max-width: 100%;
		height: 100px;
		float: left; 
		margin-left:0px;
		margin-top:0px;
		text-align:left;
	}
	.content-2 img
	{
		width:auto;
	    height: 100px;
		float: left; 
		
		margin-top:0px;
	
	}
	.content-1
	{
		width:auto;
		float:left;
		margin-left:0px;
		    text-align: left;
	}
	.left
	{
		width:auto;
		float:left;
		margin-left:5px;
	}
	
   
	#kontejner
	{
		width:auto;

		margin:0px;
		 
		text-align: center;
		 
	}

	.okvirlinija
    {
		width:auto;
	}


.okvirproizvoda1 {

 width:auto;  

 margin-top: 10px;
 
}

.okvirproizvoda1 img{

 margin:0px;
 text-decoration:none;
 border:1px #dbd382   dashed;

}

.okvirproizvoda1 img:hover{

 margin:0px;
 text-decoration:none;
  border:1px red   dashed;
 
}

.content-3-index{

 display:none;
}

#strelice{

 display:none;
}

.hide{

 display:none;
}

.okvirproizvoda2 {
 float:left;
 width:auto;  
 margin: 0px;
 
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  vertical-align: middle; 
  margin-top:25px;
}

.okvirproizvoda2 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 clear:both;
 width:auto;  

 text-decoration:none;
   margin-top:25px;
 
}

.okvirproizvoda3 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda4 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda4 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda5 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda5 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirbrend {
 float:left;
 width:auto;  
 margin-top: 25px;
 margin:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  margin-top: 25px;
}

.okvirbrend img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.brendovi{
	width:auto; 
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }

  .services4{
	width:auto; }

	.footer{
	width:auto;
	height:auto;
	float: none; }

	.kartice{
	display:none; }

.footerponuda3 {
 display:none;
}

.izradasajta {
    display:none;
}


#navigacija
	{
		display: block;
		z-index: 999;
		width: auto;
	}
.toggleMobile
	{
		position: fixed;
		top: 300px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 9999;
	}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #e62e2e;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
		top: 0;
	}
	.toggleMobile span.menu2
	{
		top: 14px;
	}
	.toggleMobile span.menu3
	{
		top: 28px;
	}
	.toggleMobile.active span.menu1
	{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        display: none;
        margin-top:-10px;
        margin-left:0px;
}


#mobileMenu a {
    text-decoration: none;
    color: #fff;
    transition: color .5s ease;
}

#mobileMenu ul li
{
        display:block;
        background-color: #d11820;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #d11820;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}


#velmark-top {
    background: url('velmark-top6.jpg');
	 
	height: 59px;
	float: left;
	width:auto;
	font-size: 14px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
	margin-top: 0px;

    text-align: center;
    text-decoration:none;
	 
}

 ul#navigacija{
	 width:auto;
	}
	
ul#navigacija li#autopresvlake{
	 display:none;
	}
ul#navigacija li#autopatosnice{
	 display:none;
	}
ul#navigacija li#krovninosaci{
	 display:none;
	}
ul#navigacija li#krovnikoferi{
	 display:none;
	}
ul#navigacija li#ratkapne{
	 display:none;
	}
	
ul#navigacija li#autopresvlake-master{
	 display:none;
	}
	
ul#navigacija li#autopatosnice-master{
	 display:none;
	}
ul#navigacija li#krovnikoferi-master{
	 display:none;
	}
ul#navigacija li#krovninosaci-master{
	 display:none;
	}
ul#navigacija li#ratkapne-master{
	 display:none;
	}
	
.velmark-slider1 {
	width:100%;
	height: 341px;
	float: left;
	background-repeat:no-repeat;	
}

 .img-resp
    {
        padding: 0px;
        padding-top: 0px;
        width: auto;
        margin: 0px; 
        max-width: 100%;
        height: auto;
    }



	
	
	.okvir {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
     
   
   }

   	.okvir2 {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .okvir-ratkapne {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .slike-ratkapne {
	 width:auto;
     height:auto;
	 
 border:0px;

 }
 
 
   .slike-ratkapne img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
   .slike-presvlake{
	width:auto;
  
	 
 border:0px;

 
}


.slike-presvlake img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}

.h2-tekst{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}

.h2-tekst-ratkapne{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}


.autopresvlake-tekst{
width:auto;
height:auto;
text-indent:2px;
margin-left:0px;	
margin-top:20px;
margin-bottom:20px;
 
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
text-align:left; 
padding-right: 10px;
}

.koferi-tekst{
width:auto;
text-indent:2px;
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
 
}

.slike-koferi{
	width:100%;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	
 
 
}


.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:auto;
height:auto;
	
	 text-indent:2px;
 
margin-left:5px;	

font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	
padding-right: 10px;

text-align:left; 
 text-shadow:1px 0px 5px #fefefe;
 
}

.slike-nosaci{
	width:auto;
	float: left;
}


.slike-nosaci img{
	margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
#footer {
	width: 100%;
}
}

@media (width: 1025px)

{
	#header
	{
		width:auto;
		margin-right:0px;
	}

	#header
	{
		width:auto;
		margin-right:0px;
		
	}
	#content
	{
		width:auto;
		margin-right:0px;
		
		vertical-align: middle; 
		text-align:center;
		float: left;
	}
	.content-2
	{
		width:auto;
		max-width: 100%;
		height: 100px;
		float: left; 
		margin-left:0px;
		margin-top:0px;
		text-align:left;
	}
	.content-2 img
	{
		width:auto;
	    height: 100px;
		float: left; 
		
		margin-top:0px;
	
	}
	.content-1
	{
		width:auto;
		float:left;
		margin-left:0px;
		    text-align: left;
	}
	.content-3-index{

 display:none;
}

	.left
	{
		width:auto;
		float:left;
		margin-left:5px;
	}
	
   
	#kontejner
	{
		width:auto;

		margin:0px;
		 
		text-align: center;
		 
	}

	.okvirlinija
    {
		width:auto;
	}


.okvirproizvoda1 {

 width:auto;  

 margin-top: 10px;
 
}

.okvirproizvoda1 img{

 margin:0px;
 text-decoration:none;
 border:1px #dbd382   dashed;

}

.okvirproizvoda1 img:hover{

 margin:0px;
 text-decoration:none;
  border:1px red   dashed;
 
}


#strelice{

 display:none;
}

.hide{

 display:none;
}

.okvirproizvoda2 {
 float:left;
 width:auto;  
 margin: 0px;
 
 text-decoration:none;
 vertical-align: middle; 
 
}

.okvirproizvoda2 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  vertical-align: middle; 
  margin-top:25px;
}

.okvirproizvoda2 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda3 {
 clear:both;
 width:auto;  

 text-decoration:none;
   margin-top:25px;
 
}

.okvirproizvoda3 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda3 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda4 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda4 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda4 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirproizvoda5 {
 float:left;
 width:auto;  
   margin-top:25px;
 text-decoration:none;
 
}

.okvirproizvoda5 img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
}

.okvirproizvoda5 img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.okvirbrend {
 float:left;
 width:auto;  
 margin-top: 25px;
 margin:0px;
 text-decoration:none;
 
}

.okvirbrend img{

 margin-left:1px;
 text-decoration:none;
  border:1px #dbd382   dashed;
  margin-top: 25px;
}

.okvirbrend img:hover{

 margin-left:1px;
 text-decoration:none;
  border:1px red   dashed;
}

.brendovi{
	width:auto; 
	
    float:left;
 	color: #444;
 	text-decoration:none;
 	
 	 margin-bottom:10px;
border-top:1px #DBD382 dashed;
margin-top:50px;
  }
  .brendovi img{
	 margin-left:0px;

  }

  .services4{
	width:auto; }

	.footer{
	width:auto;
	height:auto;
	float: none; }

	.kartice{
	 }

.footerponuda3 {
 
}

.izradasajta {
    
}


#navigacija
	{
		display: block;
		z-index: 999;
		width: auto;
	}
.toggleMobile
	{
		position: fixed;
		top: 300px;
		left: 10px;
		display: block;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 9999;
	}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
	{
		display: block;
		position: absolute;
		width: 40px;
		height: 8px;
		left: 0;
		background: #e62e2e;
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile span.menu1
	{
		top: 0;
	}
	.toggleMobile span.menu2
	{
		top: 14px;
	}
	.toggleMobile span.menu3
	{
		top: 28px;
	}
	.toggleMobile.active span.menu1
	{
		top: 14px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu2
	{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}
	.toggleMobile.active span.menu3
	{
		opacity: 0;
		-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
	}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        display: none;
        margin-top:-10px;
        margin-left:0px;
}


#mobileMenu a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}

#mobileMenu ul li
{
        display:block;
        background-color: #d11820;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
		padding-top: 15px;
		padding-bottom: 15px;
}

#mobileMenu ul li ul li
{
	display:block;
	background-color: #d11820;
	color: #fff;
	padding:12px 0;
	letter-spacing: 0.1em;
	text-align:center;
	text-transform: uppercase;
	border-bottom: 1px solid #CC5836;	
	padding-top: 15px;
	padding-bottom: 15px;
}
#mobileMenu ul li ul{
	margin-top: 10px;
	}


#velmark-top {
    background: url('velmark-top6.jpg');
	 
	height: 59px;
	float: left;
	
	font-size: 14px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
	margin-top: 0px;

    text-align: center;
    text-decoration:none;
	 
}

 ul#navigacija{
	 width:auto;
	}
	

	
.velmark-slider1 {
	width:auto;
	height: 341px;
	float: left;
	background-repeat:no-repeat;	
}

 .img-resp
    {
        padding: 0px;
        padding-top: 0px;
        width: auto;
        margin: 0px; 
        max-width: 100%;
        height: auto;
    }



	
	
	.okvir {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
     
   
   }

   	.okvir2 {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .okvir-ratkapne {
     
   width:auto;
   height:auto;
   max-width:100%;
   float: left;
   margin-left:10px;
   margin-bottom:20px;
    
   
   }
   .slike-ratkapne {
	 width:auto;
     height:auto;
	 
 border:0px;

 }
 
 
   .slike-ratkapne img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}
   .slike-presvlake{
	width:auto;
  
	 
 border:0px;

 
}


.slike-presvlake img{
	 margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}

.h2-tekst{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}

.h2-tekst-ratkapne{
	width:auto;
	margin-left:0px;
	 
	 margin-top:25px;
    float: left;
	 max-width:100%;
	margin-bottom:0px;
	padding:0px;
}


.autopresvlake-tekst{
width:auto;
height:auto;
text-indent:2px;
margin-left:0px;	
margin-top:20px;
margin-bottom:20px;
 
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
text-align:left; 
padding-right: 10px;
}

.koferi-tekst{
width:auto;
text-indent:2px;
margin-left:5px;	
float: left;
font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#222017;
text-shadow:1px 0px 5px #fefefe;
 
}

.slike-koferi{
	width:100%;
	float: left;
	
 
 
}

.slike-koferi img{
	 margin-left:10px;
	  margin-top:10px;
	  border:0px;
	
 
 
}


.krovninosaci-slika{
	width:611px;
	height:349px;
	background: transparent url('krovninosaci slika.png') no-repeat;
 margin-top:20px;
	
float: left;

 
}

.krovninosaci-tekst{
	width:auto;
height:auto;
	
	 text-indent:2px;
 
margin-left:5px;	

font-size: 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
	  color:#222017;
	 
	
padding-right: 10px;

text-align:left; 
 text-shadow:1px 0px 5px #fefefe;
 
}

.slike-nosaci{
	width:auto;
	float: left;
}


.slike-nosaci img{
	margin-left:0px;
	  margin-top:0px;
	 border:0px;
 
 
}}