@charset "utf-8";
:focus { outline: none; }
input[type=text]:focus,
input[type=password]:focus, textarea:focus { outline: 0 none; }
body, html { height: 100%; min-height: 100%; font-weight: normal; font-style:normal; }
input, textarea, select { -webkit-appearance: none; }
input, textarea, select { -webkit-border-radius: 0; border-radius: 0; }
body, nav, ul, li, a {margin:0;padding:0;}
html, html a {
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}
body {
	text-decoration: none;
	text-align: center;
	background-color: #FFF;
	margin: 0px;
	}
.tblWidth100 {
	width: 100%;
	border-spacing: 0px;
	vertical-align: top;
	}
/* ---------- ---------- ---------- ---------- HEADER */
#header, #header-u, #header-logo, img {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
#header, #header-top, #header-top-01, #header-bottom {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	border: none;
	z-index: 1;
}
#header {
	background-color: rgba(232, 136, 23, 1);
	width: 100%;
	height: 160px;
	display: block;
	}
#header-top {
	background-color: rgba(232, 136, 23, 1);
	max-width: 100%;
	height: 100px;
	display: block;
	}
#header-top-01 {
	max-width: 1280px;
	height: 100px;
	display: block;
	}
#header-logo {
	position: absolute;
	width: auto;
	height: 80px;
	top: 10px;
	left: 10px;
	text-align: center;
	text-decoration: none;
	z-index: 1;
	display: block;
}
.img-logo-01 {
	width: auto;
	height: 80px;
	border: none;
	opacity: 1;
	}
.img-logo-01:hover {
	opacity: 1;
	}
#menu-button {
	display: none;
	}
#header-bottom {
	background-color: rgba(215, 127, 22, 1);
	max-width: 100%;
	height: 60px;
	display: block;
	}
#header-ico-01 {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 18px;
	margin-left: auto;
	margin-right: 20px;
	margin-bottom: 0px;
	display: block;
	float: right;
	z-index: 1;
	}
#header-trazi {
	position: relative;
	width: 205px;
	height: 24px;
	margin-top: 18px;
	margin-left: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	float: right;
	z-index: 1;
	}
.input-01 {
	background-color: rgba(215, 127, 22, 1);
	font-family: 'titillium_webregular', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	font-style: normal;
	width: 200px;
	height: 24px;
	color: #FFF;
	padding-left: 5px;
	text-decoration: none;
	border: none;
	-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.25);
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.25);
	outline: none;
	}
#header-ico-02 {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 18px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: block;
	float: right;
	z-index: 1;
	}
#header-title {
	position: relative;
	font-family: 'titillium_webregular', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	width: auto;
	height: 24px;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	display: none;
	float: left;
	z-index: 1;
	}
#header-icoM-01 {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 8px;
	margin-left: auto;
	margin-right: 20px;
	margin-bottom: 0px;
	display: none;
	float: right;
	z-index: 1;
	}
#header-icoM-02 {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 8px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: none;
	float: right;
	z-index: 1;
	}
.img-icon-01 {
	width: 24px;
	height: 24px;
	border: none;
	opacity: 1;
	}
.img-icon-01:hover {
	opacity: 0.5;
	}
#navigation {
	position: relative;
	width: auto;
	height: 60px;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'titillium_webregular', sans-serif;
	font-size: 18px;
	line-height: 60px;
	color: rgba(255, 255, 255, 1);
	list-style-type: none;
	text-decoration: none;
	text-align: left;
	display: inline-block;
	z-index: 1;
}
#navigation > a.nav-link {
	height: 60px;
	padding-left: 15px;
	padding-right: 15px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	display: inline-block;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#navigation > a.nav-link.active {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(215, 127, 22, 1);
}
#navigation > a.nav-link:hover {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(215, 127, 22, 1);
}
#navigation > a.nav-link:active {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(215, 127, 22, 1);
}	
#header-fixed {
	position: relative;
	background-color: rgba(232, 136, 23, 1);
	width: 100%;
	height: 120px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	border: none;
	display: none;
	z-index: 1;
}
@media (min-width: 0px) and (max-width: 1279px){
	#header {
		position: fixed;
		height: 120px;
		z-index: 9999;
		}	
	#header-fixed {
		display: block;
	}
	#header-top {
		height: 80px;
		}
	#header-top-01 {
		max-width: 100%;
		height: 80px;
		}
	#header-logo {
		height: 60px;
		top: 10px;
		left: 20px;
	}
	.img-logo-01 {
		height: 60px;
		}
	.img-logo-01:hover {
		opacity: 1;
		}
	#menu-button, #menu-button-01, #menu-button-02, #menu-button-03 {
		position: absolute;
		width: 36px;
		text-align: center;
		text-decoration: none;
		display: block;
		opacity: 1;
	}
	#menu-button {
		height: 30px;
		top: 25px;
		right: 20px;
		}
	#menu-button-01 {
		background-color: rgba(255, 255, 255, 1);
		height: 6px;
		top: 0px;
		}
	#menu-button-02 {
		background-color: rgba(255, 255, 255, 1);
		height: 6px;
		top: 12px;
		}
	#menu-button-03 {
		background-color: rgba(255, 255, 255, 1);
		height: 6px;
		top: 24px;
		}
	#header-ico-01 {
		display: none;
		}
	#header-trazi {
		display: none;
		}
	#header-ico-02 {
		display: none;
		}
	#header-bottom {
		background-color: rgba(215, 127, 22, 1);
		max-width: 100%;
		height: 40px;
		display: block;
		}
	#navigation {
		display: none;
		}
	#header-title {
		display: block;
		}
	#header-icoM-01 {
		display: block;
		}
	#header-icoM-02 {
		display: block;
		}
	.img-icon-01:hover {
		opacity: 1;
		}
}
/* ---------- ---------- SECTION */
.section { position: relative; }
/* ---------- ---------- SECTION-K01 ---------- ---------- KOLUMNA */
#section-K01, #section-K01-01, #section-K01-02, #section-K01-03, #section-K01-04, img {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#section-K01, #section-K01-01, #section-K01-02, #section-K01-03, #section-K01-04 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-K01 {
	background-color: rgba(59, 59, 59, 1);
	width: 100%;
	min-height: 20px;
	margin-top: 20px;
	overflow: hidden;
	float: none;
	}
#section-K01-01 {
	width: 1280px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	overflow: hidden;
	float: none;
	}
#section-K01-02 {
	width: 1280px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	float: none;
	}
#section-K01-03 {
	width: 700px;
	height: auto;
	margin-left: 20px;
	overflow: hidden;
	}
#section-K01-04 {
	width: 520px;
	height: auto;
	margin-left: 20px;
	overflow: hidden;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	#section-K01 {
		margin-top: 10px;
		}
	#section-K01-01 {
		width: 1020px;
		margin-top: 10px;
		}
	#section-K01-02 {
		width: 1020px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-K01-03 {
		width: 540px;
		margin-left: 10px;
		}
	#section-K01-04 {
		width: 440px;
		margin-left: 20px;
		}
}
@media (min-width: 540px) and (max-width: 1023px){
	#section-K01-01 {
		width: 540px;
		margin-top: 20px;
		}
	#section-K01-02 {
		width: 540px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-K01-03 {
		width: 540px;
		margin-left: auto;
		}
	#section-K01-04 {
		width: 540px;
		margin-left: auto;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	#section-K01-01 {
		width: 320px;
		margin-top: 20px;
		}
	#section-K01-02 {
		width: 320px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-K01-03 {
		width: 320px;
		margin-left: auto;
		}
	#section-K01-04 {
		width: 320px;
		margin-left: auto;
		}
}
/* ---------- ---------- SECTION-05 ---------- ---------- HOME DOLJE */
#section-05, #section-05-01-cont, #section-05-01, #section-05-02, #section-05-03, #section-05-04, img {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
#section-05, #section-05-01-cont, #section-05-01, #section-05-01-01, #section-05-01-02, #section-05-05-01, #section-05-05-02 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-05 {
	width: 1280px;
	min-height: 100px;
	overflow: hidden;
	float: none;
	}
