/*
* Lansing uni Landing Page 1.0
* Copyright 2013, UNITED THEMES
* www.unitedthemes.com
*/


/* Table of Content
==================================================
	#Basic Styles
	#Typography
	#Links
	#Lists
	#Images
	#Header Section
	#uni Section
	#Information Section
	#info3 Section
	#newsl Section
	#Parallax
	#Footer Section
	#Buttons
	#Forms
	#Misc 
	#Media Queries
	#Grid */


/* #Basic Styles
================================================== */

/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');*/
*@import url('https://fonts.googleapis.com/css?family=Roboto');
/* Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/* RNIDS fontovi */
@font-face {
    font-family: 'ArealRNIDS';
    src: url('fonts/ArealRNIDS-Regular.woff2') format('woff2'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: OrtoRNIDS-Regular */
@font-face {
    font-family: 'OrtoRNIDS';
    src: url('fonts/OrtoRNIDS-Regular.woff2') format('woff2'); /* Modern Browsers */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
	
html {
	height:100%;
}

body {
	height:100%;
	background: #FFFFFF;
	font: 13px/23px 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica;
	color: #000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	
	/*font-style:italic;*/
}

#iContents::-webkit-scrollbar { 
    display: none; 
}
#iContents { 
    overflow: hidden; 
}

/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 { color: #555555; font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight' ; font-weight: normal; line-height:100%; margin-bottom:20px; }
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:20px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #77777;  }
em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

/*	Blockquotes  */

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #2A83ED; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #DDDDDD; }
blockquote cite { display: block; font-size: 12px; color: #999999; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #999999; }

hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; margin: 20px 0 40px; height: 0; }

/* #Links
================================================== */

a, 
a:visited { 
	/*color: #d00;color: #002a53;*/
    color: #002242;
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
a:hover, a:focus { color: #002a53; }
p a, p a:visited { line-height: inherit; }

/*
#ut_styleswitcher .toggle {
    background-color:  #2A83ED;	
}*/

/* #Lists
================================================== */

ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
.icons-ul i { color:#dd0; }

ul li {
	/*list-style-type:square; */
}
ul li:hover {
	/*color:#F90; */
}
ul li a { 
	/*color: #e1e1e1;*/
}
ul li a:hover {
	/*color:#fff;*/
	text-decoration:underline;
}
ul li a:active {
}

/* #Images
================================================== */

img {
	max-width: 100%;
	height: auto; 
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/* #Header Section
================================================== */

#header-section {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	line-height:80px;
	min-height:80px;
	/*z-index:1000;*/
	z-index:1000;
	-webkit-transform: translateZ(0);
	
	background:transparent;
	/*border: 0 0 1px 0 solid #000;
	border-bottom: 1px solid #000;
	padding-bottom:2px;*/
	/*
	background:rgb(255, 255, 255);
	background:rgba(255, 255, 255, 0.65);
	
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2);
			box-shadow:0 0 2px rgba(0, 0, 0, 0.2);	
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
	*/
			
/*display: block; margin: 0px auto; height:80px;*/
/*background: linear-gradient( 90deg, rgba(102,153,204, 0.35) 0%, rgba(102,153,204, 0.95) 100%) repeat scroll 0 0 transparent;*/

}
.site-branding {
	display:block;	
	/*background: url('../images/heder80.jpg') no-repeat transparent top left;*/
	/*font-style:italic;*/
}
.site-branding h1 {
	font-size:30px;
	margin:0;
	color:#444444;
	line-height:inherit;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, 'robotolight', Helvetica;
	font-weight:normal;
}
.site-branding h2 {
	font-size:18px;
	margin:0;
	color:#fff;
	line-height:inherit;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Verdana, Tahoma, Helvetica;
	font-weight:normal;
}
.site-branding h3 {
	font-size:14px;
	margin:0;
	color:#444444;
	line-height:inherit;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, 'robotolight', Helvetica;
	font-weight:normal;
}
.site-branding h5 {
	font-size:14px;
	margin:16px 0 0 -10px;
	color:#000;
	line-height:18px;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial;
	font-weight:bold;
}
.site-branding h6 {
	font-size:12px;
	margin:12px 0 0 -10px;
	color:#fff;
	line-height:14px;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial;
	font-weight:bold;
	text-align:right;
	width:110px;
}
.site-branding-h7 {
	font-size:11px;
	color:#fff;
	line-height:12px;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial;
	font-weight:bold;
	right:0;
	text-align:right;
	
	white-space: nowrap;
}
.site-branding a {
	display:block;
	min-width:450px; /* logo resen */
}
.site-branding img  {
	/*vertical-align:middle;
	max-height:60px;*/
	padding:10px 0;
}
#ut-navigation ul {
	list-style:none;
	margin:0;
	display:block;
	float:right;	
}
#ut-navigation ul li {
	float:left;
}
#ut-navigation ul li a {
	padding:0 20px;
	display:block;
	color:#999999;
	letter-spacing:1px;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;	
}
#ut-navigation ul li a:hover {
	/*color:#2A83ED; plavi*/
	color:#c00;
}
#ut-navigation .selected {
	/*color:#d00;*/
	/*color:#c00; evo ga selektovani focus crveni link! zove se iz jq.custom */
	
	/* evo ga selektovani focus link! */
	
	/*color:#fff;*/
}
#ut-navigation ul li .ut-navigation-cta {
	background:#2A83ED;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	color:#FFFFFF;
	padding:0 15px;
	margin-left:20px;
	font-size:1.2em;	
}
#ut-navigation ul li .ut-navigation-cta:hover {
	color:#FFFFFF;
	background:#555555;
}
#ut-navigation ul li .ut-navigation-cta i {
	padding-left:10px;
}
.tinynav { display: none; }
.entry-header {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:20px;
}
.entry-title {
	font-size:2.5em;
	margin-bottom:10px;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight:normal;
}
.entry-slogan {
	color:#2A83ED;
	font-size:1.2em;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight:normal;
}

