fhtml,body
{
	width:100%;
}

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

	html,body {
		overflow-x:hidden;
	}
}
#jezici a{
	margin:5%;
	font-size:30px;
	color:#fff;
	font-family: 'Tangerine', serif; 
}

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

	#jezici a {
		margin:2%;
		font-size:85px;
	}
}
#menu {
	height:43px;
	background-color:#dbdbdb;
}

#nav {
	width:85%;
	margin:0 auto;
} 

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

	#nav {
		width:100%;
	}
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav ul li {
	text-aling:center;
	float:left;
	height:43px;
	width:16.64%;
	line-height:43px;
	text-align:center;
	background-color:#dbdbdb;
	font-size:19px;
}

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

	#nav ul li{
		text-aling:center;
		float:left;
		height:43px;
		width:16.4%;
		line-height:43px;
		text-align:center;
		background-color:#dbdbdb;
		font-size:30px;
	}
}

#nav ul li a{
	text-decoration:none;
	color:#000;
	font-family: 'Tipo', serif;
}

#nav ul li li {
	background-color:#dbdbdb;
	display:none;
	width:100%;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:5px;
	box-shadow:5px 5px 5px #000;
	border-right:1px solid #077796;
	border-bottom:1px solid #077796;
}

#nav ul li li:hover {
	background:#dbdbdb;
}

#body {
	width:100%;
	background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 100)),url('3d_gallery/images/4-2a.jpg');
  	background-position:center;
	background-size:cover; 
	-webkit-background-attachment:fixed;
	-moz-background-attachment:fixed;		
	-ms-background-attachment:fixed;
	-o-background-attachment:fixed;
	background-attachment:fixed;
}



#ubody {
	padding-top:12%; 
	color:#fff;
	width:70.97560975609756%;
	margin:0 auto;
	text-align:center;
}

#ubody a {
	font-size:43px; 
	color:#fff;
	font-family: 'Raleway';
}




#ubody p {
	font-size:18px;
	line-height:23px;
	padding-bottom:15%;
	font-family: 'Raleway';
}

#ubody iframe {
    width:80%;
    height:400px;
    border:1px solid #fff;
    border-top:2px solid #fff;
}

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

	#ubody p{
		margin-top:50px;
		font-size:13px;
		text-align:left;
	}
}

#first-kontainer {
	background:#fff;
	width:100%;
}

.containere {
	text-align:center;
	padding-top:5%;
}

#section a{
	font-size:43px; 
	text-align:center; 
	color:#848383 !important;
}

.kontainer {
	padding-top:4%; 
	max-width:800px;
	width:100%;
	margin:0 auto; 
	padding-bottom:40px;
	
}

.dg-wrapper img {
	width:100%;
}

#soba1 {
	width:100%;
	background-attachment:fixed; 
	background-position:center; 
	background-size:cover;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('3d_gallery/images/1-3a.jpg');
}

#soba1 table {
	width:70%;
	height:50%;
}

#soba1 iframe {
    border:1px solid #fff;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    width:78%;
    height:320px;
    margin-left:2%;
    margin-top:15px;
    margin-bottom:15px;
}

#soba1 td:first-child img{
		width:300px;
		height:500px;
		border:none;
		box-shadow:none;
	}
@media only screen and (max-width : 1024px){

	#soba1 td:first-child img{
		width:240px;
	}
} 

#soba1 table img {
	width:287px; 
	border:1px solid #fff; 
	box-shadow:5px 5px 5px #000; 
	margin-left:20px; 
	border-radius:5px;
}

#razmak {
	height:40px;
	background:#fff;
}

#soba2 {
	width:100%;
	background-attachment:fixed; 
	background-position:center; 
	background-size:cover; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('3d_gallery/images/2-3a.jpg'); 
}

#soba2 table {
	width:70%;
	height:50%;
}

#soba2 iframe {
    border:1px solid #fff;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    width:78%;
    height:320px;
    margin-left:2%;
    margin-top:15px;
    margin-bottom:15px;
}

