html, body {
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#444;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Oswald";
	margin:0;
	font-weight:300;
	color:#1C8CB1;
}
a, a:link, a:focus, a:hover, a:visited {color:#1C8CB1;text-decoration:none;}

h1 {font-size:2em; margin-bottom:1.2em;text-transform:uppercase;}
h2 {font-size:1.5em; margin-bottom:1em;font-weight:400;}
h3 {font-size:1.25em; margin-bottom:1em;font-weight:400;}
p {margin:0 0 0.8em 0;}
p:last-child {margin:0;}
img {max-width:100%; height:auto;}
label {font-weight:normal;}
label.formControlLabel {font-weight:bold;}
/*.container {padding:0 30px;}
.row {margin:0 -30px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding:0 30px;}*/

header {
	background:url(../images/gorjanc-banner.jpg) bottom center no-repeat;
	min-height:391px; /*345 + 36 + 10*/
	/*margin:10px -15px 0 -15px;*/
	margin:0 -15px 0 -15px;
	padding:0 15px;
}
main {
	background-image: linear-gradient(to bottom, #e5f3fe, #ffffff 50px);
	border-radius:5px 5px 0 0;
	padding:30px;
}

#main-wrapper {
	min-height:100vh;
	box-sizing:border-box;
	background-image: linear-gradient(to bottom, #68b0f8, #f0f7fd 30%, #f0f7fd 70%, #68b0f8); 
	background-attachment: fixed;
	overflow:auto;
	padding-bottom:25px;
}

.topcontainer {
	margin-top:20px;
	margin-bottom:10px;
}

.topcontainer .name {
	font-size:2.5em;
	text-transform:uppercase;
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}

.topcontainer .name h1 {
	font-size:1em;
	color:white;
	margin:0;
	font-family:"Tahoma";
	line-height:1.4;
}

.maincontainer {
	background:white;
	border-radius:5px;
}

.headertop {
	margin-bottom:10px;
}

#fast {	
	color:#1C8CB1;
	font-size:1em;
	/*font-family:"Oswald";*/
	font-weight:300;
	overflow:auto;
	border-bottom:1px solid;
	/*padding:8px 0;*/
	line-height:36px;
	text-align:right;
}

#fast i {margin-left:15px;margin-right:6px;}
#fast i:first-child {margin-left:0;}

#menu {
	text-align:right;
	font-family:"Oswald";
	font-size:1.25em;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-top:26px;
}

#menu ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu ul.menu > li {
	display:inline-block;
	/*background-image:linear-gradient(to bottom, #e0eaf1, #ffffff);*/
	/*border:1px solid #add5fa;*/
}

#menu ul.menu > li > a {
	display:block;
	margin:0 5px;
	padding:5px 10px;
	text-transform:uppercase;
	border-radius:5px;
	border:1px solid white;
}

#menu ul.menu > li > a:hover, #menu ul.menu > li.active > a  {
	background-image:linear-gradient(to bottom, #e0eaf1, #ffffff);
	border-color:#add5fa;
	text-decoration:none;
}

#menu-button {
	text-align:right;
	font-size:2.5em;
	margin-top:14px;
	cursor:pointer;
	display:none;
}

footer {
	border-top:2px solid #336699;
	padding:15px 15px;
	text-align:center;
	font-size:0.8em;
	margin:0 -15px;
}

#main-content-top {
	border-radius:10px;
	background:linear-gradient(to bottom, #c3e6dd, #a1e0cf 8%, #c3e6dd);
	padding:25px;
	margin-bottom:30px;
	border:1px solid #c3e6dd;
	color:#0c6f55;
}

#main-content-top h1 {
	color:white;
	text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	font-weight:400;
}


.article-item p, .article-item ul {text-align:justify;}
.article-item ul, #main-content-top ul {padding-left:30px; margin-bottom:1em}
.article-item ul:last-child, #main-content-top ul:last-child {margin-bottom:0;}
.article-item ul ul, #main-content-top ul ul {margin-top:0.2em;}
.article-item ul ul:last-child, #main-content-top ul ul:last-child {margin-bottom:0.5em;}
.article-item li, #main-content-top li {margin-bottom:0.3em;}
.article-item li:last-child, #main-content-top li:last-child {margin-bottom:0;}
.article-item p + ul, #main-content-top p + ul {margin-top:-0.5em;}
.article-item h2, .article-item h3 {margin-top:1em;/*color:#555;*/}
.article-blog .row {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee;}
.article-blog .row:last-child {margin-bottom:0;padding-bottom:0;border:none;}

ul.map {
	list-style-type:none;
	padding:0;
	text-align:left;
}

ul.map li::before {
	font-family:"FontAwesome";
	content:"\f105";
	margin-right:5px;
}