/* #uni Section
================================================== */

.uni {
	height:100%;
	min-height:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.uni .grid-container {
	height:100%;
	display:table;
	position:relative;
}
.uni .grid-100 {
	position:relative;
	display:table-cell;
	vertical-align:top;
	padding-top:200px;
	padding-bottom:80px;
}
.uni-title {
	font-size:3em;
	/*margin-bottom:10px;*/
	margin-bottom:30px;
	font-family: 'Roboto', 'Open Sans', sans-serif, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}
.uni-title-blue {
	color:#2A83ED;
	font-size:3em;
	margin-bottom:30px;
	font-family: 'Roboto', 'Open Sans', sans-serif, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	
	/*color: #2A83ED;*/
}
.uni-description {
	color:#2A83ED;
	/*font-size:1.2em;*/
	font-size:1.8em;
	margin-bottom:20px;
	text-align:center;
	font-family: 'Roboto', 'Open Sans', sans-serif, Roboto, Tahoma, Verdana, Arial, sans-serif;
	font-weight:normal;
}
#learn-more {
	margin-left:20px;
}
.uni-link {
	/*background:#2A83ED;
  	border: none;
	*/
	background:transparent;
  	border: 1px solid #ccc;
	color: #333 !important;
	
	/*font-style: italic;*/
	
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	margin:0 0 20px 0;
	line-height: normal;
	text-align:center;
	padding: 10px 15px;
	/*color: #FFFFFF !important;*/
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
			
   margin-left:20px;
}

.uni-link:hover {
	/*background:#555555;
	color: #FFFFFF !important;
	*/
	background:transparent;
	border: 1px solid #d00;
	color: #d00 !important;
}
/* on dark background;	*/
.uni .uni-linkdark {
	/*background: linear-gradient( 90deg, rgba(255,255,255, 0.80) 0%, rgba(220,0,0, 0.10) 100%) repeat scroll 0 0 transparent;*/
	background:transparent;
  	border: 1px solid #ccc;
	color: #333 !important;
	font-style: italic;
	
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	margin:0 0 20px 0;
	line-height: normal;
	text-align:center;
	padding: 10px 15px;
	/*color: #FFFFFF !important;*/
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
			
	margin-left:20px;
	
}
.uni .uni-linkdark:hover {
	border: 1px solid #d00;
	background: linear-gradient( 90deg, rgba(255,255,255, 0.80) 0%, rgba(0,0,0, 0.80) 100%) repeat scroll 0 0 transparent;
	color:#c00 !important;
}

.uni-link10 {
	/*background:#2A83ED;
  	border: none;
	*/
	background:transparent;
  	border: 1px solid transparent;
	color: #333 !important;
	
	/*font-style: italic;*/
	
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	margin:0 0 20px 0;
	line-height: normal;
	text-align:center;
	padding: 10px 15px;
	/*color: #FFFFFF !important;*/
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
			
   margin-left:20px;
}

.uni-link10:hover {
	/*background:#555555;
	color: #FFFFFF !important;
	*/
	background:transparent;
	/*
	border: 1px solid #d00;
	color: #d00 !important;*/
}

.uni-link1010 {
	/*background:#2A83ED;
  	border: none;
	*/
	background:transparent;
  	border: 1px solid transparent;
	color: #333 !important;
	
	/*font-style: italic;*/
	
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	margin:0 0 20px 0;
	line-height: normal;
	text-align:center;
	padding: 10px 15px;
	/*color: #FFFFFF !important;*/
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
			
   margin-left:20px;
   
   
   
	background:red;
	border: 1px solid #d00;
	color: #d00 !important;
}

