@font-face {
    font-family: 'rexlia';
    src: url('font/rexlia_free-webfont.eot');
    src: url('font/rexlia_free-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/rexlia_free-webfont.woff') format('woff'),
         url('font/rexlia_free-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html, body { min-height: 100%; }
body { color: #FFF; background: #333 url(img/bg.png) repeat-x; background-position: bottom left; font: 12px Verdana, sans-serif; margin: 0; padding: 0; }
a img { border: 0; }
h1, h2, h2 { color: #FFF; text-transform: uppercase; font-family: rexlia, Verdana, sans-serif;  text-shadow: -1px 0 rgba(7, 181, 204, 0.5), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(7, 181, 204, 0.5), -1px -2px rgba(0, 0, 0, 0.3); }
.clear { clear: both; }

#header { max-width: 1000px; margin: 5px auto; }

#lang_switch { float: right; }
#lang_switch a { float: left; width: 62px; height: 42px; margin: 17px 10px 5px 5px; background: url(img/language.png) -13px -14px; color: transparent; text-indent: -9999px; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; }
#lang_switch a.pl { background-position: -84px -14px; }
#lang_switch a:hover, #lang_switch a.active { background-position: -13px -55px; }
#lang_switch a.pl:hover, #lang_switch a.pl.active { background-position: -84px -55px; }

#slideshow { width: 980px; height: 290px; padding: 1px; margin: 10px auto 0 auto; background: url(img/slideshow.png); position: relative; }
#slides_container { width: 880px; overflow: hidden; margin: 0 0 0 50px; }
#slides { width: 20000px; position: relative; }
#slides img { display: block; float: left; }
#slideshow_shadow { background: url(img/slideshow-shadow.png) no-repeat center center; height: 52px; min-width: 1000px; }
#slideshow .prev, #slideshow .next { background: url(img/slideshow.png) 0 -292px; width: 51px; height: 292px; position: absolute; top: 0; left: 0; opacity: 0.01; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; }
#slideshow .next { left: auto; right: 0; background-position: -931px -292px; }
#slideshow .prev:hover, #slideshow .next:hover { opacity: 1.0; }

#menu { height: 51px; min-width: 1000px; background: url(img/menu.png) no-repeat center center; }
#menu ul { width: 582px; margin: auto; }
#menu li { list-style: none; float: left; }
#menu a { display: block; width: 141px; color: #006f9e; text-transform: uppercase; text-decoration: none; font: 16px/51px rexlia, Verdana, sans-serif; text-align: center; background: url(img/menu_el.png); transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; margin-left: -2px; text-shadow: -1px 0 rgba(15, 15, 15, 0.5), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.5), -1px -2px rgba(0, 0, 0, 0.3); }
#menu a.twoline { line-height: 20px; padding:5px 0 6px 0; }
#menu a:hover, #menu a.active { background-position: 0 -50px; color: #FFF; }

#container { width: 980px;  border: 1px solid #FFF; margin: 52px auto; background: #898989; }
#container.col2 { min-height: 460px; background: #898989 url(img/content-bg.png) no-repeat; overflow: auto; }
.col2 h1.main, .col2 h1.main { margin: 0 0 30px 0; text-align: center; }
.col2 p {
  font-size: 1.2em; /* Albo 16px, jeśli chcesz konkretny rozmiar */
}

#content { padding: 40px; }
.col2 #content { width: 630px; padding-top: 20px; float: left; }
#content p { color: #F0F0F0; line-height: 1.4em; }

.col2 #right { float: right; width: 225px; padding: 20px 20px 40px 20px; overflow: hidden; text-align: center; }
 .col2 #content ul { margin: 20px; padding: 0; list-style-image: url(img/lista.png); font-size: 13px; font-weight: normal; color: #fff; }
 .col2 #content ul li { margin: 0 0 10px 15px; padding: 0; }
 .col2 #right a { font-size: 10px; font-weight: normal; color: #fff; }
 .col2 #right a:hover { text-decoration: underline; font-size: 10px; font-weight: normal; color: #6e6e6e; }
.pdf { background: url(img/pdf_icon.png) no-repeat center; padding-top: 60px; margin-bottom: -20px; display: block;}
.pdf2 { background: url(img/pdf_icon.png) no-repeat center; padding-top: 75px; margin-bottom: -33px; display: block;}
.pdf3 { background: url(img/katalog2012.jpg) no-repeat center; padding-top: 480px; margin-bottom: -20px; display: block;}



#content a { font-size: 14px; font-weight: normal; color: #fff; text-align: center; }
#content a:hover { text-decoration: underline; font-size: 14px; font-weight: normal; color: #6e6e6e; }
 
.galeria { text-align: center; }
.galeria ul { padding: 0; overflow: auto; }
.galeria li { list-style: none; }
.galeria a img { float: left; margin: 3px; border: 1px solid #666; box-shadow: 0 1px 3px #666; }

.kontakt, .kontakt #content { position: relative; }
/* #container.kontakt { min-height: 790px; } */
.kontakt #content p { font-size: 18px; line-height: 25px; padding-left: 26px; }
.kontakt #content a { font-size: 18px; }
.home_icon { width: 23px; height: 23px; float: left; background: url(img/icons.png) 0 -31px; margin: 1px 1px 1px -26px; }
.phone_icon { width: 23px; height: 23px; float: left; background: url(img/icons.png); margin: 1px 1px 1px -26px; }

label { width: 100px; float: left; text-align: right; margin: 4px; clear: both; }
button { width: 100%; background: #666; box-shadow: 0 1px 2px #000; -moz-box-shadow: 0 1px 2px #000; -webkit-box-shadow: 0 1px 2px #000; border: 1px solid #999; color: #FFF; text-shadow: 0 1px 2px #000; padding: 3px; margin: 3px 0; }
input.text, textarea { float: rigth; margin: 4px 0; background: #AAA; box-shadow: inset 1px 1px 5px #999; -moz-box-shadow: inset 1px 1px 5px #999; -webkit-box-shadow: inset 1px 1px 5px #999; border: 1px solid #666; padding: 2px; color: #EEE; }
textarea { width: 100%; }
input.text:focus, textarea:focus { border-color: #665; }
#filter_form input.text { width: 54px; }
.form_kontakt input.text { width: 150px; }
.form_kontakt .error { color: #fff; margin: -8px 0 0 0;}
.form_kontakt .info { color: #fff; margin: -8px 0 0 0;}
.form_kontakt label { width: 110px; font-size: 11px; padding: 2px 0;}
.form_kontakt textarea { width: 268px; }
.form_kontakt button { width: 274px; }
.form_kontakt h2 { margin-top: 0; text-align: center; }
.form_kontakt { width: 275px; background: rgba(137,137,137,0.7); padding: 0 10px 10px 10px; position: absolute; right: 30px;}

#mapa { background: #DDD; height: 500px; box-shadow:0 1px 5px #666; -moz-box-shadow:0 1px 5px #666; -webkit-box-shadow:0 1px 5px #666; position: absolute; top: 250px; left: 20px; right: 285px; z-index: 0; }

#fb { position: fixed; top: 10px; left: -312px; background: #3B5997; width:292px; padding: 10px; }
#fb iframe { background: #FFF; width:200px; height:300px; }
#fb a { background: url(img/fb-slider.png); display: block; height: 112px; text-indent: -9999px; width: 27px; position: absolute; right: -27px; top: 0px; color: transparent; }

#footer {
    background-color: #333;
    text-align: center;
    padding: 20px 0;
    margin-top: 40px;
    position: relative;
    bottom: 0;
    width: 100%;
}

.footer-link {
    color: #FFF;
    text-transform: uppercase;
    margin: 0 15px;
    text-decoration: none;
    font-family: rexlia, Verdana, sans-serif;
    transition: all 0.25s;
	font-size: 1.2em;
}

.footer-link:hover {
    color: #07b5cc;
}
#cookie-notice {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.9);
    color: white;
    text-align: center;
    padding: 15px;
    z-index: 1000;
}
#cookie-notice button {
    background: #4b6a77;
    color: white;
    border: none;
    padding: 10px 20px;
    margin-left: 10px;
    cursor: pointer;
}
#cookie-notice button:hover {
    background: #486977;
}