@import url(https://fonts.googleapis.com/css?family=Oxygen:300&subset=latin,latin-ext);

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Oxygen', sans-serif;
	font-size: 14pt;
	font-weight: 400;
	color: #fff;
	line-height: 22px;
	
	background-color:#640102;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#e60000), to(#640102));/* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-radial-gradient(circle, #e60000, #640102);/* Safari 5.1+, Chrome 10+ */
    background: -moz-radial-gradient(circle, #e60000, #640102);/* Firefox 3.6+ */
    background: -ms-radial-gradient(circle, #e60000, #640102);/* IE 10 */
}


#pozadina {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:99%;
	background-image: url(../images/grad-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	z-index:-5;			
		}



/* unvisited link */
a:link {
    color: #fff;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: #fff;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #fff;
	text-decoration:none;
}

/* selected link */
a:active {
    color: #fff;
	text-decoration:none;
}
			
			
hr {
	background-color: rgba(1, 1, 1, .1);
	height: 3px;
	border: none;
	width: 90%;
    }			



h1 {
	font-family: 'Oxygen', sans-serif;
	font-size: 22pt;
	color: #fff;
	text-align: left;
	line-height: 30px;	
}

h2 {
	font-family: 'Oxygen', sans-serif;
	font-size: 16pt;
	text-align: left;
	color: #fff;
	line-height: 30px;
	font-weight: bold;	
}


#strana {
	width: 100%;
	text-align: center;
	position: relative;
	display:inline-block;

			}

#Naslovna_strana {
	width: 100%;
	text-align: center;
	z-index: 10;
	position: relative;
	display:inline-block;
	min-height:770px;
	max-width:950px;

justify-content: space-around;
align-items: center;
flex-wrap: wrap;
			
			}
  

div.strana100 {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width:950px;
	text-align: center;
	padding: 0px;
	margin: 0px;
  }
  
.meni {
	font-family: 'Oxygen', sans-serif;
	font-size: 13pt;
	/*box-shadow: 2px 2px 10px #010101;*/
	display: inline-block;
	width: 90px;
	text-align: center;
	cursor: pointer;
	padding: 10px 30px;
	
	background-image:url(../images/meni_linija.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom;
  }
 .meni_active {
	font-family: 'Oxygen', sans-serif;
	font-size: 13pt;
	display: inline-block;
	width: 90px;
	text-align: center;
	cursor: pointer;
	padding: 10px 30px;
  }	

.eng {
	font-family: 'Oxygen', sans-serif;
	font-size: 12pt;
	/*box-shadow: 2px 2px 10px #010101;*/
	display: inline-block;
	width: 90px;
	text-align: center;
	cursor: pointer;
	padding: 10px 30px;
  }

#logo_web_atelje{
	display: inline-block;
	width:95%;
	max-width:618px;
	max-height:618px;
	}

div.d33 {
	display: inline-block;
	vertical-align: middle;
	width: 33%;
	max-width:200px;
	
	text-align: right;
	padding: 0px 40px 0px 0px;
	margin: 0px;
  }
div.d66 {
	display: inline-block;
	vertical-align: middle;
	width: 66%;
	max-width:700px;
	text-align: left;
	padding: 0px;
	margin: 0px;
  }
  
div.d85 {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	max-width:850px;
	text-align: left;
	padding: 0px;
	margin: 0px;
  }
  
div.d88 {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	max-width:900px;
	text-align: left;
	padding: 0px;
	margin: 0px;
  }

div.podjela25 {
	position:relative;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width:446px;
	height:262px;
	padding: 0px 0px 5px 0px;
	margin:0px;
	
  }
.iznad {
    position:absolute;
	inline-box-align: initial;
	top:0px;
	left:0px;
	height:100%;
	width: 100%;
    
	z-index: 5;
	
}


.ispod {
	position: absolute;
	inline-box-align: initial;
	top: 0px;
	left: 0px;
	width:90%;
	z-index: 2;
	margin:5%;
	text-shadow: 3px 3px 2px #000;
	height:250px;
}

.ispod a:link{
	color: #FFF;
	text-decoration: none;
}
.ispod a:visited{
	color: #FFF;
	text-decoration: none;
}
.ispod2 {
	position: absolute;
	inline-box-align: initial;
	top: 0px;
	left: 0px;
	width: 444px;
	height: 260px;
	z-index: 1;
	background-color: rgba(1, 1, 1, .3);
	border: solid 1px transparent;
	border-radius: 10px;
}

#footer {
	display: inline-block;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	z-index: 96;
	text-align: center;
	background-color: rgba(0,0,0,0.2);	
}

div.footer33 {
	font-family: 'Oxygen', sans-serif;
	font-size: 12pt;
	position:relative;
	display: inline-block;
	text-align: center;
	width:30%;
  }
 div.podjela50 {
	display: inline-block;
	vertical-align: top;
	text-align:left;
	width: 95%;
	max-width: 440px;
	padding: 10px;
	margin: 0px;
  }
   
 div.podjela100mapa {
	 position:relative;
	display: inline-block;
	overflow:hidden;
	vertical-align: top;
	width: 100%;
	height:400px;
	
	text-align: center;
	padding: 0px;
	margin: 0px;
  }

@media all and (max-width: 900px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.meni {
display:block;
width: 92%;
left:10px;
margin: 2px;
padding: 15px 10px;
border: solid 1px transparent;
border-radius:10px;
}
div.d33 {
	width: 66%;
  }
div.d66 {
	width: 90%;
  }
div.d85 {
	width: 90%;
  }
div.d88 {
	width: 90%;
	text-align: center;
  }
 div.podjela50 {
	width: 90%;
	max-width: 900px;
	padding: 0px;
  }
   
 div.podjela100mapa {
	width: 100%;
	height:300px;
  }

div.podjela25 {
	width:100%;
	max-width:446px;
	max-height:262px;
  }
.iznad {
	width: 100%;
}


.ispod {
	width:90%;
	max-width:300px;
	max-height:200px;
	z-index: 2;
	margin:5%;
	
	height:150px;
}
.ispod2 {

	width:100%;
	height:90%;
}
h2 {
	font-family: 'Oxygen', sans-serif;
	font-size: 15pt;
}  

div.footer {
	display:none;
  }
#footer {
	display:none;
  }
    
}

@media all and (max-width: 620px) {




}