.uni-link i {
	padding-left:10px;
}


.face{
  
    display:block;
	position:absolute; height:64px; width:100%; /*z-index:-10;*/
	padding:0; margin-top:200px;
	/*
	background: white;
	
	background: -ms-linear-gradient(right top, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(right top, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(right top, rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.95) 100%) repeat scroll 0 0 transparent;
	*/
	
}

.uni-link101 {
	background:transparent;
  	border: 1px solid transparent;
		
	display: inline-block;
	
	/*margin:10px;
	padding: 0;
	
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	
	line-height: normal;
	text-align:center;
	
	/*color: #FFFFFF !important;*/
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
			
margin-left:10px;
margin-bottom:30px;


}











.halfsize {
  width:50%; height:auto;
}
.size80 {
  width:80px; height:auto;
}
.size100 {
  width:100px; height:auto;
}
.size110 {
  width:110px; height:auto;
}
.size120 {
  width:120px; height:auto;
}
.size150 {
  width:150px; height:auto;
}
.size200 {
  width:200px; height:auto;
}
.size300 {
  width:300px; height:auto;
}
.size400 {
  width:400px; height:auto;
}
.size500 {
  width:500px; height:auto;
}
.size600 {
  width:600px; height:auto;
}
.size700 {
  width:700px; height:auto;
}
.size800 {
  width:750px; height:auto;
}


.uni-image img {
	margin:0 auto;
	display:block;
}

.uni-left {
	padding-top:60px;
	overflow:hidden;
}
.info2 {
	padding-top:40px;
	overflow:hidden;
}

/* uni image animation */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}
.cbp-so-section:after {
	clear: both;
}
.cbp-so-side {
	float: left;
	overflow: hidden;
	-webkit-transition: -webkit-transform 1s, opacity 0.5s;
	-moz-transition: -moz-transform 1s, opacity 0.5s;
	transition: transform 1s, opacity 0.5s;
}
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}
.cbp-so-side:after {
	clear: both;
}
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
}
.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-320px);
	-moz-transform: translateX(-320px);
	transform: translateX(-320px);
}
.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(320px);
	-moz-transform: translateX(320px);
	transform: translateX(320px);
}
/* Animated state */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

/* #Information Section
================================================== */

.aktuelno {
	padding-top:60px;
	border-bottom:1px solid #DDDDDD;
	text-align:center;
}
.aktuelno .entry-header { margin-bottom:40px; }

.aktuelno .main-icon {
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
	width:50px;
	height:50px;
	font-size:30px;
	line-height:50px;
	border:2px solid #CDCDCD;
	color:#CDCDCD;
	-webkit-border-radius:50%;
		-moz-border-radius:50%;
			border-radius:50%;
}
.info {
	padding-top:60px;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.info .entry-header { margin-bottom:40px; }

.info .main-icon {
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
	width:50px;
	height:50px;
	font-size:30px;
	line-height:50px;
	border:2px solid #CDCDCD;
	color:#CDCDCD;
	-webkit-border-radius:50%;
		-moz-border-radius:50%;
			border-radius:50%;
}
.infos { text-align:center; margin-bottom:40px; }

.infos:hover .main-icon {
	color:#c00;
	border-color:#2A83ED;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.infos:hover h3 {
	color:#c00;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.infos:hover p {
	color:#333;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.infos img {
	opacity:0.5; filter:alpha(opacity=50);
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.infos:hover img {
	opacity:1; filter:alpha(opacity=100);
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.holder {
    display: inline;
}
.holder img {
    max-height: 200px;
    max-width: 200px;
    object-fit: cover;
    width:50%;
    height:50%;
    border:0;
 }
.holder10 {
    max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:10%;
    height:10%;
    border:0;
	margin:20px 10px;
}
/* Novi */
.holder30 {
    max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:30%;
    height:30%;
    border:0;
	margin:20px 10px;
}
.holder40 {
    max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:30%;
    height:30%;
    border:0;
	margin:20px 10px;
}
.holder60 {
    max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:30%;
    height:30%;
    border:0;
	margin:20px 10px;
}
/* end Novi */
.holder20 {
	display: inline;
	max-height: 20%;
    max-width: 20%;
    width:20%;
    height:20%;
    border:0;
	margin:20px 10px;
 }
.holder50 {
	display: inline;
	max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:50%;
    height:50%;
    border:0;
	margin:20px 10px;
}
.holder70 {
	display: inline;
	max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:70%;
    height:70%;
    border:0;
	margin:20px 10px;
 }
.holder80 {
	display: inline;
	max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:80%;
    height:80%;
    border:0;
	margin:20px 10px;
 }
 .holder90 {
	display: inline;
	max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:90%;
    height:90%;
    border:0;
	margin:20px 10px;
 }
  .holder100 {
	display: inline;
	max-height: 220px;
    max-width: 220px;
	object-fit: contain;
    width:100%;
    height:100%;
    border:0;
	margin:20px 10px;
 }
 .holder9 {
	display: inline;
	object-fit: cover;
    width:90%;
    height:90%;
    border:0;
	margin:20px 10px;
 }
.holder8 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:80%;
    height:80%;
    border:0;
	margin:20px 10px;
 }
.holder7 {
	display: inline;
	max-height: 110px;
	max-width: 300px;
	object-fit: contain;
    width:70%;
    height:70%;
    border:0;
	margin:20px 10px;
}
.holder5 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:50%;
    height:50%;
    border:0;
	margin:20px 10px;
}
.holder4 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:40%;
    height:40%;
    border:0;
	margin:20px 10px;
}
.holder3 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:30%;
    height:30%;
    border:0;
	margin:20px 10px;
}
.holder2 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:20%;
    height:20%;
    border:0;
	margin:20px 10px;
}
.holder1 {
	display: inline;
	max-height: 300px;
	max-width: 300px;
	object-fit: cover;
    width:10%;
    height:10%;
    border:0;
	margin:20px 10px;
}
#fotonav .holder30 {
    display: inline;
    max-height: 30%;
    max-width: 30%;
    object-fit: contain;
    width:30%;
    height:30%;
    border:0;
 }