#section-05-01-cont {
	width: 1280px;
	min-height: 100px;
	overflow: hidden;
	float: none;
	}
#section-05-01 {
	width: 640px;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-05-01-01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	}
#section-05-01-02 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-05-05-01 {
	width: 280px;
	height: auto;
	margin-left: 20px;
	margin-right: 40px;
	}
#section-05-05-02 {
	width: 280px;
	height: auto;
	margin-right: 0px;
	}	
@media (min-width: 1024px) and (max-width: 1279px){
	#section-05 {
		width: 1020px;
		min-height: 50px;
		}
	#section-05-01-cont {
		width: 1020px;
		min-height: 50px;
		}
	#section-05-01 {
		width: 510px;
		margin-top: 10px;
		}
	#section-05-01-02 {
		margin-top: 10px;
		}
	#section-05-05-01 {
		width: 223px;
		margin-left: 10px;
		margin-right: 10px;
		}
	#section-05-05-02 {
		width: 244px;
		}	

}
@media (min-width: 540px) and (max-width: 1023px){
	#section-05, #section-05-01-cont, #section-05-01, #section-05-01-01, #section-05-01-02, #section-05-05-01, 
	#section-05-05-02 {
		float: none;
	}
	#section-05 {
		width: 100%;
		}
	#section-05-01-cont {
		width: 540px;
		}
	#section-05-01 {
		width: 540px;
		margin-top: 10px;
		}
	#section-05-01-01 {
		width: 100%;
		}
	#section-05-01-02 {
		width: 100%;
		margin-top: 10px;
		}
	#section-05-05-01 {
		width: 260px;
		height: auto;
		margin-left: auto;
		margin-right: 20px;
		float: left;
		}
	#section-05-05-02 {
		width: 260px;
		height: auto;
		margin-right: auto;
		float: left;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	#section-05, #section-05-01-cont, #section-05-01, #section-05-01-01, #section-05-01-02, #section-05-05-01, 
	#section-05-05-02 {
		float: none;
	}
	#section-05 {
		width: 100%;
		}
	#section-05-01-cont {
		width: 320px;
		}
	#section-05-01 {
		width: 320px;
		margin-top: 10px;
		}
	#section-05-01-01 {
		width: 100%;
		}
	#section-05-01-02 {
		width: 100%;
		margin-top: 10px;
		}
	#section-05-05-01 {
		width: 320px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		}
	#section-05-05-02 {
		width: 320px;
		height: auto;
		margin-right: auto;
		}
}
/* ---------- ---------- SECTION-06 ---------- ---------- HOME DOLJE */
#section-06, #section-06-01, #section-06-02, #section-06-03, #section-06-04, img {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
#section-06, #section-06-01, #section-06-02, #section-06-01-01, #section-06-01-02, #section-06-02-01, #section-06-02-02, #section-06-06-01, #section-06-06-02 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-06 {
	width: 1280px;
	min-height: 100px;
	overflow: hidden;
	float: none;
	}
#section-06-01 {
	background-color: rgba(232, 136, 23, 1);
	width: 640px;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-06-01-01 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-06-01-02 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	}
#section-06-02 {
	width: 640px;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-06-02-01 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	overflow: hidden;
	}
#section-06-02-02 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	}
#section-06-06-01 {
	width: 280px;
	height: auto;
	margin-left: 20px;
	margin-right: 40px;
	}
#section-06-06-02 {
	width: 280px;
	height: auto;
	margin-right: 0px;
	}	
@media (min-width: 1024px) and (max-width: 1279px){
	#section-06 {
		width: 1020px;
		min-height: 50px;
		}
	#section-06-01 {
		width: 510px;
		margin-top: 10px;
		}
	#section-06-01-01 {
		margin-top: 10px;
		}
	#section-06-01-02 {
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-06-02 {
		width: 510px;
		margin-top: 10px;
		}
	#section-06-02-01 {
		margin-top: 10px;
		}
	#section-06-02-02 {
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-06-06-01 {
		width: 223px;
		margin-left: 10px;
		margin-right: 10px;
		}
	#section-06-06-02 {
		width: 223px;
		}	
}	
@media (min-width: 540px) and (max-width: 1023px){
	#section-06, #section-06-01, #section-06-02, #section-06-01-01, #section-06-01-02, #section-06-02-01, 
	#section-06-02-02, #section-06-06-01, #section-06-06-02 {
		float: none;
	}
	#section-06 {
		width: 100%;
		}
	#section-06-01 {
		background-color: rgba(232, 136, 23, 1);
		width: 100%;
		margin-top: 20px;
		}
	#section-06-01-01 {
		width: 540px;
		margin-top: 20px;
		}
	#section-06-01-02 {
		width: 540px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-06-02 {
		width: 540px;
		height: auto;
		margin-top: 20px;
		overflow: hidden;
		}
	#section-06-02-01 {
		width: 100%;
		height: auto;
		margin-top: 20px;
		overflow: hidden;
		}
	#section-06-02-02 {
		width: 100%;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
		}
	#section-06-06-01 {
		width: 260px;
		height: auto;
		margin-left: auto;
		margin-right: 20px;
		float: left;
		}
	#section-06-06-02 {
		width: 260px;
		height: auto;
		margin-right: auto;
		float: left;
		}	
}
@media (min-width: 0px) and (max-width: 539px){
	#section-06, #section-06-01, #section-06-02, #section-06-01-01, #section-06-01-02, #section-06-02-01, 
	#section-06-02-02, #section-06-06-01, #section-06-06-02 {
		float: none;
	}
	#section-06 {
		width: 100%;
		}
	#section-06-01 {
		background-color: rgba(232, 136, 23, 1);
		width: 100%;
		margin-top: 20px;
		}
	#section-06-01-01 {
		width: 320px;
		margin-top: 20px;
		}
	#section-06-01-02 {
		width: 320px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
	#section-06-02 {
		width: 320px;
		height: auto;
		margin-top: 20px;
		overflow: hidden;
		}
	#section-06-02-01 {
		width: 100%;
		height: auto;
		margin-top: 20px;
		overflow: hidden;
		}
	#section-06-02-02 {
		width: 100%;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		overflow: hidden;
		}
	#section-06-06-01 {
		width: 320px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		}
	#section-06-06-02 {
		width: 320px;
		height: auto;
		margin-right: auto;
		}	
}
.class-03 a:link, .class-03 a:visited, .class-03 a:active, .class-03 a:hover  {
	font-family:'titillium_webregular', sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #e88817;
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-03 a:hover {
	color: #c1c1c1;
	}
.class-05 a:link, .class-05 a:visited, .class-05 a:active, .class-05 a:hover {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-05 a:hover {
	color: #c1c1c1;
	}
.class-06 a:link, .class-06 a:visited, .class-06 a:active, .class-06 a:hover {
	font-family:'titillium_webregular', sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-06 a:hover {
	color: #c1c1c1;
	}
	
@media (min-width: 0px) and (max-width: 1279px){
	.class-03 a:link, .class-03 a:visited, .class-03 a:active, .class-03 a:hover  {
		font-size: 22px;
		line-height: 26px;
		}
	.class-03 a:hover {
		color: #e88817;
		}
	.class-05 a:link, .class-05 a:visited, .class-05 a:active, .class-05 a:hover {
		font-size: 16px;
		line-height: 18px;
		}
	.class-05 a:hover {
		color: #FFF;
		}
	.class-06 a:link, .class-06 a:visited, .class-06 a:active, .class-06 a:hover {
		font-size: 22px;
		line-height: 26px;
		}
	.class-06 a:hover {
		color: #FFF;
		}
}
/* ---------- ---------- SECTION-G01 ---------- ---------- GRUPE */
#section-G01, #section-G01-01, #section-G01-02, #section-G01-03, #section-G01-04, 
#section-G02, #section-G02-01, #section-G02-02, img {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#section-G01, #section-G01-01, #section-G01-02, #section-G01-03, #section-G01-04, 
#section-G02, #section-G02-01, #section-G02-01-SHORT, #section-G02-01-TITLE, #section-G02-02, #section-G02-02-PRETRAGA, 
#section-G02-02-01, #section-G02-02-01-tablet, 
#section-G02-02-02, #section-G02-02-03, 
#section-G02-02-05, #section-G02-IZDVOJENO, #section-G02-IZDVOJENO-m, #section-G02-IZDVOJENO-grup, #section-G02-IZDVOJENO-grup-t, #section-G02-PAGGER, #section-G02-02-06, #section-G02-02-07, #section-G02-02-06-tablet, #section-G02-02-07-tablet {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-G01 {
	max-width: 1280px;
	min-height: 100px;
	margin-top: 20px;
	overflow: hidden;
	float: none;
	}
#section-G01-01 {
	max-width: 700px;
	height: auto;
	margin-left: 20px;
	overflow: hidden;
	}
#section-G01-carousel {
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 700px 443px;
	width: 700px;
	height: 443px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: none;
	}
