@charset "utf-8";

/*------------------------------------------BODY HEADER I NSL-----------------------------------*/
body {
	margin: 0px;
	margin-bottom: -10px;
	width: 100%;
	max-width: 2000px;
	line-height: 3.6vh;
	font-family: "Ebrima", "Trebuchet MS", sans-serif;
	font-size: 2.5vh;
	text-align: justify;
	color: #0E0E0E;
	font-style: normal;
	font-weight: 300;
}

#header {
	width: auto;
	height: 15.4vh;
	background-color: #FFFFFF;
	margin: 0px;
	padding-bottom: 1.54vh;
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 2;
}

#logo {
	width: 8.1vw;
	height: auto;
	float: left;
	margin-left: 2.9vw;
	padding-top: 0.77vh;
}

#tz {
	width: 20vw;
	display: block;
	float: left;
	font-size: 2.54vw;
	font-family: "ubuntu";
	padding-top: 6.6vh;
	text-shadow: 0px 3px 4px #C9D7DC;
	color: rgba(83,120,134,1.00);
}

#tz a:link {
	color: #537886;
	text-decoration: none;
}
#tz a:visited {
	color: #537886;
	text-decoration: none;
}
#tz a:hover {
	text-decoration: none;
	color: #537886;
}

#face {
	width: 3vw;
	height: auto;
	float: right;
	margin-top: 4.7vh;
	margin-right: 4.3vw;
}

#menu {
	padding-top: 4.35vh;
	margin-right: 3.8vw;
	width: 50vw;
	text-align: right;
	display: block;
	float: right;
}
#menu li {
	list-style-type: none;
	display: inline;
	padding-left: 2.5vw;
	font-family: "ubuntu";
	color: #537886;
}

#menu li a:link {
	color: #537886;
	text-decoration: none;
}
#menu li a:visited {
	color: #537886;
	text-decoration: none;
}
#menu li a:hover {
	text-decoration: none;
	color: #DCA912;
}
#menu li a:active {
	text-decoration: none;
	color: #C9D7DC;
}

.slicknav_menu {
	display:none;
}

#nsl {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

#nslp {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

#nslmob {
	display: none;
}

#sve {
	margin-top: 17vh;
	margin-left: 11.1vw;
	margin-right: 11.1vw;
}

#hometxt {
	margin-top: 6.4vh;
	margin-left: 9.4%;
	margin-right: 9.4%;
	padding-right: 3vw;
	padding-left: 3vw;
	padding-bottom: 5.12vh;
	padding-top: 4vh;
	font-size: 1.55vw;
	text-align: center;
	background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(201,215,220,1.00) 100%);
	line-height: 180%;
	font-style: normal;
	font-weight: 300;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.crta {
	width: 100%;
	height: 1px;
	border-top: 1px solid #C9D7DC;
	margin-top: 15.5vh;
	display: inline-block;
}
.crtax {
	width: 100%;
	height: 1px;
	margin-bottom: 15.6vh;
	display: inline-block;
}

.naslovde {
	width: 100%;
	padding-bottom: 6.5vh;
	padding-left: 1.8vw;
	font-size: 2vw;
	color: #DCA912;
	font-family: "ubuntu";
}

.naslov {
	width: 100%;
	padding-top: 5%;
	padding-bottom: 3vh;
	font-size: 2vw;
	color: #DCA912;
	font-family: "ubuntu";
}

.txtli {
	width: 49%;
	height: 100%;
	float: left;
}

.txtliin {
	padding-right: 1.8vw;
	padding-left: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	background-image: linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(201,215,220,1.00) 100%);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.txtde {
	width: 65%;
	height: 100%;
	display: block;
	float:right;
}

.txtdein {
	padding-right: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	padding-left: 3vw;
	background-image: linear-gradient(270deg,rgba(201,215,220,1.00) 0%,rgba(255,255,255,1.00) 100%);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.slikade {
	width: 49%;
	height: auto;
	float: right;
}

/*--------------------------------------RAZGLEDI-----------------------------------------------------*/

#razgledi {
	width: 100%;
	height: auto;
}

