html, body, * {padding:0; margin:0;}
body { font-family: 'Open Sans', 'sans-serif'; background:#00a8e7 url('/images/layout/bg.jpg'); color:#ffffff; text-align:center; font-size:0.95em; }

.clear { clear:both; display:block; float:none; }
.wrapper { width:1000px; margin:0 auto; text-align:left; position:relative; }
iframe { border:1px solid #6d6e71; }

button, a.button, input.button { background:#00aeef;color:#ffffff; padding:3px 20px 1px 20px; line-height:34px; height:34px; display:inline-block; -webkit-border-radius:5px; border-radius:5px; vertical-align:middle; border:0; border-bottom:2px solid #0198d1;  text-align:center; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; text-decoration:none;  }
button:hover, a.button:hover, input.button:hover { background:#03b9fd; }

header { display:block; padding:70px 0 0 0; background:#002f60 url('/images/layout/bg-header.jpg') no-repeat center center; background-size:cover; position:relative; }
header a#logo { position:absolute; top:5px; left:50%; margin:10px 0 0 -500px; }
header nav { position:absolute; top:0; right:50%; margin:0 -500px; 0 0; width:600px; text-align:right;  }
header nav a { display:inline-block; padding:25px 0 0 0; vertical-align:top; margin:0 5px; color:#FFFFFF; text-decoration:none; }
header nav a.on { font-weight:bold; }

div#page-in { color:#6d6e71; background:#ffffff; padding:40px 0; }
div#page-in a:not(.button) { color:#6d6e71; text-decoration:none; }
div#page-in a:not(.button):hover { text-decoration:underline; }
div#page-in h2 { margin:0 0 5px 0; }

div#slogan { height:330px; border-top:1px solid #005b8c; }
div#slogan h1 { margin:10px 0; font-weight:300; font-size:2.5em; }
div#slogan p { width:310px; margin:50px 0 0 0; text-align:justify; }

div#produkty { position:relative; height:260px; background:#fbfbfb url('/images/layout/bg-white.jpg'); border-bottom:1px solid #f1f2f2; }
div#produkty div#tab { width:697px; height:501px; background:url('/images/layout/pad.png'); position:absolute; right:0; top:-250px; }
div#produkty div#hightlight { width:189px; height:380px; background:url('/images/layout/hightlight.png'); position:absolute; right:94px; top:-190px; }
div#produkty div#elements { position:absolute; right:0; top:-210px; bottom:0; left:0; height:445px; }
div#produkty div#elements div.element img.tablet { position:absolute; right:93px; top:20px;}
div#produkty div#elements div.element img.logo { position:absolute; top:260px; right:700px;}
div#produkty div#elements div.element h4 { position:absolute; top:320px; right:700px; text-align:right; color:#0093d3; font-size:1.7em; font-weight:300;}
div#produkty div#elements div.element a.button { position:absolute; top:400px; right:700px; } 

div#typyHome { background:#ffffff; padding:40px 0; color:#6d6e71; height:362px; } 
div#typyHome > div > div { float:left; width:400px; margin:0 100px 10px 0; padding:0 0 10px 0; height:160px; text-align:justify; }
div#typyHome > div > div + div { margin:0 0 10px 100px; }
div#typyHome > div > div + div + div { margin:0 100px 10px 0; }
div#typyHome > div > div + div + div + div { margin:0 0 10px 100px; }
div#typyHome > div > div > h3 { height:62px; line-height:62px; vertical-align:middle; margin:0 0 10px 0; font-size:1.7em; color:#a3d39c; font-weight:normal; }
div#typyHome > div > div > h3 > img { vertical-align:middle; margin:-3px 20px 0 0; }
div#typyHome > div > div + div > h3 { color:#7accc8; }
div#typyHome > div > div + div + div > h3 { color:#35404f; }
div#typyHome > div > div + div + div + div > h3 { color:#00aeef; }

div#typyHome > div > div > a.button { background-color:#a3d39c; float:right; border-color:#8cb586; clear:right; margin:5px 0 0 0; }
div#typyHome > div > div + div > a.button { background-color:#7accc8; border-color:#68aeab; }
div#typyHome > div > div + div + div > a.button { background-color:#35404f; border-color:#1f262f; }
div#typyHome > div > div + div + div + div > a.button { background-color:#00aeef; border-color:#0198d1; }

div#oNasHome { background:#002f60 url('/images/layout/bg-header.jpg') no-repeat center center; background-size:cover; padding:80px 0; color:#81c2e5; line-height:1.5em; }

div#oNasHome h2 { height:61px; line-height:61px; vertical-align:middle; margin:0 0 10px 0; font-size:1.7em; font-weight:normal; color:#ffffff; margin:0 0 25px 0; }
div#oNasHome h2 > img { vertical-align:middle; margin:-3px 20px 0 0; }

div#wydarzenia { margin:15px auto; position:relative; width:900px; }
div#wydarzenia div.wydarzenie { height:100px; position: relative; z-index:100; }
div#wydarzenia div.wydarzenie + div.wydarzenie { margin:15px 0 0 0; }
div#wydarzenia div.wydarzenie div.date { height:90px; width:90px; border:5px solid #00a8e7;-webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; text-align:center; font-size:1.4em; line-height:90px; color:#00a8e7; font-weight:bold; vertical-align:middle; background:#FFFFFF; }
div#wydarzenia div.wydarzenie h3 { position:absolute; bottom:48%; left:115px; }
div#wydarzenia div.wydarzenie h4 { position:absolute; top:48%; left:115px; font-style:italic; font-weight:normal; }
div#wydarzenia div.linia { position:absolute; top:45px; bottom:45px; left:48px; width:4px; background:#00a8e7; }


footer { display:block; padding:50px 0; font-size:0.85em; }
footer a { color:#ffffff; }
footer div > img, footer div > div { float:left; }
footer div > img { margin:0 22px 0 0; }
footer div > div { width:580px; padding:4px 0 0 0; }
footer div > div + div { width:200px; }

div#cookies-message-container { position:fixed; bottom:0;  left:0; right:0; background:#FFFFFF; border-top:1px solid #0198d1; }
div#cookies-message-container div#cookies-message { margin: 0 auto; position: relative; text-align: left; width: 1000px; padding:3px 0 3px 0; color:#6d6e71;  }
div#cookies-message-container div#cookies-message span { display:block; width:800px; font-size:0.7em;}
div#cookies-message-container div#cookies-message span.info { font-size:0.9em;}
div#cookies-message-container div#cookies-message .button { float:right; margin:-55px 0 0 0; }

#cookies {
    font-weight: normal;
    font-size: 11px;
    line-height: 32px;
    position: relative;
    padding: 5px 35px;
    color: #001f4e;
    background: white;
    border-bottom: 1px solid #001f4e;
}

#cookies a {
    color: #00adee;
    text-decoration: none;
}

#cookies .close {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}

.mceContentBody ul { margin:5px 0 5px 25px; }
div#page-in .mceContentBody a:not(.button) { color:#00a8e7; }



@media (max-width: 768px) {	

button, a.button, input.button { -webkit-border-radius:0; border-radius:0; -webkit-box-shadow:0; box-shadow:0; display:block; margin: 0 -5px; }
header { padding:0; }
header > div + div { display:none; }
header a#logo { position:relative; display:inline-block; width:50%; margin:0 auto; left:0; text-align:center; padding:5px 0; vertical-align:middle; top:0; }
header nav { position:relative; width:45%; display:inline-block; margin:0; text-align:right; right:0; vertical-align:middle; }
header nav a { display:block; vertical-align:bottom; margin:0; padding:2px; }

div#produkty { display:none; }
div.wrapper { width:auto; margin:0; padding:0 5px; }
div#typyHome { padding:10px 0; height:auto; }
div#typyHome > div > div { float:none; width:auto; margin:0; padding:0 0 5px 0; height:auto; }
div#typyHome > div > div + div { margin:0; }
div#typyHome > div > div + div + div { margin:0; }
div#typyHome > div > div + div + div + div { margin:0; }
div#typyHome > div > div > h3 { font-size:1.2em; clear:both; line-height:30px; height:30px; }
div#typyHome > div > div > h3 img { width:30px; height:30px; margin: -3px 10px 0 0; }
div#typyHome > div > div > a.button { clear:both; float:none; margin:5px -5px; }

div#oNasHome { padding:20px 0; }

div#page-in { padding:20px 0; }

footer { padding:10px 0; }
footer div > div { width:auto; }
footer div > img, footer div > div { float:none; }

div#googleMap { display:none; }
div#cookies-message-container div#cookies-message { width:auto; padding:3px 0 0 0; }
div#cookies-message-container div#cookies-message span { width:auto; padding:0 5px; }
div#cookies-message-container div#cookies-message span.info { font-size:0.9em;}
div#cookies-message-container div#cookies-message .button { float:none; margin:0;}

div#wydarzenia { width:auto; height:auto; }
div#wydarzenia div.wydarzenie { height:auto; }
div#wydarzenia div.wydarzenie div.date { height:auto; width:auto; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; text-align:left; line-height:normal; color:#00a8e7; font-weight:bold; }
div#wydarzenia div.wydarzenie + div.wydarzenie { margin:5px 0 0 0; }
div#wydarzenia div.wydarzenie h3 { position:relative; bottom:auto; left:auto; }
div#wydarzenia div.wydarzenie h4 { position:relative; top:auto; left:auto; }
div#wydarzenia div.linia { display:none; }

}