#section-G01-carousel-image {
	position: absolute;
	background-image: url(image/shadow-01.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 700px 443px;
	width: 100%;
	height: 443px;
	top: 0px;
	left: 0px;
	z-index: 1;
	}
#section-G01-carousel-txt {
	position: absolute;
	width: 620px;
	height: auto;
	left: 40px;
	top: auto;
	bottom: 60px;
	z-index: 2;
	}
#section-G01-carousel-txt-HOME {
	position: absolute;
	width: 620px;
	height: auto;
	left: 40px;
	top: auto;
	bottom: 60px;
	z-index: 2;
	}
#section-G01-play {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 1px;
	top: 1px;
	z-index: 2;
	}
#section-G02-play {
	position: absolute;
	width: 36px;
	height: 36px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	}
#section-G01-02 {
	width: 520px;
	height: auto;
	margin-left: 20px;
	overflow: hidden;
	}
#section-G01-03 {
	width: 520px;
	height: 134px;
	margin-left: 0px;
	margin-bottom: 20px;
	}
#section-G01-04 {
	width: 520px;
	height: 134px;
	margin-left: 0px;
	}	
#section-G02 {
	width: 1280px;
	min-height: 100px;
	margin-top: 20px;
	overflow: hidden;
	float: none;
	}
#section-G02-01 {
	width: 1280px;
	height: auto;
	overflow: hidden;
	}
#section-G02-01-SHORT {
	width: 940px;
	height: auto;
	overflow: hidden;
	}
#section-G02-01-TITLE {
	width: 960px;
	height: auto;
	overflow: hidden;
	}
#section-G02-02 {
	width: 920px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	overflow: hidden;
	}
#section-G02-02-PRETRAGA {
	width: 920px;
	height: auto;
	margin-left: 20px;
	overflow: hidden;
	}
#section-G02-02-01 {
	width: 100%;
	height: auto;
	overflow: hidden;
	}
#section-G02-02-01-tablet {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
	}
#section-G02-02-02 {
	width: 440px;
	height: auto;
	}
#section-G02-02-03 {
	width: 440px;
	height: auto;
	margin-left: 40px;
	}
#section-G02-02-05 {
	width: 100%;
	margin-top: 20px;
	}
#section-G02-IZDVOJENO {
	width: 100%;
	display: block;
	}
#section-G02-IZDVOJENO-m {
	width: 100%;
	display: none;
	}
#section-G02-IZDVOJENO-grup {
	width: 100%;
	height: auto;
	overflow: hidden;
	}
#section-G02-IZDVOJENO-grup-t {
	width: 100%;
	height: auto;
	overflow: hidden;
	display: none;
	}
#section-G02-PAGGER {
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
	}
#section-G02-02-06 {
	width: 280px;
	height: auto;
	margin-right: 40px;
	}
#section-G02-02-07 {
	width: 280px;
	height: auto;
	margin-right: 0px;
	}
#section-G02-02-06-tablet {
	width: 280px;
	height: auto;
	margin-right: 40px;
	display: none;
	}
#section-G02-02-07-tablet {
	width: 280px;
	height: auto;
	margin-right: 0px;
	display: none;
	}
#section-G02-02-02-image {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	width: 440px;
	height: 278px;
	display: block;
	float: left;
	z-index: 1;
	}
#section-G02-02-02-txt {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-decoration: none;
	width: 440px;
	height: auto;
	display: block;
	float: left;
	z-index: 1;
	}
#section-G02-02-02-orange {
	position: absolute;
	background-color: rgba(232, 136, 23, 1);
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	}
#section-G02-02-06-image {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	width: 280px;
	height: 177px;
	display: block;
	float: left;
	z-index: 1;
	}
