body {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-family:Bitter, Droid Sans;
    	overflow-x:hidden;
    	overflow-y:auto;
}



.navigacija {
	text-align:right;
	width:100%;
	height:60px;
	z-index:10;
	position:fixed;
	top:0px;
	left:0px;
	background: #ca2418 url(''); 
	no-repeat top center fixed;
	background-size:cover;
	font-family:Droid Sans;
	font-weight:600;
	text-decoration:none;
}

nav {
	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
	margin-right:30px;
	text-decoration:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

nav li {
	position:relative;
	text-decoration:none;
	float:left;
}

nav li a {
	color:#ffffff;
	padding:25px 20px;
	display:block;
	font-size:16px;
	text-align:right;
	text-decoration:none;
}

nav li a:hover {
	color:#2d2d31;
	text-decoration:none;
}

.logo {
	position:relative;
	float:left;
	vertical-align:middle;
	width:200px;
	height:40px;
	display:inline-block;
	margin-top:10px;
	margin-left:30px;
}

header {
	margin:0px;
	width: 100%;
	height: 800px;
	background: url('../images/naslovna2.png') no-repeat top center fixed;
	background-size: cover;
}

.container {
	margin: 0 auto;
	width:960px;
}

p {
	font-family:Droid Sans;
	padding: 0px;
	margin: 0px;
}

#oproizvodu {
	bacground:#fff;
	margin:0px;
	padding:0px;
}

.tekstoproizvodu {
	position:relative;
	clear:both;
	font-size:16px;
	float:right;
	line-height:22px;
	color: #27252b;
	text-align:justify;

}

.video { 
	border:none;
	float:left;
	width:60%;
	height:400px;
	margin-right:30px;
}

h1 {
	margin:0px;
	padding:15px 0px 15px 0px;
	font-size:30px;
	font-weight:900;
}

h2 {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:20px;
	font-weight:600;
	color:#ca2418;
	font-family:Droid Sans;
}

div {
display:block;
}

#galerija {
	margin-top:430px;
	padding:0px 0px 30px 0px;
	bacground:#ca2418;
}

.galerija {
	display: inline-block;
	padding:10px 20px 8px 0px;
	width:200px;
	height:auto;
}

#tim {
	margin-top:0px;
	width:100%; 
	position:relative; 
	overflow:hidden; 
	overflow:visible;
	background-color:#fff;
	padding:0px 0px 30px 0px;
}

.otimu {
	margin:0px;
	float:left; 
	width:100%; 
	position:relative; 
	overflow:hidden; 
	overflow:visible;
	text-align:center;
	background-color:#fff;
	padding:0px 20px 10px 25px;
}

.otimu.efekt img {
	transition:0.5s;
	background-color:#fff;
	}
	
.otimu.efekt:hover img{
	transform:scale(0.5) translateY(-5%); 
	position:relative; 
	z-index:9;
	background-color:#fff;
}
.otimu.efekt .text-desc{
	transform:translateY(5%); 
	opacity:0; 
	padding:-100px 0px 100px; 
	transition:0.5s;
	background-color:#fff;
	color:white;
}
.otimu.efekt:hover .text-desc {
	transform:translateY(-40px);
	opacity:1;
	background-color:#fff;
	color:white;
}

.otimu li {
	float:left;
	width:20%; 
	padding:10px 1%; 
	list-style:none;
}

.rad {
	font-family:Droid Sans;
	font-weight:400;
	font-size:17px;
	padding-top:8px;
	color:#ca2418;
}

ul {
	display:block;
	margin:0 -1.5%;
}

.listaTima {
	float:left;
	width:20%; 
	list-style:none;
}


#listaRadova {
	width:75%;
	margin:0 auto;
}

#kontakt {
	margin-top:280px;
	padding:0px 0px 30px 0px;
	background:#ca2418;
	height:260px;
}

.listakontakt {
	width:75%;
	margin:0 auto;
}

#listakontakt1 {
	display:inline-block;
	width:30%;
	background:transparent url('../images/mail.png') center 10% no-repeat;
	background-size:70px;
	padding:85px 10px 20px;
	text-align:center;
	font-family:Droid sans;
	color:white;
}

#listakontakt2 {
	display:inline-block;
	width:30%;
	background:transparent url('../images/location.png') center 10% no-repeat;
	background-size:70px;
	padding:85px 10px 20px;
	text-align:center;
	font-family:Droid sans;
	color:white;
}

#listakontakt3 { 	
	display:inline-block;
	width:30%;
	background:transparent url('../images/phone.png') center 10% no-repeat;
	background-size:70px;
	padding:85px 10px 20px;
	text-align:center;
	font-family:Droid sans;
	color:white;
}

#listakontakt p {
	font-size:16px;
	color: #fff;
}

.mreze {
	position:relative;
	padding: 20px 45px 20px 45px;
}