html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {	margin: 0; padding: 0; }

img { border: none; }
img, fieldset {	border: 0; }
img {	max-width: 100%;	height: auto;	width: auto\9; /* ie8 */ }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:link, a:visited, a:active { color: #f15a25; text-decoration: none; }
a:hover { text-decoration: underline; color: #f15a25; }

input[type=submit], input[type=button], input[type=image] { cursor: pointer; border: none; }

body { 
 margin: 0; padding: 0; font-size: 16px; background: #fafafa; color: #383838;
 font-family: 'Source Sans Pro', Tahoma, sans-serif;
}
.chyba {
 width: 100%; margin-bottom: 25px; background: #ff0000;
}
.chyba span {
 display: block; padding: 4px 12px; color: #ffffff
}
.ok {
 margin: 50px 0 50px 0; text-align: center; font-size: 18px;
}

h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
}
/* f25416 */

.main {
 position: relative; margin: 0 auto;
}

header {
 position: relative; top: 0; left: 0; background: url(../img/bg1920.jpg) no-repeat center top;
}
header .main {
 height: 570px;
}
header.sub .main {
 height: 370px;
}
header .logo {
 position: absolute; top: 0; left: 0; width: 250px; min-height: 200px; line-height: 200px; text-align: center;
 background: #ffffff;
}
header .logo a:hover {
 text-decoration: none;
}
header.sub .logo {
 width: 200px; height: 140px; line-height: 140px;
}
header.sub .logo img {
 width: 120px;
}
header .logo a { display: block }
header .logo img {
 vertical-align: middle;
}
header .logo .nadpis {
 display: block; line-height: 0px; padding: 15px 0 15px 0; color: #ffffff; font-size: 40px; text-align: center;
 background: #f15a25;
}
header .logo .nadpis span.one {
 font-size: 50px; line-height: 0px;
}
header .logo .nadpis span.two {
 font-size: 42px; color: #f19b7d; line-height: 0px;
}
header.sub .logo .nadpis span.one {
 font-size: 40px;
}
header.sub .logo .nadpis span.two {
 font-size: 32px;
}
header .logo .telephone {
 width: 250px; padding: 8px 0; line-height: 24px; font-size: 24px; color: #ffffff; background: #000000;
}
header.sub .logo .telephone {
 width: 200px;
}

header nav.menu {
 position: absolute; bottom: 15px; right: 0;
}
header nav.menu .mobileb {
 display: none; width: 100%; height: 48px; 
 background: #000000 url(../img/mobileb.png) no-repeat right center;
 background-position: -webkit-calc(100% - 10px) center; 
 background-position: right 10px center;
}
header nav.menu ul {
 width: 500px; margin: 0; padding: 0; list-style: none;
}
header.sub nav.menu ul {
 width: 320px;
}
header nav.menu ul li {
 float: left; margin: 0; padding: 0;
}
header nav.menu ul li a {
 display: block; width: 240px; height: 240px; line-height: 330px; margin: 5px; font-size: 30px; 
 text-align: center; color: #ffffff;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
header.sub nav.menu ul li a {
 width: 150px; height: 150px; line-height: 210px; font-size: 24px;
}
header nav.menu ul li a.m1 {
 background-color: #29aae3;
 background-image: url(../img/cutlery.png);
 background-position: center 60px;
 background-repeat: no-repeat;
}
header nav.menu ul li a.m2 {
 background: #f15a25;
 background-image: url(../img/car.png);
 background-position: center 60px;
 background-repeat: no-repeat;
}
header nav.menu ul li a.m3 {
 clear: both;
 background: #fbb03b;
 background-image: url(../img/photo.png);
 background-position: center 60px;
 background-repeat: no-repeat;
}
header nav.menu ul li a.m4 {
 background: #8cc63e;
 background-image: url(../img/phone.png);
 background-position: center 60px;
 background-repeat: no-repeat;
}
header.sub nav.menu ul li a.m1 {
 background-image: url(../img/cutlery48.png);
 background-position: center 30px;
}
header.sub nav.menu ul li a.m2 {
 background-image: url(../img/car48.png);
 background-position: center 30px;
}
header.sub nav.menu ul li a.m3 {
 background-image: url(../img/photo48.png);
 background-position: center 30px;
}
header.sub nav.menu ul li a.m4 {
 background-image: url(../img/phone48.png);
 background-position: center 30px;
}
header nav.menu ul li a:hover {
 text-decoration: none; background-color: #b6b6b6;
}
header .popistext {
 position: absolute; left: 0; bottom: 20px; padding: 20px 20px; line-height: 0; color: #ffffff; font-size: 26px;
 background: #000000; opacity: 0.8;
}
header.sub .popistext {
 bottom: 15px; padding: 14px; font-size: 18px; 
}
header .blackline {
 display: block; width: 100%; height: 40px; background: #000000; opacity: 0.5;
}
header.sub .blackline {
 height: 30px;
}

.footer {
 width: 100%; margin: 15px 0 0 0; padding: 20px 0 20px 0; text-align: left; background: #292929;
}
.footer ul {
 margin: 0 0 0 20px; padding: 0; list-style: none;
}
.footer ul li {
 display: inline-block; margin: 0 15px 0 0; padding: 0;
}
.footer ul li a {
 color: #ffffff;
}
.footer ul li a.active {
 text-decoration: underline;
}
.footer .generuje {
 display: block; margin: 20px 0 0 20px; font-size: 14px; color: #ffffff
}