#section-G02-02-06-txt {
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-decoration: none;
	width: 280px;
	height: auto;
	display: block;
	float: left;
	z-index: 1;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	#section-G01 {
		max-width: 1020px;
		min-height: 50px;
		margin-top: 10px;
		}
	#section-G01-01 {
		max-width: 540px;
		margin-left: 10px;
		}
	#section-G01-carousel {
		background-size: 540px 342px;
		width: 540px;
		height: 342px;
		}
	#section-G01-carousel-image {
		background-size: 540px 342px;
		height: 342px;
		}
	#section-G01-carousel-txt {
		width: 490px;
		left: 24px;
		}
	#section-G01-carousel-txt-HOME {
		width: 490px;
		left: 24px;
		}
	#section-G01-play {
		width: 24px;
		height: 24px;
		}
	#section-G02-play {
		width: 24px;
		height: 24px;
		}
	#section-G01-02 {
		width: 440px;
		margin-left: 20px;
		}
	#section-G01-03 {
		width: 440px;
		height: 100px;
		margin-left: 0px;
		margin-bottom: 20px;
		}
	#section-G01-04 {
		width: 440px;
		height: 100px;
		margin-left: 0px;
		}	
	#section-G02 {
		width: 1020px;
		min-height: 50px;
		margin-top: 10px;
		}
	#section-G02-01 {
		width: 1020px;
		}
	#section-G02-01-SHORT {
		width: 690px;
		}
	#section-G02-01-TITLE {
		width: 690px;
		}
	#section-G02-02 {
		width: 690px;
		margin-top: 10px;
		margin-left: 10px;
		}
	#section-G02-02-PRETRAGA {
		width: 690px;
		margin-left: 10px;
		}
	#section-G02-02-02 {
		width: 335px;
		}
	#section-G02-02-03 {
		width: 335px;
		margin-left: 20px;
		}
	#section-G02-02-05 {
		margin-top: 10px;
		}
	#section-G02-PAGGER {
		margin-top: 20px;
		margin-bottom: 20px;
		}
	#section-G02-02-06 {
		width: 223px;
		margin-right: 10px;
		}
	#section-G02-02-07 {
		width: 223px;
		}
	#section-G02-02-06-tablet {
		width: 223px;
		}
	#section-G02-02-07-tablet {
		width: 223px;
		}
	#section-G02-02-02-image {
		width: 335px;
		height: 212px;
		}
	#section-G02-02-02-txt {
		margin-top: 10px;
		margin-bottom: 10px;
		width: 335px;
		}
	#section-G02-02-06-image {
		width: 223px;
		height: 141px;
		}
	#section-G02-02-06-txt {
		width: 223px;
		}
}
@media (min-width: 540px) and (max-width: 1023px){
	#section-G01, #section-G01-01, #section-G01-02, #section-G01-03, #section-G01-04, 
	#section-G02, #section-G02-01, #section-G02-01-SHORT, #section-G02-01-TITLE, #section-G02-02, 
	#section-G02-02-PRETRAGA, 
	#section-G02-02-01, #section-G02-02-01-tablet, 
	#section-G02-02-02, #section-G02-02-03, 
	#section-G02-02-05, #section-G02-02-06, #section-G02-02-07, 
	#section-G02-02-06-tablet, #section-G02-02-07-tablet {
		float: none;
	}
	#section-G01 {
		max-width: 100%;
		margin-top: 20px;
		float: none;
		}
	#section-G01-01 {
		max-width: 540px;
		margin-left: auto;
		}
	#section-G01-carousel {
		background-size: 540px 342px;
		width: 540px;
		height: 342px;
		}
	#section-G01-carousel-image {
		background-size: 540px 342px;
		height: 342px;
		}
	#section-G01-carousel-txt {
		width: 500px;
		left: 20px;
		bottom: 20px;
		z-index: 2;
		}
	#section-G01-carousel-txt-HOME {
		width: 500px;
		left: 20px;
		bottom: 40px;
		z-index: 2;
		}
	#section-G01-play {
		width: 20px;
		height: 20px;
		}
	#section-G01-02 {
		width: 540px;
		margin-left: auto;
		}
	#section-G01-03 {
		width: 540px;
		height: auto;
		margin-top: 10px;
		margin-left: auto;
		margin-bottom: 0px;
		}
	#section-G01-04 {
		width: 540px;
		height: auto;
		margin-top: 10px;
		margin-left: auto;
		}	
	#section-G02 {
		width: 540px;
		min-height: 50px;
		margin-top: 10px;
		}
	#section-G02-01 {
		width: 540px;
		}
	#section-G02-01-SHORT {
		width: 540px;
		}
	#section-G02-01-TITLE {
		width: 540px;
		}
	#section-G02-02 {
		width: 540px;
		margin-top: 10px;
		margin-left: auto;
		}
	#section-G02-02-PRETRAGA {
		width: 540px;
		margin-left: auto;
		}
	#section-G02-02-01 {
		width: 100%;
		}
	#section-G02-02-01-tablet {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
		}
	#section-G02-02-02 {
		width: 260px;
		float: left;
		}
	#section-G02-02-03 {
		width: 260px;
		height: auto;
		margin-left: 20px;
		float: left;
		}
	#section-G02-02-05 {
		margin-top: 0px;
		}
	#section-G02-IZDVOJENO {
		width: 100%;
		display: none;
		}
	#section-G02-IZDVOJENO-m {
		width: 100%;
		display: block;
		}
	#section-G02-IZDVOJENO-grup {
		width: 100%;
		display: none;
		}
	#section-G02-IZDVOJENO-grup-t {
		width: 100%;
		display: block;
		}
	#section-G02-02-06 {
		width: 260px;
		height: auto;
		margin-right: auto;
		float: left;
		display: none;
		}
	#section-G02-02-07 {
		width: 260px;
		height: auto;
		margin-right: auto;
		float: left;
		display: none;
		}
	#section-G02-02-06-tablet {
		width: 260px;
		height: auto;
		margin-right: 20px;
		float: left;
		display: block;
		}
	#section-G02-02-07-tablet {
		width: 260px;
		height: auto;
		margin-right: auto;
		float: left;
		display: block;
		}
	#section-G02-02-02-image {
		width: 260px;
		height: 165px;
		}
	#section-G02-02-02-txt {
		width: 260px;
		}
	#section-G02-02-06-image {
		width: 260px;
		height: 165px;
		}
	#section-G02-02-06-txt {
		width: 260px;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	#section-G01, #section-G01-01, #section-G01-02, #section-G01-03, #section-G01-04, 
	#section-G02, #section-G02-01, #section-G02-01-SHORT, #section-G02-01-TITLE, #section-G02-02, 
	#section-G02-02-PRETRAGA, 
	#section-G02-02-01, #section-G02-02-01-tablet, 
	#section-G02-02-02, #section-G02-02-03, 
	#section-G02-02-05, #section-G02-02-06, #section-G02-02-07, 
	#section-G02-02-06-tablet, #section-G02-02-07-tablet {
		float: none;
	}
	#section-G01 {
		max-width: 100%;
		margin-top: 20px;
		float: none;
		}
	#section-G01-01 {
		max-width: 320px;
		margin-left: auto;
		}
	#section-G01-carousel {
		background-size: 320px 203px;
		width: 320px;
		height: 203px;
		}
	#section-G01-carousel-image {
		background-size: 320px 203px;
		height: 203px;
		}
	#section-G01-carousel-txt {
		width: 280px;
		left: 20px;
		bottom: 20px;
		z-index: 2;
		}
	#section-G01-carousel-txt-HOME {
		width: 280px;
		left: 20px;
		bottom: 40px;
		z-index: 2;
		}
	#section-G01-play {
		width: 20px;
		height: 20px;
		}
	#section-G01-02 {
		width: 320px;
		margin-left: auto;
		}
	#section-G01-03 {
		width: 320px;
		height: auto;
		margin-top: 10px;
		margin-left: auto;
		margin-bottom: 0px;
		}
	#section-G01-04 {
		width: 320px;
		height: auto;
		margin-top: 10px;
		margin-left: auto;
		}	
	#section-G02 {
		width: 320px;
		min-height: 50px;
		margin-top: 10px;
		}
	#section-G02-01 {
		width: 320px;
		}
	#section-G02-01-SHORT {
		width: 320px;
		}
	#section-G02-01-TITLE {
		width: 320px;
		}
	#section-G02-02 {
		width: 320px;
		margin-top: 10px;
		margin-left: auto;
		}
	#section-G02-02-PRETRAGA {
		width: 320px;
		margin-left: auto;
		}
	#section-G02-02-01 {
		width: 100%;
		}
	#section-G02-02-02 {
		width: 320px;
		}
	#section-G02-02-03 {
		width: 320px;
		height: auto;
		margin-left: auto;
		}
	#section-G02-02-05 {
		margin-top: 0px;
		}
	#section-G02-IZDVOJENO {
		width: 100%;
		display: none;
		}
	#section-G02-IZDVOJENO-m {
		width: 100%;
		display: block;
		}
	#section-G02-IZDVOJENO-grup {
		width: 100%;
		display: block;
		}
	#section-G02-IZDVOJENO-grup-t {
		width: 100%;
		display: none;
		}
	#section-G02-02-06 {
		width: 320px;
		height: auto;
		margin-right: auto;
		}
	#section-G02-02-07 {
		width: 320px;
		height: auto;
		margin-right: auto;
		}
	#section-G02-02-06-tablet {
		width: 280px;
		height: auto;
		margin-right: 40px;
		display: none;
		}
	#section-G02-02-07-tablet {
		width: 280px;
		height: auto;
		margin-right: 0px;
		display: none;
		}
	#section-G02-02-02-image {
		width: 320px;
		height: 203px;
		}
	#section-G02-02-02-txt {
		width: 320px;
		}
	#section-G02-02-06-image {
		width: 320px;
		height: 203px;
		}
	#section-G02-02-06-txt {
		width: 320px;
		}
}
/* ---------- ---------- TBL ---------- ---------- GRUPE */
.col-G01 {
	text-align: left;
	vertical-align: top;
	}
