body {
background: #F4EDDF url(../../images/bg_top.gif) repeat-x;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
color: #5f5f5f;
}

#bg_bottom {
background: url(../../images/bg_bottom.gif) repeat-x bottom;
}

#center {
width: 970px;
margin: 0 auto;
background: url(../../images/content_bg.gif) repeat-y;
}

#header {
width: 970px;
height: 204px;
background: url(../../images/header.jpg) no-repeat;
}

#logo, #logo a {
width: 300px;
height: 140px;
display: block;
float: left;
}

#logo {
padding: 40px 0 0 30px;
}


#content {
background: url(../../images/content_bg_top.gif) no-repeat top;
float: left;
width: 970px;
}

#left {
float: left;
width: 213px;
padding: 0 0 20px 10px;
}

#main {
float: left;
width: 697px;
padding: 20px;
line-height: 20px;
min-height: 450px;
text-align: justify;
}

* html #main {
height: 450px;
}


/* zbirke */

.zbirka {
float: left;
width: 697px;
border-bottom: 1px solid #efe0c3;
padding: 0 0 15px;
margin-bottom: 10px;
line-height: 18px;
}

.zbirka_left {
float: left;
width: 200px;
}

.zbirka_img {
margin-top: 15px;
width: 200px;
text-align: center;
}

.zbirka_img img {
max-width: 200px;
width: expression((document.body.clientWidth > 202)? "200px" : "auto");
}

.zbirka_right {
float: right;
width: 477px;
padding-left: 20px;
}

.zbirka_left strong {
color: #92620d;
font-weight: normal;
}


.stranice {
text-align: center;
clear: both;
}

.stranice a {
font-weight: bold;
margin: 0 2px;
}

.stranice_sredina a {
background: #f3e8d3;
padding: 3px 6px;
}

.stranice_sredina a:hover {
background: #e5d6b9;
}

#main .stranice_sredina a.stranice_current, #main .stranice_sredina a.stranice_current:hover {
background: #488462;
color: #FFFFFF;
}


#gallery {
border-top: 1px solid #efe0c3;
border-bottom: 1px solid #efe0c3;
float: left;
width: 697px;
padding-bottom: 18px;
margin-top: 5px;
}

.gallery_th, .gallery_th_last {
float: left;
width: 220px;
height: 170px;
text-align: center;
margin: 18px 18px 0 0;
}

.gallery_th_last {
margin: 18px 0 0 0;
}

.gallery_th a, .gallery_th_last a {
background: #e3e0da;
display: block;
float: left;
width: 220px;
height: 150px;
padding: 10px 0;
}

.gallery_th a:hover, .gallery_th_last a:hover {
background: #efe0c3;
}

#gallery img {
max-width: 200px;
width: expression((document.body.clientWidth > 202)? "200px" : "auto");
}


#zbirka_kraj {
clear: both;
padding-top: 10px;
}

#zbirka_kraj_left {
float: left;
width: auto;
}

#zbirka_kraj_right {
float: right;
text-align: right;
width: auto;
color: #cfbd99;
}

#zbirka_kraj_right span {
margin: 0 10px;
}

#zbirka_kraj a {
font-weight: bold;
}



#footer {
clear: both;
color: #ace5c5;
background: url(../../images/footer.gif) no-repeat;
margin: 0 auto;
width: 970px;
height: 25px;
text-align: center;
padding-top: 15px;
}

/* MISC FORMATING */

#content h1 {
margin: 0 0 10px;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #4b8c67;
font-size: 1.7em;
font-weight: normal;
padding: 0 0 15px;
clear: both;
border-bottom: 1px solid #efe0c3;
}

#content h1 strong {
color: #92620c;
font-weight: normal;
}

h2 {
margin: 0;
color: #638974;
font-size: 1.2em;
font-weight: bold;
padding-top: 15px;
}

.zbirka h2 {
padding-top: 0;
padding-bottom: 5px;
}

h3 {
color: #818181;
margin: 0;
font-size: 1em;
}

h4 {
text-align: right;
margin: 0;
font-weight: normal;
padding: 15px 0 5px;
clear: both;
font-size: 1em;
}

h5 {
margin: 0;
color: #5F5F5F;
font-size: 1em;
font-weight: bold;
padding: 10px 0 0;
}


#left ul.left_main_nav  {
list-style: none;
margin: 0;
padding: 0;
}

#left ul.left_subnav {
margin: 0;
padding: 5px 0 5px 30px;
background: #918876;
color: #efe0c3;
}

#left ul.left_subnav li {
padding: 3px 0;
}

#left .left_main_nav li {
height: 36px;
background: url(../../images/nav_bg.gif) repeat-x;
}

#left li.first {
background: url(../../images/nav_first.gif) repeat-x bottom;
height: 49px;
}

#left li.first2 {
background: url(../../images/nav_first2.gif) repeat-x bottom;
height: 49px;
}

#left li.first2 a:hover {
background: #468C5F url(../../images/nav_first_hover.gif) repeat-x bottom;
height: 49px;
}

#left li.last {
background: url(../../images/nav_last.gif) repeat-x;
}

#content p {
margin: 0;
padding: 5px 0 7px;
}

#content .zbirka p {
padding: 5px 0 0;
}

#content .zbirka p.zbirka_kraj {
padding: 10px 0 0;
text-align: right;
font-weight: bold;
}

.txt_right {
text-align: right;
font-style: italic;
}

.karta {
text-align: center;
}

.karta img {
border: 1px solid #8e8e8e;
}


.kontakt_left {
float: left;
border-right: 1px solid #CCCCCC;
padding-right: 35px;
margin-bottom: 30px;
}

