@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@font-face {
font-family: 'Open Sans Condensed', sans-serif;
}
@font-face {
    font-family: 'Ubuntu-Italic';
    src:url(../fonts/Ubuntu-Italic.ttf) format('truetype');
}

h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0;}
p {font-family: 'Open Sans Condensed', sans-serif;}
html{

}
body { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; font-weight:300; color: white; margin: 0; padding: 0; }
#page { font-family: 'Open Sans Condensed', sans-serif; max-width: 1400px; margin: 0 auto; position: relative; }



body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
body{
background: url(../images/ozadje.jpg) 0px -20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
background-size:cover;
width:100%;
  }


h1 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:40px; padding-left:40px; padding-top:30px; padding-bottom:30px; }  
h2 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:28px; padding-left:40px; padding-top:10px; padding-bottom:5px; }  
h3 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; padding-left:40px; padding-top:10px; padding-bottom:5px; }  

a:link,a:hover,a:visited,a:hover,a:active{
	color:#fff;
    text-decoration: none;	
}  
a:hover {
color: rgba(250, 250, 250, 0.6);
text-decoration: none;
}   

p {
	font-family: 'Open Sans Condensed', sans-serif;
	padding:0px;
	margin:0px;
}

.velikilogo{
   max-width:680px;
   margin:auto;
   margin-top:30px;
} 
.velikilogo img{
   width:680px;  
}
.velikilogo a{
    outline:0;
}


.informacije{
background-size:100%;
text-align:center;
width:100%;
margin-top:0px;
margin:0 auto;
display:inline-block;
padding-left:180px;
} 
.info{
margin-left:0px;
font-size:23px;
   width:100px;
   display:inline-block;
   color: rgba(0, 0, 0, 0.6);

}

.podjetje{
margin-left:0px;
font-size:23px;
   width:100px;
   display:inline-block;
   color: rgba(0, 0, 0, 0.6);

}

header .content { overflow: auto; margin:0 auto; margin-top:60px; margin-bottom:30px;

	overflow: auto;
	position: relative;
	padding: 20px;
	margin: 10px;
	width: 790px;
	max-width: 97%;
	height: 400px;
background: rgba(0, 0, 0, 0.5);
margin:0 auto;
margin-top:70px;
}




.oddelek{ display: table; position: relative; height: 450px; width:792px; background: rgba(0, 0, 0, 0.5); background-size:100%; max-width:792px; margin:0 auto; left:0px; height: 450px; width: 792px; overflow: auto; }


.malilogo img{
width:190px; text-align:left; margin-left:30px; padding-top:20px; margin-bottom:-5px; padding-left:5px; display: inline;
}
.malilogo a{
outline:0;
}
.informacije2{
 background-size:100%;
text-align:center;

   width:100%;
   margin-top:0px;
   display:inline-block;
   padding-right:400px;

} 
.info2{
margin-left:0px;
font-size:12px;
   width:44px;
   display:inline-block;
   color: rgba(250,250, 250, 0.6);
}
  
  
  
  
  
.besedilo{
color:#fff;
font-size:15px;
margin-top:10px;
}
.besedilo p{
font-size:20px;
color:rgba(250, 250, 250, 0.6);
padding-left:40px;
padding-right:10px;
padding-bottom:10px;
font-family: 'Open Sans Condensed', sans-serif;
text-align:justify;
}
.besedilo img{
text-align:justify;
width:230px;
}
  
 



 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
  
  

  
.men {
padding-top:10px;
display: inline-block; 
text-align:center;
width:100%;
color:#fff;
}   
.nav1 {
display: inline-block; 
text-decoration:none;
color:#fff;
}  
.nav1 > li {
border-top:solid rgba(250, 250, 250, 0.3);
border-bottom:solid rgba(250, 250, 250, 0.3);
border-width:2,5px;
display:inline-block;
margin-left:6px;
margin-right:6px;
padding-bottom:4px;
padding-top:4px;

}    
.nav1 > li  > a{
font-size:24px;
padding: 0 8px;
font-weight: 400;
color: rgba(250, 250, 250, 0.6);
border-bottom:bold #fff;
}  
.nav1 > li > a:hover{
color: rgba(250, 250, 250, 0.4);
text-decoration: none;
font-weight:300;	

}  

.men ul li a.active {
color: rgba(250, 250, 250, 0.4);
text-decoration: none;
font-weight:300;	
}





 
.men1 {
padding-top:10px;
margin-top:150px;
padding-right:30px;
display: inline-block; 
text-align:center;
width:100%;
color:#fff;
}   
.men1 a{
outline:0;}  
.nav2 {
display: inline-block; 
text-decoration:none;
color:#fff;
}  
.nav2 > li {
border-top:solid rgba(250, 250, 250, 0.3);
border-bottom:solid rgba(250, 250, 250, 0.3);
border-width:2,5px;
display:inline-block;
margin-left:6px;
margin-right:6px;
padding-bottom:4px;
padding-top:4px;

}    
.nav2 > li  > a{
font-size:24px;
padding: 0 9px;
font-weight: 400;
color: rgba(250, 250, 250, 0.6);
border-bottom:bold #fff;
}  
.nav2 > li > a:hover{
color: rgba(250, 250, 250, 0.4);
    text-decoration: none;
	font-weight:300;	
	
}  