.col-G01-H {
	text-align: left;
	vertical-align: top;
	}
.col-G01-L {
	width: 212px;
	text-align: left;
	vertical-align: top;
	}
.col-G01-R {
	width: 282px;
	text-align: left;
	vertical-align: top;
	}
.col-G02 {
	width: 20px;
	}
.col-G02-T {
	width: 20px;
	}
.col-G03 {
	height: 10px;
	}
.col-G04 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	}
.col-G05 {
	width: 212px;
	text-align: left;
	vertical-align: top;
	}
.col-G06 {
	height: 5px;
	}	
.col-G06-H {
	height: 5px;
	}
.col-G07 {
	width: 282px;
	text-align: left;
	vertical-align: top;
	}
.col-G08 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	.col-G01-L {
		width: 158px;
		}
	.col-G01-R {
		width: 260px;
		}
	.col-G02 {
		width: 10px;
		}
	.col-G02-T {
		width: 10px;
		}
	.col-G03 {
		height: 5px;
		}
	.col-G05 {
		width: 158px;
		}
	.col-G07 {
		width: 260px;
		}
	
}
@media (min-width: 540px) and (max-width: 1023px){
	.col-G01-H {
		display: none;
		}
	.col-G01-L {
		width: 212px;
		}
	.col-G01-R {
		width: 308px;
		}
	.col-G02 {
		width: 20px;
		}
	.col-G02-T {
		width: 0px;
		}
	.col-G03 {
		height: 5px;
		}
	.col-G05 {
		width: 125px;
		}
	.col-G06 {
		height: 5px;
		}
	.col-G06-H {
		display: none;
		}	
	.col-G07 {
		width: 175px;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	.col-G01-H {
		display: none;
		}
	.col-G01-L {
		width: 125px;
		}
	.col-G01-R {
		width: 175px;
		}
	.col-G02 {
		width: 20px;
		}
	.col-G02-T {
		width: 0px;
		}
	.col-G03 {
		height: 5px;
		}
	.col-G05 {
		width: 125px;
		}
	.col-G06 {
		height: 5px;
		}
	.col-G06-H {
		display: none;
		}	
	.col-G07 {
		width: 175px;
		}
}
/* ---------- ---------- CLASS ---------- ---------- GRUPE */
.txt-G01 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #e88817;
	text-decoration: none;
	text-align: left;
	}
.txt-G02 {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	}
.txt-G03 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #131313;
	text-decoration: none;
	text-align: left;
	}
.txt-G04 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #e88817;
	text-decoration: none;
	text-align: left;
	}
.txt-G05 {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #c1c1c1;
	text-decoration: none;
	text-align: left;
	}
.txt-G06 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	}
.txt-G07 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #131313;
	text-decoration: none;
	text-align: center;
	}
.txt-G08 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	}
@media (min-width: 540px) and (max-width:1279px){
	.txt-G01 {
		font-size: 22px;
		line-height: 26px;
		}
	.txt-G02 {
		font-size: 16px;
		line-height: 16px;
		color: #FFF;
		}
	.txt-G03 {
		font-size: 14px;
		line-height: 18px;
		}
	.txt-G04 {
		font-size: 16px;
		line-height: 18px;
		}
	.txt-G05 {
		font-size: 14px;
		line-height: 18px;
		color: #c1c1c1;
		display: none;
		}
	.txt-G06 {
		font-size: 16px;
		line-height: 22px;
		color: #FFF;
		}
	.txt-G08 {
		font-size: 14px;
		line-height: 18px;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	.txt-G01 {
		font-size: 22px;
		line-height: 26px;
		}
	.txt-G02 {
		font-size: 16px;
		line-height: 16px;
		color: #FFF;
		}
	.txt-G03 {
		font-size: 14px;
		line-height: 18px;
		}
	.txt-G04 {
		font-size: 16px;
		line-height: 18px;
		}
	.txt-G05 {
		font-size: 14px;
		line-height: 18px;
		color: #c1c1c1;
		display: none;
		}
	.txt-G06 {
		font-size: 16px;
		line-height: 22px;
		color: #FFF;
		}
	.txt-G08 {
		font-size: 14px;
		line-height: 18px;
		}
}
.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 20px;
	line-height: 22px;
	color: #000;
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-G01 a:hover {
	color: #c1c1c1;
	}
.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-G02 a:hover {
	color: #c1c1c1;
	}
.class-G03 a:link, .class-G03 a:visited, .class-G03 a:active, .class-G03 a:hover {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #e88817;
	text-decoration: none;
	text-align: center;
	outline: 0;
	outline: none;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}
.class-G03 a:hover {
	color: #c1c1c1;
	}
@media (min-width: 540px) and (max-width: 1279px){
	.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover {
		font-size: 16px;
		line-height: 18px;
		}
	.class-G01 a:hover {
		color: #000;
		}
	.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover {
		font-size: 22px;
		line-height: 24px;
		}
	.class-G02 a:hover {
		color: #FFF;
		}
	.class-G03 a:hover {
		color: #e88817;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	.class-G01 a:link, .class-G01 a:visited, .class-G01 a:active, .class-G01 a:hover {
		font-size: 16px;
		line-height: 18px;
		}
	.class-G01 a:hover {
		color: #000;
		}
	.class-G02 a:link, .class-G02 a:visited, .class-G02 a:active, .class-G02 a:hover {
		font-size: 22px;
		line-height: 24px;
		}
	.class-G02 a:hover {
		color: #FFF;
		}
	.class-G03 a:hover {
		color: #e88817;
		}
}
.img-small-G01 {
	width: 212px;
	height: 134px;
	border: none;
	opacity: 1;
	}
.img-small-G01:hover {
	opacity: 0.5;
	}
.img-small-G02 {
	width: 440px;
	height: 278px;
	border: none;
	opacity: 1;
	}
.img-small-G02:hover {
	opacity: 0.5;
	}
.img-small-G03 {
	width: 280px;
	height: 177px;
	border: none;
	opacity: 1;
	}
.img-small-G03:hover {
	opacity: 0.5;
	}
.img-play-G01 {
	width: 36px;
	height: 36px;
	border: none;
	opacity: 1;
	}
.img-play-G02 {
	width: 36px;
	height: 36px;
	border: none;
	opacity: 1;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	.img-small-G01 {
		width: 158px;
		height: 100px;
		}
	.img-small-G01:hover {
		opacity: 1;
		}
	.img-small-G02 {
		width: 335px;
		height: 212px;
		}
	.img-small-G02:hover {
		opacity: 1;
		}
	.img-small-G03 {
		width: 223px;
		height: 141px;
		}
	.img-small-G03:hover {
		opacity: 1;
		}
	.img-play-G02 {
		width: 24px;
		height: 24px;
		border: none;
		opacity: 1;
		}
}
@media (min-width: 540px) and (max-width: 1023px){
	.img-small-G01 {
		width: 212px;
		height: 134px;
		}
	.img-small-G01:hover {
		opacity: 1;
		}
	.img-small-G02 {
		width: 260px;
		height: 165px;
		}
	.img-small-G02:hover {
		opacity: 1;
		}
	.img-small-G03 {
		width: 260px;
		height: 165px;
		}
	.img-small-G03:hover {
		opacity: 1;
		}
	.img-play-G02 {
		width: 20px;
		height: 20px;
		border: none;
		opacity: 1;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	.img-small-G01 {
		width: 125px;
		height: 79px;
		}
	.img-small-G01:hover {
		opacity: 1;
		}
	.img-small-G02 {
		width: 320px;
		height: 203px;
		}
	.img-small-G02:hover {
		opacity: 1;
		}
	.img-small-G03 {
		width: 320px;
		height: 203px;
		}
	.img-small-G03:hover {
		opacity: 1;
		}
	.img-play-G02 {
		width: 20px;
		height: 20px;
		border: none;
		opacity: 1;
		}
}
/* ---------- ---------- SECTION-PN01 ---------- ---------- ČLANAK */	
#section-PN01, #section-PN01-01, #section-PN01-02, #section-PN01-02-01, #section-PN01-02-01-01, #section-PN01-02-01-02, #section-PN01-02-02 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-PN01 {
	width: 1280px;
	min-height: 50px;
	margin-top: 20px;
	overflow: hidden;
	float: none;
	}
#section-PN01-01 {
	width: 1280px;
	height: auto;
	overflow: hidden;
	}
