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

html.js .jshidden { display: none; }
body { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; min-width: 970px; font-size: 16px; }
a[href^="#error:"] { background: red; color: white; }
div.flash { color: black; background: #FFF9D7; border: 1px solid #E2C822; padding: 1em; margin: 1em 0; }
form .required label { font-weight: bold; }
form .error { color: #D00; font-weight: bold; }
h2 { color: #f00; font-weight: normal; }

.contact { background: #eee; padding: 20px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.contact h4 { color: #aaa; }
.contact address h4 { color: red; }

.content { padding: 30px 15px 50px; }

.footer { background: #a3a3a3; min-height: 200px; padding: 20px 0 30px; }
.footer a { text-decoration: none; color: #595959; }
.footer h4 { font-weight: 300; color: #fff; padding: 5px 0; border-bottom: dotted 0.12em #888; text-transform: uppercase; }

.header { height: 200px; background: url(../images/top.png) 450px 25px no-repeat; }
.header .logo { padding-top: 50px; }
.header .links { padding-top: 50px; font-size: 18px; text-transform: uppercase; }
.header .links a { text-decoration: none; color: #888; padding: 0 30px; }

.lead { font-size: 16px; }

.menu { height: 220px; background: url(../images/menu-back-mono.png) no-repeat center #888888; }
.menu .container { padding: 0; position: relative; }

.menu .link { width: 194px; height: 220px; float: left; border: solid 1px #bbb; text-transform: uppercase; }
.menu .link .arrow { background: url(../images/arrow.png); width: 130px; height: 26px; position: absolute; bottom: 12px; margin-left: 60px; }

.menu .link.x2, .menu .link.x3, .menu .link.x4, .menu .link.x5 { border-left: none; }

.menu .link.x1 { background: url(../images/db.png) 80% 70% no-repeat; }
.menu .link.x1::first-letter { font-size: 18px; color: #ff1400; font-weight: bold; }
.menu .link.x2 { background: rgba(153, 153, 153, 0.5) url(../images/lupa.png) 80% 70% no-repeat; }
.menu .link.x2::first-letter { font-size: 18px; color: #ff5C00; font-weight: bold; }
.menu .link.x3 { background: rgba(170, 170, 170, 0.5) url(../images/podnik.png) 80% 70% no-repeat; }
.menu .link.x3::first-letter { font-size: 18px; color: #ff9100; font-weight: bold; }
.menu .link.x4 { background: rgba(187, 187, 187, 0.5) url(../images/integrace.png) 80% 70% no-repeat; }
.menu .link.x4::first-letter { font-size: 18px; color: #ffba3a; font-weight: bold; }
.menu .link.x5 { background: rgba(153, 153, 153, 0.8) url(../images/rfid.png) 80% 70% no-repeat; }
.menu .link.x5::first-letter { font-size: 18px; color: #c88337; font-weight: bold; }

.menu .link.x1:hover, .menu .link.x1.active { background: rgba(255, 20, 0, 0.5) url(../images/db.png) 80% 70% no-repeat; }
.menu .link.x2:hover, .menu .link.x2.active { background: rgba(255, 92, 0, 0.6) url(../images/lupa.png) 80% 70% no-repeat; }
.menu .link.x3:hover, .menu .link.x3.active { background: rgba(255, 145, 0, 0.7) url(../images/podnik.png) 80% 70% no-repeat; }
.menu .link.x4:hover, .menu .link.x4.active { background: rgba(255, 186, 58, 0.6) url(../images/integrace.png) 80% 70% no-repeat; }
.menu .link.x5:hover, .menu .link.x5.active { background: rgba(200, 131, 55, 0.8) url(../images/rfid.png) 80% 70% no-repeat; }

.menu .list { background: #eee; position: relative; top: -20px; margin: 0 10px 0; padding: 10px 14px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(255,255,255,1) 4%, rgba(238,238,238,1) 24%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,219,219,1)), color-stop(4%,rgba(255,255,255,1)), color-stop(24%,rgba(238,238,238,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 4%,rgba(238,238,238,1) 24%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 4%,rgba(238,238,238,1) 24%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 4%,rgba(238,238,238,1) 24%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 4%,rgba(238,238,238,1) 24%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.menu a { color: #666; font-size: 14px; font-weight: 500; }
.menu a:hover { text-decoration: none; }
.menu .list .arrow-top { display: none; background: url(../images/arrow-top.png) no-repeat; width: 34px; height: 34px; top: -40px; left: 70px; position: absolute; }
.menu .active .arrow-top { display: block !important; }

.page-header { margin-bottom: 30px; }
.page-header .lead { margin-bottom: 10px; }
.page-header small > a { color: #777; }

.under-footer { background: #545454; color: #7f7f7f; padding: 20px 0; }
.under-footer a { text-decoration: none; color: #fff; }

/* Non-responsive overrides */
.container { width: 970px; max-width: none !important; }
.col-xs-4 { padding-top: 15px; padding-bottom: 15px; }
.container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; }
.navbar-header { float: left; }
.navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
.navbar-toggle { display: none; }
.navbar-collapse { border-top: 0; }
.navbar-brand { margin-left: -15px; }
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
.navbar-nav > li > a { padding: 15px; }
.navbar-nav.navbar-right { float: right; }
.navbar .navbar-nav .open .dropdown-menu { position: absolute; float: left; background-color: #fff; border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15); border-width: 0 1px 1px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; }
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #fff !important; background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	color: #999 !important; background-color: transparent !important;
}