a:link, a:visited, a:active {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: none;
}




html, body {width:100%; padding:0; margin:0;}

body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #666666;
}

#strana {
	position: relative;
	width: 100%;
	top: 0px;
	text-align: center;
	z-index: 5;
			
			}

 
hr {
	background-color: #9F9F9F;
	height: 1px;
	border: none;
	width: 100%;
    }			

h12 {
	font-size: 23pt;
	color: #FF6600;
	text-align: left;
}


.podjela100, .podjela80, .podjela50, .podjela50r, .slika {
	display: inline-block;
	vertical-align: top;
	text-align:center;
	width: 100%;
	max-width:1100px;
	padding: 0px;
	margin: 0px;
  }

.podjela80 {width: 80%; font-size: 18px; line-height: 30px;}

.podjela50 {width: 50%; font-size: 15px; line-height: 20px; text-align:left;}
.podjela50r {width: 50%; font-size: 15px; line-height: 20px; text-align:right;}
.slika {max-width:600px;}

@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) {

.strana {width: 100%;}
.podjela80 {width: 90%;}
.podjela50 {width: 90%; font-size: 13px; line-height: 17px;}
.podjela50r {width: 90%; font-size: 13px; line-height: 17px;}
.slika {width: 90%;}

}
}