/* Import font */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin,latin-ext);

/* Basic styles */
body{font-family:Roboto;font-size:14px;}
h2 {font-size:30px;font-weight:300;text-transform:uppercase;color:#0093B8;}
h3{margin:30px 0;}
a{color:#e41b2f;}
table{width:100%;}
	th{text-align:left;padding:5px 0;width:150px;vertical-align:top;border-bottom:1px solid #DDD;}
	td{padding:5px 0;border-bottom:1px solid #DDD;}
section {box-sizing:border-box;margin-bottom:70px;position:relative;padding:0 80px;}
.big {font-size:20px;font-weight:300;}

/* Full background image*/
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {left: 50%;margin-left: -512px;   /* 50% */ }
}


/* Styles */
#topredline {position:fixed;top:0;left:0;width:100%;height:5px;background:#e41b2f;z-index:1000;}
#wrapper {position:relative;margin:90px auto;box-sizing:border-box;-webkit-box-shadow:0 0 50px #888;background:rgba(255,255,255,0.9) url('images/lefttopcorner.png') no-repeat;overflow:hidden;}
	#header {height:150px;}
		#logo {box-sizing:border-box;width:201px;height:85px;background:url('images/logo.png') no-repeat;}
		#menu {display:table;}
			#menu li {display:table-cell;vertical-align:middle;font-weight:400;font-size:20px;color:#CCC;padding:10px;}
				#menu li  span {font-weight:300;font-style:normal;color:#e41b2f;text-decoration:none;cursor:pointer;}
				#menu li  span:hover {color:#e41b2f;}
				
		#menu-mobile {margin:30px 0 0 0 !important;-webkit-padding-start: 0px;border-top:1px solid #DDD;padding-left:0 !important;}
			#menu-mobile li {display:block;font-weight:700;font-size:20px;color:#e41b2f;padding:10px;text-align:center;border-bottom:1px solid #DDD;_margin-left:0 !important;}
				#menu-mobile li  span {font-weight:300;font-style:normal;color:#e41b2f;text-decoration:none;cursor:pointer;}
				#menu-mobile li  span:hover {color:#e41b2f;}
				
	.content{}
		.titleredelement{display:block;position:absolute;left:0px;width:14px;height:40px;background:#e41b2f;}
		.main-separator {background:url('images/main-separator.png');width:100%;height:49px;opacity:0.05;}
		#nabidka {background:url('images/nabidka-bg.png') right top no-repeat;padding-right:200px;}
		#ospolecnosti {background:url('images/ospolecnosti-bg.png') right center no-repeat;padding-right:200px;}
		#kontakty {background:url('images/kontakty-bg.png') right top no-repeat;padding-right:200px;}
		
	#footer {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:40px 80px;text-align:right;}

@media only screen and (min-width: 830px) {
	#wrapper {width:820px;}
	#logo {position:absolute;top:35px;left:80px;}
	#menu {position:absolute;top:43px;right:80px;}
	#menu-mobile{display:none;}
}

@media only screen and (min-width: 600px) and (max-width: 829px) {
	#wrapper {margin:90px 20px !important;}
	#logo{width:100% !important;background-position:center top;margin-top:60px;}
	#menu {margin:20px auto 0;}
	#menu-mobile{display:none;}
	section {padding-left:40px !important;}
}

@media only screen and (max-width: 600px) {
	#wrapper {margin:90px 20px !important;}
	#logo{width:100% !important;background-position:center top;margin-top:40px;}
	#nabidka, #ospolecnosti, #kontakty  {background:none;}
	section {padding:0 40px !important;}
	#menu{display:none;}
	#header {height:256px;}
}