body,td,th {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #787878;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	color:#2092d3;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/* BE-EL standard */
img {border:0 !important; vertical-align: bottom;}
a img {border: none !important;}
table {border-collapse: collapse; margin:0; padding:0;}
td {padding: 0; margin:0;}
tr {padding: 0; margin:0;}
.clear_float {float: none; clear: left;}
.noMargin {margin:0 !important;}
/* BE-EL end */

/* You tube responsive */
.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END */

header {
	display:block;
	margin-top:20px;
	width:100%;
	background:url(/infoportal/img-layout/menu-background.png);
	background-repeat:repeat-x;
	height:65px;
}
#logo {
	width:170px;
	height:42px;
	padding-top:11px;
	margin-left:2%;
	margin-right:46px;
	padding-bottom:12px;
	float:left;
}
.menuDivider {
	float:left;
	width:2px;
	background:url(/infoportal/img-layout/divider.jpg);
	height:65px;
	background-repeat:repeat-y;
}
a.menuButton {
	display:block;
	height:65px;
	line-height:65px;
	font-size:0.875em;
	color:#fff;
	font-weight:bold;
	float:left;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
}
a.menuButton:hover {
	color:#a17c3e;
}
a.menuButtonGold {
	display:block;
	height:65px;
	line-height:65px;
	font-size:0.875em;
	color:#a17c3e;
	font-weight:bold;
	float:left;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
}
#miniMenu {
	position:absolute;
	margin-top:11px;
	right:20px;
}
#miniMenuOpen {
	display:none;
}
#menuSmall {
	display:none;
}
.downArrowMenu {
	font-size:0.857em;
    font-weight: normal;
}

#kategorijaMeni {
	display:none;
	position:absolute;
	width:40%;
	border:1px solid #383838;
	margin-top:55px;
	margin-left:217px;
	background:#FFF;
}
#kategorijaMeni ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#kategorijaMeni ul li {
	display:inline;
	width:23%;
	margin:1%;
	margin-bottom:1%;
	float:left;
}
#kategorijaMeni ul li a {
	display:block;
	color:#787878;
	text-decoration:none;
}
#kategorijaMeni ul li a:hover {
	color:#a17c3e;
}
#kategorijaMeni img {
	width:100%;
	height:auto;
}
#kategorijaMeniTitle {
	font-size:1em;
	color:#787878;
	text-decoration:none;
	padding-top:4px;
}

#homeContainer {
	margin-left:2%
}
#homeContainer .kategorijaBox {
	float:left;
	width:23%;
	margin-right:2%;
	margin-top:20px;
	margin-bottom:20px;
}
#homeContainer .kategorijaBox .imageContainer {
	border-bottom:3px solid #a17c3e;
}
#homeContainer h2 {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:10px;
	padding-bottom:2px;
}
#homeContainer h2 a {
	color:#787878;
	text-decoration:none;
}
#homeContainer h2 a:hover {
	color:#a17c3e;
}
#homeContainer p {
	font-size:0.813em;
	font-weight:regular;
	margin:0;
	padding:0;
}
.teaserClanek {
	height:60px;
	overflow:hidden;
}
#homeContainer img {
	width:100%;
	height:auto;
}
footer {
	display:block;
	margin-top:20px;
	padding-top:20px;
	background:#fafafa;
	width:100%;
	padding-bottom:20px;
}
footer .container {
	width:96%;
	margin-right:2%;
	margin-left:2%;
}
footer .container .box {
	width:26%;
	margin-right:11%;
	float:left;
}
footer h2 {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:4px;
}
footer p {
	font-size:0.688em;
	font-weight:normal;
	padding:0;
	margin:0;
}
footer .singleArticle {
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #cccccc;
}
footer a {
	color:#787878;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}
footer .smContainer {
	display:block;
	width:100%;
	margin-top:11px;
	margin-bottom:16px;
}

/* kategorije */
#catContainer {
	margin-left:2%
}
#catContainer h1 {
	font-size:2.25em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:12px;
	padding-top:16px;
}
#catContainer p.teaser {
	font-size:0.938em;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-bottom:20px;
}
#catClanki .kategorijaBox {
	float:left;
	width:23%;
	margin-right:2%;
	margin-top:20px;
	margin-bottom:20px;
}
#catClanki .kategorijaBox .imageContainer {
	border-bottom:3px solid #a17c3e;
	margin-bottom:12px;
}
#catClanki h2 {
	font-size:1.125em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:8px;
}
#catClanki h2 a {
	color:#787878;
	text-decoration:none;
}
#catClanki h2 a:hover {
	color:#a17c3e;
}
#catClanki p {
	font-size:0.813em;
	font-weight:regular;
	margin:0;
	padding:0;
	padding-bottom:32px;
}
#catClanki p.datum {
	font-size:0.688em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#catClanki img {
	width:100%;
	height:auto;
}
#catClanki a.readMore {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	background:#2092d3;
	color:#fff !important;
	font-size:0.813em;
	font-weight:bold;
	text-decoration:none;
	float: left;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#catClanki a.readMore:hover {
	text-decoration:underline;
}
#articleContainer {
	margin-left:6%;
	margin-right:2%;
}
#articleContent {
	float:left;
	width:74%;
	margin-right:2%;
	-webkit-box-shadow: 16px 0px 16px -16px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    16px 0px 16px -16px rgba(50, 50, 50, 0.25);
	box-shadow:         16px 0px 16px -16px rgba(50, 50, 50, 0.25);
}
#articleSorodne {
	width:24%;
	float:left;
	padding-top:20px;
}
#articleSorodne h3 {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:4px;
}