.txtliin a:link {
	color: #537886;
	text-decoration: none;
}
.txtliin a:visited {
	color: #537886;
	text-decoration: none;
}
.txtliin a:hover {
	text-decoration: none;
	color: #DCA912;
}

.turetxtli {
	width: 60%;
	height: auto;
	display: block;
	float: left;
	padding-right: 1.8vw;
	padding-left: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	background-image: linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(201,215,220,1.00) 100%);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.turetxtde {
	width: 60%;
	height: auto;
	display: block;
	float: right;
	padding-right: 1.8vw;
	padding-left: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	background-image: linear-gradient(270deg,rgba(201,215,220,1.00) 0%,rgba(255,255,255,1.00) 100%);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.slikader {
	width: 35%;
	height: 100%;
	display: block;
	float: right;
}

.slikalir {
	width: 35%;
	height: 100%;
	display: block;
	float:left;
}

.slikalirmob {
	display:none;
}

#r1 {
	width: 100%;
	height: auto;
	margin-top: 20vh;
}

#r2 {
	width: 100%;
	height: auto;
}

#r3 {
	width: 100%;
	height: auto;
}

.slr {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	margin-top: 9vh;
}

.crtar {
	width: 100%;
	height: 1px;
	margin-top: 3.5vh;
	margin-bottom: 3.5vh;
	display: inline-block;
}

/*--------------------------------------O MENI-----------------------------------------------------*/

#omeni {
	width: auto;
	height: auto;
	display: block;
}

.omenimix {
	width: 34%;
	height: 100%;
	float:left;
}

#slikali {
	width: 100%;
	height: auto;
	float:left;
}

#slikalimob {
	display: none;
}

#prijevodi {
	width: 95%;
	padding-top: 3vh;
	padding-bottom: 3vh;
	padding-right: 1.5vh;
	padding-left: 1.5vh;
	margin-top: 5.2vh;
	font-size: 1.55vw;
	border-radius: 20px;
	border: 1px solid #C9D7DC;
	text-align: center;
	font-family: "ubuntu";
	color: #537886;
	float: left;
	display: inline-block;
	transition: 0.7s;
}

#prijevodi a:link {
	color: #537886;
	text-decoration: none;
	transition: 0.7s;
}

#prijevodi a:visited {
	color: #537886;
	text-decoration: none;
}

#prijevodi a:hover {
	text-decoration: none;
	font-size: 1.7vw;
}

#prijevodimob {
	display: none;
}

#prijevodimob a:link {
	display: none;
}

#prijevodimob a:visited {
	display: none;
}

#prijevodimob a:hover {
	display: none;
}

/*--------------------------------------PRIJEVODI-----------------------------------------------------*/

#transtxt {
	width: auto;
	height: auto;
	padding-right: 1.8vw;
	padding-left: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	background-image: linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(201,215,220,1.00) 100%);
	border-radius: 20px;
	margin-top: 1.3vh;
	
}

/*--------------------------------------KONTAKT-----------------------------------------------------*/

#kontakt {
	width: 100%;
	height: auto;
	display: block;
}

#kontxt {
	padding-top: 3.85vh;
	padding-bottom: 3.85vh;
	padding-left: 2.25vw;
	padding-right: 2.25vw;
	background-image: linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(201,215,220,1.00) 100%);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#kontxt2 {
	width: 45%;
	padding-right: 1.8vw;
	padding-left: 1.8vw;
	padding-top: 3vh;
	padding-bottom: 3vh;
	border: 1px solid #DCA912;
	border-radius: 20px;
	float: left;
}

#logomemb {
	float: right;
	margin-right: 5vw;
	margin-top: 1.02vh;
}

/*------------------------------------------GALERIJA-----------------------------------*/
.g {
	width: 1100px;
	height: 3540px;
	margin-top: 17.5vh;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: rgba(29,24,19,0.83);
	display: block;
	border-radius: 20px;
}

.g img {
	padding: 1px;
	margin-bottom: 30px;
	transition: 1s;
}
.g img:hover {
	transform: scale(1.1);
}

#footer {
	margin-top: 20vh;
	width: 100%;
	height: 11vh;
	border-top: 1px solid #C9D7DC;
	font-size: 9pt;
	color: #537886;
	text-align: center;
	display: inline-block;
}