@charset "utf-8";
body,html{margin:0;padding:0;width:100%;height:100%!important}
*{font-family:"Open Sans",sans-serif}
p{
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	word-wrap: break-word;
	color: #807D7D;
}
h1, h2, h3, h4 {
	padding-top: 5px;
	padding-bottom: 10px;
	word-wrap: break-word;
}

ul{
	font-size: 16px;
	color: #807D7D;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 5px;
}
ol {
	font-size: 16px;
	color: #807D7D;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}


img,object,embed,video{
	max-width: 100%;
	height: auto;
	display: block;
}
.ie6 img{width:100%}
/* KONTAJNERI */
.gridContainer{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
.container3{margin-left:auto;margin-right:auto;width:100%;margin-top:0}
/* HEDER I LOGO */
#header{clear:both;float:left;margin-left:0;width:100%;display:block;background-color:#000}
.logo{clear:none;float:left;width:100%;display:block}
#logo3 {
	height: auto;
	width: 30%;
	position: fixed;
	z-index: 5000001;
	top: 20px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left: 10px;
}
/* BOKSOVI*/
#boxZaMenije{
	clear: none;
	float: left;
	width: 100%;
	display: none;
	background-color: #333;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
}
#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	padding-top: 0%;
}
#boxSlikaStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
}
.boxColorBgStoPosto1{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	background-color: #0c2139;
	min-height: 50px;
}
.boxColorBgStoPosto2{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.boxColorBgStoPosto3 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #ed1c24;
}
.boxColorBgStoPosto4 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #0C2139;
}
.boxColorBgStoPosto5 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto6 {
	width: 100%;
	padding-top: 0%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-002.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto7 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.box-slika-Bg-Sto-Posto1 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/bg-crni-01.jpg);
	background-repeat: repeat;
}


.box-slika-Bg-Sto-Posto2 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/texture2.png);
	background-repeat: repeat;
}
.boxSlikaMala{clear:none;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;margin-bottom:1%;height:auto}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: center;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-top: 5px;
	padding-bottom: 5px;
}

#meniBox2{clear:both;float:left;width:100%;height:auto;display:block}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 60px;
	display: block;
	padding-top: 0px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 10000;
	background-color: #212121;
}
/* NASLOVI */
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.linija2 {
	float: left;
	width: 100%;
	display: block;
}


.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.naslovBox1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:400;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:0;height:30px;padding-top:5px;padding-bottom:5px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:100px;text-align:left}
.naslovSirokiSadrzaj{font-size:17px;color:#FFF;background-color:red;text-align:center;display:block;float:left;width:100%;height:35px;margin-top:5px;margin-bottom:5px;padding-top:10px}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:0;top:130px;width:85px;height:40px;z-index:100;display:none}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:none}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:none}
#blog{position:absolute;left:0;top:200px;width:69px;height:105px;z-index:100;display:none}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.dogadjaji{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.kontakt{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;padding-right:2%;padding-left:3%;padding-bottom:5px;margin-bottom:10px;height:auto;text-align:justify}
/* SLIKE */
#linijaVelikaRazdvajanje{clear:both;float:left;margin-left:0;width:100%;display:block}
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#slikaBox{float:left;width:100%;display:block;clear:both;text-align:center;padding-top:100px}
.senka{clear:both;float:left;width:100%;display:block;text-align:center}
/* SADRZAJ */
.sadrzajBox{
	clear: both;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%
}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 94%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
}
#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:justify}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}
.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj2{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%
}
.sirokiSadrzaj2-plavi {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #0C2139;
	padding: 1%;
}
.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{clear:none;float:left;width:98%;display:block;text-align:justify;font-size:16px;padding:0;margin:0 1%}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	float: left;
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 1%;
	min-height: 500px;
	position: relative;
}
.sirokiSadrzaj8 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
	min-height: 500px;
	background-position: center center;
	background-image: url(../slike/ukusi-001.jpg);
}
.sirokiSadrzaj8-2 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
	min-height: 500px;
	background-position: center center;
	background-image: url(../slike/dry-aged-003.jpg);
}

.sirokiSadrzaj9 {
	float: left;
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 1%;
}
.sirokiSadrzaj10 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
}
.sirokiSadrzaj11 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #333;
	height: auto;
}
.sirokiSadrzaj12 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:left;font-size:16px;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 0%;
	margin-top: 0px;
}
.sirokiSadrzaj3beliFont2 {
	float: left;
	width: 80%;
	display: block;
	text-align: left;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);	
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3siviFont2 {
	float: left;
	width: 80%;
	display: block;
	text-align: left;
	color: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sadrzaj2uRedu{float:left;height:auto;width:99%;margin:1% .5%}
.sadrzaj2uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 99%;
	margin-top: 1%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	margin-left: 0.5%;
}
.sadrzaj2uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 99%;
	margin-top: 1%;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
	margin-left: 0.5%;
}
.sadrzaj3uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 98%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	padding-left: 0%;
}


.sadrzaj3uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 98%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	padding-right: 0%;
}


.sadrzaj3uRedu{float:left;height:auto;width:96%;text-align:justify;padding-right:1%;padding-left:1%;margin:0 .5%}
.sadrzaj4uRedu{
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: center;
	margin-top: 1%
}

