@charset "utf-8";
/* CSS Document */

* {margin: 0px; padding: 0px; outline: none;}
body {font: 11px Verdana,Arial,sans-serif; color: #102344;	background-color: #ebeff1; height: 100%; overflow-x: hidden; }
html {height: 100%;}
h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}
a {text-decoration: none !important; color: #3399fd}
a img {border: 0px;}
ul {list-style: none}
.clear { clear:both;}

@font-face {font-family: 'Aller';
			src:url('../fonts/Aller_Rg.eot?') format('eot'),
			url('../fonts/Aller_Rg.woff') format('woff'),
			url('../fonts/Aller_Rg.ttf') format('truetype'),
			url('../fonts/Aller_Rg.svg#Aller') format('svg');
			font-weight:normal;
			font-style:normal;}
			
@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

} 
			
#Caly { width: 100%; height: 100%; overflow: auto; overflow-x: hidden;}

#NaglowekWrap { width: 100%; height: 172px; display: block; float: left; position: relative; background-color: #102344; z-index: -1;}

.LewoTlo { width: 50%; height: 172px; display: block; float: left; position: absolute; top: 0px; left: 0px; background-color: #fff;}
			
#Kontener { width: 940px; min-width: 940px !important; min-height: 100%; height: auto; margin: -172px 0px -98px -470px; display: block; position: relative; float: left; left: 50%; z-index: 1;}

/* Naglowek */
#Naglowek { width: 940px; height: 172px; display: block; float: left; position: relative; background-color: #102344; z-index: 1;}
#Naglowek .Tlo { width: 372px; height: 172px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -82px; z-index: 300;}
#Naglowek #Logo span { width: 126px; height: 79px; display: block; position: absolute; float: left; background: url(../images/Grafika.png) 0px 0px; top: 27px; left: 0px; z-index: 500;}

/* Menu */
#Naglowek #Menu { width: 650px; height: 59px; display: block; float: left; position: absolute; top: 20px; left: 238px; z-index: 500; font:13px 'Aller'; text-transform: uppercase; font-weight:bold;}
#Naglowek #Menu a {color: #102344;}
#Naglowek #Menu #Home span { width: 122px; height: 59px; display: block; float: left; position: relative; background:url(../images/Grafika.png) -128px 0px;}
#Naglowek #Menu li { width: auto; height: 59px; display: block; float: left; position: relative; line-height: 59px; background: url(../images/MenuTlo.png) repeat-x; padding: 0px 25px 0px 0px;}
#Naglowek #Menu li span:hover > #mhv { width: 116px; height: 57px; display: block; float: left; position: absolute; background: url(../images/Grafika.png) 0px -256px; background-repeat: no-repeat; top: 0px; right: 50%; margin-right: -48px; z-index: 5;}
#akt { width: 116px; height: 57px; display: block; float: left; position: absolute; background: url(../images/Grafika.png) 0px -256px; background-repeat: no-repeat; top: 0px; right: 50%; margin-right: -48px; z-index: 5;}
#Naglowek #Menu .Koniec { width: 51px; height: 59px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -252px 0px;}

/* Facebook */
#Naglowek #Facebook span { width: 32px; height: 59px; display: block; float: right; position: absolute; background: url(../images/Grafika.png) -309px 0px; top: 17px; right: 20px; z-index: 3;}
#Naglowek #Facebook span:hover { background: url(../images/Grafika.png) -343px 0px;}

/* Chlebek */
#Naglowek .Tytul { width: 600px; height: 50px; display: block; float: left; position: absolute; top: 101px; left: 320px;}
#Naglowek .Strzalka { width: 16px; height: 50px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -119px -256px;}
#Naglowek .Opis { display: block; float: left; position: relative; height: 50px; font: 27px 'Aller'; color: #fff; font-weight:bold; margin: 7px 0px 0px 10px;}


/* Content */
#Cialo { width: 940px; height: auto; display: block; float: left; position: relative; margin: 0px 0px 98px 0px;}
#Cialo .Top { width: 940px; height: 32px; display: block; float: left; position: relative; margin: 0px 0px 23px 0px;}
#Cialo .Top .Tlo { width: 34px; height: 32px; display: block; float: left; position: absolute; top: 0px; left: 221px; background:url(../images/Grafika.png) -137px -256px;}

#Cialo .Tytul { width: 900px; height: 50px; display: block; float: left; position: relative;}
#Cialo .Strzalka { width: 16px; height: 50px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -175px -256px;}
#Cialo .Opis { display: block; float: left; position: relative; height: 50px; font: 27px 'Aller'; color: #3b64ab; font-weight:bold; margin: 7px 0px 0px 10px;}

/* Wolne terminy */
#Cialo #Terminy .Tabela { width: 933px; height: auto; display: block; float: left; position: relative; font: 12px Arial; }
#Cialo #Terminy .Naglowek { width: 933px; height: 38px; display: block; float: left; position: relative; background:url(../images/Grafika.png) 0px -315px;}
#Cialo #Terminy .Naglowek li { width: 114px; line-height: 35px; display: block; float: left; position: relative; text-align: center;}
#Cialo #Terminy .Wpisy { width: 931px; height: 38px; display: block; float: left; position: relative; border-bottom: 1px #c9c9ca dotted; border-left: 1px #c9c9ca dotted; border-right: 1px #c9c9ca dotted;}
#Cialo #Terminy .Wpisy li { width: 114px; line-height: 35px; display: block; float: left; position: relative; text-align: center; }
.Wolne { color: #42d800;}
.Wolne a { color: #42d800;}
.Zajete { color: #df0000;}

#Cialo .PrzyciskBox { width: 930px; height: auto; display: block; float: left; position: relative; margin: 20px 0px 20px 0px;}

/* Przycisk niebieski */
#Cialo .PrzyciskBlue span { width: auto; height: 31px; display: block; float: left; position: relative; font: 13px 'Aller'; font-weight: bold; color: #fff; line-height: 31px; background:url(../images/PrzyciskBlueTlo.png) repeat-x; margin: 0px 2px 0px 2px;}
#Cialo .PrzyciskBlue a { color: #fff;}
#Cialo .PrzyciskBlue a span:before { content:""; width: 20px; height: 31px; display: block; float: left; background:url(../images/Grafika.png) -384px 0px; margin-left: -2px;}
#Cialo .PrzyciskBlue a span:after { content:""; width: 20px; height: 31px; display: block; float: right; background:url(../images/Grafika.png) -515px 0px; margin-right: -2px;}

#Cialo .PrzyciskBlue span:hover { background: url(../images/PrzyciskBlueTloH.png) repeat-x;}
#Cialo .PrzyciskBlue a span:hover:before {background:url(../images/Grafika.png) -384px -32px;}
#Cialo .PrzyciskBlue a span:hover:after {background:url(../images/Grafika.png) -515px -32px;}

.Lewo { float: left !important;}
.Prawo { float: right !important;}

/* Przyczepy */

#Cialo #Przyczepy .RodzajBox { width: 940px; height: 38px; display: block; float: left; position: relative; margin: 10px 0px 20px 0px; font: 14px 'Aller'; font-weight:bold; text-transform:uppercase; line-height: 38px;}
#Cialo #Przyczepy .RodzajBox a { color: #c7c7c7;}
#Cialo .Rodzaj { width: 310px; height: 38px; display: block; float: left; position: relative; border-bottom: 1px #d2d2d2 dashed; margin: 0px 30px 0px 0px;}

.RodzajBox .current a { color: #102344 !important;}

/* Strzalki */
#Cialo .StrzalkaPrawo { width: 15px; height: 15px; display: block; float: right; position: relative; background:url(../images/Grafika.png) -194px -274px; margin: 11px 10px 0px 0px;}
#Cialo .StrzalkaLewo { width: 15px; height: 15px; display: block; float: right; position: relative; background:url(../images/Grafika.png) -215px -274px; margin: 11px 10px 0px 0px;}
#Cialo .StrzalkaDol { width: 15px; height: 15px; display: block; float: right; position: relative; background:url(../images/Grafika.png) -194px -256px; margin: 11px 10px 0px 0px;}



#Cialo .PrzyczepaBox { width: 940px; height: 173px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -355px; margin: 0px 0px 17px 0px;}
#Cialo .PrzyczepaBox .Foto { width: 213px; height: 140px; display: block; float: left; position: relative; margin: 16px 16px 0px 16px; }
#Cialo .PrzyczepaBox .FotoIn { overflow:hidden !important;}
#Cialo .PrzyczepaBox .OpisBox { width: 660px; height: 105px; display: block; float: left; position: relative; margin: 16px 0px 0px 10px; border-bottom: 1px #d2d2d2 dashed; font: 12px Arial; color: #a4a4a4;}
#Cialo .OpisBox .TytulBox { width: 660px; height: 18px; display: block; float: left; position: relative; font: 17px 'Aller'; text-transform: uppercase; color: #3b64ab; margin: 0px 0px 3px 0px;}
#Cialo .OpisBox .LewyBox { width: 210px; height: 76px; display: block; float: left; position: relative; margin: 0px 5px 0px 0px;}
#Cialo .OpisBox .LewyBox span { color: #df0000; fontFamily: 'Aller'; font-size: 15px; font-weight:bold; line-height: 24px;}
#Cialo .OpisBox .PrawyBox { width: 420px; height: 63px; display: block; float: left; position: relative; margin: 9px 5px 0px 0px; overflow:hidden;}
#Cialo .OpisBox .PrawyBox li { width: 210px; display: block; position: relative; float: left;}

#Cialo .PrzyczepaBox .DolnyBox { width: 400px; height: 26px; display: block; float: left; position: relative; margin: 5px 0px 0px 10px; font: 13px Arial; color: #102344;}
#Cialo .PrzyczepaBox .DolnyBox li { display: inline; line-height: 26px; margin: 0px 17px 0px 0px;}
#Cialo #Przyczepy .PrzyciskSzczegoly { width: 150px; height: 31px; display: block; float: right; position: relative; margin: 5px 24px 0px 0px;}

.Napis { float: left;}

/* Przycisk szary */
#Cialo .PrzyciskSzary span { width: auto; height: 31px; display: block; float: left; position: relative; font: 13px 'Aller'; font-weight: bold; color: #393d45; line-height: 31px; background:url(../images/PrzyciskSzaryTlo.png) repeat-x; margin: 0px 2px 0px 2px;}
#Cialo .PrzyciskSzary a { color: #393d45;}
#Cialo .PrzyciskSzary a span:before { content:""; width: 20px; height: 31px; display: block; float: left; background:url(../images/Grafika.png) -384px -66px; margin-left: -2px;}
#Cialo .PrzyciskSzary a span:after { content:""; width: 20px; height: 31px; display: block; float: right; background:url(../images/Grafika.png) -465px -66px; margin-right: -2px;}

#Cialo .PrzyciskSzary span:hover { background: url(../images/PrzyciskSzaryTloH.png) repeat-x;}
#Cialo .PrzyciskSzary a span:hover:before {background:url(../images/Grafika.png) -384px -99px;}
#Cialo .PrzyciskSzary a span:hover:after {background:url(../images/Grafika.png) -465px -99px;}


/* Przycisk szary maly */
#Cialo .PrzyciskMalyS span { width: auto; height: 31px; display: block; float: left; position: relative; font: 13px 'Aller'; font-weight: bold; color: #393d45; line-height: 31px; background:url(../images/PrzyciskSzaryTlo.png) repeat-x; margin: 0px 2px 0px 2px;}
#Cialo .PrzyciskMalyS a { color: #393d45;}
#Cialo .PrzyciskMalyS a span:before { content:""; width: 10px; height: 31px; display: block; float: left; background:url(../images/Grafika.png) -384px -66px; margin-left: -2px;}
#Cialo .PrzyciskMalyS a span:after { content:""; width: 10px; height: 31px; display: block; float: right; background:url(../images/Grafika.png) -475px -66px; margin-right: -2px;}

#Cialo .PrzyciskMalyS span:hover { background: url(../images/PrzyciskSzaryTloH.png) repeat-x;}
#Cialo .PrzyciskMalyS a span:hover:before {background:url(../images/Grafika.png) -384px -99px;}
#Cialo .PrzyciskMalyS a span:hover:after {background:url(../images/Grafika.png) -475px -99px;}



#Cialo .StrzalkaDark { width: 9px; height: 12px; display: block; float: left; position: relative; background:url(../images/Grafika.png) -197px -297px; margin: 10px 0px 0px 15px;}

/* Podzial stron */
#Cialo #PodzialBox { width: 940px; height: 30px; display: block; float: left; position: relative; margin: 20px 0px 20px 0px;}
#Cialo #PodzialBox li { display: inline;}
#Cialo #PodzialBox .Poprzedni span { width: 60px; height: 30px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -383px -134px;}
#Cialo #PodzialBox .Numer span { width: 30px; height: 30px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -445px -134px; text-align:center; color: #858585; line-height: 28px !important; font: 14px 'PTSansRegular';}
#Cialo #PodzialBox .Nastepny span { width: 60px; height: 30px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -383px -166px;}
#Cialo #PodzialBox .Aktywny span { color: #102344; font: 14px 'PTSansBold'; background: url(../images/Grafika.png) -445px -166px; }


/* Przyczepy profil */

#Cialo .TytulDuzy { width: 930px; height: 30px; display: block; float: left; position: relative; font: 27px 'Aller'; font-weight:bold; margin: 0px 0px 20px 10px; color: #3b64ab;}

#Cialo .SzczegolyBox { width: 940px; height: auto; display: block; float: left; position: relative; margin: 0px 0px 20px 0px; }
#Cialo .SzczegolyBox .PanelLewy { width: 453px; height: auto; display: block; float: left; position: relative;}
#Cialo .SzczegolyBox .PanelTop { width: 453px; height: 8px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -530px;}
#Cialo .SzczegolyBox .PanelSrodek { width: 453px; height: auto; display: block; float: left; position: relative; background: url(../images/PoziomTloPrzyczepy.png) repeat-y;}
#Cialo .SzczegolyBox .PanelDol { width: 453px; height: 10px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -540px; z-index: 10;}

#Cialo .SzczegolyBox .LewyOpis { width: 212px; height: auto; display: block; float: left; position: relative; font: 12px Arial; color: #a4a4a4;  margin: 14px 0px 14px 29px;}
#Cialo .SzczegolyBox .LewyOpis .Cena { font: 21px 'Aller'; color: #df0000; font-weight:bold; margin: 0px 0px 10px 0px; }
#Cialo .SzczegolyBox .LewyOpis .Dostepnosc { color: #102344; font: 13px Arial;}
#Cialo .SzczegolyBox .LewyOpis .Dane { margin: 17px 0px 0px 0px;}

#Cialo .SzczegolyBox .PrawyOpis { width: 189px; height: auto; display: block; float: left; position: relative; font: 12px Arial; color: #a4a4a4;  margin: 14px 0px 14px 0px;}
#Cialo .SzczegolyBox .PrawyOpis .Wyposazenie { color: #102344; font: 13px Arial; margin: 0px 0px 10px 0px; }

#Cialo .Rezerwacja { width: 438px; height: auto; display: block; float: left; position: relative; border: 2px #d6dbde dotted; border-top: none; color: #565656; font: 13px Arial; margin: -10px 0px 20px 0px;}
#Cialo .Rezerwacja .Tytul { width: 180px; height: 35px; display: block; float: left; position: relative; font: 27px 'Aller'; color: #3e6cba; margin: 16px 0px 0px 0px;}
#Cialo .Rezerwacja .Strzalka { margin: 10px 10px 0px 30px;}
#Cialo .Rezerwacja .FormularzBox { width: 180px; height: auto; display: block; float: left; position: relative; margin: 0px 0px 20px 56px;}
#Cialo .Rezerwacja .Nazwa { width: 180px; height: auto; display: block; float: left; position: relative; margin: 10px 0px 3px 0px; }
#Cialo .Rezerwacja .Formularz { width: 178px; height: 29px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -552px;}
#Cialo .Rezerwacja .FormularzNumer { width: 40px; height: 29px; display: block; float: left; position: relative; background: url(../images/Grafika.png) 0px -552px;}
#Cialo .Rezerwacja .FormularzInput { width: 170px; height: 20px; display: block; float: left; position: relative; margin: 5px 0px 0px 4px; font: 13px Arial; border: none; color: #565656;}
#Cialo .Rezerwacja .FormularzInputNumer { width: 30px; height: 20px; display: block; float: left; position: relative; margin: 5px 0px 0px 4px; font: 13px Arial; border: none; color: #565656;}
#Cialo .Rezerwacja .PrzyciskBox { width: 180px; height: auto; position: relative; display: block; float: left;}
#Cialo .Rezerwacja .PrzyciskRezerwacji { width: 151px; height: 31px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -384px -199px; border: none !important; cursor: pointer;}
#Cialo .Rezerwacja .PrzyciskRezerwacji:hover {background: url(../images/Grafika.png) -384px -234px}


#Cialo .SzczegolyBox .PanelPrawy { width: 482px; height: auto; display: block; float: left; position: relative;}
#Cialo .SzczegolyBox .PanelPrawy .FotoBig { width: 482px; height: 317px; display: block; float: left; position: relative; overflow: hidden;}
#Cialo .SzczegolyBox .PanelPrawy .Galeria { width: 427px; height: 61px; display: block; float: left; position: relative; margin: 14px 0px 14px 28px;}
#Cialo .SzczegolyBox .PanelPrawy .Galeria li { display: inline; margin: 0px 5px 0px 5px;}
.Galeria ul {height: 61px; overflow: hidden;}
#Cialo .Galeria li .StrzalkaLewo { margin: 22px 0px 0px 10px; cursor: pointer; float: left !important;}
#Cialo .Galeria li .StrzalkaPrawo { margin: 22px 10px 0px 0px; cursor: pointer; float: right !important;}


#Cialo .Przeslona { width: 501px; height: 702px; display: block; float: left; position: absolute; top: 0px; left: -242px; background: url(../images/Grafika.png) -958px 0px; z-index: 100;}
#Cialo .Przeslona2 { width: 486px; height: 1393px; display: block; float: left; position: absolute; top: 0px; left: -728px; background: url(../images/Grafika.png) -1464px 0px; z-index: 100;}

/* Lokalizacja minimapka */
#Cialo .MiniMapka { width: 206px; height: 231px; display: block; float: left; position: absolute; top: -22px; left: 0px; background: url(../images/Grafika.png) -552px 0px; z-index: 500;}
#Cialo .MapkaPrzycisk { z-index: 600; position: absolute !important; top: 90px; left: 0px;}

/* Kontakt */
#Cialo .KontaktLewyBox { width: 300px; height: auto; display: block; float: left; position: relative; margin: 0px 0px 0px 160px; }
#Cialo .KontaktLewyBox .Dane { width: 220px; height: auto; display: block; float: right; position: relative;}
#Cialo .KontaktLewyBox .Dane li { width: 220px;}
#Cialo .KontaktLewyBox .Tytul { font: 17px 'Aller'; color: #3b64ab; float: left; position: relative; display: block; margin: 60px 0px 20px 0px;}
#Cialo .KontaktLewyBox .Adres { font: 13px Arial; color: #102344; float: left; position: relative; display: block;}
#Cialo .KontaktLewyBox .Zadzwon { font: 20px 'Aller'; color: #5c85cc; float: left; position: relative; display: block; font-weight:bold; margin: 29px 0px 0px 0px;}
#Cialo .KontaktLewyBox .Numer { font: 35px 'Aller'; color: #102344; float: left; position: relative; display: block; font-weight:bold;}

#Cialo .KontaktLewyBox .Sluchawka { width: 53px; height: 40px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -241px -263px; margin: 205px 0px 0px 15px;}

#Cialo .KontaktPrawyBox { width: 380px; height: auto; display: block; float: right; position: relative; margin: 10px 0px 0px 0px;}
#Cialo .KontaktPrawyBox .Rezerwacja { width: 380px;}

/* GoogleMapa */
#Cialo #GoogleMapa { width: 200%; height: 475px; display: block; float: left; position: absolute; top: 0px; left: -50%; z-index: 5;}
.nazwaf { font: 16px 'Aller'; color: #3b64ab; float: left; position: relative;}
.adresf { font: 13px Arial; color: #102344; float: left; position: relative; width: 200px; }

/* Glowna */

#Cialo .TloGlowna { width: 375px; height: 375px;}

#NaglowekWrapGlowna { width: 100%; height: 375px; display: block; float: left; position: relative; background-color: #102344; z-index: -1;}
#KontenerGlowna { width: 940px; min-width: 940px !important; min-height: 100%; height: auto; margin: -375px 0px -98px -470px; display: block; position: relative; float: left; left: 50%; z-index: 1;}

#Cialo .GlownaPrzyczepa { width: 790px; height: 582px; display: block; float: left; position: absolute; top: -120px; left: -50px; background: url(../images/Grafika.png) 0px -638px; z-index: -1;}
#Naglowek .PrzyczepaTop { width: 498px; height: 113px; display: block; float: left; position: absolute; top: 59px; left: 241px; background: url(../images/Grafika.png) -291px -645px; z-index: 1;}
#Cialo #Glowna .PanelLewy { width: 320px; height: auto; display: block; float: right; position: absolute; top: -70px; right: 0px; z-index: 700;}

#Cialo #Glowna .Buttony { width: 320px; height: auto; display: block; float: left; position: relative;}
#Cialo #Glowna .Buttony li { width: 320px; height: 68px; display: block; float: left; position: relative; background: url(../images/Grafika.png) -191px -559px; margin: 0px 0px 23px 0px;}
#Cialo #Glowna .Buttony .PierLinia { width: 200px; height: auto; display: block; float: left; position: relative; font: 20px 'Aller'; color: #0f2140; font-weight:bold; margin: 10px 0px 0px 20px !important; text-transform: uppercase;}
#Cialo #Glowna .Buttony .DruLinia { width: 200px; height: auto; display: block; float: left; position: relative; font: 15px 'Aller'; color: #2654a3; font-weight:bold; margin: 0px 0px 0px 20px !important;}

#Cialo #Glowna .Telefon { width: 320px; height: 92px; display: block; float: left; position: relative; margin: 0px 0px 0px 0px; }
#Cialo #Glowna .Telefon .Lewy { width: 52px; height: auto; display: block; float: left; position: relative;}
#Cialo #Glowna .Telefon .Lewy .Sluchawka { width: 52px; height: 40px; display: block; float: left; position: relative; margin: 23px 0px 0px 0px; background: url(../images/Grafika.png) -306px -263px;}
#Cialo #Glowna .Telefon .Prawy { width: 248px; height: auto; display: block; float: left; position: relative; margin: 10px 0px 0px 20px;}
#Cialo #Glowna .Telefon .Prawy li { width: 248px; float: left; position: relative;}
#Cialo #Glowna .Telefon .Prawy .Zadzwon { font: 20px 'Aller'; color: #5c85cc; font-weight: bold;}
#Cialo #Glowna .Telefon .Prawy .Numer { font: 35px 'Aller'; color: #fff; font-weight: bold;}

#Cialo #Glowna .Wynajmowane { width: 320px; height: auto; display: block; float: left; position: relative; margin: 10px 0px 10px 0px; }
#Cialo #Glowna .WynTyp { width: 320px; height: 38px; display: block; float: left; position: relative; border-bottom: 1px #d2d2d2 dashed; margin: 0px 30px 0px 0px; color: #102344; font: 14px 'Aller'; font-weight:bold; line-height: 38px; text-transform: uppercase;}

#Cialo #Wyn {width: 320px; height: auto; display: block; float: left; position: relative; margin: 0px 0px 0px 0px;}
#Cialo #Wyn .Panel { width: 310px; height: 173px; display: block; float: left; position: relative; background:url(../images/Grafika.png) -958px -740px; margin: 10px 0px 5px 0px;}
#Cialo #Wyn .Fotogl { width: 114px; height: 75px; display: block; float: left; position: relative; margin: 16px 0px 0px 14px; overflow: hidden;}

#Cialo #Wyn .Opis { width: 156px; height: 71px; display: block; float: left; position: relative; margin: 18px 0px 0px 12px; }
#Cialo #Wyn .Opis li { width: 156px; height: auto; display: block; position: relative; float: left;}
#Cialo #Wyn .Tytul { font: 17px 'Aller'; color: #3b64ab; font-weight:bold; text-transform:uppercase;}
#Cialo #Wyn .Cena { font: 15px 'Aller'; color: #df0000; font-weight:bold;}
#Cialo #Wyn .Liczba { font: 12px Arial; color: #a4a4a4;}
#Cialo #Wyn .BoxDolny { width: 150px; height: 20px; display: block; float: left; position: relative; font: 12px Arial; color: #102344; margin: 45px 0px 0px 12px;}
#Cialo #Wyn .BoxPrzycisk { width: 110px; height: 31px; display: block; float: right; position: relative; margin: 38px 10px 0px 0px; }
#Cialo #Wyn .PrzyciskMalyS { float: right !important;}
#Cialo #Wyn .Wszystkie { width: 310px; height: 20px; display: block; float: left; position: relative; color: #df0000; font: 14px 'Aller'; text-transform: uppercase; text-align:right; font-weight: bold; margin: 10px 0px 10px 0px; z-index: 500;}
#Cialo #Wyn .Wszystkie a { color: #df0000;}

#Cialo #Slogan { width: 610px; height: 112px; display: block; float: left; position: absolute; top: 490px; left: -40px; z-index: 500;}
#Cialo #Slogan .Tekst27 { float: left; position: relative; font: 27px 'Aller'; font-weight:bold; color: #3e6cba;}
#Cialo #Slogan .Tekst44 { float: left; position: relative; font: 44px 'Aller'; font-weight:bold; color: #102344;}


#Sec { width: 500px; height: 300px; display: block; float: left; position: relative;}

/* Stopka */
#StopkaWrap { width: 100%; height: 180px; display: block; float: left; position: relative; background-color: #dfe5e8;}
#Stopka { width: 940px; height: 98px; display: block; float: left; position: relative; margin-left: -470px; left: 50%; z-index: 10; font: 14px Arial;}
#Stopka #Symbioza { width: auto; height: auto; display: block; float: left; position: relative; color: #8a9195; margin: 3px 300px 15px 0px;}
#Stopka #Copyrights { width: auto; height: auto; display: block; float: left; position: relative; color: #8a9195; margin: 10px 300px 0px 0px;}
#Stopka #Symbioza a {color: #8a9195;}
#Stopka #Menu { width: 940px; height: auto; display: block; float: left; position: relative;}
#Stopka #Menu a { color: #3e6cba;}
#Stopka #Menu li { display: inline; margin: 0px 24px 0px 0px;}
#Stopka #Menu li a:hover {color: #8a9195;}

/* galeria */
.ad-gallery, .ad-gallery * {margin: 0; padding: 0;}
.ad-gallery .ad-image-wrapper {width: 100%; height: 317px; margin-bottom: 10px; margin-top: -2px; position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; background: url(../images/loader.gif) no-repeat;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0; top: 0; width: 25%;height: 100%; cursor: pointer; display: block;z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { background: url(../images/trans.gif);}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_prev.png); width: 30px; height: 30px;  display: none; position: absolute; top: 47%; left: 0; z-index: 151;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a img {border: 0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding: 0px;text-align: left; width: 100%;z-index: 2; background: url(../images/opa75.png); color: #000; display: none;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png'); display: none;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px;}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {float: right;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px; cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 0px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default;font-style: italic;}
.ad-gallery .ad-nav {width: 100%; position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10;}
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {  height: 100px; }
.ad-gallery .ad-back {width: 15px; height: 15px; display: block; float: right; position: absolute; background:url(../images/Grafika.png) -215px -274px; margin: 21px 10px 0px 0px; top: 0px; left: -20px; cursor: pointer;}
.ad-gallery .ad-forward {width: 15px; height: 15px; display: block; float: right; position: absolute; background:url(../images/Grafika.png) -194px -274px; margin: 21px 10px 0px 0px; top: 0px; right: -30px; cursor: pointer;}
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left; padding-right: 5px;}
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: none; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img {border: none;}
.ad-preloads {position: absolute;left: -9000px; top: -9000px; width: 1px !important; height: 1px !important; display: none !important;}

.LV_invalid {color: red; font-size: 10px; width: 250px; display: block; position: absolute; left: 0px; top: 30px;}
#KomunikatLayer {background-color: #f1f1f1; position: fixed; z-index: 1000; background: url(../images/xyalpha.png) repeat;}
#KomunikatBox {border: 4px solid #2d62be; width: 350px; padding: 10px; text-align: center; font-size: 14px; background-color:  #ffffff; margin: 0px auto; margin-top: 15%;} 
#KomunikatBox p {margin-bottom: 10px;}
#KomunikatBox #Close {padding: 4px; display: block; background-color:  #2d62be; color: #ffffff; width: 50px; font-size: 10px; margin: 0px auto; cursor: pointer;}


.facebook_button a {
	display: block;
	height: 53px;
	width: 58px;
	background: url(../images/facebook.jpg) left center no-repeat;
	position: relative;
	top: 110px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5);
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.facebook_button a:hover {
	width: 310px;
}

.RodoAkceptacja {width: 100%; float: left  ; width: 300px ; padding-top: 30px; line-height: 20px ; position: relative}
.RodoAkceptacja input {margin-right: 10px; margin-bottom: 10px ; }

.RodoAkceptacja .LV_invalid {top: 330px !important ; }

#NaszaLokalizacja .PolitykaPrywatnosci  {font: 13px Arial; color: #565656; line-height: 30px;}
.rodo-footer { float: left ; color: #8a9195; padding: 20px 0; line-height: 25px !important;}