body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bodybg.png) repeat-x top #fff;
}

body, p, h1, h2, h3, ul, li, input, form {
	margin: 0;
	padding: 0;
}

html {overflow-y: scroll;}
div.lefty {float:left;}
a {outline:none;}

#wrap {
	margin:0 auto;
	width:990px;
	}
#shadleft, #shadright {
	float:left;
	width:10px;
	height:420px;
}
	#shadleft {background:url(../images/shadowleft.png) no-repeat bottom;}
	#shadright {background:url(../images/shadowright.png) no-repeat bottom;}
#middle {
	float:left;
	width:970px;
	min-height:500px;
	height:auto !important;
	height:500px;
}
#header {
	width:970px;
	height:132px;
	float:left;
	position:relative;
}
	#flash {
		position:absolute;
		width:970px;
		height:132px;
		z-index:500;
		top:0;
		left:0;
		background: url(../images/header-bg.jpg) no-repeat center center;
	}
	#logo {
		width:300px;
		height:70px;
		float:left;
		display:inline;
		margin:12px 0 0 0;
		z-index:1000;
		position:relative;
	}
		#logo img {
			float:left;
		}
		#logo img.drmiro {
			display:inline;
			margin:25px 0 0 10px;
		}
	#headright {
		width:300px;
		height:70px;
		display:inline;
		float:right;
		z-index:1000;
		position:relative;
		margin-top:12px;
	}
		div.langsl {
			width:100px;
			height:34px;
			float:right;
			position:relative;
		}
			div.lngsbg {
				width:34px;
				height:34px;
				display:block;
				background:url(../images/lang_sl.png) no-repeat;
				_background:none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/lang_sl.png');
				float:left;
			}
			div.langsl a, div.langen a {
				float:left;
				color:#fff;
				font-size:11px;
				text-decoration:none;
				padding:8px 0 0 4px;
			}
			div.langsl a:hover, div.langen a:hover {
				font-weight:bold;
			}
		div.langen {
			width:90px;
			height:34px;
			float:right;
			position:relative;
		}
			div.lngebg {
				width:34px;
				height:34px;
				display:block;
				background:url(../images/lang_en.png) no-repeat;
				_background:none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/lang_en.png');
				float:left;
			}
		div.clock {
			width:67px;
			height:14px;
			float:right;
			background:url(../images/clockbg.png) no-repeat;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/clockbg.png');
			margin-top:8px;
			color:#fff;
			font-size:11px;
			text-align:center;
			padding-top:1px;
		}
		#search {
			float:right;
			width:200px;
		}
		#search input {
			float:right;
			margin:10px 0 0 0;
		}
			#search input.subinp {
				width:21px;
				height:21px;
				background:url(../images/srcicon.png) no-repeat;
				_background:none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/srcicon.png');
				margin-right:5px;
			}
			#search input.texinp {
				width:144px;
				height:18px;
				background:#4a5ba2;
				border:0;
				color:#fff;
				font-size:12px;
				padding:3px 4px 0 4px;
			}
	#menu {
		float:left;
		width:970px;
		height:40px;
		position:relative;
		z-index:1000;
		margin-top:10px;
		display:inline;
		background:url(../images/menu_bg.png) repeat-x bottom;
	}
		#menu ul {
			list-style:none;
			background:url(../images/menu_line.png) no-repeat left;
			_background:url(../images/menu_line.gif) no-repeat left;
			height:40px;
		}
		#menu ul li {
			display:inline;
			background:url(../images/menu_line.png) no-repeat right;
			_background:url(../images/menu_line.gif) no-repeat right;
			float:left;
			height:40px;
			display:block;
		}
		#menu ul li a {
			color:#fff;
			text-decoration:none;
			padding:13px 24px 12px 24px;
			float:left;
		}
		#menu ul li a:hover, #menu ul li a.active,
		.gallery .page-7 a,
		.gallery .page-41 a {
			background:url(../images/menu_hover.png) repeat-x;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/menu_hover.png');
			font-weight: bold;
		}
		#menu ul li a.active {font-weight:bold;}