#fotonav .holder30 img {
    max-height: 30%;
    max-width: 30%;
    
    object-fit: cover;
    width:30%;
    height:30%;
    border:0;
}
 .holderLearn {
	display: inline;
	max-height: 300px;
    max-width: 150px;
	object-fit: contain;
    width:100%;
    height:100%;
    border:0;
	margin:20px 10px;
 }
.holder-oblac {
	display: inline;
	max-height: 450px;
    max-width: 450px;
    width:50%;
    height:50%;
    border:0;
	margin:20px 10px;
 } 
 

/*
.info .main-icon:hover{
	color:#2A83ED;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}
.info h3:hover, p:hover{
	color:#2A83ED;
	-webkit-transition:0.2s all linear;
		-moz-transition:0.2s all linear;
			transition:0.2s all linear;
}*/
.learn-more { display:block; }
.learn-more i { padding-right:7px; }

/* #info3 Section
================================================== */

.info3-section { padding:60px 0 20px; overflow:hidden; }

.flex-control-thumbs li img {
	box-shadow:0 0 0 #000000;
	-webkit-transition:0.3s all ease;
		-moz-transition:0.3s all ease;
			transition:0.3s all ease;
}

/* #newsl
================================================== */

.newsl {
	margin-top:40px;
	color:#FFFFFF;
	min-height:200px;
	text-align:center;
	overflow:hidden;
	padding:0;
	width:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.newsl-title {
	font-size:2.5em;
	margin-bottom:10px;
	color:#FFFFFF;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotothin';
}
.newsl-slogan {
	font-size:1.2em;
	color:#FFFFFF;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight:normal;
}
.newsl-form .newsl-text {
	margin:0 20px 20px auto;
	background:transparent;
	border:1px solid #FFFFFF;
	display: inline-block;
	font-size: 20px;
	height:23px;
	text-decoration: none;
	line-height: normal;
	padding: 10px;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
}

/* #Parallax
================================================== */

.parallax {
	z-index:0;
	position: relative;
	overflow: hidden;
	width:100%;
	height:100%;
}
.parallax-content {
	text-align: center;
	padding: 80px 0 60px 0;
	position:relative;
	color:#666666;
}
.parallax-banner-1 {
	background-image: url('../images/render/ex2.jpg') no-repeat fixed center center transparent;
	backgroundSize: "contain";
}
.parallax-background {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: center center;
}

/* #Footer
================================================== */

.footer{
	background: #F8F8F8;
	/*padding: 80px 0;*/
	padding: 10px 0 25px 0;
	
	text-align:center;
}
.footer .site-branding {
	float:none;
	display:block;
	margin:0 auto 20px 0;	
}
.footer .site-branding h1 {
	font-size:30px;
	margin:0;
	color:#444444;
	line-height:inherit;
	text-transform:uppercase;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
}
.site-branding a {
	display:block;
	line-height: inherit;
}
.copyright { 
	padding:0; 
	margin:0; 
	font-size:10px; 
	color:#999999; 
	text-transform:capitalize;
}
.social-icons {
	list-style:none;
	margin:0 auto 16px auto;
	display:block;
	font-size:16px;
}
.social-icons li {
	margin:0 5px;
	display:inline;
}

/* #Buttons
================================================== */

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background:#2A83ED;
  	border: none;
	display: inline-block;
	font-size: 20px;
	text-align:center;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 10px 30px;
	color: #FFFFFF;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
	font-weight: normal;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
		  border-radius: 3px;
}
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #FFFFFF;
	background: #555555;
}
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	color: #FFFFFF;
	background: #555555;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/* #Forms