#section-PN01-02 {
	width: 920px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	}
#section-PN01-02-01 {
	width: 100%;
	height: auto;
	display: block;
	}
#section-PN01-02-02 {
	width: 100%;
	height: auto;
	margin-top: 20px;
	display: block;
	}
#section-PN01-02-01-01 {
	position: relative;
	width: 600px;
	height: 380px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	}	
#section-PN01-image {
	position: absolute;
	width: 600px;
	height: 380px;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 1;
	}
#section-PN01-orange {
	position: absolute;
	background-color: rgba(232, 136, 23, 1);
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	}
#section-PN01-txt {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: auto;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	bottom: 0px;
	display: block;
	z-index: 1;
	}
#section-PN01-02-01-02 {
	position: relative;
	width: 280px;
	height: 380px;
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	#section-PN01 {
		width: 1020px;
		min-height: 50px;
		margin-top: 10px;
		}
	#section-PN01-01 {
		width: 1020px;
		}
	#section-PN01-02 {
		width: 690px;
		margin-top: 10px;
		margin-left: 10px;
		}
	#section-PN01-02-02 {
		margin-top: 10px;
		}
	#section-PN01-02-01-01 {
		width: 400px;
		height: 253px;
		}	
	#section-PN01-image {
		width: 400px;
		height: 253px;
		}
	#section-PN01-02-01-02 {
		width: 270px;
		height: 253px;
		margin-left: 20px;
		}
}
@media (min-width: 540px) and (max-width: 1023px){
	#section-PN01, #section-PN01-01, #section-PN01-02, #section-PN01-02-01, #section-PN01-02-01-01, 
	#section-PN01-02-01-02, #section-PN01-02-02 {
		float: none;
	}
	#section-PN01 {
		width: 540px;
		margin-top: 10px;
		}
	#section-PN01-01 {
		width: 540px;
		}
	#section-PN01-02 {
		width: 540px;
		margin-top: 10px;
		margin-left: auto;
		}
	#section-PN01-02-02 {
		margin-top: 10px;
		}
	#section-PN01-02-01-01 {
		width: 540px;
		height: 342px;
		}	
	#section-PN01-image {
		width: 540px;
		height: 342px;
	}
	#section-PN01-txt {
		position: relative;
		width: 540px;
		height: auto;
		left: auto;
		top: auto;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		bottom: auto;
		display: block;
		z-index: 1;
		}
	#section-PN01-02-01-02 {
		width: 540px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}
@media (min-width: 0px) and (max-width: 539px){
	#section-PN01, #section-PN01-01, #section-PN01-02, #section-PN01-02-01, #section-PN01-02-01-01, 
	#section-PN01-02-01-02, #section-PN01-02-02 {
		float: none;
	}
	#section-PN01 {
		width: 320px;
		margin-top: 10px;
		}
	#section-PN01-01 {
		width: 320px;
		}
	#section-PN01-02 {
		width: 320px;
		margin-top: 10px;
		margin-left: auto;
		}
	#section-PN01-02-02 {
		margin-top: 10px;
		}
	#section-PN01-02-01-01 {
		width: 320px;
		height: 203px;
		}	
	#section-PN01-image {
		width: 320px;
		height: 203px;
	}
	#section-PN01-txt {
		position: relative;
		width: 320px;
		height: auto;
		left: auto;
		top: auto;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: auto;
		bottom: auto;
		display: block;
		z-index: 1;
		}
	#section-PN01-02-01-02 {
		width: 320px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
}
.col-PN01 {
	text-align: left;
	vertical-align: top;
	}
.col-PN02 {
	width: 20px;
	}
.col-PN02-T {
	width: 20px;
	}
.col-PN03 {
	height: 10px;
	}
.col-PN04 {
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	}
@media (min-width: 1024px) and (max-width: 1279px){	
	.col-PN01 {
		text-align: left;
		vertical-align: top;
		}
	.col-PN02 {
		width: 10px;
		}
	.col-PN02-T {
		width: 10px;
		}
	.col-PN03 {
		height: 5px;
		}
	.col-PN04 {
		height: 20px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c1c1c1;
		}
}
@media (min-width: 0px) and (max-width: 1023px){	
	.col-PN01 {
		text-align: left;
		vertical-align: top;
		}
	.col-PN02 {
		width: 20px;
		}
	.col-PN02-T {
		width: 0px;
		}
	.col-PN03 {
		height: 5px;
		}
	.col-PN04 {
		height: 20px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c1c1c1;
		}
}
.txt-PN01 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 26px;
	line-height: 32px;
	color: #131313;
	text-decoration: none;
	text-align: left;
	}
.txt-PN02 {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #131313;
	text-decoration: none;
	text-align: left;
	}
.txt-PN03 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #131313;
	text-decoration: none;
	text-align: left;
	}
.txt-PN04 {
	font-family:'titillium_websemibold', sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
	}
.txt-PN05 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #757575;
	text-decoration: none;
	text-align: left;
	}
.txt-PN06 {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	text-align: justify;
	}
.class-PN02 a:link, .class-PN02 a:visited,.class-PN02 a:active, .class-PN02 a:hover {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #757575;
	text-align: left;
	text-decoration: none;
	outline: 0;
	}
.class-PN02 a:hover {
	text-decoration: underline;
	}
.class-PN03 a:link, .class-PN03 a:visited,.class-PN03 a:active, .class-PN03 a:hover {
	font-family:'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #e88817;
	text-align: left;
	text-decoration: none;
	outline: 0;
	}
.class-PN03 a:hover {
	text-decoration: underline;
	}
@media (min-width: 0px) and (max-width: 1279px){
	.txt-PN01 {
		font-size: 22px;
		line-height: 26px;
		}
	.txt-PN02 {
		font-size: 16px;
		line-height: 18px;
		}
	.txt-PN03 {
		font-size: 16px;
		line-height: 18px;
		}
	.txt-PN04 {
		font-size: 16px;
		line-height: 16px;
		}
	.txt-PN05 {
		font-size: 16px;
		line-height: 18px;
		}
	.txt-PN06 {
		font-size: 16px;
		line-height: 18px;
		}
	.class-PN02 a:link, .class-PN02 a:visited,.class-PN02 a:active, .class-PN02 a:hover {
		font-size: 16px;
		line-height: 18px;
		}
	.class-PN02 a:hover {
		text-decoration: none;
		}
	.class-PN03 a:hover {
		text-decoration: none;
		}
}
#share-F {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: 20px;
	margin-bottom: 0px;
	display: block;
	float: left;
	z-index: 1;
	}
.img-small-PN01 {
	width: 600px;
	height: 380px;
	border: none;
	opacity: 1;
	}
