body {
	background-color: #FFFFFF; background-repeat: no-repeat; background-position: top center;
	font:normal 12px Arial,Helvetica,sans-serif; color:#333333;
	margin-top: 0px;
}

a { color: #333333; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
.bolded { font-weight: bold; }
.underlined { text-decoration: underline; }
.nobr { white-space: nowrap; }
.selected { font-weight: bold; background-color: #FFFFFF; font-size: 14px; padding: 3px; height: 17px; }
.noselected { padding-top: 4px; height: 19px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

img { vertical-align: baseline; }
.highslide:hover img {
	border: none;
}

#top { widthx: 940px; margin-top: 30px; }

#top #topmenu { margin-top: 20px; height: 45px; padding-top: 0px; text-align: left; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; }
#top #topmenu .menuItem { font-size: 15px; margin-left: 0px; float: left; text-align: center; padding-top: 14px; font-weight: normal; }
#top #topmenu .selected { font-weight: bold; }
	#top #topmenu .menuItem a { color: #000000; text-decoration: none; }
	#top #topmenu .menuItem a:hover { color: #333333; text-decoration: underline; }
#top #topmenu a.selected { color: #E95D0F; text-decoration: underline; }
#top #topmenu a:hover.selected { color: #E95D0F; }
#top a.crosslink { color: #F7E13D; text-decoration: underline; }

#top #path { text-align: left; padding: 5px 0px 0px 10px; height: 18px; color: #FFFFFF; overflow: hidden; }
	#top #path a { color: #FFFFFF; }
	#top #path a.selected { font-weight: bold; }
	
#top a.fb { color: #999999; }
	
#nav { margin:0; padding:0; list-style:none; }
#nav li {float:left;display:block;width:120px;border: 1px solid #ECECEC;background:#FFFFFF;position:relative;z-index:500;margin:0 1px;}
#nav li a {display:block;padding:8px 5px 0 5px;font-weight:700;height:33px;text-decoration:none;color:#333;text-align:left;color:#333;font-weight: normal;}
#nav li a:hover{color:#000;text-decoration: none;}#nav a.selected{color:#000;}
#nav ul{position:absolute;left:0;display:none;margin:0 0 0 -2px;padding:0;list-style:none;}
#nav ul li{width:120px;float:left;border-top:0px solid #fff;}
#nav ul a{display:block;height:25px;padding:8px 5px;color:#666;}
#nav ul a:hover{text-decoration:none;}
*html #nav ul{margin:0 0 0 -2px;}

#middle { widthx: 980px; height: 318px; }
#middle h1 { font-size: 22px; font-weight: normal; color: #FFFFFF; }

#mainmod { widthx: 940px; margin-top: 10px; text-align: left; }

.alpha30 {
	background-color:Black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity:.5;
}

#mod {  }
#mod a { color: #333333; text-decoration: none; }
#mod a:hover { color: #000000; text-decoration: underline; }
#mod .blue, #mod a.blue { color: #4D6EA9; }
#mod h1 { color: #333333; }
#mod a.underlined { text-decoration: underline; }
#mod .url { color: #757575; }

#mod .vyrobca a { color: #FFFFFF; }

.main-category { background-size: 100%; background-position: top center; position:relative; height: 360px; }
.main-category:hover { background-size: 110%; }
.main-category { transition: all .250s ease-in-out; }

.saty-foto { heightx: 360px; position: relative; overflow: hidden; }

#mod input { border: 1px solid #ABADB3; }
#mod input:focus { border: 1px solid #4D6EA9; }

#bottom { width: 100%; margin-top: 30px; padding: 20px 0px 20px 0px; background-color: #F9F9F9; color: #333333; }
#bottom a, #bottom a:hover { color: #333333; }

@media (max-width: 1199px) {
	.saty-foto { height: 330px; }
}
@media (min-width: 992px) {
	#menu { display: block; }
	#menu-mobile { display: none; }
}
@media (max-width: 991px) {
	.saty-foto { height: 360px; }
	.main-category { height: 240px; }
	
	#top #topmenu { height: auto; }
	#menu { display: none; }
	#menu-mobile { display: block; }
	#top #topmenu .menuItem { float: left; width: 100%; font-size: 16px; height: auto; padding: 20px 0px; heightx: 60px; }
}
@media (max-width: 767px) {
	h1 { font-size: 18px; }
	.main-category { height: 620px; }
}
@media (max-width: 580px) {
	.saty-foto { height: 260px; }
	.main-category { height: 500px; }
}
@media (max-width: 480px) {
	.saty-foto { height: 360px; }
	.main-category { height: 400px; }
}
@media (max-width: 380px) {
	.saty-foto { height: 360px; }
	.main-category { height: 340px; }
}