================================================== */

form { margin:0; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	font: 13px 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, "HelveticaNeue", "Helvetica Neue", Helvetica;
	border: 1px solid #FFFFFF;
	padding: 1px;
	outline: none;
	color: #666666;
	margin: 0;
	min-width: 200px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}

/* #Misc
================================================== */

.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
	
.social-icon {
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
	width:50px;
	height:50px;
	font-size:30px;
	line-height:50px;
	border:2px solid #CDCDCD;
	color:#CDCDCD;
	-webkit-border-radius:50%;
		-moz-border-radius:50%;
			border-radius:50%;
}


/* #Kockica
================================================== */

#kockica
{
	position: absolute;
	float: right;
	right:2%;
	top:170px;
	z-index:10;
	height:10px;
	width:10px;
	margin:10px;
	background:#c00;
}
#kockicameni
{
	position: absolute;
	float: right;
	right:2%;
	top:50px;
	z-index:10;
	height:10px;
	width:10px;
	margin:10px;
	background:#c00;
}

.ni-ac,.ni-ac1,.ni-ac2,.ni-ac3,.ni-ac4 {
  z-index:11;
}
/* blink */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.blinka
{
-webkit-transition:all 0.03s ease-in-out;
-o-transition:all 0.03s ease-in-out;
-ms-transition:all 0.03s ease-in-out;
transition:all 0.03s ease-in-out;
-webkit-animation:blink normal 0.03s infinite ease-in-out; 
-ms-animation:blink normal 0.03s infinite ease-in-out; 
animation:blink normal 0.03s infinite ease-in-out;
}
.blinka1
{
-webkit-transition:all 0.9s ease-in-out;
-o-transition:all 0.9s ease-in-out;
-ms-transition:all 0.9s ease-in-out;
transition:all 0.9s ease-in-out;
-webkit-animation:blink normal 0.9s infinite ease-in-out; 
-ms-animation:blink normal 0.9s infinite ease-in-out; 
animation:blink normal 0.9s infinite ease-in-out;
}

.blinka3
{
-webkit-transition:all 3.0s ease-in-out;
-o-transition:all 3.0s ease-in-out;
-ms-transition:all 3.0s ease-in-out;
transition:all 3.0s ease-in-out;
-webkit-animation:blink normal 3.0s infinite ease-in-out; 
-ms-animation:blink normal 3.0s infinite ease-in-out; 
animation:blink normal 3.0s infinite ease-in-out;
}


/* #iframe-container https://www.benmarshall.me/responsive-iframes/
================================================== */
.iframe-container {
  position: relative;
  
  overflow: hidden;
  /* 16:9 aspect ratio */
  /*padding-top: 56.25%;*/
  padding-top: 56.25%;
  
  z-index:0;
  
}

.iframe-container iframe {
  position: absolute;
  
   border: 0;
   height: 100%;
   left: 0;
   
   top: 0;
   width: 100%;
}











/* #Media Queries
================================================== */

/* Phone & Small Tablets */
@media screen and (max-width: 767px) {
	
#header-section {
	text-align:center;
	position: relative;
}
.uni.parallax {
	height:auto;
	min-height:inherit;	
}
.uni {
	background: transparent;
}
.uni .grid-100 {
	padding:100px 0;
}
.uni .site-branding h1 {
	margin-bottom:20px;
	font-size:3em;
	color:#FFFFFF;
}
.uni .site-branding a {
	color:#FFFFFF;
}
.uni-description,
.uni-title {
	color:#FFFFFF;
	margin-bottom:20px;
}
.uni .grid-100 {
	vertical-align:top;
}
.uni .uni-link {
	/*background:#FFFFFF;
	color:#2A83ED !important;
	background:transparent;*/
	/*background: linear-gradient( 90deg, rgba(255,255,255, 0.90) 0%, rgba(220,0,0, 0.10) 100%) repeat scroll 0 0 transparent;*/
	color:#c00 !important;
}
.uni .uni-link:hover {
	/*background:#555555;
	color: #FFFFFF !important;*/
	background:transparent;
	color:#c00 !important;
}
.flexslider {
	margin-bottom:20px;
}

}