.kontakt_right {
float: right;
padding-right: 10px;
}


#content ul {
margin-top: 5px;
}



/* LINKS */

a {
outline: none;
}

a img {
border: 0;
}


#left .left_main_nav a {
display: block;
height: 24px;
width: 198px;
background: url(../../images/nav_hover.gif) no-repeat 8px 100px;
color: #78571a;
text-decoration: none;
font-weight: bold;
padding: 12px 0 0 15px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}

#left .left_main_nav .first a {
height: 41px;
background: url(../../images/nav_first_hover.gif) no-repeat 8px 100px;
line-height: 16px;
padding: 8px 0 0 15px;
}

#left .left_main_nav a:hover {
color: #FFFFFF;
background: url(../../images/nav_hover.gif) repeat-x;
}

#left .left_main_nav .first a:hover {
background: url(../../images/nav_first_hover.gif) repeat-x;
}

#left .left_subnav a {
color: #FFFFFF;
text-decoration: none;
/*font-weight: bold;*/
font-family: Tahoma, Verdana, Arial, sans-serif;
}

#left .left_subnav a:hover, #left .left_subnav a.mslc {
color: #b8e1ca;
}


.dask_banner {
width: 193px;
height: 130px;
padding-left: 10px;
}

.dask_banner a {
display: block;
width: 193px;
height: 130px;
background: url(../../images/dask_banner.gif) no-repeat;
}

#main a {
/*font-weight: bold;*/
color: #438f65;
text-decoration: none;
}

#main a:hover {
color: #2d6345;
text-decoration: underline;
}

#footer a {
color: #c6ffdf;
text-decoration: none;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}


/* KONTAKT FORMA */

form {
border: 0;
padding-top: 5px;
margin: 0;
}

input, select, textarea {
background: #FFFFFF;
border: 1px solid #bababa;
font-family: Verdana, Sans-serif;
color: #333333;
font-size: 1em;
width: 300px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px
}

.button {
background: #FFFFFF;
width: 65px;
padding: 2px 0
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.emph {
font-weight: bold;
}

.alert {
color: #FF0000
}

.center {
text-align: center;
}

.right {
	text-align: right;
}

.sep {
border-bottom: 1px solid #EFE0C3;
height: 1px;
font-size: 1px;
clear: both;
padding-top: 10px;
margin-bottom: 15px;
}

.sep_word {
padding-right: 250px;
}

.sep_word2 {
padding-right: 325px;
}

.sep_word3 {
padding-right: 100px;
}

.img_right {
	float: right;
	margin: 10px 0 5px 15px;
}

#content p.citat {
	padding: 5px 15px 7px;
	font-style: italic;
}

.citat2 {
	font-style: italic;
}


#main .industrijski-pogoni h3 {
	text-align: left;
}

.industrijski-pogoni .zbirka_img {
	margin-top:0px;
}

.valign {
	width: 220px;
	height:150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


/**
 * RESPONSIVE STYLES !!!
 */
.group:after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 62em) {
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
	#fancybox-wrap {
		box-sizing: content-box !important;
	}
	img {
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.zbirka_img img {
		max-width: 100%;
	}
	body {
		background: none;
	}
	#bg_bottom {
		background: none;
	}
	#center {
	    width: 100%;
	    max-width: 960px;
	    padding: 0 10px;
	    background: #fff;
	}
	#header,
	#content,
	#footer {
		float: none;
		width: 100%;
		max-width: 960px;
		height: auto;
	}
	#content {
		background: none;
	}
	#content:after {
	    content: "";
	    display: table;
	    clear: both;
	}
	#header {
		position: relative;
		min-height: 140px;
		background-size: cover;
	}
	#logo {
		position: absolute;
		float: none;
		top: 0;
		left: 0;
		bottom: 0;
		padding: 0;
	}
	#logo a {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		float: none;
		height: auto;
	}
	#footer {
		padding: 1em;
		line-height: 20px;
		background: #2C7F48;
	}
	#left {
		width: 22%;
		padding: 0;
	}
	#main {
		width: 78%;
	}
	.dask_banner {
		width: 100%;
		padding: 0;
	}
	.dask_banner a {
		width: 100%;
		background-position: center;
		background-size: contain;
	}
	#left li.first,
	#left .left_main_nav li {
		height: auto;
	}
	#left .left_main_nav a {
		width: 100%;
		height: auto;
		padding: 1em;
	}
	#left .left_main_nav .first a {
		height: auto;
		padding: 1em;
	}
	#left li.first2 a:hover {
		height: auto;
	}
	.zbirka {
		width: 100%;
	}
	.zbirka_left {
		width: 33.33%;
	}
	.zbirka_right {
		width: 66.66%;
	}
	.zbirka_img {
		width: 100%;
	}
	#left ul.left_subnav {
		padding: 5px 5px 5px 24px;
	}
	#gallery {
		width: 100%;
	}
	.gallery_th a, .gallery_th_last a {
		height: auto;
	}
	.gallery_th_last {
		margin-right: 18px;
	}
	#content h1 {
		line-height: 1.33;
	}
}

@media (max-width: 47.9375em) {
	#left {
		width: 100%;
	}
	#main {
		width: 100%;
		padding: 20px 0;
	}
	.dask_banner a {
		background-position: 0 0;
	}
}

@media (max-width: 30em) {
	#header {
		min-height: 204px;
		padding: 0;
		line-height: 20px;
		background-position: -40px 0;
		background-size: initial;
	}
	.zbirka_left {
		width: 100%;
	}
	.zbirka_right {
		width: 100%;
		margin: 1em 0;
		padding: 0;
	}
}