.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 48%;
	text-align: center;
	margin-top: 5%;
	margin-right: 1%;
	margin-left: 1%;
}
.sadrzaj6uRedu {
	float: left;
	height: auto;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 48%;
	text-align: center;
	margin-top: 5%;
	margin-right: 1%;
	margin-left: 1%;
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 31%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj-footer-4-u-Redu {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%;
}
.sadrzaj30posto {
	float: left;
	height: auto;
	width: 96%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj50posto {
	float: left;
	height: auto;
	width: 98%;
	min-height: 600px;
	position: relative;
	margin-top: 1%;
	margin-right: 0.5%;
	margin-bottom: 3%;
	margin-left: 0.5%;
}
.sadrzaj70posto {
	float: left;
	height: auto;
	width: 97%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj100posto {
	float: left;
	height: auto;
	width: 97%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}

/* BROJEVI STRANICA */
#brojeviStranica{float:left;width:100%;display:block;text-align:center}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:90%;color:#333;text-decoration:none}
.linkovi a{font-size:90%;color:#333;text-decoration:none}
.linkovi a:hover{font-size:90%;color:#FFF;text-decoration:none}
.linkovi2{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a:hover{
	font-size: 17px;
	color: #C10000;
	text-decoration: none;
	font-weight: 700
}
.linkovi3{
	font-size: 17px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a{
	font-size: 17px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a:hover{
	font-size: 17px;
	color: #0A5E89;
	text-decoration: none;
	font-style: normal
}
.linkovi4{font-size:17px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:17px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:17px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
/* DUGMICI */
.dugme1{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
}
.dugme1:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme2{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #ED1C24;
	bottom: 20px;
	position: absolute;	
}
.dugme2:hover{
	text-decoration: none;
	background-color: #C7101A;
}
.dugme3{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
	bottom: 20px;
	position: absolute;	
}
.dugme3:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Open Sans',sans-serif;color:#FFF;font-size:15px;border:1px solid #FFF;text-decoration:none;display:inline-block;margin-bottom:10px;padding:10px 20px}
.dugme4:hover{background:#1876BC;text-decoration:none;color:#FFF}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 8000;
	background-color: #444444
}
.dugme5:hover{
	background: #AA0000;
	text-decoration: none;
	z-index: 8000
}
.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Open Sans',sans-serif;color:#fff;font-size:15px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
.dugme7 {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 12px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #303030;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.dugme7:hover {
	text-decoration: none;
	background-color: #ce3c32
}
#traka{position:absolute;left:0;top:0;width:100%;height:110px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:98%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* FONTOVI EFEKAT */
.fontPlavi{
	color: #0C2139
}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontBeli2 {
	color: #FFF;
	text-align: center;
}

.fontCrni {
	color: #FFF;
	text-align: left;
}

.fontBeliFuter {
	color: #FFF;
	text-align: left;
	font-size: 16px;
}
.fontVelicina20 {
	font-size: 17px
}
.fontVelicina40 {
	font-size: 30px;
}

.fontVelicina50{
	font-size: 30px;
	font-weight: bold;
}

.velikiFont{
	font-size: 2em;
	color: #FFF;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal
}
.velikiFont2{
	font-size: 2em;
	color: #333;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-circle{
	width: 35%;
	height: 60%;
	border-radius: 50%;
	border: 5px solid #ebe6e6;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out
}
.img-circle:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
mg-border-radius{border-radius:2%}
.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 200px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:100%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:305px}
#slides ul{list-style:none;width:100%;height:400px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:250px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:18px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{position:absolute;width:auto;height:auto;z-index:101;margin-left:auto;margin-right:auto;padding-top:0;padding-left:0;display:none;left:35%;top:30%}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
    font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){
	background-color: #0C2139;
}

#tabela tr:hover {
	background-color: #0C2139;
}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Open Sans', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Open Sans', sans-serif;} 
.textarea {
	font-size: 16px;
	height: 200px;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
	background-color: #FFF;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Open Sans', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Open Sans', sans-serif;}
.neradi {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;	
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
.neradi:hover {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;	
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{position:absolute;width:auto;height:auto;z-index:101;margin-left:auto;margin-right:auto;padding-top:0;padding-left:0;display:none;left:35%;top:30%}
/* Footer */
.footer {
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	background-color: #0C2139;
}	
.dole{
	clear: both;
	height: 1000px;
	width: 100%;
	display: block;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #252525;
	margin-bottom: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
.ulUvucenoBeliFont {
	padding-left: 15px;
	color: #FFF;
}

#pozoviOdmah {
	position: fixed;
	width: 100%;
	height: auto;
	background-color: #FF0000;
	float: left;
	bottom: 0px;
	padding-bottom: 5px;
	z-index: 500;
	display: block;
	padding-top: 5px;
}
.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: block;
}

/* TEKST SREDINA VERZIJA 2*/
            .container .box {
	width: 100%;
	display: table;
            } 
            .container .box .box-row {
	display: table-row;
	width: 100%;
            } 
            .container .box .box-cell {
	display: table-cell;
	width: 50%;
	padding: 0px;
            } 
            .container .box .box-cell.box1 {
	text-align: justify;
	min-height: 200px;
	height: 200px;
	vertical-align: top;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box2 {
	text-align: justify;
	background-image: url(../slike/equipment-001.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
            } 
.container .box .box-cell.box2-2 {
	text-align: justify;
	background-image: url(../slike/services-003.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

            .container .box .box-cell.box3 {
	text-align: left;
	min-height: 400px;
	height: 500px;
	vertical-align: top;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box4 {
	text-align: justify;
	background-image: url(../slike/test-slika.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
            } 
.container .box .box-cell.box4-2 {
	text-align: justify;
	background-image: url(../slike/services-004.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

            .container .box .box-cell.box5 {
	text-align: left;
	min-height: 300px;
	height: 300px;
	vertical-align: top;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box6 {
	text-align: justify;
	background-image: url(../slike/equipment-002.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
            } 
.container .box .box-cell.box6-2 {
	text-align: justify;
	background-image: url(../slike/services-005.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
}
/* KOMENTARI PREPORUKE DRUGI O NAMA */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:100%;margin:0 auto}
#slides{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 350px
}
#slides ul{list-style:none;width:100%;height:400px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:250px;float:left;text-align:center;position:relative;font-family:"Open Sans",sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:"Open Sans",sans-serif}
.quote-phrase{height:200px;font-size:18px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{
	font-size: 30px;
	padding: 0 3px 3px;
	position: inherit;
	text-align: center;
}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* H1...H6 */
h1{
	font-size: 30px;
	color: #c59d5f;
	font-weight: bold;
}
h2{
	font-size: 25px;
	color: #c59d5f;
	font-weight: 200;
}
h3{
	font-size: 20px;
	color: #c59d5f
}
h4{
	font-size: 20px;
	color: #0C2139
}
h5{
	font-size: 20px;
	color: #99B24F
}
h6{font-size:18px;color:#333;font-weight:400}





@media only screen and (min-width: 481px) {
/* KONTAJNERI */	
.gridContainer{width:100%;padding-left:0;padding-right:0;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{width:100%;padding-left:0;padding-right:0;margin-top:0}
.container3{width:100%;padding-left:0;padding-right:0;margin-top:0}
/* HEDER I LOGO */
#header{clear:both;float:left;margin-left:0;width:100%;display:block}
.logo{clear:none;float:left;width:35%;display:block;margin-right:2%}
#logo3 {
	height: auto;
	width: 30%;
	position: fixed;
	z-index: 5000001;
	top: 15px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left: 10px;
}
#boxZaMenije {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	background-color: #333;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
}

#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
	padding-top: 2%;
}
#boxSlikaStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
}
#boxStoPosto {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	height: auto;
	background-color: #E0441C;
	margin-top: 3%;
}
.boxColorBgStoPosto1{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	background-color: #0c2139;
	min-height: 50px;
}
.boxColorBgStoPosto2{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.boxColorBgStoPosto3 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #ed1c24;
}
.boxColorBgStoPosto4 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #0C2139;
}
.boxColorBgStoPosto5 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto6 {
	width: 100%;
	padding-top: 0%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-002.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto7 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.box-slika-Bg-Sto-Posto1 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/bg-crni-01.jpg);
	background-repeat: repeat;
}
.box-slika-Bg-Sto-Posto2 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/texture2.png);
	background-repeat: repeat;
}

.boxSlikaMala{clear:none;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;margin-bottom:1%;height:auto}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: center;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-bottom: 5px;
	padding-top: 5px;
}

#meniBox2{clear:both;float:left;width:100%;height:auto;display:block}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 60px;
	display: block;
	padding-bottom: 5px;
	padding-top: 0px;
	position: fixed;
	z-index: 10000;
	background-color: #212121;
}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:0;top:130px;width:85px;height:40px;z-index:100;display:none}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:none}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:none}
#blog{position:absolute;left:0;top:250px;width:69px;height:105px;z-index:100;display:none}
/* NASLOVI */ 
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.linija2 {
	float: left;
	width: 100%;
	display: block;
}

.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}
.naslovBox1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 20px;
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:700;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:0;height:30px;padding-top:5px;padding-bottom:5px}
.naslovSirokiSadrzaj{font-size:18px;font-weight:400;color:#FFF;background-color:red;text-align:center;display:block;float:left;width:100%;height:35px;margin-top:5px;margin-bottom:5px;padding-top:10px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:100px;text-align:left}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.dogadjaji{clear:none;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.kontakt{clear:none;float:left;margin-left:3%;width:94%;display:block;margin-right:3%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;margin-bottom:10px;padding-right:2%;padding-left:3%;padding-bottom:5px;height:auto}
/* SLIKE */
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#linijaVelikaRazdvajanje{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.senka{clear:both;float:left;width:100%;display:block;text-align:center}
#slikaBox{clear:both;float:left;margin-left:0;width:100%;display:block}
/* SADRZAJ */
.sadrzajBox{clear:both;float:left;margin-left:1%;width:98%;display:block;margin-right:1%}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 94%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
}

#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:100%;display:block}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}

.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj2{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 98%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%
}
.sirokiSadrzaj2-plavi {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #0C2139;
	padding: 1%;
}

.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{clear:none;float:left;width:98%;display:block;text-align:justify;font-size:16px;padding:0;margin:0 1%}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 96%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	float: left;
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 1%;
	position: relative;
	min-height: 500px;
}
.sirokiSadrzaj8 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
	min-height: 600px;
	background-image: url(../slike/ukusi-001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.sirokiSadrzaj8-2 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
	min-height: 600px;
	background-image: url(../slike/dry-aged-003.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.sirokiSadrzaj9 {
	float: left;
	width: 100%;
	display: inline-block;
	height: auto;
	margin-bottom: 1%;
}
.sirokiSadrzaj10 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
	margin-bottom: 1%;
}
.sirokiSadrzaj11 {
	float: left;
	width: 100%;
	display: inline-block;
	background-color: #333;
	height: auto;
}
.sirokiSadrzaj12 {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:left;font-size:16px;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3beliFont2 {
	float: left;
	width: 80%;
	display: block;
	text-align: left;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3siviFont2 {
	float: left;
	width: 80%;
	display: block;
	text-align: left;
	color: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
.sadrzaj2uRedu{
	float: left;
	height: auto;
	width: 99%;
	margin: 1% .5%
}
.sadrzaj2uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 25%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 0%;
	padding-left: 22%;
}

.sadrzaj2uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 25%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	margin-left: 0%;
	padding-right: 22%;
}
.sadrzaj3uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 98%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	padding-left: 0%;
}
.sadrzaj3uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 98%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
	padding-right: 0%;
}

.sadrzaj3uRedu{
	float: left;
	height: auto;
	width: 96%;
	text-align: justify;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%
}
.sadrzaj4uRedu{
	float: left;
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj6uRedu {
	float: left;
	height: auto;
	width: 30%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 14.5%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj-footer-4-u-Redu {
	float: left;
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj30posto {
	float: left;
	height: auto;
	width: 96%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj50posto {
	float: left;
	height: auto;
	width: 98%;
	min-height: 600px;
	position: relative;
	margin-top: 1%;
	margin-right: 0.5%;
	margin-bottom: 3%;
	margin-left: 0.5%;
}
.sadrzaj70posto {
	float: left;
	height: auto;
	width: 97%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj100posto {
	float: left;
	height: auto;
	width: 97%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}

/* BROJEVI STRANICA */
#brojeviStranica{float:left;width:100%;display:block;text-align:center}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:18px;color:#333;text-decoration:none}
.linkovi a{font-size:18px;color:#333;text-decoration:none}
.linkovi a:hover{font-size:18px;color:#FFF;text-decoration:none}
.linkovi2{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a:hover{
	font-size: 17px;
	color: #C10000;
	text-decoration: none;
	font-weight: 700
}
.linkovi3{
	font-size: 18px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a{
	font-size: 17px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a:hover{
	font-size: 18px;
	color: #0A5E89;
	text-decoration: none;
	font-style: normal
}
.linkovi4{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:18px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
/* DUGMICI */
.dugme1{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
}
.dugme1:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme2{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #ED1C24;
	bottom: 20px;
	position: absolute;	
}
.dugme2:hover{
	text-decoration: none;
	background-color: #C7101A;
}
.dugme3{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
	bottom: 20px;
	position: absolute;	
}
.dugme3:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Open Sans',sans-serif;color:#FFF;font-size:20px;padding:10px 20px;border:1px solid #FFF;text-decoration:none}
.dugme4:hover{background:#1876BC;text-decoration:none;color:#FFF}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #444444
}
.dugme5:hover{
	background: #AA0000;
	text-decoration: none
}
.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Open Sans',sans-serif;color:#fff;font-size:12px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
.dugme7 {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 12px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #303030;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.dugme7:hover {
	text-decoration: none;
	background-color: #ce3c32
}
#traka{position:absolute;left:0;top:0;width:100%;height:80px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:48%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* FONTOVI EFEKAT */
.fontPlavi{
	color: #0C2139
}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontBeli2 {
	color: #FFF;
	text-align: center;
}

.fontCrni {
	color: #000;
	text-align: center;
}

.fontBeliFuter {
	color: #FFF;
	text-align: left;
	font-size: 16px;
}
.fontVelicina20 {
	font-size: 17px
}
.fontVelicina40 {
	font-size: 30px;
}
.fontVelicina50{
	font-size: 40px;
	font-weight: bold;
}


.velikiFont{
	color: #FFF;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
.velikiFont2{
	color: #333;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-circle{
	width: 30%;
	height: auto;
	border-radius: 50%;
	border: 3px solid #ebe6e6;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out
}
.img-circle:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
.img-border-radius{border-radius:2%}
.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 400px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:100%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:300px}
#slides ul{list-style:none;width:100%;height:450px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:450px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:24px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25;width:100%}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:auto;height:auto;z-index:101;display:none;top:40%;position:absolute}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Open Sans', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Open Sans', sans-serif;} 
.textarea {
	font-size: 16px;
	height: 200px;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
	background-color: #FFF;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Open Sans', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Open Sans', sans-serif;}
.neradi {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
.neradi:hover {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;	
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25;width:100%}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:auto;height:auto;z-index:101;display:none;top:40%;position:absolute}
/* Footer */
.footer {
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	background-color: #0C2139;
}
.dole{
	clear: both;
	height: 750px;
	width: 100%;
	display: block;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #252525;
	margin-bottom: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
.ulUvucenoBeliFont {
	padding-left: 15px;
	color: #FFF;
}

#pozoviOdmah {
	position: fixed;
	width: 100%;
	height: auto;
	background-color: #FF0000;
	float: left;
	bottom: 0px;
	padding-bottom: 5px;
	z-index: 500;
	display: block;
	padding-top: 5px;
}
.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: block;
}
.tekstSredinaVertikalna {
	display: table-cell;
	width: 95%;
	height: 350px;
	padding: 10px;
	vertical-align: middle;
      }
	  
/* TEKST SREDINA VERZIJA 2*/
            .container .box {
	width: 100%;
	display: table;
            } 
            .container .box .box-row {
	display: table-row;
	width: 100%;
            } 
            .container .box .box-cell {
	display: table-cell;
	width: 50%;
	padding: 0px;
            } 
            .container .box .box-cell.box1 {
	text-align: justify;
	min-height: 200px;
	height: 200px;
	vertical-align: top;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box2 {
	text-align: justify;
	background-image: url(../slike/equipment-001.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
            } 
.container .box .box-cell.box2-2 {
	text-align: justify;
	background-image: url(../slike/services-003.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

            .container .box .box-cell.box3 {
	text-align: left;
	min-height: 250px;
	height: 250px;
	vertical-align: top;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box4 {
	text-align: justify;
	background-image: url(../slike/test-slika.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
            } 
.container .box .box-cell.box4-2 {
	text-align: justify;
	background-image: url(../slike/services-004.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: top;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

            .container .box .box-cell.box5 {
	text-align: left;
	min-height: 250px;
	height: 250px;
	vertical-align: top;
	display: block;
	width: 100%;
             } 
            .container .box .box-cell.box6 {
	text-align: justify;
	background-image: url(../slike/equipment-002.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
            } 	  
.container .box .box-cell.box6-2 {
	text-align: justify;
	background-image: url(../slike/services-005.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: top;
	display: block;
	width: 100%;
}
/* KOMENTARI PREPORUKE DRUGI O NAMA */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{
	position: relative;
	width: 100%;
	margin: 0 auto
}
#slides{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 300px
}
#slides ul{list-style:none;width:100%;height:450px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:450px;float:left;text-align:center;position:relative;font-family:"Open Sans",sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:"Open Sans",sans-serif}
.quote-phrase{height:200px;font-size:24px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{
	font-size: 30px;
	padding: 0 3px 3px;
	position: inherit;
	text-align: center;
}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* H1...H6 */
h1{
	font-size: 46px;
	font-weight: bold;
	color: #c59d5f;
}
h2{
	font-size: 40px;
	color: #c59d5f;
	font-weight: 400;
}
h3{
	font-size: 30px;
	color: #c59d5f
}
h4{
	font-size: 25px;
	color: #0C2139;
	font-weight: 300
}
h5{
	font-size: 25px;
	color: #99B24F;
	font-weight: 100
}
h6{font-size:18px;color:#333;font-weight:400}
}





@media only screen and (min-width: 991px) {
/* KONTAJNERI */	
.gridContainer{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
.container1{width:100%;max-width:1200px;margin-right:auto;margin-left:auto;margin-top:0}
.container2{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
.container3{width:100%;max-width:1600px;padding-left:0;padding-right:0;margin-right:auto;margin-left:auto;margin-top:0}
/* HEDER I LOGO */
#header{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.logo{clear:none;float:left;width:25%;display:none;margin-right:2%}
#logo3 {
	height: 55px;
	width: 200px;
	position: fixed;
	z-index: 5000001;
	left: 15px;
	top: 23px;
	display: block;
}
#boxZaMenije {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	background-color: #333;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
}

#boxStoPosto{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto2{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.boxStoPosto3{clear:none;float:left;width:100%;display:block;height:auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
#boxSlikaStoPostoMobil {
	clear: none;
	float: left;
	width: 100%;
	display: none;
	height: auto;
	padding-top: 2%;
}
#boxSlikaStoPosto {
	float: left;
	width: 100%;
	display: block;
	height: auto;
	clear: none;
}
.boxColorBgStoPosto1{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	background-color: #0c2139;
	min-height: 50px;
}


.boxColorBgStoPosto2{
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.boxColorBgStoPosto3 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #ed1c24;
}
.boxColorBgStoPosto4 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-color: #0C2139;
}
.boxColorBgStoPosto5 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto6 {
	width: 100%;
	padding-top: 0%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/background-002.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxColorBgStoPosto7 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
}
.box-slika-Bg-Sto-Posto1 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/bg-crni-01.jpg);
	background-repeat: repeat;
}
.box-slika-Bg-Sto-Posto2 {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-top: 0;
	margin-bottom: 0;
	float: left;
	min-height: 50px;
	background-image: url(../slike/texture2.png);
	background-repeat: repeat;
}


.boxSlikaMala{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 38%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto
}
.boxSlikaMala1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 68%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
}
.boxPodaci{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 58%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: left;
	color: #333
}
.boxPodaci1 {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 28%;
	display: block;
	margin-right: 1%;
	margin-bottom: 1%;
	height: auto;
	text-align: justify;
	color: #333;
}
#boxNaslov4{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
.boxNaslov5{clear:both;float:left;margin-left:0;width:100%;display:block;text-align:center}
/* MENI */
#meniBox{
	clear: both;
	float: left;
	width: 100%;
	height: 50px;
	display: block;
	background-color: #243F81;
	padding-top: 10px;
	padding-bottom: 10px;
}

#meniBox2{clear:both;float:left;margin-left:0;width:100%;height:auto;display:none}
#meniBox3 {
	clear: both;
	float: left;
	width: 100%;
	height: 80px;
	display: block;
	padding-top: 0px;
	padding-bottom: 10px;
	position: fixed;
	z-index: 10000;
	background-color: #212121;
}
/* DRUSTVENE MREZE */
.socialNet{clear:none;width:30px;display:block;padding-right:10px;padding-top:5px;height:auto}
#fb{position:absolute;left:5px;top:130px;width:50px;height:50px;z-index:100;display:block}
#twitter{position:absolute;left:5px;top:190px;width:50px;height:50px;z-index:100;display:block}
#youtube{position:absolute;left:5px;top:250px;width:50px;height:50px;z-index:100;display:block}
#blog{position:absolute;left:0;top:310px;width:69px;height:105px;z-index:100;display:block}
/* NASLOVI */ 
#naslovPortfolioBox{clear:both;float:left;width:100%;display:block;text-align:left;color:#333}
.linija {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
}
.linija2 {
	width: 100%;
	display: block;
	float: left;
}

.infoBox {
	clear: both;
	float: left;
	width: 96%;
	display: block;
	text-align: center;
	color: #333;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #997f66;
	padding-left: 1%;
	margin-bottom: 2%;
}
.naslovBox{
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.naslovBox1 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: left;
	color: #333
}


#naslovBox2{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:justify}
#naslovBox3{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
#naslovBox4{clear:both;float:left;width:98%;display:block;font-size:17px;color:#333;margin-right:1%;margin-left:1%;text-align:center}
.naslovNovostiDogadjajiKontakt{font-size:18px;font-weight:700;color:#FFF;background-color:#1D1D1D;text-align:center;display:block;float:left;width:100%;height:30px;margin-top:5px;padding-top:10px;padding-bottom:5px;margin-bottom:0}
.naslovSirokiSadrzaj{font-size:18px;font-weight:400;color:#FFF;background-color:#0F1840;text-align:center;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:35px;padding-top:10px}
#naslov4uRedu{float:left;height:auto;width:100%;min-height:140px;text-align:left}
/* INFO */
.napomena{float:left;height:auto;width:100%;margin-top:1%;margin-bottom:1%}
.uzvicnik{float:left;height:60px;width:60px;margin-right:10px;margin-bottom:5px}
.novosti{clear:both;float:left;width:31%;display:block;margin-right:1%;margin-left:1%}
.dogadjaji{clear:none;float:left;width:31%;display:block;margin-right:1%;margin-left:1%}
.kontakt{clear:none;float:left;width:32%;display:block;margin-right:1%;margin-left:1%}
.vesti{font-size:17px;color:#333;width:95%;margin-top:10px;margin-bottom:10px;height:auto;padding:5px 2% 5px 3%;text-align:justify}
/* SLIKE */
.senka{float:left;width:100%;display:block;text-align:center;height:auto}
#slikaBox{clear:both;float:left;width:100%;display:block;padding-top:100px}
.slike2uRedu{float:left;height:auto;width:48%;margin-right:1%;margin-left:1%;text-align:center}
#linijaVelikaRazdvajanje{clear:both;float:left;width:100%;display:block;margin-top:5px;margin-bottom:5px;padding:0}
.sadrzajBox{clear:both;float:left;margin-left:1%;width:98%;display:block;margin-right:1%;font-size:17px}
.tekstPozadinaObojena {
	clear: none;
	float: left;
	width: 44%;
	display: block;
	text-align: left;
	background-color: #EBEBEB;
	margin-right: 1%;
	margin-left: 1%;
	padding: 2%;
	min-height: 400px;
}

#sirokiSadrzaj{clear:both;float:left;margin-left:0;width:66.3003%;display:block}
.sirokiSadrzajStoPosto {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}

.sirokiSadrzaj1{
	clear: none;
	float: left;
	width: 68%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}
.sirokiSadrzaj1-2 {
	clear: none;
	float: left;
	width: 28%;
	display: block;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin-top: 0;
	margin-right: 1%;
	margin-bottom: 0;
	margin-left: 1%;
}


.sirokiSadrzaj2{
	clear: none;
	float: left;
	margin-left: 1%;
	width: 48%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%
}
.sirokiSadrzaj2-plavi {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 46%;
	display: block;
	text-align: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #0C2139;
	padding: 1%;
}



.sirokiSadrzaj3{
	clear: none;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 0%;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
.sirokiSadrzaj3-2 {
	clear: none;
	float: left;
	width: 98%;
	display: block;
	margin-right: 1%;
	margin-left: 1%;
}

.sirokiSadrzaj4{
	clear: none;
	float: left;
	width: 38%;
	display: block;
	text-align: justify;
	font-size: 16px;
	padding: 0;
	margin: 0 1%
}
.sirokiSadrzaj5 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #DADADA;
}
.sirokiSadrzaj6 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 46%;
	display: block;
	text-align: left;
	margin-right: 0%;
	font-size: 16px;
	margin-top: 0%;
	padding: 2%;
	margin-bottom: 0px;
	background-color: #242E49;
	color: #CCC;
}
.sirokiSadrzaj7 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	height: 100%;
	max-height: 1300px;
	min-height: 650px;
	margin-bottom: 0px;
	position: relative;

}
.sirokiSadrzaj8 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	height: 100%;
	max-height: 1300px;
	min-height: 650px;
	margin-bottom: 0px;
	background-image: url(../slike/ukusi-001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.sirokiSadrzaj8-2 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	height: 100%;
	max-height: 1300px;
	min-height: 650px;
	margin-bottom: 0px;
	background-image: url(../slike/dry-aged-003.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.sirokiSadrzaj9 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
	margin-bottom: 0px;
}

.sirokiSadrzaj10 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
	margin-bottom: 0px;
}
.sirokiSadrzaj11 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #333;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzaj12 {
	clear: none;
	float: left;
	width: 50%;
	display: block;
	background-color: #333333;
	height: 100%;
	max-height: 1300px;
	min-height: 400px;
}
.sirokiSadrzajBeliFont{clear:both;float:left;margin-left:0;width:100%;display:block;font-size:16px;text-align:left;color:#FFF;margin-bottom:0}
.sirokiSadrzaj3beliFont {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 17px;
	text-align: center;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3beliFont2 {
	float: left;
	width: 50%;
	display: block;
	text-align: left;
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sirokiSadrzaj3beliFont3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 17px;
	text-align: left;
	color: #FFF;
	margin-bottom: 1%;
}
.sirokiSadrzaj3siviiFont {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 80%;
	display: block;
	font-size: 16px;
	text-align: left;
	color: #333;
	margin-bottom: 1%;
	margin-right: 10%;
	margin-top: 5%;
}
.sirokiSadrzaj3siviFont2 {
	float: left;
	width: 50%;
	display: block;
	text-align: left;
	color: #999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.naslovSirokiSadrzaj2{color:#0A5E89;text-align:left;display:block;float:left;width:100%;margin-top:5px;margin-bottom:5px;height:auto;padding-top:5px}
.sadrzaj2uRedu{float:left;height:auto;width:49%;margin:1% .5%}
.sadrzaj2uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 25%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	padding-left: 22%;
}

.sadrzaj2uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 25%;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	padding-right: 22%;
}
.sadrzaj3uReduPrimaknutoLevo {
	float: left;
	height: auto;
	width: 44%;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-left: 5%;
}
.sadrzaj3uReduPrimaknutoDesno {
	float: left;
	height: auto;
	width: 20%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
	padding-right: 0%;
	padding-left: 25%;
}





.sadrzaj3uRedu{float:left;height:auto;width:30%;text-align:justify;padding-right:1%;padding-left:1%;margin:1% .5% 3%}
.sadrzaj4uRedu{
	float: left;
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%;
}

.sadrzaj5uRedu {
	float: left;
	height: auto;
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj6uRedu {
	float: left;
	height: auto;
	width: 14.6%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}


.sadrzaj7uRedu {
	float: left;
	height: auto;
	width: 12%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}

.sadrzaj9uRedu {
	float: left;
	height: auto;
	width: 9%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%
}
.sadrzaj-footer-4-u-Redu {
	float: left;
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 1%;
}
.sadrzaj30posto {
	float: left;
	height: auto;
	width: 30%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj50posto {
	float: left;
	height: auto;
	width: 49%;
	min-height: 750px;
	position: relative;
	margin-top: 1%;
	margin-right: 0.5%;
	margin-bottom: 3%;
	margin-left: 0.5%;
}
.sadrzaj70posto {
	float: left;
	height: auto;
	width: 63%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}
.sadrzaj100posto {
	float: left;
	height: auto;
	width: 97%;
	padding-right: 1%;
	padding-left: 1%;
	margin: 1% .5% 3%;
	position: relative;
}


/* BROJEVI STRANICA */
#brojeviStranica{width:100%;display:block;text-align:center;float:left}
#stranicaBroj{height:35px;width:35px;margin-right:5px;float:left}
/* LINKOVI */
.linkovi{font-size:18px;color:#333;text-decoration:none}
.linkovi a{font-size:18px;color:#333;text-decoration:none}
.linkovi a:hover{font-size:18px;color:#FFF;text-decoration:none}
.linkovi2{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a{
	font-size: 17px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: 700
}
.linkovi2 a:hover{
	font-size: 17px;
	color: #C10000;
	text-decoration: none;
	font-weight: 700
}
.linkovi3{
	font-size: 18px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a{
	font-size: 18px;
	color: #F00;
	text-decoration: none;
	font-style: normal
}
.linkovi3 a:hover{
	font-size: 18px;
	color: #0A5E89;
	text-decoration: none;
	font-style: normal
}
.linkovi4{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a{font-size:18px;color:#0A5E89;text-decoration:none;font-style:italic}
.linkovi4 a:hover{font-size:18px;color:red;text-decoration:none;font-style:italic}
.linkovi5{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
.linkovi5 a{
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
}
.linkovi5 a:hover{
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
#traka{position:absolute;left:0;top:0;width:100%;height:110px;z-index:-100;min-width:300px;background-repeat:repeat;display:block;background-color:#000;border-top-width:5px;border-top-style:solid;border-top-color:#188AAB}
#galerijaSlika{float:left;height:auto;width:23%;margin-right:1%;margin-bottom:1%;margin-left:1%}
/* DUGMICI */
.dugme1{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
}
.dugme1:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme2{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #ED1C24;
	bottom: 20px;
	position: absolute;	
}
.dugme2:hover{
	text-decoration: none;
	background-color: #C7101A;
}
.dugme3{
	color: #FFF;
	font-size: 20px;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #0C2139;
	bottom: 20px;
	position: absolute;
}
.dugme3:hover{
	text-decoration: none;
	background-color: #153D68;
}
.dugme4{-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;font-family:'Open Sans',sans-serif;color:#FFF;font-size:20px;padding:10px 20px;border:1px solid #FFF;text-decoration:none}
.dugme4:hover{text-decoration:none;color:#FFF;background-color:#1876BC}
.dugme5{
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 14px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #444444;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.dugme5:hover{
	text-decoration: none;
	background-color: #AA0000
}

.dugme6{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:'Open Sans',sans-serif;color:#fff;font-size:15px;padding:10px 20px;border:solid #fff 1px;text-decoration:none}
.dugme6:hover{background:#000;text-decoration:none}
.dugme7 {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans',sans-serif;
	color: #fff;
	font-size: 12px;
	border: solid #fff 1px;
	text-decoration: none;
	background-color: #303030;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.dugme7:hover {
	text-decoration: none;
	background-color: #ce3c32
}
/* FONTOVI EFEKAT */
.fontPlavi{
	color: #0C2139
}
.fontCrveni{color:red}
.fontBeli{
	color: #FFF;
	text-align: left;
}
.fontBeli2 {
	color: #FFF;
	text-align: center;
}

.fontCrni {
	color: #000;
	text-align: center;
}

.fontBeliFuter {
	color: #FFF;
	text-align: left;
	font-size: 16px;
}

.fontVelicina50{
	font-size: 50px;
	font-weight: bold;
}
.fontVelicina40{
	font-size: 40px;
}
.fontVelicina20 {
	font-size: 20px
}

.velikiFont{
	color: #FFF;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
.velikiFont2{
	color: #333;
	font-weight: 700;
	font-family: 'Open Sans',sans-serif;
	text-transform: none;
	line-height: normal;
	font-size: 2em
}
/* POVRATAK NA VRH */
.back-to-top{
	position: fixed;
	bottom: 5em;
	right: 0;
	text-decoration: none;
	color: #000;
	background-color: rgba(235,235,235,0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
	z-index: 1500
}
.back-to-top:hover{background-color:rgba(135,135,135,0.50)}
/* SLIKE EFEKTI */
.img-zoom{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.img-zoom:hover{-webkit-transform:scale(1.03);transform:scale(1.03);opacity:.9}
.img-u-liniji {
	display: inline;
}
.img-u-liniji2 {
	display: inline;
}

.img-rotate {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.img-rotate:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.img-circle{
	width: 15%;
	height: auto;
	border-radius: 100%;
	border: 3px solid #ebe6e6;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	text-align: center;
}
.img-circle:hover{
	opacity: .9;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out
}
.img-border-radius{border-radius:3%;opacity:1;transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-webkit-transition:opacity 1s ease-in-out}
.img-border-radius:hover{opacity:.7;transition:opacity .55s ease-in-out;-moz-transition:opacity .55s ease-in-out;-webkit-transition:opacity .55s ease-in-out}
.centar {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.my-image-skaling {
	width: 100%;
	height: auto;
	min-height: 400px;
	margin: 0px;
	padding: 0px;
}
/* KLIZAČ VESTINE */
.skillsBox{clear:none;width:95%;display:block;height:auto;padding-top:5px}
.skills{list-style-type:none;position:relative;margin:0}
.skills li{margin-bottom:20px;height:10px;padding:0;background-color:#E8E8E8}
.skills li h3{position:relative;font-size:14px;margin:0;left:10px;z-index:1;color:#FFF;padding:8px 0 0}
.skills li .bar{height:10px;position:absolute;background:linear-gradient(to right,#ce3c32 0%,#9d1a11 100%)}
/* KOMENTARI PREPORUKE */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{position:relative;width:50%;margin:0 auto}
#slides{overflow:hidden;position:relative;width:100%;height:280px}
#slides ul{list-style:none;width:100%;height:400px;margin:0;padding:0;position:relative}
#slides li{width:100%;height:250px;float:left;text-align:center;position:relative;font-family:lato,sans-serif}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:Lato,Calibri,Arial,sans-serif}
.quote-phrase{height:200px;font-size:24px;color:#333;font-style:italic;text-shadow:.5px 0 #b14943}
.quote-marks{font-size:30px;padding:0 3px 3px;position:inherit}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{display:table;width:100%}
/* VIDEO prvi nacin 100% */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:100%;height:auto;z-index:101;display:inline-block;top:40%;position:absolute;text-align:center;left:0;font-size:80px}
/* Video drugi nacin odredjene dimenzije */
video {
    width: 100%;
    height: auto;
}
/* Tabele */
#tabela {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 95%;
}

#tabela td, #tabela th {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: center;
}

#tabela tr:nth-child(even){background-color: #f2f2f2;}

#tabela tr:hover {background-color: #ddd;}

#tabela th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	background-color: #243F81;
	color: white;
}
.tabela1 {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1%;
	float: left;
	height: auto;
	width: 99%;
}
.tabela2 {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 1%;
}
.tabela3 {
	float: left;
	height: auto;
	width: 99%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
#tabela4 {
	float: left;
	height: auto;
	width: 98%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 1%;
}
/* Forme */
.input {font-size: 16px;height: 45px;border: 2px solid #FFF;background: rgba(255, 255, 255, .01);color: #FFF;font-family: 'Open Sans', sans-serif;display: inline-block;width: 32%;} 
.input2 {
	font-size: 16px;
	height: 50px;
	background-color: #FFFFFF;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}
.input3 {font-size: 16px;height: 35px;background-color: #E4E4E4;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;font-family: 'Open Sans', sans-serif;} 
.textarea {
	font-size: 16px;
	height: 200px;
	border: 1px solid #999;
	padding-left: 10px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	padding-top: 10px;
	background-color: #FFF;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #000;
}
.textarea2 {font-size: 16px;background: rgba(228, 228, 228, .9);font-family: 'Open Sans', sans-serif;padding-top: 10px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}
.inputRadio {display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;font-family: 'Open Sans', sans-serif;}
.neradi {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
.neradi:hover {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 20px 10px 20px;
	border: solid #ffffff 0px;
	text-decoration: none;
	background-color: #FF0000;
}
/* VIDEO */
.touch video{display:none}
.touch .hero:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url(video/be-memorable.jpg);background-size:cover;opacity:.25}
.hero{position:relative;background-color:#000;overflow:hidden;height:auto;width:100%;display:table}
.hero video{opacity:.25}
#tekstUvideo{width:100%;height:auto;z-index:101;display:inline-block;top:40%;position:absolute;text-align:center;left:0;font-size:80px}
/* Footer */
.footer {
	clear: both;
	height: auto;
	width: 100%;
	margin-top: 0px;
	display: block;
	padding-top: 20px;
	background-color: #0C2139;
}
.dole{
	clear: both;
	height: 500px;
	width: 100%;
	display: block;
	padding-top: 0px;
	background-image: url(../slike/texture3.png);
	background-repeat: repeat;
}
#dizajn {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	margin-right: 0%;
	background-color: #252525;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0d363b;
}
.ulUvuceno {
	padding-left: 15px;
}
.ulUvucenoBeliFont {
	padding-left: 15px;
	color: #FFF;
}

.icon {
  position: relative;
  /* Adjust these values accordingly */
  top: 5px;
  left: 5px;
}
#pozoviOdmah {
	position: fixed;
	width: 15%;
	height: auto;
	background-color: #FF0000;
	float: left;
	bottom: 0px;
	padding-bottom: 10px;
	z-index: 500;
	display: block;
	padding-top: 10px;
}

.viberWhatsappTelefon {
	height: auto;
	width: 100%;
	display: none;
}
/* TEKST SREDINA VERZIJA 1*/
.tekstSredinaVertikalna {
	display: table-cell;
	width: 95%;
	height: 350px;
	padding: 10px;
	vertical-align: middle;
}
/* TEKST SREDINA VERZIJA 2*/
            .container .box {
	width: 100%;
	display: table;
            } 
            .container .box .box-row {
	display: table-row;
	width: 100%;
            } 
            .container .box .box-cell {
	display: table-cell;
	width: 48%;
	padding: 1%;
            } 
            .container .box .box-cell.box1 {
	text-align: left;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
             } 
            .container .box .box-cell.box2 {
	text-align: justify;
	background-image: url(../slike/equipment-001.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
            } 
.container .box .box-cell.box2-2 {
	text-align: justify;
	background-image: url(../slike/services-003.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
}

            .container .box .box-cell.box3 {
	text-align: left;
	min-height: 400px;
	height: 500px;
	vertical-align: middle;
	background-repeat: no-repeat;
	display: table-cell;
	margin-left: 50px;
	width: 45%;
             } 
            .container .box .box-cell.box4 {
	text-align: justify;
	background-image: url(../slike/sretna-porodica.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
            } 
.container .box .box-cell.box4-2 {
	text-align: justify;
	background-image: url(../slike/services-004.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 500px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
}

            .container .box .box-cell.box5 {
	text-align: left;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
             } 
            .container .box .box-cell.box6 {
	text-align: justify;
	background-image: url(../slike/equipment-002.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
            } 						
.container .box .box-cell.box6-2 {
	text-align: justify;
	background-image: url(../slike/services-005.jpg);
	background-repeat: no-repeat;
	min-height: 400px;
	height: 400px;
	vertical-align: middle;
	width: 45%;
	display: table-cell;
}
/* KOMENTARI PREPORUKE DRUGI O NAMA */
#jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);box-shadow:0 2px 3px 0 rgba(0,0,0,0.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.jquery-script-center{width:100%;margin:0 auto}
.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}
.jquery-script-center a{text-decoration:none}
.jquery-script-ads{width:100%;height:90px;float:right}
.jquery-script-clear{clear:both;height:0}
#carousel{
	position: relative;
	width: 50%;
	margin: 0 auto
}
#slides{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 250px;
	text-align: center;
}
#slides ul{
	list-style: none;
	width: 100%;
	height: 280px;
	margin: 0;
	padding: 0;
	position: relative
}
#slides li{
	width: 100%;
	height: 500px;
	float: left;
	text-align: center;
	position: relative;
	font-family:"Open Sans",sans-serif
}
.btn-bar{width:100%;display:inline;position:relative;top:10px;padding-left:0;padding-right:0;margin:0 auto}
#buttons{padding-top:0;padding-bottom:5px;width:100%;text-align:center}
#buttons a{text-align:center;display:block;font-size:50px;outline:0;color:#000;text-decoration:none;display:inline;padding:9px;width:35px;margin:0 50px}
a#prev:hover,a#next:hover{color:#cfdd2c;text-shadow:.5px 0 #b14943}
.quote-phrase,.quote-author{font-family:sans-serif;font-weight:300;display:table-cell;vertical-align:middle;padding:5px 20px;font-family:"Open Sans",sans-serif}
.quote-phrase{
	height: 200px;
	font-size: 24px;
	color: #333;
	font-style: italic;
	text-shadow: .5px 0 #b14943;
}
.quote-marks{
	font-size: 30px;
	padding: 0 3px 3px;
	position: inherit;
	text-align: center;
}
.quote-author{font-style:normal;font-size:20px;color:#b14943;font-weight:400;height:30px}
.quoteContainer,.authorContainer{
	display: table;
	width: 100%;
}

			
/* H1...H6 */
h1{
	font-size: 46px;
	color: #c59d5f;
	font-weight: bold
}

h2{
	font-size: 40px;
	color: #c59d5f;
	font-weight: 400;
}
h3{
	font-size: 30px;
	color: #c59d5f;
	font-weight: 300;
}
h4{
	font-size: 25px;
	color: #0C2139;
	font-weight: 300
}
h5{
	font-size: 25px;
	color: #99B24F;
	font-weight: 100
}
h6{font-size:18px;color:#333;font-weight:400}
}