.img-icon-PN01 {
	width: 24px;
	height: 24px;
	border: none;
	opacity: 1;
	}
.img-icon-PN01:hover {
	opacity: 0.5;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	.img-small-PN01 {
		width: 400px;
		height: 253px;
		}
	.img-icon-PN01:hover {
		opacity: 1;
		}
	
}
@media (min-width: 540px) and (max-width: 1023px){
	.img-small-PN01 {
		width: 540px;
		height: 342px;
		}
	.img-icon-PN01:hover {
		opacity: 1;
		}
	
}
@media (min-width: 0px) and (max-width: 539px){
	.img-small-PN01 {
		width: 320px;
		height: 203px;
		}
	.img-icon-PN01:hover {
		opacity: 1;
		}
	
}
/* ---------- ---------- BANNERS SIZE */
#image-size-01 {
	width: 970px;
	height: 250px;
	text-align: center;
	}
.img-size-01 {
	width: 970px;
	height: 250px;
	border: none;
	}
#image-size-02 {
	width: 300px;
	height: 600px;
	text-align: center;
	}
.img-size-02 {
	width: 300px;
	height: 600px;
	border: none;
	}
#image-size-03 {
	width: 300px;
	height: 250px;
	text-align: center;
	}
.img-size-03 {
	width: 300px;
	height: 250px;
	border: none;
	}
/* ---------- ---------- BANNERS */
#banner-01, #banner-02, #banner-03, #banner-04, #banner-05, #banner-06, #banner-07, #banner-08 {
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	z-index: 10;
	}
#banner-01 {
	width: 970px;
	height: 250px;
	margin-top: 20px;
	}
#banner-02 {
	width: 970px;
	height: 250px;
	margin-top: 40px;
	}
#banner-03 {
	width: 970px;
	height: 250px;
	margin-top: 40px;
	}	
#banner-04 {
	width: 300px;
	height: 600px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}
#banner-05 {
	width: 300px;
	height: 600px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	}
#banner-06 {
	width: 300px;
	height: 250px;
	margin-left: 0px;
	margin-bottom: 20px;
	}
#banner-07 {
	width: 300px;
	height: 250px;
	margin-left: 0px;
	margin-bottom: 20px;
	}
#banner-08 {
	width: 300px;
	height: 250px;
	margin-left: 0px;
	margin-bottom: 20px;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	#banner-01 {
		margin-top: 10px;
		}
	#banner-02 {
		margin-top: 20px;
		}
	#banner-03 {
		margin-top: 20px;
		}	
	#banner-04 {
		margin-top: 10px;
		margin-left: 10px;
		}
	#banner-05 {
		margin-top: 10px;
		margin-left: 10px;
		}
	#banner-06 {
		margin-bottom: 10px;
		}
	#banner-07 {
		margin-bottom: 10px;
		}
	#banner-08 {
		margin-bottom: 10px;
		}
}
#banner-01-u, #banner-02-u, #banner-03-u, #banner-04-u, #banner-05-u, #banner-06-u, #banner-07-u, #banner-08-u {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	z-index: 1;
	}
#banner-01-u {
	height: 250px;
	}
#banner-02-u {
	height: 250px;
	}
#banner-03-u {
	height: 250px;
	}
#banner-04-u {
	height: 600px;
	}
#banner-05-u {
	height: 600px;
	}
#banner-06-u {
	height: 250px;
	}
#banner-07-u {
	height: 250px;
	}
#banner-08-u {
	height: 250px;
	}
#banner-01-link, #banner-02-link, #banner-03-link, #banner-04-link, #banner-05-link, #banner-06-link, #banner-07-link , #banner-08-link{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer;
	z-index: 2;
	}
#banner-01-link {
	width: 970px;
	height: 250px;
	}
#banner-02-link {
	width: 970px;
	height: 250px;
	}
#banner-03-link {
	width: 970px;
	height: 250px;
	}
#banner-04-link {
	width: 300px;
	height: 600px;
	}	
#banner-05-link {
	width: 300px;
	height: 600px;
	}	
#banner-06-link {
	width: 300px;
	height: 250px;
	}		
#banner-07-link {
	width: 300px;
	height: 250px;
	}		
#banner-08-link {
	width: 300px;
	height: 250px;
	}
#banner-M01, #banner-M02, #banner-M03 {
	position: relative;
	background-color: rgba(255, 255, 255, 1);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: none;
	z-index: 10;
	}
#banner-M01 {
	width: 300px;
	height: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#banner-M02 {
	background-color: rgba(255, 255, 255, 1);
	width: 300px;
	height: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#banner-M03 {
	width: 300px;
	height: 250px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
#banner-M01-u, #banner-M02-u, #banner-M03-u {
	position: relative;
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	z-index: 1;
	}	
#banner-M01-u {
	height: 250px;
	}	
#banner-M02-u {
	height: 250px;
	}	
#banner-M03-u {
	height: 250px;
	}
#banner-M01-link, #banner-M02-link, #banner-M03-link {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	cursor: pointer;
	z-index: 2;
	}		
#banner-M01-link {
	width: 300px;
	height: 250px;
	}		
#banner-M02-link {
	width: 300px;
	height: 250px;
	}		
#banner-M03-link {
	width: 300px;
	height: 250px;
	}

@media (min-width: 0px) and (max-width: 1023px){
	#banner-01 {
		display: none;
		}
	#banner-02 {
		display: none;
		}
	#banner-03 {
		display: none;
		}
	#banner-04 {
		display: none;
		}
	#banner-05 {
		display: none;
		}
	#banner-06 {
		display: none;
		}
	#banner-07 {
		display: none;
		}
	#banner-08 {
		display: none;
		}
	
	#banner-M01 {
		display: block;
		}
	#banner-M02 {
		display: block;
		}
	#banner-M03 {
		display: block;
		}
}

/* ---------- ---------- SECTION-F ---------- ---------- FOOTER */
#section-F, #section-F-01, #section-F-02, #section-F-03, #section-F-04, img {
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
#section-F, #section-F-01, #section-F-02, #section-F-02-01, #section-F-03, #section-F-04, #section-F-05, img {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-F {
	background-color: rgba(59, 59, 59, 1);
	width: 100%;
	min-height: 350px;
	margin-top: 40px;
	overflow: hidden;
	float: none;
	}
#section-F-01 {
	max-width: 1280px;
	margin-top: 30px;
	height: 40px;
	display: block;
	float: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	}
#section-F-02 {
	max-width: 1280px;
	margin-top: 28px;
	height: 40px;
	display: block;
	float: none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	}
#section-F-02-01 {
	margin-top: 20px;
	width: 193px;
	height: 80px;
	display: block;
	border: none;
	float: none;
	}
#footer-ico-01 {
	position: relative;
	width: 24px;
	height: 24px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: block;
	float: left;
	z-index: 1;
	}
#section-F-03 {
	max-width: 1280px;
	margin-top: 10px;
	height: 80px;
	display: block;
	float: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c1c1c1;
	}
#section-F-04 {
	max-width: 1280px;
	margin-top: 40px;
	height: 40px;
	display: block;
	text-align: center;
	float: none;
	}