/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {

#header-section {
	text-align:center;
	
}
.site-branding {
/*	text-align:center;*/
display:block;
max-width:270px;
max-height:45px;
position: relative;
left:0px;
top:0px;
/*border: 1px solid red;*/

}
.uni-title {
	font-size:2.5em;
}
.uni-description {
	font-size:1.1em;
}
#ut-navigation {
	line-height:50px;
	min-height:50px;
	float:none;
}
#ut-navigation ul {
	float:none;
}
#ut-navigation ul li {
	float:none;
	display:inline-block;
}
.uni .grid-100 {
	padding-top:240px;
	vertical-align:top;
}
.flexslider {
	margin-bottom:20px;
}

}/* End Tablet */

/* #Grid
================================================== */

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
}
.grid-container{
height:auto !important;
}
}
/* End Grid
================================================== */


/* ################################################### */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .clearfix:after {
  clear: both;
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}



.view a.infozoom {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: transparent;
   background: rgba(0,0,0,0.0);
   color: #36f;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   
   -moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
}
.view a.infozoom:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;

   cursor: pointer !important;
}

.dat {
background: linear-gradient( 270deg, rgba(0,0,0, 0.10) 0%, rgba(0,0,0, 0.95) 100%) repeat scroll 0 0 transparent !important;
}
#ajaxticker1{
width: 240px;
height: 400px;
padding: 10px;
background: transparent;
MARGIN-TOP: 0px;
border:1px solid #d9d9d9; border-right-color:#666; border-bottom-color:#999;
WORD-WRAP: break-word;
z-index:10000;

font-style: italic;
background: rgba(0, 0, 0, 0.3);
background-color: rgba(0, 0, 0, 0.3);

-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;-ms-border-radius:10px 10px 10px 10px;-o-border-radius:10px 10px 10px 10px;-khtml-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background: transparent;
color: #fff;
z-index:10000;
}
#ajaxticker1 .dat{ 
/*background: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.8);*/
background: linear-gradient( 270deg, rgba(0,0,0, 0.10) 0%, rgba(0,0,0, 0.95) 100%) repeat scroll 0 0 transparent;
color: #fff;
border-bottom:transparent;
padding:2px;
}
#ajaxticker1 .news1, #ajaxticker1 .newsr{
color:#fff;
text-decoration: underline;
}
#ajaxticker1:hover .news1, #ajaxticker1:hover .newsr{
/*hover na leyer;*/
/*color:#f00;*/
}
#ajaxticker1 .news1:hover, #ajaxticker1 .news1.dover, #ajaxticker1 .newsr:hover, #ajaxticker1 .newsr.dover{
/*hover na link;*/
color:#f00;
}
#ajaxticker1:hover .dat, #ajaxticker1.dover .dat {
background: transparent;
}
/*
#ajaxticker1 a:hover, #ajaxticker1 a.dover {
color: #2A83ED;
text-decoration: underline;
}
*/
#ajaxticker1:hover, #ajaxticker1.dover {
color: #fff;
background: rgba(0, 0, 0, 0.8);
background-color: rgba(0, 0, 0, 0.8);
}
.inner:hover .dat, .inner.dover .dat {
color: #fff;
}
#ajaxtckr{
color: #2A83ED;
}
/*
#ajaxticker1:hover, #ajaxticker1.dover {
color: #000;
background: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.5);
}
.inner:hover .dat, .inner.dover .dat {
color: #000;
}
*/

/*
#ajaxticker1 :hover a, #ajaxticker1.dover a {
}
#ajaxticker1 :hover a:hover, #ajaxticker1.dover a.dover {
}
*/
#housing:hover, #housing.dover {
background: rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.5);
}


DIV.inner {PADDING: 0; margin:0; /*MARGIN: 0 20% 0 0; /* T R B L; TB LR; T LR B; */
text-align:left;
background:transparent; 
position:absolute; /*right:-40px;*/top:150px;/*float:right;*/right:-300px; 
}
DIV.inner a { 
}
DIV.inner a:hover { color:#f60;
}
DIV.inner UL LI {MARGIN-BOTTOM: 0.5em; LIST-STYLE-TYPE: square; text-align:left;
}
DIV.inner UL LI A {
}
DIV.inner UL LI A:hover{text-decoration:underline; cursor:pointer;
}
DIV.inner H2 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 130%; PADDING-BOTTOM: 4px; MARGIN: 0px -35px 10px -20px; PADDING-TOP: 4px
}
DIV.inner H4 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 130%; PADDING-BOTTOM: 4px; MARGIN: 0px -35px 1px -20px; PADDING-TOP: 4px;
}
#innerheadline {
	/*FLOAT: left;*/ WIDTH: 200px; POSITION: relative; BOTTOM: 5px;/*TOP: 0px;*/
	right: 10px;
}
#innerheadline H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 1.6em; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 2px 4px; COLOR: #36f; PADDING-TOP: 0px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