#content {
	float:left;
	width:970px;
	background:url(../images/whitebg.png) repeat-x #fff;
}
	#miroslav {
		width:944px;
		height:546px;
		float:left;
		background:url(../images/miroslav_verbic.jpg) no-repeat;
		margin:13px 0 0 13px;
		display:inline;
	}
		#sencaind {
			width:404px;
			height:480px;
			background:url(../images/sencaind.png) no-repeat;
			_background:none;
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/sencaind.png');
			display:inline;
			margin-left:472px;
			float:left;
			color:#FFF;
			font-size:13px;
			line-height:18px;
			padding:31px 34px 35px 34px;
		}
		#sencaind a {
			position:relative;
			color:#fff;
			text-decoration:underline;
		}
		#sencaind a:hover {
			text-decoration:none;
		}
		#sencaind h1 {
			font-size:25px;
			font-weight:bold;
			padding-bottom:20px;
		}
		div.sitext {
		font-size:13px;
		}
	#under {
		float:left;
		width:944px;
		margin:0 0 0 13px;
		display:inline;
		background:url(../images/underimgbg.png) repeat-x top;
	}
		#under img.undertit {float:left;}
		#leftside, #rightside {
			float:left;
			width:472px;
			display:inline;
			margin-top:40px;
			min-height:300px;
			height:auto !important;
			height:300px;
		}
			#leftside div.last {
				width:440px;
				float:left;
				display:inline;
				margin:10px 0 8px 0;
			}
				p.lastbod {
					color:#162b84;
					line-height:16px;
				}
				p.lastdate {
					color:#a0a0a0;
					font-size:11px;
					line-height:14px;
				}
				p.lowdate {
					text-transform:lowercase;
				}
				div.last a {
					color:#162b84;
					font-weight:bold;
					text-decoration:underline;
					line-height:16px;
				}
				div.last a:hover {
					text-decoration:none;
				}
			#leftside a.leftlink {
				color:#162b84;
				font-size:13px;
				font-weight:bold;
				text-decoration:underline;
				float:left;
				margin-top:8px;
			}
				#leftside a.leftlink:hover {
					text-decoration:none;
				}
			#rightside {
				background:url(../images/galleryshad.png) left no-repeat;
				padding-left:22px;
				width:450px;
			}
				#rightside img.rstit {
					margin-left:12px;
				}
				#rightside div.galpic {
					width:138px;
					float:left;
					text-align:center;
					color:#606060;
					font-size:11px;
					margin:10px 0 0 12px;
					height:130px;
					display:inline;
				}
					#rightside div.galpic img {
						border:1px solid #162b84
					}
					#rightside div.galpic p {
						float:left;
						width:128px;
						text-align:center;
						padding:4px 5px 0 5px;
						line-height:14px;
					}
#footer {
	float:left;
	width:970px;
	height:100px;
	background:url(../images/footerbg.png) no-repeat top;
	display:inline;
	margin-top:20px;
}
	#footer div {
	font-size:11px;
	color:#a0a0a0;
	}
	#footer div.copy {
	float:left;
	padding-top:16px;
	display:inline;
	}
		#footer div.copy a {
			color:#162b84;
			text-decoration:underline;
		}
		#footer div.copy a:hover {
			text-decoration:none;
		}
		#footer div.copy p {
			float:left;
			padding-top:1px;
		}
		#footer div.copy img {
			float:left;
			margin-left:4px;
		}
	#footer div.ns {
	float:right;
	padding-top:17px;
	display:inline;
	}
		#footer div.ns a {
			color:#a0a0a0;
			text-decoration:none;
		}
		#footer div.ns a:hover {
			text-decoration:underline;
		}
		#footer div.ns a.nsizd {
			float:left;
		}
		#footer div.ns img {
			padding-top:2px;
		}
	
		
		
