@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,700');

body {background: #FFFFFF; margin: 0 auto; font-family: 'Roboto', sans-serif; padding-top:0px}
ul.ha {list-style-image:url('gfx/dot.png');  margin-top: 5px; padding:12px; font-size: 16px; line-height: 23px; list-style-position:outsite;}

a {color:#000}

div.language_select {border:0px solid red; width:100px; float:right; margin-top:17px;}
div.language_select p {margin-top:8px; font-size: 12px; padding:5px; float:left; color:#000; cursor:pointer; border-radius:4px}
div.language_select p:hover {color:#f7931e;}

.lang_selection {background-color:#AAA; color:#fff; }
@media only screen and (max-width: 760px) {
 div.language_select p{background-color:#00; color:#fff;}
}

div.baner {border:0px #bcbcbc solid;  background: url(images/wood2.jpg); background-position: center; width:100%; height:400px; margin:0 auto; margin-top:110px;}
div.aside {border:0px solid; margin:0 auto; margin-top: 10px; max-width: 1180px; padding: 30px 0px 0px 0px; color: #666666; font-size: 14px;  }

p.start_big {font-size: 88pt; font-family: 'Roboto'; font-weight: 300; margin-bottom: -50px; text-align: center}
p.start_small {font-size: 26pt; font-family: 'Roboto'; font-weight: 300; text-align: center}


p.tytul {font-size:26px; color:#000; font-weight:bold; text-align: center}
p.tytul:target {padding-top:120px}
div.tytul {font-size:26px; border:0px solid; font-weight:bold; border:0px solid red; margin:10px 0px}
div.tytul span {font-size:14px; float:right; margin-top:7px; text-decoration:underline}



a {text-decoration: none;}


img {border: 0px;}
div.clear {clear:both}
div.mod {position:relative; background-color:#FFF}


/* footer */
div.footer {background: #231f20; margin-top: 0px}

div.menu_footer {width: 600px; float: left; margin-top: 30px; margin-bottom: 30px}
div.menu_footer a {color: #fff; padding: 10px 20px 10px 0px; font-size: 13px}
div.menu_footer a:hover {color: #333}


div.linki_footer {background: #231f20; height: 30px; padding-top: 20px}
div.stopka {float: left; color: #bcbcbc; font-size: 10px; padding-left: 30px}
div.stopka a {color: #bcbcbc; transition-duration: 0.5s;}
div.stopka a:hover {color: #fff;}
div.tech {float: right; color: #bcbcbc; font-size: 10px; padding-right: 30px}
div.tech a {color: #bcbcbc; transition-duration: 0.5s;}
div.tech a:hover {color: #fff;}


div.baner_all {border: 4px #309bd7 solid;
margin: 0 auto;
width: 600px; height:400px;
z-index: 900000;
position: absolute;
display: none;
left:50%;
margin-left:-300px;
top: 50%;
margin-top: -200px;
-webkit-box-shadow: 0 1px 10px 1px;
box-shadow: 0 1px 10px 1px;
 background-color:#FFF;
 display:none
}
div.baner_all img {margin: 0 auto; width:601px;}
div.baner_all img.zamykacz {float:right; top:-16px; right:-16px; z-index:990000; position:absolute; cursor:pointer; width:32px}

table.tabela {width:100%;}
table.tabela td {vertical-align:top}
span.buton {font-size:19px; display:table; z-index:10;  background-color:#f4e490; text-align:center; padding:12px 10px; cursor:pointer}


footer {
color: #555;
font-size:12px;
margin-top:2em;
text-align:center;
}

footer a {
color:#008FEA;
text-decoration:none;
}

/* O NAS */
div.onas {width:100%;}
div.onas_zdjecie {width: 48%; height:400px; float:left; background-position:cover; background-size:100%;  margin-bottom: 40px;}
div.onas_opis {width:47%; float:left; background-color:#D89232; color:#FFF; padding:25px 25px; min-height:350px; font-family: 'roboto'; font-weight: 300; font-size: 11px;  margin-bottom: 40px;}
p.nazwisko { font-size:22px; margin:0px;}
p.stanowisko {margin:0px; font-size: 9px}
p.opis {text-align:justify}
p.opis_kont {font-weight: normal}


div.kontakt_ch {background-color:#FFF;  padding:10px; border-radius:0px; position:absolute; left:10px; top:138px; font-size:14px; box-shadow:0px 0px 4px #AAA}
div.kontakt_ch p {color:#d99232; margin-bottom:5px}
div.kontakt_ch a {color:#444}
@media only screen and (min-width: 510px) {
 div.kontakt_ch { width:352px;}
}
@media only screen and (max-width: 500px) {
  div.kontatk_ch {width:340px;}
}