.dat { font-family:'Roboto', 'Open Sans', sans-serif, Arial;font-size:9pt; line-height:11pt; padding-left:5px;
/*color:#996;maslinasta*/ color:#666; border-bottom: 1px solid #ccc;/*#ccf;*/
/*
background: -ms-linear-gradient(right top, rgba(102,153,204, 0.10) 0%, rgba(102,153,204, 0.45) 100%) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(right top, rgba(102,153,204, 0.10) 0%, rgba(102,153,204, 0.45) 100%) repeat scroll 0 0 transparent;
background: -moz-linear-gradient(right top, rgba(102,153,204, 0.10) 0%, rgba(102,153,204, 0.45) 100%) repeat scroll 0 0 transparent;
*/
}
.news { font-family: 'Roboto', 'Open Sans', sans-serif, Arial, Verdana, Tahoma, Helvetica; font-size:100%;color:#2A83ED;}
a.news { text-decoration:none;color:#2A83ED; }
a.news:hover { text-decoration:underline;color:#2A83ED; }

.newsN { font-size:150%; font-style: italic; }
a.newsN { text-decoration:underline; }
a.newsN:hover { text-decoration:none; }

.trans-bg{ 
background:transparent;
background:rgba(255,255,255,0.0);
height:auto;
}
.site-branding {
}

#ending {
	color: #000;
	/*background:#2A83ED;*/
	/*
	background: -ms-linear-gradient(right top, rgba(42,131,237, 0.45) 0%, rgba(42,131,237, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(right top, rgba(42,131,237, 0.45) 0%, rgba(42,131,237, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(right top, rgba(42,131,237, 0.45) 0%, rgba(42,131,237, 0.95) 100%) repeat scroll 0 0 transparent;
	*/
	/* nema gradijent!
	background: -ms-linear-gradient(right top, rgba(63, 101, 78, 0.45) 0%, rgba(63, 101, 78, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(right top, rgba(63, 101, 78, 0.45) 0%, rgba(63, 101, 78, 0.95) 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(right top, rgba(63, 101, 78, 0.45) 0%, rgba(63, 101, 78, 0.95) 100%) repeat scroll 0 0 transparent;
	*/
	background: rgba(63, 101, 78, 0.95);
}
#ending a {
	/*color: #ccc;*/
	color: #fff;
}
#ending a:hover {
	color: #fff;
}
#ending a:active {
}
/*
#ending ul li:hover {
	color:#c00;
}
sve boji i kockicu
*/

.aktuelni {
	line-height: 16px;
	color: #e1e1e1;
	pading: 10px;
	font-family: 'Roboto', 'Open Sans', sans-serif;
}
.aktuelni h1, h2, h3, h4, h7 { color: #fff; font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight'; font-weight: normal; line-height:100%; margin-bottom:18px; }
.aktuelni h4 { font-size:16px; /*text-decoration:underline;*/}
.aktuelni h7 { font-size:16px; margin-bottom:10px;}
.aktuelni p {
	margin-top:10px; 
}
.aktuelni a {
	/*color: #ccc;*/
	color: #e1e1e1;
	
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
}
.aktuelni ul {
	margin:10px; 
}
.aktuelni ul li {
	list-style-type:square; 
	color: #d9d9d9;
	margin-bottom: 4px;
}
.aktuelni ul li:hover {
	/*color:#F90; */
	/*color: #fff;*/
}
#ending .aktuelni ul li a { 
/*color: #ccc;*/
	color: #fff;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
}
#ending .aktuelni ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
.aktuelni ul li a:active {
}


/* aktuelni1 samo aktivni linkovi bez texta */
/* kockica */
.aktuelni1 a {
	/*color: #ccc;*/
	color: #e1e1e1;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
}

.aktuelni1 ul {
	margin:10px; 
}
.aktuelni1 ul li {
	list-style-type:square; 
	color: #fff;
	margin-bottom: 4px;
}
.aktuelni1 ul li:hover {
	color:#c00;
}
/* end kockica */
/* link */
#ending .aktuelni1 ul li a { 
/*color: #ccc;*/
	color:#e1e1e1;
	font-family: 'Roboto', 'Open Sans', sans-serif, Arial, sans-serif, Helvetica, 'robotolight';
}
#ending .aktuelni1 ul li a:hover {
	color:#fff;
	text-decoration:none;
}
/* end link */
/*
.aktuelni1 ul li a:active {
}
*/