/*-------------- P O D S T R A N --------------*/
#subleft {
	width:230px;
	float:left;
	display:inline;
	margin:40px 0 0 20px;
}
	#subleft ul {
		list-style:none;
		margin-top:20px;
	}
	#subleft ul li {
		background:url(../images/leftline.gif) no-repeat bottom left;
		width:230px;
		float:left;
	}
	#subleft ul li a {
		width:200px;
		display:block;
		background:url(../images/arrgray.gif) no-repeat left;
		color:#656565;
		text-decoration:none;
		padding:7px 0 7px 16px;
	}
	#subleft ul li a:hover, #subleft ul li a.subact {
		background:url(../images/arrblue.gif) no-repeat left;
		color:#3b50aa;
	}
	#subleft ul li a.subact { font-weight:bold; }
#submid {
	width:30px;
	float:left;
	display:inline;
	margin:40px 0 0 0;
}	
#subright {
	width:670px;
	float:left;
	display:inline;
	margin:40px 0 0 0;
}
	#subright h1 {
		font-size:18px;
		font-weight:bold;
		color:#3b50aa;
		border-bottom:1px solid #3b50aa;
		padding-bottom:7px;
	}
	#vsebina {
		float:left;
		margin:20px 0 0 0;
		display:inline;
		color:#656565;
		line-height:18px;
		width:670px;
	}
		#vsebina ul {
			list-style:none;
			margin:4px 0 10px 0;
		}
		#vsebina ul li {
			background:url(../images/bullet.gif) no-repeat 0 6px;
			padding-left:16px;
		}
		#vsebina a {
			color:#3b50aa;
			text-decoration:underline;
		}
		#vsebina a:hover {
			text-decoration:none;
		}
		#vsebina hr {
		height:1px;
		border-top:1px solid #cccccc;
		border-bottom:0;
		border-left:0;
		border-right:0;		
		}
#kontaktlevo {
	color:#656565;
	line-height:18px;
	padding-top:26px;
	padding-bottom:4px;
	}
	#kontaktlevo a {
	color:#162b84;
	text-decoration:underline;
	font-size:11px;
	}
	#kontaktlevo a:hover {
	text-decoration:none;
	}
	a.kontleft {
	font-size:11px;
	color:#162b84;
	text-decoration:underline;
	display:block;
	float:left;
	width:180px;
	padding:0 0 6px 24px;
	margin-top:3px;
	}
	a.kontleft:hover {
	text-decoration:none;
	}
	a.fbfbfb {
	background:url(../images/facebook.gif) no-repeat 0 0;
	}
	a.ininin {
	background:url(../images/li-premium.jpg) no-repeat 0 0;
	}
	a.skysky {
	background:url(../images/skype.gif) no-repeat 0 0;
	}
	a.tweet {
	background:url(../images/twitter-x.jpg) no-repeat 0 0;
	}
	a.foursq {
	background:url(../images/new_foursquare.png) no-repeat 0 0;
	}

img.ikonalevo {
	float:left;
	margin:10px 0 0 16px;
	border:1px solid #c6c6c6;
	padding:2px;
	display:inline;
}
img.ierpic {
	float:left;
	margin:24px 0 0 0;
	border:1px solid #c6c6c6;
	padding:2px;
	display:inline;
}

div.langsl a.flag {
	padding: 0;
}

div.langen a.flag {
	padding: 0;
}

.burger {
	display: none;
	position: relative;
    z-index: 1000;
}

.responsive-table {
	display: inline-block;
	overflow-x: auto;
	width: 100%;
}

.gallery-style {
	float:left;
	width:670px;
	padding-bottom:20px;
}

.cform {
	float:right;
	width:340px;
	padding:0 0 35px 20px;
	display:inline;
}

.pr4 {
	padding-right: 34px;
}

.actn {
	float:left;
	width:670px;
	padding-bottom:20px;
	display:inline;
}