.module-content {
	margin-bottom:25px;
}
.module-content:last-child {
	margin-bottom:0	;
}

.module-content h3, .article-blog h2 {
	text-transform:uppercase;
	padding:10px;
	border:1px solid #add5fa;
	border-radius:5px;
	background-image:linear-gradient(to bottom, #e7f4fe, #bbe1fb);
	margin-bottom:0.5em;
}

.article-blog h2 {margin-bottom:1em;}

.module-content ul.menu {
	list-style-type:none;
	padding:0;
}

.module-content ul.menu > li > a {
	border-bottom:1px dotted #bbb;
	padding:5px 10px;
	display:block;
	color:#333;
}

/*.module-content ul.menu > li:last-child > a {
	border-bottom:none;
}*/

.module-content ul.menu > li > a:hover, .module-content ul.menu > li.active > a {
	color:#1C8CB1;
}

.module-content ul.menu > li.active > a::before {
	font-family:"FontAwesome";
	margin-right:8px;
	content:"\f105";
}

#right .style-border a {
	padding:15px;
	border:1px solid #bbe1fb;
	border-radius:10px;
	display:block;
	font-size:1.5em;
}

#right .style-red a {
	padding:12px;
	background-image:linear-gradient(to bottom, #f48484, #ee4545);
	border:1px solid #ee4545;
	border-radius:10px;
	color:white;
	font-size:1.1em;
	display:block;
}

#right .style-blue a {
	padding:12px;
	background-image:linear-gradient(to bottom, #e7f5fe, #bbe1fb);
	border:1px solid #bbe1fb;
	border-radius:10px;
	font-size:1.1em;
	display:block;
}

.margin-container {
	margin-top:20px;
	margin-bottom:20px;
}

.row.maprow {
	margin:0 -25px;
}

.mapcol {
	padding:0 25px;
}

.ekko-lightbox h4 {
	color:#444;
	font-family:Tahoma;
}

.ekko-lightbox-nav-overlay a {color:rgba(0,0,0,0.5);}

.osebje {
	text-align:center;
}

.osebje > div {
	margin-bottom:20px;
}

.osebje > div:nth-child(4) {
	clear:left;
}

.osebje img {
	display:block;
	margin:0 auto 10px auto;
}

table.urniki {
	border-collapse:collapse;
	width:100%;
	margin-bottom:1em;
}

table.urniki th, table.urniki td {
	padding:5px;
	width:20%;
	text-align:center;
	border:1px solid #666;
	
}

table.urniki th {
	background:#e5e5e5;
	border-bottom-width:2px;
}

.zzzs-urnik-info {
	font-weight:bold;
	font-size:0.9em;
	margin-bottom:0.5em;
}

.urnik-dr-name {
	margin-bottom:15px;
}

.urnik-hr {
	border-width:5px;
}


@media screen and (max-width: 1199px) {
	html, body {font-size:12px;}
	header {background:url(../images/gorjanc-banner-970.jpg) bottom center no-repeat;}
}

@media screen and (max-width: 991px) {
	html, body {font-size:12px;}
	.topcontainer .name {text-align:center;}
	header {background:url(../images/gorjanc-banner-750.jpg) bottom center no-repeat;}
	.margin-responsive {margin-top:40px;}
	.article-item .margin-responsive {margin-top:0;}
	#menu ul.menu > li > a {padding:5px 5px;}
	.osebje > div:nth-child(4) {clear:none;}
}

@media screen and (max-width: 767px) {
	.container {margin-left:15px;margin-right:15px;}
	.topcontainer .name {font-size:2em;}
	header {background:url(../images/gorjanc-banner-767.jpg) bottom left no-repeat;min-height:259px; /*213 + 36 + 10*/}
	.article-item .margin-responsive {margin-top:20px;}
	#logo img { max-height:90px;}
	#fast {text-align:center;}
	#fast i {margin-left:10px;margin-right:3px;}
	main {padding:20px 10px;}
	
	#menu {
		text-align:center;
		font-family:"Oswald";
		font-size:1.25em;
		text-transform:uppercase;
		letter-spacing:0.5px;
		margin-top:26px;
		margin-bottom:170px;
		display:none;
		/*transform:scaleY(0);
		transition:transform 1s;*/
	}
	#menu ul.menu > li {
		display:block;
		margin:0 auto 10px auto;
		max-width:270px;
	}
	#menu ul.menu > li:last-child {
		margin-bottom:0;
	}
	
	#menu.showmenu {
		/*display:block;
		transform:scaleY(1);*/
	}
	
	#menu-button {display:block;}
	
	.article-item ul, #main-content-top ul {padding-left:15px;}
	
}

@media screen and (max-width: 400px) {
	header {background:url(../images/gorjanc-banner-400.jpg) bottom left no-repeat;min-height:259px;}
}