::selection {}
::-moz-selection {}
.spacer{
	height:10px;
}
.spacer1{
	line-height:10px;
}
.half {
	line-height:5px;
}
.half4 {
	line-height:4px;
}
.spacer10{
	line-height:20px;
	height:10px;
}
.spacer20{
	line-height:20px;
	height:20px;
}
.spacer40{
	height:40px;
}
.spacer30{
	line-height:30px;
	height:30px;
}
.spacer50{
	height:50px;
}
.spacer80{
	height:80px;
}
.spacer60{
	height:60px;
}
.spacer70{
	height:70px;
}
.spacer90{
	height:50px;
}
.spacer100{
	height:100px;
}


.txtblock { /*text-align:center; top:10; padding: 10px 5px; height:100%; background:#fcfcfc; display:block;
		border:1px solid #d9d9d9; border-right-color:#666; border-bottom-color:#999; padding:4px;font-family:Arial;font-size:9pt; line-height:11pt; color:#000000;*/
		font-family: 'Roboto', 'Open Sans', sans-serif;
}
a.txtblock { text-decoration:none;color:#ccc; }
a.txtblock:hover { text-decoration:underline;color:#fff; }

.linkovi { 
}
.linkovi a { color:#add8e6; }
.linkovi a:hover { color:#fff; }

#learn-more1 {
	margin-left:20px;
}
.learn-more1 { display:block; }
.learn-more1 i { padding-right:7px; }
/*
#closered {
	position:relative;
	display:block;	
	cursor:pointer;
    border:none;
    width:20px;
    height:20px;
	background: url('../images/close.png') no-repeat;
}
#closered:active {
     background:url('../images/close-gray.png') no-repeat;
}
#closeblue {
	position:relative;
	display:block;	
	cursor:pointer;
    border:none;
    width:20px;
    height:20px;
	background: url('../images/close-gray1.png') no-repeat;
}
#closeblue:hover {
	background: url('../images/close-gray.png') no-repeat;
}
#closeblue:active {
     background:url('../images/close.png') no-repeat;
}
#closegray {
	position:relative;
	display:block;	
	cursor:pointer;
    border:none;
    width:20px;
    height:20px;
	background: url('../images/close-blue11.png') no-repeat;
}
#closegray:hover {
	background: url('../images/close-gray11.png') no-repeat;
}
#closegray:active {
     background:url('../images/close-black11.png') no-repeat;
}
*/

#meniswitch1 {
	position:relative;
	display:block;
	cursor:pointer;
    border:none;
    width:20px;
    height:20px;
	background: url('../images/nav2.png') no-repeat;
}
#meniswitch1:hover {
	background: url('../images/nav2.png') no-repeat;
	/*background-color:#69f;*/
}
#meniswitch1:active {
     background:url('../images/nav2.png') no-repeat;
     /*background-color:#f93;*/
}




#engl .aktivni, .aktivni-v {
	/*display: inline-block;*/
	position:absolute;
	/*float:right;*/
	display: block;
	right:10px;
	
	top:0;
	padding:2px;
	margin:2px;
	width: auto;
	height: 30px;
	overflow:hidden;
	/*text-indent: -999px;*/
	background:transparent;
	color:#fff;
	
	line-height:12px;
	text-align:left;
	font-size: 10px;
	
}
#engl .aktivni a, .aktivni-v a {
	color:#f1f1f1;
}
#engl .aktivni a:hover, .aktivni-v a:hover {
	color:#fff;
}
#engl .aktivni ul, .aktivni-v ul {
	color:#f1f1f1;
}
#engl .aktivni ul li {
	display: inline-block;
	/*margin:2px -2px; sastavljeni blokovi*/
	margin:1px 0px;
	padding: 1px 0px;/*sa 0px ceo li blok je aktivn link*/
	/*border:1px transparent solid;
	color:#d1d1d1;
	border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;-khtml-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;*/
}
#engl .aktivni-v ul li {
	display: block;
	margin: -1px -2px;
	padding: 2px 0px;
	/*border:1px #d1d1d1 solid;*/
	color:#d1d1d1;
}
#engl .aktivni ul li:hover, .aktivni-v ul li:hover {
	color:#fff;
	border-color:#fff;
}
#engl .aktivni ul li a, .aktivni-v ul li a {
	padding: 2px 2px;
	/*color:#777;*/
	color:#d1d1d1;
	
	/*font-style:italic;*/
}
#engl .aktivni ul li a:hover, .aktivni-v ul li a:hover {
	/*color:#ff7f00;*/
	/*color:#38e;*/
	/* crvena radi!
	color:#d00;
	*/
	color:#fff;
}






.plain, .plain div, .plain div div, .plain p, .plain div p { /*font-family:Arial;*/font-size:9pt; line-height:11pt; color:#fff;
  font-family: 'Roboto', 'Open Sans', sans-serif;
}
/*
a.plain { text-decoration:none;color:#d00; }
a.plain:hover { text-decoration:underline;color:#d00; }
*/