/* Begin main Style */
/* PS: Module padding is 17px */
body{font-family:Tahoma,sans-serif;font-size:16px;-webkit-text-size-adjust:100%;
	width:100%;*zoom:1;background: #fff;color: #333}
body:before,body:after{content:"";display:table}
body:after{clear:both}*{margin:0;padding:0}
ul{-webkit-padding-start:0;padding-left:0}
a{color: #0372FF;text-decoration: none}
a:hover{text-decoration: underline}

/* grid is 1140px wide, so we need to make .wrap width also 1140px */
.wrap{margin: 0 auto;max-width: 1140px}
/* Header */
#header{text-align: center;margin-bottom: 17px}
/* Navigation is not in the .wrap, because we need to make it 100% wide.
Setting Nav height(40px), list-item width(150px) and line-height(30px) is very important.
i18n with 1 Submenu (not so complicated):
*/
#nav{margin-bottom: 17px;height:40px;background:#fff;position:relative;
	z-index:9999 !important;background: #ccc}
#nav ul:first-child{position:absolute}
#nav ul:first-child li{float: left;list-style: none}
#nav ul:first-child li a{display: inline-block; padding: 5px 10px;text-align: center;width: 150px;}
#nav ul:first-child li a:hover{background: #ccc;text-decoration: none}
#nav ul:first-child{margin-top:-17px;position: absolute;z-index:9999 !important;
	list-style:none}
#nav ul:first-child li.current>a{background: #999;color:#333;text-transform:capitalize !important}
#nav ul:first-child li:first-child a{border:none}
#nav ul:first-child li{float:left;width:150px}
#nav ul:first-child li a{display:block;text-align:center;
	font-size:14px;line-height:30px}/*height:40px;*/
#nav ul:first-child li a:hover,#nav ul:first-child li a:focus{color: #333;background: #999}
#nav ul:first-child li:hover ul,#nav ul:first-child li:focus ul{display:block}
#nav ul:first-child li ul{position:relative;z-index:9999;top:0;display:none;margin:0;padding:0 !important}
#nav ul:first-child li ul li{background:#ccc}
#nav ul:first-child li ul li a:hover{color: #333}
/* Second Submenu */
#nav ul:first-child li ul li ul, #nav ul:first-child li ul li ul{display: none !important}
#nav ul:first-child li ul li:hover ul, #nav ul:first-child li ul li:focus ul{
	position: relative;right:-170px;top:-40px;display: block !important}
#nav ul:first-child li ul li.open{height: 40px}
/* Footer */
#footer{margin-top: 17px}
#footer .module{text-align: center}
/* Slider */
#slider img{max-width: 100%;-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
	-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
#slides .module{text-align: center}
/* Etc: Navigation */
.menu-link{display: none}


/* IE6 Styles */
.lt-ie7 img{border: none !important}
.lt-ie7 img{border: none !important}
.lt-ie7 #slider img{width: 95%}
.lt-ie7 #slider{text-align: center}
.lt-ie7 #nav .module{padding: 0;margin: 0}
.lt-ie7 #nav ul:first-child{margin-top: 0}
.lt-ie7 #nav ul:first-child li a{margin: 0}
#nav ul:first-child li ul li ul,{display: block !important}
#nav ul:first-child li a{_padding: 5px 5px !important;width:150px;}

/* Media Queries */
@media screen and (max-width: 785px){/*prej 960px*/
	#slides{display: none}
	/* Let's make our Navigation Mobile-friendly in a New Way! */
	#nav{z-index: 2 !important;margin-bottom: 70px !important;height: 1px}
	#nav .module{padding: 0}
	.menu-link{display: block !important;height: 24px;width: 70px;background: url('menu.png') no-repeat;
		position: absolute;z-index: 1 !important;top:100px;left:40px;padding-left: 35px;padding-top: 3px;
		color: #E04A40;text-decoration: none !important;text-transform: uppercase;font-weight: bold;
		cursor: pointer}
	#navi{display: none}
	#naavi{position: absolute;z-index: 9999 !important;background: #fff;padding: 10px 40px 100% 10px;
		top:-73px;left:0px;width:90%;height:auto;
		-khtml-box-shadow: 3px 3px 4px #777;
		-moz-box-shadow: 3px 3px 4px #777;
		-webkit-box-shadow: 3px 3px 4px #777;
		box-shadow: 3px 3px 4px #777}
	#naavi li{list-style: none}
	#naavi li a{display: block;padding: 13px 17px;background: #ccc;margin-bottom: 9px;margin-right:17px;
		text-align: center;border-bottom: 3px solid #999;}
	#naavi li a:hover{text-decoration: none !important;color: #333;background: #999}
	#nav{background: none}
	.cross{display: block;position: absolute;top:10px;right:10px;text-decoration: none !important;
		padding: 7px 15px;font: bold 13px Tahoma,sans-serif;background: #C94B66;color:white;
		text-shadow:0px 0px 2px #333;}
	.cross:hover{cursor:pointer;background: #DD586C}
	#naavi li a,.cross{
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;}
	#logo{height: 40px !important;}
}

/* custom aded */
.kontakti{min-width:200px;}
.justify{text-align: justify; max-width:100%;}
.gumbi{float: left;
    position: relative;
    left: 50%;}