/*------------------------------------- OGOLNE -------------------------------*/
html {height:100%;}
body {height:100%; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#1c1f2a; font-size:12px; background:#eceff8;}
img {margin:0; padding:0; display:block; border:none;}
h1 {margin:0; padding:0; color:#15448a; font-size:18px; xmargin-bottom:5px;}
h2 {margin:0; padding:0; color:#15448a; font-size:14px; margin-bottom:5px;}
p {margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none;}
ul li {background:url(../gfx/ik-lista.gif) 0 4px no-repeat; padding-left:8px;}
a {color:#ff9600; text-decoration:none;}
a:hover {color:#ff7200}
form {margin:0; padding:0}
fieldset {margin:0; padding:0; border:0;}

/*------------------------------------- WARSTWY -------------------------------*/
.container {width:960px; margin:0 auto; position:relative}
#header {background:url(../gfx/bg-header.gif) 0 57px no-repeat; height:117px;}
.logo {float:left;}
.logo img {display:inline;}
#menu {float:right; padding-top:47px;}
#foto {background:url(../gfx/bg-foto.jpg) 0 0 no-repeat; height:229px; position:relative; margin-bottom:11px;}
.slideshow {position:absolute; right:0; bottom:18px;}
.newsletter {background:url(../gfx/bg-newsletter.gif) 0 0 no-repeat; width:310px; height:53px; float:left; margin:0 20px 20px 0; padding-top:170px; text-align:center}
.nauczsie {background:url(../gfx/bg-naucz-sie.gif) 0 0 no-repeat; width:300px; height:53px; float:left; padding-top:170px; text-align:center}
.artColumn {width:640px; margin-right:20px; float:left;}
.wideColumn {width:960px;}
.art {background:#fff; padding:8px 10px; overflow:hidden}
.wiecej {font-weight:bold; font-style:italic; background:url(../gfx/ik-wiecej.gif) right 0 no-repeat; text-align:right; padding-right:20px; margin-top:3px;}
.wiecej_left {font-weight:bold; font-style:italic; background:url(../gfx/ik-wiecej_left.gif) left 0 no-repeat; text-align:right; padding-left:20px; margin-top:3px;}
#footer {padding:10px 0; color:#a4adba; font-size:11px; clear:both; overflow:hidden}
#rightColumn {width:300px; float:left;}
.galeria {background:#fff; padding:8px 10px; overflow:hidden; position:relative}
.opinie {background:#fff; padding:8px 10px; font-style:italic; overflow:hidden}
.btnprev {position:absolute; top:50%; margin-left:10px;}
.btnnext {position:absolute; top:50%; right:0; padding-right:20px;}
.sciezka {font-size:11px; margin-bottom:10px; color:#a4adba;}
.dGal {margin:10px 26px 0px 0; float:left;}
.dGal .podpismini {width:135px; margin-top:5px; text-align:center; font-size:11px; color:#7a7977;}
.polaroid img {display:inline; border:1px solid #144186; margin-top:1px;}
.polaroid {width:135px; text-align:center; display:table; height:135px; *position:relative; background:#ECEFF8;}
.Plast {margin-right:0;}
.cell {display:table-cell; vertical-align: middle; *position: absolute; *top: 50%; *left:50%;}
.IEhack {position: relative; top:-50%; *left:-50%;}
.kreska {border-top:1px solid #ECEFF8; font-size:0; height:1px;}
.blad {margin: 0 0 18px; padding: 7px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#fff; text-align:center; font-weight:bold; background:#BB1A1A;}
.ramka {border:1px dashed #406DB1; overflow:hidden; padding:10px;}

/*------------------------------------- UL, LI -------------------------------*/
#menu ul li {display:inline; padding:0; background:none;}
#menu a {display:block; height:34px; float:left; margin-right:35px;}
#menu a.m01 {background:url(../gfx/m01.gif) 0 0 no-repeat; width:97px;}
#menu a.m02 {background:url(../gfx/m02.gif) 0 0 no-repeat; width:53px;}
#menu a.m03 {background:url(../gfx/m03.gif) 0 0 no-repeat; width:38px;}
#menu a.m04 {background:url(../gfx/m04.gif) 0 0 no-repeat; width:93px;}
#menu a:hover {background-position:0 -34px;}
#footer ul {float:left;}
#footer ul li {display:inline; padding:0; background:none;}

/*------------------------------------- FORMUALRZE -------------------------------*/
.fnews .text {background:url(../gfx/bg-input.gif) 0 0 no-repeat; width:230px; height:25px; margin:0; padding:7px 0 0 2px; border:none; vertical-align:middle; color:#a4b1ce;}
.fnews .submit {vertical-align:middle; margin-left:5px;}
.fzgl {margin-top:20px;}
.fzgl label {display:block; width:140px; float:left; font-weight:bold}
.fzgl .text {border:1px solid #a8c7f5; padding:2px 0; margin:0; width:200px; font:12px Arial, Helvetica, sans-serif}
.fzgl .short {width:50px;}
.fzgl textarea {border:1px solid #a8c7f5; padding:2px 0; margin:0; width:300px; font:12px Arial, Helvetica, sans-serif; height:100px; overflow:auto}
.fzgl .text:focus, .fzgl textarea:focus {background:#ECEFF8;}
.fzgl div {clear:both; margin-bottom:8px;}
.fmap {background:#FFAE00; width:auto; padding:4px 0 4px 0; vertical-align:middle; margin:20px 0 1px 0;}
.fmap label {vertical-align:middle; color:#fff; font-weight:bold; font-size:12px; padding:0 5px;}
.fmap input.text {width:302px; vertical-align:middle; border:1px solid #fff; font-size:12px; font-family:Arial; padding:5px 0; margin-right:2px;}
.fkont {margin-top:20px; float:right}
.fkont label {display:block; float:left; width:100px; font-weight:bold}
.fkont .text {border:1px solid #a8c7f5; width:246px; font:11px Arial, Helvetica, sans-serif}
.fkont textarea {border:1px solid #a8c7f5; width:246px; height:100px; font:11px Arial, Helvetica, sans-serif; overflow:auto}
.fkont div {margin-bottom:5px;}
.fkont .text:focus, .fkont textarea:focus {background:#ECEFF8;}
.fmaly {margin-bottom:20px;}
.fmaly .text {border:1px solid #a8c7f5; width:246px; font:14px Arial, Helvetica, sans-serif; display:block; padding:3px 4px; margin-bottom:10px; color:#154389;}
.fmaly .submit {margin-top:15px;}
.fmaly .check {width:13px; height:13px; overflow:hidden; padding:0; margin:0; xfloat:left; xmargin-right:4px;}

/* ------------------------------------- ODNOSNIKI  ---------------- */
h2 a, .sciezka a:hover, #footer a:hover {color:#15448a;}
#footer a, .sciezka a {color:#a4adba;}

/* ------------------------------- MARGINESY, ODSTEPY  ---------------- */
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.bor1 {border:1px solid #144186;}

/* ------------------------------- SZEROKOSCI  ---------------- */
.w350 {width:350px;}

/* ------------------------------------- CZCIONKI  ---------------- */
.bold {font-weight:bold;}
.f0 {font-size:1px; height:1px;}
.data {color:#a4adba; font-size:11px}
.f16 {font-size:16px;}
.gratis {font-weight:bold; text-decoration:underline;}

/* ------------------------------------- POZYCJE  ---------------- */
.clearfix:after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr {clear:both;}
.flol {float:left;}
.flop {float:right;}
.prawa {text-align:right!important;}
.lewa {text-align:left!important;}
.srodek {text-align:center;	margin:0 auto;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom!important;}
.din {display:inline;}

/* ------------------------------------- toplayer  ---------------- */
.toplayer{z-index:1000;left:179px; top:10%; position: absolute;}
.toplayerimg{width:602px;height:475px;cursor:pointer;}
.toplayerx{width:62px;height:20px;background-color:#c0ffee;z-index:1010;cursor:pointer; background:url(../gfx/btn-close.gif) 0 0 no-repeat; position:absolute; top:0; right:20px!important; margin-top:8px;}