/* CSS Document */
body {
	background: url(../img/bg.jpg) 0 0 repeat #D1D2D4;
	text-align:center; color: #515151; line-height: 1.3em; font-size: 0.8em/*11px*/;
	margin: 0;padding: 0;
	font-family:  Tahoma, Verdana, Arial,Helvetica, sans-serif;	
	/*behavior: url(../htc/csshover.htc);*/
}
#glownetlo {background: url(../img/bg_nakladka.jpg) 0 0 repeat-x; }

img {
	border: none;
	}
a {color: #074998; text-decoration:none;}
a:visited {color: #074998;}
a.pdf {background:url(../img/ico_pdf.gif) 0 3px no-repeat; font-size:1.1em; font-weight:bold; padding: 0 0 8px 25px; display:block; margin: 0;}
h1, h2, h3 {margin: 0; padding:0;color:#074998; line-height: normal;  /*text-transform: uppercase;*/}
h1 {font-size: 120%;font-weight:bold;}
h2 {font-size: 110%;font-weight:normal; }
h2.in {font-weight:bold; font-size: 1.2em; margin: 10px 0 0; padding: 5px 0 0; border-top: 1px dotted #D1D1D1; text-transform:uppercase;}
h3 {font-size: 100%;font-weight:normal;}
h4 {font-size:100%;  color: #F30; font-weight:bold; /*text-transform:uppercase;*/ margin: 0 0 10px;}
h5 {color: #F30; padding: 5px 0; font-size: 100%; margin:0; font-weight:normal;}
.btn {border:none; background: none; color: #9B7B66; font-weight:bold; text-transform: uppercase; font-size: 95%; cursor:pointer;}

.odz {color: #7A543D;}
.kolor {color: #074695;}
.kolorN, a.kolorN {color: #135DA5;}

/*li { list-style:none; background: url(../img/ico_lista.jpg) 0 5px no-repeat;  padding: 0 0 0 15px;  border: none;}*/
/******************* 2 wersja paska ***********************/
.pasek {margin: 0.5em 0; color: #CCC; padding: 1px 5px;}
.pasek a {text-decoration: none; padding: 2px 0.5em; background: #135DA5; color: #FFF; margin: 0 2px; }
.pasek a:hover {text-decoration: underline;}
.pasek a:visited {color: #FFF;}
.pasek a#currentpasek {color: #FFF; background: #90CD21;}
/**********************************************************/

#ladowanie0, #ladowanie1 { top: 0; position: relative;}
#ladowanie0 {display:none;} 
#glowne{margin: 0 auto; padding: 0; border: none; width:970px; position:relative; text-align:left; top:0; }

#naglowek {display:block; margin: 0 ; padding: 0;height: 88px;  position:relative; text-align:right; border-top: 1px solid #FFF; z-index:10;}
#naglowek #alogo {position: absolute; top:10px; right:10px; }

.zawartoscHome, #zawartosc {background:url(../img/tlo-srodek-home.jpg) 0 0 no-repeat #888; width: 970px; height: 545px;  position:relative; text-align: right;overflow:hidden; }
.zawartoscHome #dane {width: 472px; margin: 20px 15px 10px; height: 474px; position:relative; font-size: 90%; float:right;z-index: 10;}

#godziny-otwarcia {position: absolute; top: 3px; right: 3px; color: #EFEFEF; font-size: 85%;}
.zawartoscHome #dane #godziny-otwarcia {font-size: 95%;}
#godziny-otwarcia h2 {color: #FFF; text-transform:uppercase; font-size: 110%; margin: 0 0 0.5em; font-weight:bold;}
.zawartoscHome #dane #promocje-home {position:absolute; left: 0; top: 30px;}
.zawartoscHome #dane #znajdz-sklep {position:absolute; right: 0; top: 90px; width: 216px; color: #EFEFEF; text-align:left; }
.zawartoscHome #dane #znajdz-sklep p {margin: 1em 0 0;}
.zawartoscHome #dane #znajdz-sklep h2 {color: #EFEFEF; text-transform:uppercase; font-size: 110%; margin: 0 0 0.5em; font-weight:bold;}
.zawartoscHome #dane #znajdz-sklep select {width: 216px; border: 1px solid #999; background: #FFF; color: #999;font-size: 90%; }
.zawartoscHome #dane #znajdz-sklep input {float:right; padding: 0 0.6em; border: 1px solid #999; background: #FFF; color: #999; font-size: 90%; margin-top: 10px; cursor:pointer;}




.zawartoscHome #logotypy {width: 970px; height:40px; background:#FFF; position:absolute; bottom:8px; margin:0; padding:5px 0; left:0; z-index: 30;}

#przedplacona-karta {position: absolute; bottom: 70px; left: 0; z-index: 20;}
#newsletter-facebook {position: absolute; right: 14px; bottom: 70px; z-index: 20; width: 472px;height: 59px;}
#newsletter-facebook #newsletter-home {height: 59px;position: absolute; left:0; width: 299px;  margin: 0 14px 0 0; background:url(../img_in/SG/newsletter.jpg) 0 0 no-repeat;}
#newsletter-facebook #newsletter-home form {/*position:absolute; left: 10px; top: 30px;*/}
#newsletter-facebook #newsletter-home #email { width: 180px; border: 1px solid #666; background: #FFF; color: #666; position: absolute; bottom: 10px; left: 12px;}
#newsletter-facebook #newsletter-home  #wyslij { position: absolute; right:7px; bottom: 7px;}
#newsletter-facebook #facebook {position: absolute; right:0; top:0;}
#baner-home {position:absolute; top: 89px; left:0; z-index:0;}
/*#baner-home {position:absolute; top: 89px; left:-9px; z-index:2;}*/

/********************************** ustawienie podstron **********************************/
#zawartosc {background:url(../img/tlo_zawartosc_old.jpg) 0 0 no-repeat #4A4849; width: 970px; position:relative; text-align: right; overflow:hidden;}
#zawartosc #godziny-otwarcia {margin: 20px 20px 0 0;}
#zawartosc #zawartoscTD {position:relative; vertical-align:top; text-align:right;}
#zawartosc #dane_naglowek {height: 100px; position:relative;}
#zawartosc #tresci {background: #FFF;width: 698px;  float:right;font-size: 90%; height: 450px; margin: 5px 20px 20px 0; z-index:10; position:relative;}
#zawartosc #tresciTD {padding: 0 20px 20px; vertical-align:top; text-align:left;}


#sciezka_lokalizacyjna {font-size: 90%; margin: 5px 0 20px; color: #A7A7A7;}
#sciezka_lokalizacyjna a {color: #A7A7A7;}


#zawartoscTD #ozdobnik {position: absolute; bottom:0; left:0; z-index: 0; }
#zawartoscTD #ozdobnik #baner-ozdobnik {z-index:0;}
/************************************** promocje home ******************************************/
#promocje-home-1 {display: block; width: 243px; height: 213px; overflow:hidden; margin:0; padding:0; position:absolute; text-align:left; font-size: 11px; left:0; color: #074998;}
#promocje-home-1 #promocje-H {z-index: 0; width:100%; height:100%; background: url(../img/tlo_promocje_home-ok.jpg) 0 0 no-repeat;}
#promocje-home-1 .blokPro {background: none; margin: 40px 0 0; padding: 10px; background: url(../img/tlo_promocje_home.jpg) 0 -40px no-repeat; display: none;}

.rpromocje {display: block; margin: 0 0 10px;}
.leadPro {display:block;}

#promocje-home-1 .dLicz {z-index: 10; position: absolute; bottom: 10px; font-size: 9px;}
#promocje-home-1 .licznik {float: left; margin: 0 10px;}
#promocje-home-1 .licznik a {color: #D7D5D4; text-decoration: none; padding: 2px 0.4em; background: #5D595B; margin: 0 1px;}
#promocje-home-1 .licznik a.activeSlide {background: #074998;}
/*

#promocje-home-1 a{color: #074998;}
#promocje-home-1 a:hover {text-decoration: underline;}
#promocje-home-1 #promocje-H {padding: 0 10px;}
#promocje-home-1 .rpromocje {margin: 1.5em 0 0; line-height: 1.3em;}
#promocje-home-1 .rpromocje div {margin: 0;}*/

/******************* 2 wersja paska ***********************
#promocje-home-1 .pasekD {color: #D7D5D4; padding: 1px 5px;position: absolute; bottom: 5px; left: 5px; font-size: 0.9em;}
#promocje-home-1 .pasekD a, #promocje-home-1 .pasekD a.pasekost {color: #D7D5D4; text-decoration: none; padding: 2px 0.4em; background: #5D595B; margin: 0 1px; }
#promocje-home-1 .pasekD a:visited {}
#promocje-home-1 .pasekD a#currentpasek {background: #074998}
#promocje-home-1 .pasekD .wszystkiePromocje {background: none; color: #5D595B; font-size: 0.9em;}
/**********************************************************/

/*************************************  news  **************************************************/
#news {margin:20px 0 0; padding:0;}
.raktualnosci {margin:0;padding:0; clear:both;}
.raktualnosci .dataa {font-size: 90%; color: #CCC;}
.raktualnosci span{display:block; }
.raktualnosci a {text-decoration:none; display:block; padding:7px 0;color: #333;}
.raktualnosci a:visited {}
.raktualnosci a:hover {color: #135DA5;}
.raktualnosci a.zarejestruj {display:inline; color: #D60349;}
.raktualnosci .tytula, .raktualnosci .leada {margin: 0.5em 0 0;}
.raktualnosci .obr-leadf {width: 260px; height: 146px; overflow:hidden; margin: 0 10px 10px 0; float: left;}

.raktualnosc {margin: 20px 0 0;}
.raktualnosc .tytula {padding: 10px 0; display:block; position:relative;}
.raktualnosc #logo-firma, .raktualnosci .logo-firma {float: left; margin: 0 20px 10px 0; border: 1px solid #CCC;}
/*************************************  galeria  **************************************************/
#dObrGal {margin: 20px 0 0;}
#mala_galeria {padding: 5px 0; width: 657px; }
#mala_galeria img {/*padding: 15px 30px; */border: none; width: 12.9%;margin:3px 1px;padding: 1px;}
#mala_galeria a.gal img { cursor:pointer; }
#mala_galeria a:hover.gal img {border-top: 2px solid #71C45A; border-bottom: 2px solid #135DA5 /*#71C45A*/; margin: 0 1px; padding: 2px 1px;}
#mala_galeria a.galCurr img {border-top: 3px solid #265DA2; border-bottom: 3px solid #265DA2;margin: 0 1px;  }
#tekst{margin-bottom: 0.5em;}
/*************************************  strefa-marki  **************************************************/
#galeria_marki {padding: 5px 0; }
#galeria_marki img {padding: 15px 6px; border: none;}
#galeria_marki a.gal img {padding:5px 3px 5px 0; cursor:pointer;}

 img#tekst{margin-bottom: 0.5em;font-weight:bold;}

#galeria_marki_strefa {padding:0; margin:5px 0; width: 650px; height: 420px; overflow:auto;}
#galeria_marki_strefa a {margin: 0;}
#galeria_marki_strefa a img {margin: 15px 5px; }

#galeria-marki-strefa-p {margin: 15px 0 0;}
#galeria-marki-strefa-p img#logo-marki {margin: 0 10px 10px 0; float: left;}
#galeria-marki-strefa-p #dane_firmowe {display:block; margin: 0 0 0 120px;}
#galeria-marki-strefa-p #firma-text {float: left; width: 260px;}
#galeria-marki-strefa-p #firma-zdjecia {float: right; width: 260px; text-align:right; position:relative;}

/*************************************  strefa do pobrania  **************************************************/
#strefa_pobrania {margin: 20px 0 0; padding: 5px 0; }
#strefa_pobrania img {padding: 0 20px 6px 0; border: none; float:left; vertical-align:top;}
#strefa_pobrania .opis {float:left;}
#strefa_pobrania .pobranie {clear:both; margin-bottom: 5px; padding-top: 5px; border-top: 1px dotted #CCC;}
#strefa_pobrania .pierwsze {border: none;}
/*************************************    FAQ    **************************************************/
#FAQ div{display:none;}
#FAQ a{display:block; margin: 0.3em 0 0;}
/********************* newsletter ***************/
#newsletter {clear: both; margin: 20px 0 0; padding: 0 32px 0 0; }
#poNews {padding-bottom: 35px;}
#newsletter form {margin: 10px 0 0; padding: 0;}
#newsletter p {margin: 5px 0;}
#newsletter #akceptowanie {margin: 10px 0;}
#newsletter input#email {border: 1px solid #135DA5; background: #FFF; color: #135DA5; width: 250px; font-size: 100%; padding: 1px; margin-left: 10px;}
#newsletter input#ok {border: 1px solid #135DA5; background: #135DA5; color: #FFF; padding: 0 5px; font-size: 95%; cursor:pointer;}
#newsletter .check {float:left; width: 5%;}
#newsletter .tekst {float: left; width: 90%;}

/********************   fotokonkurs i xmlK ******/
#xmlK {border:none;}
form#rejestracja {width: 238px; padding: 10px 30px 10px 10px; display:inline-block; float:left; font-size: 1em;color: #666; }
form#rejestracja h2 {font-size: 1.3em; font-weight:bold; color: #80C732; margin: 0 0 10px;}
form#rejestracja input {border: 1px solid #80C732; width: 100%; background: #F8F8F8; font-size: 1em; }
form#rejestracja .btn {margin: 10px 0 0;}
form#rejestracja .fbok1 {display:inline-block; width: 57%; float: left; }
form#rejestracja .fbok2 {display:inline-block; width: 40%; float: right; text-align:right;}
form#rejestracja .fbok1 input {width: auto; float: left; border: none;}
form#rejestracja .fbok2 input {width: auto; color: #360; border: 1px solid #360; padding: 0 10px; font-size: 1.2em; background: #80C732; cursor:pointer;}
form#rejestracja .text { font-size: 1em; color: #666; text-transform:none; font-weight:normal; line-height: 1.2em; margin: 0 0 0 25px;}
form#rejestracja div {margin: 0 0 10px;}
form#rejestracja .opisG {font-size: 0.9em;}
form#rejestracja .kolor {color: #360; font-size: 0.9em;}
#KomunikatFormularzRejestracja {margin: 5px 0; padding: 5px; border-bottom: 1px solid #360; border-top: 1px solid #360; color: #360; display: none;}

form#logowanie {width: 300px; padding: 10px 30px; display:inline-block; margin: 0; background: #F2F2F2; float:right;}
form#logowanie h2 {font-size: 1.3em; font-weight:bold; color: #074695; margin: 0 0 10px;}
form#logowanie input {border: 1px solid #074695; width: 100%; background: #F8F8F8; font-size: 1em; }
form#logowanie input#kod {width: 70%;}
form#logowanie input#zaloguj {width: auto; padding: 0 15px; border: 1px solid #003; background: #074695; color: #FFF; float:right; cursor:pointer; }
form#logowanie #przypomnij {background:none; border: none; color: #074695; text-decoration: underline; cursor:pointer; margin: 10px 0 0;}
form#logowanie div {margin: 0 0 10px;}
form#logowanie .opisG {font-size: 0.9em;}
form#logowanie .kolor {color: #074695; font-size: 0.9em;}
#KomunikatFormularzLogowanie {margin: 5px 0; padding: 5px; border-bottom: 1px solid #074695; border-top: 1px solid #074695; color: #074695; display: none;}

#foto-konkursT {height: 650px; width: 100%; }
#foto-konkursT td { vertical-align:top;}
#foto-konkurs {position:relative;}
#foto-konkurs #ustawienia {margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #999; border-top: 2px solid #999; color: #7A7A7A; font-size: 0.9em;}
#foto-konkurs #ustawienia .lUstaw {display:inline-block; width: 48%; text-align:left; float: left;}
#foto-konkurs #ustawienia .lUstaw a {margin: 0 1em 0 0;}
#foto-konkurs #ustawienia .pUstaw {display:inline-block; width: 48%; text-align:right; float:right; }
#foto-konkurs #ustawienia .pUstaw select {font-size: 1em;}

.pUstaw a.pasek, .pUstaw a.pasekost {text-decoration: none; padding: 2px 0.5em; background: #135DA5; color: #FFF; margin: 0 2px; }
.pUstaw a.pasek:hover {text-decoration: underline;}
.pUstaw a#currentpasek {color: #FFF; background: #90CD21;}


#foto-konkurs #ustawienia .akt {color: #2A60A4; font-weight: bold; text-decoration: underline;}

#foto-konkurs .prace {display: inline-block; width: 85px; margin: 0 28px 30px 0; font-size: 0.9em; float: left;}
#foto-konkurs .prace img {cursor:pointer;}
#foto-konkurs .imgOst {margin-right: 0; }
#foto-konkurs .prace .opisIMG {margin:0; padding: 0; font-weight:bold;}
#foto-konkurs .prace .glosy {color: #A72424;margin:-5px 0 0; padding: 0 }
#foto-konkurs .prace .glosowanie {margin:5px 0 0; line-height: 1.2em;}
#foto-konkurs .prace .btn_glos {border: 1px solid #CCC; color: #4D4D4D; background: #ECECED; cursor:pointer; font-size: 0.9em; font-weight:normal; width: 100%; text-align:center;}
#KomunikatGlosowanie {margin: 5px 0; padding: 5px; border-bottom: 1px solid #074695; border-top: 1px solid #074695; color: #074695; display: none;}

#adresMail { margin: 1em 0 4em;color: #92CF4F;}
#PartnerAkcji {border-top: 1px solid #666; padding: 10px 0 5px 0; font-size: 0.9em;}
#PartnerAkcji img {margin: 0 0 0 20px; vertical-align:middle; }

/********************************************* duza galeria ********************************/
#duzaGal {display:none;z-index: 50;}
#duzaGal {position: absolute; /*top: 0; margin: 0; */left: 0; top: -50px; height:100%;width: 100%; text-align:center;}
#duzaGal #daneGal {background: #000; position: relative; width: auto; }
#duzaGal #daneGal td#imgDG {padding: 0 40px 40px;}
#daneGal tr#navDG td{padding: 1em 0; font-size: 1em;}
#daneGal tr#navDG td#lDG {text-align:left; padding: 0 10px;}
#daneGal tr#navDG td#pDG {text-align:right; padding: 13px 10px;}
#daneGal tr#navDG td#wzDG {text-align:center; padding: 0 10px;}

#daneGal a {  color: #EEA800; text-decoration: none;cursor: pointer; }
#daneGal a.curr {color: #599E00;}
#daneGal a#zamknij {margin-left: 20px; background: url(../img/ico-zamknij.jpg) 100% center no-repeat; padding-right: 20px; color: #787676;}
#daneGal a.nr {padding: 0;}
/**/
#daneGal #dGl {/*padding: 10px;*/ cursor:pointer; clear:both;}


/*#duzaGal {position:absolute; z-index: 20; top: 50px; width: 100%; text-align:center; margin: 0 auto; display:none; }
/*********************************************************************************************************/
#belka-copyright {}
#cz_koncowa {position:relative;}
#stopka {font-size:9px; text-align:left;margin:0; padding: 0 0 0.5em 20px; line-height: 1.2em; color:#666;}
#stopka #stopka_firma {float:left; width: 65%; margin:0; padding: 15px;}
#stopka #stopka_firma div, #stopka #stopka_firma p {margin:0; padding:0;}
#stopka a {color: #666; text-decoration:none;}
#stopka #wykonanie {text-align:right; padding: 15px 35px 15px 0; color: #666;}
#stopka #wykonanie a {color: #666;}
#stopka #wykonanie #logo-webpublica {vertical-align: middle;}


#stopkadruk {display:none;}



#trescglowna {clear:both; display: block; padding: 20px 0 0; }
a.odwGlowne {color: #C0AFA1; text-decoration:none;}


#dalej {margin: 1em 0; color: #CCC; clear:both;}
#drukuj {cursor:pointer;}
#powrot {cursor:pointer; }
#dalej  a{color:#135DA5 ; cursor:pointer; border-right: 1px solid #CCC; padding: 0 10px;}
/*#dalej  a:visited{color: red; }*/
#dalej  a:hover,#drukuj:hover{color: #135DA5;}

/*.pasek {margin: 0.5em 0; background: #135DA5; color: #CCC; padding: 1px 5px;}
.pasek a {text-decoration: none; padding-right: 0.5em; color: #FFF;}
.pasek a:hover {text-decoration: underline;}
.pasek a:visited {color: #FFF;}
.pasek a#currentpasek {color: #90CD21;}
/******************************** koniec 2 wersji paska ***/
#flashH {display: block; width: 100%; text-align:center; position:absolute; top: 90px; height: 500px;z-index: 200;}
#flashHistoria {}
#topInfo {position:absolute; top: 10px; right: 200px; z-index: 200;}

#logo-neinver-strona-neinver {margin: 50px 0 0 10px; }
.jedenwiersz {display: inline; float: left; margin-right: 1em; }
.lapka {cursor: pointer;}
.wyczysc {clear:both;}

#nakladka {position:absolute; width: 100%; z-index: 100; top: 100px; margin: 0 auto; text-align:center;}
#komunikat {width: 500px; height: 500px; border: 1px solid #000; background: #FFF; padding: 3px; color: #000; text-align:center; position:relative; margin: 0 auto;}

#komunikat #kzamknij {position: absolute; right: 10px; top: 10px; color: #000; font-size:10px; text-decoration:underline; cursor:pointer;}
#komunikat p {font-size:14px; color: #000; padding: 200px 0;}

.NIEWYSWIETLAC { display:none; }