#navigation-01 {
	position: relative;
	width: auto;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'titillium_webregular', sans-serif;
	font-size: 16px;
	line-height: 60px;
	color: rgba(255, 255, 255, 1);
	list-style-type: none;
	text-decoration: none;
	text-align: left;
	display: inline;
	z-index: 1;
}
#navigation-01 > a.nav-link {
	padding-left: 10px;
	padding-right: 10px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	display: inline;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#navigation-01 > a.nav-link.active {
	color: rgba(255, 255, 255, 0.5);
}
#navigation-01 > a.nav-link:hover {
	color: rgba(255, 255, 255, 0.5);
}
#navigation-01 > a.nav-link:active {
	color: rgba(255, 255, 255, 0.5);
}
#navigation-02 {
	position: relative;
	width: auto;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'titillium_webregular', sans-serif;
	font-size: 14px;
	line-height: 60px;
	color: rgba(255, 255, 255, 1);
	list-style-type: none;
	text-decoration: none;
	text-align: left;
	display: inline;
	z-index: 1;
}
#navigation-02 > a.nav-link {
	padding-left: 10px;
	padding-right: 10px;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
	display: inline;
	-o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -khtml-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
#navigation-02 > a.nav-link.active {
	color: rgba(255, 255, 255, 0.5);
}
#navigation-02 > a.nav-link:hover {
	color: rgba(255, 255, 255, 0.5);
}
#navigation-02 > a.nav-link:active {
	color: rgba(255, 255, 255, 0.5);
}
.txt-F {
	font-family:'titillium_webregular', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	}
@media (min-width: 0px) and (max-width: 1279px){
	#section-F, #section-F-01, #section-F-02, #section-F-02-01, #section-F-03, #section-F-04, #section-F-05, img {
		float: none;
	}
	#section-F {
		min-height: 250px;
		margin-top: 20px;
		}
	#section-F-01 {
		display: none;
		}
	#section-F-02 {
		max-width: 100%;
		margin-top: 40px;
		height: 44px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c1c1c1;
		}
	#section-F-02-01 {
		margin-top: 0px;
		width: 145px;
		height: 24px;
		border: none;
		}
	#footer-ico-01 {
		margin-top: 0px;
		margin-left: 12px;
		margin-right: 12px;
		}
	#section-F-03 {
		max-width: 100%;
		margin-top: 20px;
		height: 140px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c1c1c1;
		}
	#navigation-01 {
		text-align: center;
		font-size: 16px;
		line-height: 30px;
		display: block;
	}
	#navigation-01 > a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
		display: block;
	}
	#navigation-01 > a.nav-link.active {
		color: rgba(255, 255, 255, 1);
	}
	#navigation-01 > a.nav-link:hover {
		color: rgba(255, 255, 255, 1);
	}
	#navigation-01 > a.nav-link:active {
		color: rgba(255, 255, 255, 1);
	}
	#section-F-04 {
		max-width: 320px;
		margin-top: 20px;
		height: 60px;
	}
}
#popupMenu { display: none; }

@media (min-width: 0px) and (max-width: 1023px){
	#popupMenu { display: block; position: fixed; top: 0px; right: -1024px; width:100%; height:100%; 
	background-color: rgba(232, 136, 23, 1); z-index:99999; }
	#popupLogo { position: absolute; width: auto; height: 80px; top: 10px; left: 10px; text-align: center; text-decoration: none; z-index: 1; display: block; z-index: 502; }
	#popupCloseMenu { position: absolute; display: block; cursor: pointer; left: auto; right:20px; top:25px; width: 26px;height: 25px; z-index: 502; }
	.IMG-CLOSE { width: 26px; height: 25px; border: none; }
	#popupCenterMenu { position: relative; background-color: rgba(215, 127, 22, 1); margin-top: 80px; margin-left: auto; margin-right: auto; width: 100%; min-height: 100%; display: block; text-align: center; float: none; }
	#popupCenterMenu-u { position: relative; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 300px;min-height: 300px; display: block; text-align: left; float: none; }
	#back_faderMOB { display: none; bottom: 0; left: 0; overflow-x: auto; overflow-y: scroll; position: fixed; right:0; top: 0; z-index: 96; cursor: pointer; }
	.col-MENU-00 { height: 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c1c1c1; }
	.col-MENU-01 { height: 2px; }
	.col-MENU-02 { text-align: left; vertical-align: top; }
	.col-MENU-03 { height: 20px; }
	.CLASS-MENU-01 a:link { font-family:'titillium_webregular', sans-serif; font-size: 18px; line-height: 20px; color: #FFF; text-align: left; text-decoration: none; }
	.CLASS-MENU-01 a:visited{ font-family:'titillium_webregular', sans-serif; font-size: 18px; line-height: 20px; color: #FFF; text-align: left; text-decoration: none; }
	.CLASS-MENU-01 a:active{ font-family:'titillium_webregular', sans-serif; font-size: 18px; line-height: 20px; color: #FFF; text-align: left; text-decoration: none; }
	.CLASS-MENU-01 a:hover{ font-family:'titillium_webregular', sans-serif; font-size: 18px; line-height: 20px; color: #FFF; text-align: left; text-decoration: none; }
}

#sectionVideo-01 {
	position: relative;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 100px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	width: 560px;
	height: 315px;
	float: left;
	display: block;
	overflow:hidden;
	}
#sectionVideo-01 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 560px;
	height: 315px;
}

@media (min-width: 0px) and (max-width: 1279px){
	#sectionVideo-01 {
		padding-bottom: 56.25%;
		width: 100%;
		height: 0;
		float: left;
		display: block;
		overflow:hidden;
		}
	#sectionVideo-01 iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
	}
}


#anterFleft {
	position: relative;
  	background: #e88817;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	width: 300px;
	height: auto;
	display: block;
	overflow: hidden;
	float: left;
	}
#anterFleft-u {
	position: relative;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 260px;
	height: auto;
	display: block;
	text-align: justify;
}

.img-text-01 {
	position: relative;
	width: 700px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	float: none;
	border: none;
	}
.img-text-02 {
	position: relative;
	/*width: 440px;*/
	width: 700px;
	height: auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
	float: none;
	border: none;
	}
@media (min-width: 1024px) and (max-width: 1279px){
	.img-text-01 {
		position: relative;
		width: 525px;
		height: auto;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		display: block;
		float: none;
		border: none;
		}
	.img-text-02 {
		position: relative;
		/*width: 330px;*/
		width: 525px;
		height: auto;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		display: block;
		float: none;
		border: none;
		}
}
@media (min-width: 540px) and (max-width: 1023px){
	.img-text-01 {
		width: 525px;
		}
	.img-text-02 {
		/*width: 340px;*/
		width: 525px;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	.img-text-01 {
		width: 320px;
		}
	.img-text-02 {
		/*width: 203px;*/
		width: 320px;
		}
}


/* ---------- ---------- SECTION-M01 ---------- ---------- MIDAS */
#section-M01, #section-M01-01 {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
#section-M01, #section-M01-01 {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	text-decoration: none;
	display: block;
	float: left;
	z-index: 1;
}
#section-M01 {
	width: 1280px;
	min-height: 50px;
	overflow: hidden;
	float: none;
	}
#section-M01-01 {
	width: 1240px;
	height: auto;
	margin-top: 20px;
	margin-left: 20px;
	overflow: hidden;
	}	
@media (min-width: 1024px) and (max-width: 1279px){
	#section-M01 {
		width: 1020px;
		min-height: 50px;
		}
	#section-M01-01 {
		width: 1000px;
		margin-top: 10px;
		margin-left: 10px;
		}

}
@media (min-width: 540px) and (max-width: 1023px){
	#section-M01, #section-M01-01 {
		float: none;
	}
	#section-M01 {
		width: 540px;
		min-height: 50px;
		}
	#section-M01-01 {
		width: 100%;
		margin-top: 10px;
		margin-left: auto;
		}
}
@media (min-width: 0px) and (max-width: 539px){
	#section-M01, #section-M01-01 {
		float: none;
	}
	#section-M01 {
		width: 320px;
		min-height: 50px;
		}
	#section-M01-01 {
		width: 100%;
		margin-top: 10px;
		margin-left: auto;
		}
}