/******************************* RESPONSIVE *******************************/
@media (max-width: 1010px) {
	#wrap {width: 768px;}
	#header, #middle, #content, #footer, #flash {width: 748px;}
	#miroslav, #under {width: 722px;}
	#flash {background-size: 100% 100%;}
	#leftside {width: 357px; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#rightside {width: 343px;}
	#leftside div.last {width: 100%;}
	#miroslav {height: 546px;}
	#sencaind {height: 506px; margin: 0; padding: 20px 30px; float: right; width: 50%; background-repeat: repeat;}
	div.sitext {font-size: 12px;}
	#menu {width: 100%;}
	#footer {background-size: 768px 16px;}
	#subleft {width: 170px;}
	#subright {width: 508px;}
	#vsebina {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#slidingDiv1, #slidingDiv2 {width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.gallery-style {width: 100%;}
	.gallery-style a {display: inline-block; width: 21.5%; margin-right: 3%; margin-bottom: 10px;}
	.gallery-style a img {width: 100%;}
	img.ierpic {width: 90%; max-width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.actn {width: 100%;}
}

@media (min-width: 769px) {
	#menu ul {display: block !important;}
}

@media (max-width: 768px) {
	#wrap {width: 100%;}
	#header, #middle, #content, #footer, #flash {width: 100%;}
	#miroslav, #under {width: 100%;}
	#header, #flash {height: 63px;}
	#headright {margin-top: 14px;}
	#headright {width: auto; height: auto;}
	#shadleft, #shadright {display: none;}
	#logo {margin: 10px 0 0 15px; width: auto; height: auto;}
	#logo img {width: 40px;}
	#logo img.drmiro {width: 130px; margin: 13px 0 0 10px;}
	#leftside {width: 100%; padding: 0;}
	#rightside {width: 100%; padding: 0; background: none;}
	#rightside div.galpic {margin: 10px 0 0 0; width: 33.33333333%;}
	#rightside div.galpic p {width: 100%;}
	#rightside div.galpic img {max-width: 100%;}
	#under {margin: 0; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#footer {text-align: center;}
	#footer div.copy {float: none; display: inline-block;}
	#footer div.ns {float: none; display: inline-block;}
	#footer div.copy img {float: none; display: inline-block;}
	.clock {display: none;}
	div.langen, div.langsl {width: 34px; margin-right: 10px;}
	div.langsl a {display: none;}
	div.langsl a.flag {display: inline-block;}
	div.langen a {display: none;}
	div.langen a.flag {display: inline-block;}
	
	html[lang="sl"] .langsl {display: none;}
	html[lang="en"] .langen {display: none;}
	
	.burger {display: block; margin-top: 7px; float: right; width: 28px; margin-right: 15px;}
	.burger span {float: left; width: 100%; height: 2px; margin-bottom: 8px; background: #FFF;}
	#menu {height: 4px;}
	#menu ul {display: none; position: absolute; left: 0; top: 3px; height: auto; background: #3348a1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#menu ul li {width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#menu ul li a {width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#search {display: none;}
	
	#miroslav {padding: 0; height: auto; background: #000 url(../images/miroslav_verbic-mobile.jpg) no-repeat; border: 13px #fff solid; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#sencaind {height: auto; width: 100%; margin-top: 320px; padding: 16px 20px 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	div.sitext {line-height: 14px;}
	#subleft {order: 2; width: 100%; margin: 0; padding: 20px 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#subright {order: 1; width: 100%; margin: 0; padding: 20px 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#submid {display: none;}
	#subleft ul {width: 100%; margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#subleft ul li {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: 100% 1px;}
	#subleft ul li a {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	#content {display: flex; flex-direction: column;}
	.cform  {width: 100%; padding: 0 0 30px;}
	.cform input, input.polje, textarea.tpolje, .cform div {width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	a.kontleft {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.button {width: 100%;}
	.pr4 {padding: 0;}
	.gmbt input[type='submit'] {margin: 3px 0 0 0 !important; width: 100% !important;}
	#rightside img.rstit {margin-left: 0;}
	
	#kontaktlevo {padding-top: 0; margin-top: -12px;}
}

@media (max-width: 560px) {
	.gallery-style a {display: inline-block; width: 44%; margin-right: 4%;}
}

@media (max-width: 550px) {
	.front-gal {margin: 0 -10px;}
	.front-gal div.galpic {padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

@media (max-width: 460px) {
	#miroslav {background-position: -59px top;}
}

@media (max-width: 340px) {
	#miroslav {background-position: -90px top;}
}