#soba2 td:first-child img{
		width:300px;
		height:485px;
		border:none;
		box-shadow:none;
	}
@media only screen and (max-width : 1024px){

	#soba2 td:first-child img{
		width:240px;
	}
} 

#soba2 table img {
	width:287px;  
	border:1px solid #fff; 
	box-shadow:5px 5px 5px #000; 
	margin-left:20px; 
	border-radius:5px;
}

#soba3 {
	width:100%
	background-attachment:fixed; 
	background-position:center; 
	background-size:cover; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('3d_gallery/images/3-3a.jpg');
}

#soba3 table {
	width:70%;
	height:50%;
}

#soba3 iframe {
    border:1px solid #fff;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    width:78%;
    height:320px;
    margin-left:2%;
    margin-top:15px;
    margin-bottom:15px;
}

#soba3 td:first-child img{
		width:300px;
		height:500px;
		border:none;
		box-shadow:none;
	}
@media only screen and (max-width : 1024px){

	#soba3 td:first-child img{
		width:240px;
	}
} 

#soba3 table img {
	width:287px; 
	border:1px solid #fff; 
	box-shadow:5px 5px 5px #000; 
	margin-left:20px; 
	border-radius:5px;
}

#soba4 {
	z-index:99999;
	width:100%;
	background-attachment:fixed; 
	background-position:center; 
	background-size:100%; 
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('3d_gallery/images/4-3a.jpg');
}

#soba4 table {
	width:70%;
	height:50%;
}

#soba4 iframe {
    border:1px solid #fff;
    border-left:2px solid #fff;
    width:78%;
    height:320px;
    margin-left:2%;
    margin-top:15px;
    margin-bottom:15px;
}

#soba4 td:first-child img{
		width:300px;
		height:500px;
		border:none;
		box-shadow:none;
	}
@media only screen and (max-width : 1024px){

	#soba4 td:first-child img{
		width:240px;
	}
} 

#soba4 table img {
	width:287px;  
	border:1px solid #fff; 
	box-shadow:5px 5px 5px #000; 
	margin-left:20px; 
	border-radius:5px;
}

#kontakt {
	width:100%;
	background:#fff;
	padding-bottom:2%;
}

#kontakt table {
	max-width:1000px;
	width:100%; 
	margin:0 auto; 
	text-align:center; 
	color:#a3a1a1; 
	border:2px solid grey;
}

#kontakt table td{
	padding:3%;
}

#kontakt table td:first-child{
	width:46%;
}

#kontakt table p {
	font-size:25px;
}


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

	#kontakt table p{
		font-size:42px;
	}
}

#cjenik {
	background:#fff;
	width:100%;
}

#cjenik table {
	height:40%;
	max-width:1000px;
	width:100%;
	margin:0 auto;
	text-align:center;
	color:#a3a1a1;
	border:2px solid grey;
}

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

	#cjenik table {
		font-size:29px;
	}
}

#cjenik table td {
	border:1px solid grey;
	padding:3%;
}


#img {
	position:fixed;
	z-index:9999;
	margin-left:2%;
	margin-top:2%;
	
}

#img img {
	height:40px;
	width:40px;
}

.scrollToTop{
	width:6.09756097560976%; 
	height:7.2%;
	padding:0.60975609756098%; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:5.5731707317073%;
	right:2.4390243902439%;
	display:none;
	background: url('arrow_up.png') no-repeat 0px 1.21951219512195%;
}
.scrollToTop:hover{
	text-decoration:none;
}

#footer {
	position:relative;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .6);
	width:100%;
	height:60px;
}

#sve-footer {
	margin:0 auto;
	width:40%;
}

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

	#sve-footer {
	width:60%;
}
}

#logo1 img {
	height:40px;
	float:left;
	margin-top:10px;
}

#copy {
	float:left;
	color:#fff;
	margin-top:20px;
	margin-left:10%;
}
#footer-pismo img{
	width:40px;
	float:right;
	margin-top:20px;
}