#articleSorodne .kategorijaBox {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}
#articleSorodne .kategorijaBox .imageContainer {
	border-bottom:3px solid #a17c3e;
	margin-bottom:12px;
}
#articleSorodne h2 {
	font-size:1.125em;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:8px;
}
#articleSorodne h2 a {
	color:#787878;
	text-decoration:none;
}
#articleSorodne h2 a:hover {
	color:#a17c3e;
}
#articleSorodne p {
	font-size:0.75em;
	font-weight:regular;
	margin:0;
	padding:0;
	padding-bottom:32px;
}
#articleSorodne p.datum {
	font-size:0.688em;
	font-weight:normal;
	margin:0;
	padding:0;
}
#articleSorodne img {
	width:100%;
	height:auto;
}
#articleSorodne a.readMore {
	display:block;
	height:30px;
	line-height:30px;
	padding-left:6px;
	padding-right:6px;
	text-align:center;
	background:#2092d3;
	color:#fff !important;
	font-size:0.813em;
	font-weight:bold;
	text-decoration:none;
	float: left;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
#articleSorodne a.readMore:hover {
	text-decoration:underline;
}

#singleArticle {
	width:98%;
	margin-right:2%;
}
#breadcrumbs {
	height:48px;
	line-height:48px;
	color:#787878;
	font-size:0.688em;
}
#breadcrumbs a {
	color:#787878;
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}
#singleArticle h1 {
	margin:0;
	padding:0;
	font-size:2.4em;
	font-weight:bold;
	padding-bottom:12px;
}
#singleArticle h2 {
	margin:0;
	padding:0;
	font-size:0.938em;
	font-weight:bold;
	padding-bottom:12px;
}
.imageMain {
	margin-top:12px;
	margin-bottom:12px;
}
.imageMain img {
	width:100%;
	height:auto;
}
#contentArticle {
	margin-top:20px;
	margin-left:6%;
	font-size:0.75em;
}
#contentArticle h2 {
	font-size:1.4em;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:8px;
}
#contentArticle h3 {
	font-size:1.267em;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-top:8px;
	margin-bottom:8px;
}
#contentArticle h4 {
	margin:0;
	padding:0;
	margin-bottom:8px;
	font-weight:bold;
	font-size:0.75em;
}
#contentArticle p {
	margin:0;
	padding:0;
	margin-bottom:8px;
}
#contentArticle td {
	font-size:1em;
}
.socialButtons .sm {
	float:left;
	margin-right:8px;
}
.socialButtons .sm .g-plus {
	margin:0 !important;
	padding:0 !important;
}