/* kontakt */
aside { width: 43%; float: left; text-align: left; padding-top:20px;display:inline; padding-bottom:30px;}
aside .info{ width: 400px; padding: 0px 0px 0px 40px; color: #fff;}

iframe{  padding-left:35px; }


/* footer */
footer { font-size:23px; width:100%; font-size: .8em; padding:5px 5px 5px 5px; color:#999; background-color:#5c5c5c; margin-top:140px;}
footer .content { display:inline; width:100%}

footer a{ margin-left:30px; color:#999; font-size:100%; text-decoration:none;}
footer a:visited { color:#777; text-decoration:none;}
footer a:hover { color:#000; text-decoration:none;}







footer .content a{
color:#fff;
outline:0;}   

footer content a:link,a:visited,a:active{
	color:#fff;
    text-decoration: none;	
	outline:0;
}  
footer content a:hover {
color: #000;
text-decoration: none;
}  







/*
  
  
 @media (max-width: 1230px) {


body{
background-size:1240px;
width:100%;
}

}  
  
  
@media (max-width: 1150px) {


body{
background-size:1240px;
width:100%;
  }






  

  
  
  

 
.povezave{
display:none;
}   
.povezave1 img{


width:35px;
margin-left:5px;
} 
.povezave2 img{

width:35px;
margin-left:5px;
}
.povezave3 img{

width:35px;
margin-left:5px;
}
.povezave1{
display:inline-block;
position:absolute;
margin-left:160px;
margin-top:12px;



} 
.povezave2{
display:inline-block;
position:absolute;
margin-left:200px;
margin-top:12px;

} 
.povezave3{
display:inline-block;
position:absolute;
margin-left:240px;
margin-top:12px;
} 








  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
} 
*/

@media screen and (max-width: 830px) {


body{
background-size:1240px;
width:100%;
}

.velikilogo{
	width:550px;
} 
.velikilogo img{
	max-width:550px;
}





/*

.con1 {
background-size:100%;
max-width:785px;
margin:auto;
padding-top:180px;
padding-bottom:0px;
} 
.con1 a{
outline:0;}  
.men1 {
padding-top:10px;
display: inline-block; 
text-align:center;
width:782px;
color:#fff;
padding-right:35px;
}   
.nav2 {
display: inline-block; 
text-decoration:none;
color:#fff;
  -vendor-animation-duration: 3s;
/*  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;*/
  
.nav1 > li  > a{
font-size:20px;
}  
  
  
  
  
  
  
  
  
.men1 {
/*padding-top:10px;
display: inline-block; 
text-align:center;
width:620px;
color:#fff;*/

}   

/*.nav2 > li {
border-top:solid rgba(250, 250, 250, 0.3);
border-bottom:solid rgba(250, 250, 250, 0.3);
border-width:2,5px;
display:inline-block;
margin-left:6px;
margin-right:6px;
padding-bottom:4px;
padding-top:4px;

}   */ 
.nav2 > li  > a{
font-size:20px;
padding: 0 5px;
font-weight: 400;
color: rgba(250, 250, 250, 0.6);
border-bottom:bold #fff;
}  





.informacije{
text-align:center;
padding-right:70px;
} 
.info{
margin-left:0px;
font-size:20px;
   width:90px;
}






.podjetje{
margin-left:0px;
font-size:20px;
   width:90px;
}





/*
.informacije{
position:relative;
 background-size:830px;
text-align:center;
width:830px;
padding-right:35px;
display:inline-block;
} 
.info{
margin-left:0px;
font-size:20px;
   width:120px;
   display:inline-block;
}*/

/*
header  { position:relative; height: 450px; width: 830px; overflow: none;  margin-top:60px; margin-bottom:30px; padding-left:20;}


header .content { position:relative; height: 450px; width: 792px; overflow: none;  margin-top:60px; margin-bottom:30px; padding-left:20;}

.oddelek{ display: table; position: relative; height: 450px; width:792px; background: rgba(0, 0, 0, 0.5); background-size:100%; max-width:792px; margin:0 auto; left:0px; height: 450px; width: 792px; overflow: auto; }
*/

/*

footer { position:relative; width:830px;}
footer .content { width:830px;}
*/


}  



@media screen and (max-width: 640px) {


body{
background-size:1240px;
width:100%;
}

.velikilogo{
	width:450px;
} 
.velikilogo img{
	max-width:450px;
}






.informacije{
text-align:center;
padding-right:0px;
padding-left:75px;

} 
.info{
margin-left:0px;
font-size:17px;
   width:80px;
}


.podjetje{
margin-left:0px;
font-size:17px;
   width:80px;
}



.informacije2{
 background-size:100%;
text-align:center;

   width:100%;
   margin-top:0px;
   display:inline-block;
   padding-right:210px;

} 
.info2{
margin-left:0px;
font-size:12px;
   width:44px;
   display:inline-block;
   color: rgba(250,250, 250, 0.6);
}









/*

.con1 {
background-size:100%;
max-width:785px;
margin:auto;
padding-top:180px;
padding-bottom:0px;
} 
.con1 a{
outline:0;}  
.men1 {
padding-top:10px;
display: inline-block; 
text-align:center;
width:782px;
color:#fff;
padding-right:35px;
}   
.nav2 {
display: inline-block; 
text-decoration:none;
color:#fff;
  -vendor-animation-duration: 3s;
/*  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;*/

  
  

  
  
.men {
padding-top:10px;
display: inline-block; 
text-align:center;
width:100%;
color:#fff;
} 
.nav1 > li {
margin-left:0px;
margin-right:0px;
padding-bottom:4px;
padding-top:4px;
padding: 0 0px;
}    
.nav1 > li  > a{
font-size:15px;
}  
 

.men1 {
padding-top:10px;
display: inline-block; 
text-align:center;
width:100%;
color:#fff;



/*padding-top:10px;
display: inline-block; 
text-align:center;
width:480px;
color:#fff;
padding-right:0px;
padding-left:0px;
margin-left:0px;
margin-right:0px;
margin-top:170px;*/

} 
.men1 a{
outline:0;}   
.nav2 {
/*display: inline-block; 
text-decoration:none;
color:#fff;*/
} 
.nav2 > li {
margin-left:0px;
margin-right:0px;
padding-bottom:4px;
padding-top:4px;
padding: 0 0px;



/*border-top:solid rgba(250, 250, 250, 0.3);
border-bottom:solid rgba(250, 250, 250, 0.3);
border-width:2,5px;
display:inline-block;
margin-left:2px;
margin-right:2px;
padding-bottom:4px;
padding-top:4px;*/



}    
.nav2 > li  > a{
font-size:19px;
padding: 0 0px;
font-weight: 400;
color: rgba(250, 250, 250, 0.6);
border-bottom:bold #fff;
}  
.nav2 > li > a:hover{
color: rgba(250, 250, 250, 0.4);
    text-decoration: none;
	font-weight:300;	
	
}  



aside { width: 93%; float: left; text-align: left; padding-top:20px;display:inline; padding-bottom:30px;}
aside .info{ width: 400px; padding: 0px 0px 0px 40px; color: #fff;}





/*
header  { position:relative; height: 450px; width: 830px; overflow: none;  margin-top:60px; margin-bottom:30px; padding-left:20;}


header .content { position:relative; height: 450px; width: 792px; overflow: none;  margin-top:60px; margin-bottom:30px; padding-left:20;}

.oddelek{ display: table; position: relative; height: 450px; width:792px; background: rgba(0, 0, 0, 0.5); background-size:100%; max-width:792px; margin:0 auto; left:0px; height: 450px; width: 792px; overflow: auto; }
*/

/*

footer { position:relative; width:830px;}
footer .content { width:830px;}
*/


}  



@media screen and (max-width: 400px) {

h1 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:30px; padding-left:10px; padding-top:30px; padding-bottom:5px; }  
h2 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; padding-left:10px; padding-top:10px; padding-bottom:0px; }  
h3 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; padding-left:10px; padding-top:10px; padding-bottom:0px; }  

aside h2 { color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; padding-left:40px; padding-top:10px; padding-bottom:0px; }  



.velikilogo{
	width:320px;
} 
.velikilogo img{
	max-width:320px;
}




.informacije{
text-align:center;
padding-right:0px;
padding-left:0px;

} 
.info{
margin-left:0px;
font-size:15px;
   width:70px;
}





.malilogo img{
 padding-top:0px; 
}


.informacije2{
display:none;
} 
.info2{
display:none;
}

header .content { height: 350px; margin-top:10px;}

.besedilo p{
padding-left:10px;
padding-right:5px;

}




.men {
position:relative;
padding-top:10px;
display: inline-block; 
text-align:center;
color:#fff;
right:55px;
} 
nav {
width:390px;
}
.nav1 > li {
margin-left:0px;
margin-right:0px;
padding-bottom:4px;
padding-top:4px;
padding: 0 0px;
}    

.nav1 > li  > a{
font-size:16px;
padding:0 0px;
}  








.men1 {
position:relative;
padding-top:10px;
display: inline-block; 
text-align:center;
color:#fff;
right:55px;
} 
.nav2 > li {
margin-left:0px;
margin-right:0px;
padding-bottom:4px;
padding-top:4px;
padding: 0 0px;
border-top:solid rgba(0, 0, 0, 0.5);
border-bottom:solid rgba(0, 0, 0, 0.5);

}    

.nav2 > li  > a{
font-size:16px;
padding:0 0px;
color: rgba(0, 0, 0, 0.8);
}  
.nav2 > li > a:hover{
color: rgba(0, 0, 0, 0.5);
}  




}