.komField {
	height:24px;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	width:100%;
	border:1px solid #787878;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #787878;
}
.komArea {
	height:100px;
	line-height:24px;
	padding-left:8px;
	padding-right:8px;
	width:100%;
	border:1px solid #787878;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	color: #787878;
}
.komButton {
	height:32px;
	line-height:32px;
	text-align:center;
	width:30%;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	cursor:pointer;
	background:#2092d3;
	color:#fff !important;
	font-weight:bold;
	border:0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.komContainer {
	padding-top:12px;
	padding-bottom:12px;
	border-top:1px solid #787878;
}


.nothingDiv {
	width:0;
	line-height:0;
	height:0;
	float:left;
}
.twoColumns {
	width:0;
	line-height:0;
	height:0;
	float:left;
}
.fourColumns {
	float: none;
	clear: left;
}
.izbraliSmo {
	width:100%;
	border-left:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
p.izbraliSmoTitle {
	font-size:1.3em;
	color:#a17c3e;
	font-weight:bold;
	padding:0;
	padding-top:20px !important;
	padding-bottom:4px;
}
.artikelIzbor {
	padding:20px;
	width:25%;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
}
.artikelIzbor img {
	width:100%;
	height:auto;
	padding-bottom:8px;
}
.artikelIzbor a {
	color:#a17c3e;
	font-weight:bold;
}
.artikelIzbor p {
	padding-top:2px;
	padding-bottom:2px;
}

@media only screen and (max-width : 1040px) {
   #homeContainer .kategorijaBox {
		width:48%;
	}
	#catClanki .kategorijaBox {
		width:48%;
	}
	.twoColumns {
		float: none;
		clear: left;
	}
	footer .container .box {
		width:100%;
		margin-top:20px !important;
		margin-right:0;
	}
	footer {
		margin-top:0;
	}
}
@media only screen and (min-width : 925px) {
	#miniMenuOpen {
		display:none !important;
	}
}
@media only screen and (max-width : 924px) {
   #homeContainer .kategorijaBox {
		width:98%;
		padding-bottom:12px;
		padding-top:12px;
		margin-top:0;
		margin-bottom:0;
		border-bottom:1px solid #cccccc;
	}
	#homeContainer .kategorijaBox .imageContainer {
		display:none !important;
	}
	#catClanki .kategorijaBox {
		width:98%;
	}
	#homeContainer h2 {
		margin-top:0;
	}
	#menuFull {
		display:none;
	}
	#menuSmall {
		display:block;
	}
	#logo {
		margin-left:20px;
	}
	#miniMenuOpen {
		border-top:1px solid #fff;
		margin:0;
		padding:0;
		width:100%;
	}
	#miniMenuOpen ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	}
	#miniMenuOpen ul li {
		display:inline;
	}
	#miniMenuOpen ul li a {
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		color:#fff;
		font-size:1.1em;
		text-align:center;
		font-weight:normal;
		text-decoration:none;
		border-bottom:1px solid #fff;
		background:#242424;
	}
	#miniMenuOpen ul li a.miniSmall {
		display:block;
		padding-top:10px;
		padding-bottom:10px;
		color:#242424;
		font-size:1em;
		text-align:center;
		font-weight:normal;
		text-decoration:none;
		border-bottom:1px solid #242424;
		background:#fff;
	}
	#articleSorodne {
		display:none;
	}
	#articleContent {
		width:100%;
		margin-right:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	#breadcrumbs {
		display:none;
	}
	#singleArticle h1 {
		font-size:1.7em;
		font-weight:bold;
		padding-bottom:8px;
		padding-top:8px;
	}
	#singleArticle h2 {
		font-size:0.75em;
		padding-bottom:8px;
	}
	.imageMain {
		margin-bottom:8px;
	}
	#contentArticle {
		font-size:0.75em;
	}
	#contentArticle h2 {
		font-size:1.4em;
		margin-top:12px;
		margin-bottom:6px;
	}
	#contentArticle h3 {
		font-size:1.267em;
		margin-top:6px;
		margin-bottom:6px;
	}
	#contentArticle p {
		margin-bottom:6px;
	}
	.socialButtons {
		display:none;
	}
	.artikelIzbor {
		width:50%;
	}