/* 
		+++ ------------------------------------------------------------------------------------ +++
								Agencja Reklamowa GABO - 05.2011 r.
  		+++ ------------------------------------------------------------------------------------ +++ 
	*/


	
 	body {   font: normal 13px Tahoma; line-height: 18px; text-align:center; background: #331e16 url("../media/layout/tlo.jpg") top center no-repeat; margin-top:20px;}
	#strona { background: #a4bcd6 ;  height: 1080px; margin: 0 auto;  }  

	#banner-popup {  z-index: 9900; text-align:left; position: absolute;  top: 95px; left: 50%;  margin-left: -493px; }
	.banner-popup {   position: absolute;  }
	
	 #all { width:100%; margin: 0 auto;  } 
	.srodek {  width:985px; margin: 0 auto; } 
	.srodek2 { width:100%;  width:985px; margin: 0 auto; } 
	
	.menu-gora {height:55px;  background: url("../media/layout/menu1.jpg")  no-repeat; } 
	.menu-gora img {vertical-align:medium; } 
	.przyciski-menu { float: right; margin-right:5px; margin-top:4px; } 
	
	a { text-decoration: none; color: #6f4f2f; }
	a:hover { color: #6f4f2f; text-decoration: underline; }
	
	.cf { clear: both; height: 1px; font-size: 1px; line-height: 0px; margin: 0; padding: 0; }

	table { font-style: normal; font-weight: normal; font-size: 12px; padding: 5px; /* border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; */ }
	table td {color: #6f4f2f;  /* border-top: 1px solid #ddd; border-lefT: 1px solid #ddd; */ }
	table td table td { border: 0; }
 	table .tab-naglowek { background-color: #df0b1e; color: #fff; font-size: 15px;  padding: 5px;  }  
	
	/* -------------------------------- Główna struktura --------------------------------- */
 	
 	#naglowek {  height: 325px; margin: 0 auto; width: 100%; position: relative;  text-align: center; }
	
	.menu22 {width:100%;height:56px; background: url("../media/layout/menu2.png") no-repeat; }
	

	.menu-gora-pasek  {vertical-align:middle;background: url("../media/layout/menu-bg2.png") repeat-x; text-align:center; height:59px;width:100%; border-top:1px #eedea2 solid;z-index:999;}

	#naglowek .wrap { margin: 0 auto; position: relative; height: 325px; width: 985px; } 
	#naglowek .abs { border: 0px solid #000000; position: absolute; top: 0px; left: 0px; z-index: 1; }

 	#naglowekGora { height: 29px; width: 100%; }

 	#naglowek .gorny-text {  height: 17px; margin: 0 auto; top: 0; padding: 0; position: absolute; top: 15px; left: 0; z-index: 5; }
	#naglowek .gorny-text .b { font-weight: bold; }
	#naglowek .gorny-text .wrap { width: 985px; margin: 0 auto; }
	#naglowek .gorny-text a:hover { color: #000; text-decoration: underline; }
 		
	.spacer {padding-top:10px;}
	
 	#srodekStrony {margin: 0 auto;  font-size: 13px; text-align: center;  width: 985px; position:relative ; top: 0px;}
	#srodekStrony .wrap { width: 985px;  margin: 0 auto; position: relative; text-align: center; } 
	
	
	/* .sS-glowna { background: #f2dfbe url("../media/layout/srodekBg.jpg") top center no-repeat; } */
	/* .sS-podstrona { background: #f2dfbe url("../media/layout/srodekBg P.jpg") bottom center no-repeat; } */
	
 	#srodekStrony .lewa2 { float: left; width: 284px; position:relative;  }
	#srodekStrony .prawa2 { float: left; width: 661px; position:relative; margin-top:0px} 
	
	
	#srodekStrony .onas { color: #5e3f00;text-align:left;width: 985px; height:300px; border: 0px solid #000000; background: url("../media/layout/onas_bg.png") ; float:left; }
	#srodekStrony .opis {font-size: 12px; text-align:justify;width: 100%;color:#7f0001;}
	#srodekStrony .witamy {font-size: 12px; text-align:right;width: 325px;color:#7f0001;padding-right:20px;}
	#srodekStrony .opis2 {font-size: 14px; text-align:justify;width: 95%; }
	#srodekStrony .tresc_srodek {background: url("../media/layout/tlo.jpg") repeat-x; margin-top: 20px; margin-bottom:20px;  font: normal 12px Tahoma; text-align:left;width: 965px; padding:10px; border: 0px solid #000000; float:left; }
	#srodekStrony .onas_lewa { width: 300px; float:left; text-align:center; margin-top:15px;margin-left:7px;}	
	#srodekStrony .onas_prawa { width: 675px; margin-top:15px;float:left; }	
	#srodekStrony .onas_img { width:100%;float:left;margin-bottom:26px;text-align:left;}	
	#srodekStrony .tresc_onas {margin: 0px 20px 0px 20px;}	
	

	
	#all .ramka_gora{background: url("../media/layout/tlo_pod_menu.png") repeat;  width:985px; height:340px; border: 0px solid #000000;   margin: 0 auto; position:relative; top:-50px;}
	
	.active, .notactive:hover {
        float: left;
        height: 32px;
        width: 130px;
        background-position: 0 32px 
}

.notactive {
        float: left;
        height: 32px;
        width: 130px;
        background-position: 0 0px
}
	
		
	
 	.stopka { background: url("../media/layout/tlo_stopka.png") 0 center no-repeat;  height: 70px; vertical-align:bottom; margin-top:20px; margin-bottom:20px; width: 100%; padding: 0; position: relative; text-align: center; overflow:hidden; } 
	
	.stopka-gabo {float:left; height:35px;  width:180px;  padding:0px; font-color: #ffffff; position: relative; top:17px;}
	.stopka-copy {float:left; height:35px; vertical-align:middle; width:619px; padding:0px; font-color: #ffffff; position: relative; top:17px;}
	.stopka-copy span {color: #a59077;}
	.stopka-copy a {color: #fe5b14; font-weight:bold;}
	.stopka-copy a.gabo {color: #a59077; font-weight:bold;}
	.stopka-stat {float:left; height:35px;  width:180px; padding:0px; font-color: #ffffff;  position: relative; top:17px;}
	
	
	
 
	/* -------------------------------- Nagłówki --------------------------------- */ 

	.nagl { display: block; padding: 8px 0 15px 0; }
 	
	/* -------------------------------- Newsy --------------------------------- */ 
 	
	#srodekNewsy { margin: 0; text-align: center; height: 100px; position: absolute; top: 500px; left: 310px; overflow: hidden; width: 650px; z-index: 5; }
	#srodekNewsy .wrap { margin: 0 auto; position: relative; text-align: left; width: 985px; } 
 	#srodekNewsy .wrap .news { color: #5191c6; font: bold 13px Tahoma; line-height: 22px; padding: 10px 0 0 0; margin: 0 0 0 25px; }
 	#srodekNewsy .wrap  .aktualne-naglowek { font: bold 20px Tahoma; margin: 0; padding: 0; }
 	#srodekNewsy .wrap .news img { vertical-align: top; padding: 0 5px 0 0; }

	/* -------------------------------- Baner --------------------------------- */ 
	
	.modul-baner { background: url('../media/layout/modul-cennik-bg.jpg') top center no-repeat; height: 125px; margin: 20px 0 0 0; position: relative; }
	.modul-baner img { border: 0; vertical-align: middle; } 

  	/* -------------------------------- Aktualności --------------------------------- */ 
	
	.modul-aktualnosci {background:  url('../media/layout/modul-aktualnosci-bg.jpg') top center no-repeat;  margin: 0; padding: 0; position: relative; }
	.modul-aktualnosci .czytaj-wiecej { position: absolute; bottom: 0; right: 0;  }
 
 
	.aktualnosci_nowe { float:left; width:100%; margin-bottom:0px; margin-top:0px;  }
	.aktualnosci_glowna img.linia{  margin-bottom:15px; margin-top:15px;  }
	.aktualnosci_foto {width:125px;float:left;}
	.aktualnosci_tekst {width:165px;float:left;text-align:left;margin-left:20px;}
	.aktualnosci_tytul {height:40px;}
	.aktualnosci_tresc {height:60px;}
	.aktualnosci_zobacz {height:20px; text-align:right;}
	
	
	
	
	
	.aktualnosci_hr {width:100%;float:left;text-align:left;margin: 5px 0px 5px 5px; }
 
 
 
	.modul-aktualnosci ul { list-style: none; margin: 0; padding: 0; }
	.modul-aktualnosci ul li { margin: 0 0 12px 0; width: 295px; text-align: left; }
 
	.modul-aktualnosci ul li img { height: 80px; width: 80px; padding: 0; border: 3px solid #e1ceb6; margin: 5px 12px 5px 0; } 
 	
	.modul-aktualnosci ul li .tytul { color: #00183f; display: block; padding: 0 0 6px 0; font: bold 13px Tahoma; text-align: left; }
	.modul-aktualnosci ul li .opis { color: #00183f; font: normal 12px Tahoma; line-height: 18px; text-align: left; }
	.modul-aktualnosci ul li .opis span { color: #952822; font-size: 15px; }
	
	.informacja-lista { border-bottom: 1px dotted #e0cba6; line-height: 18px; margin: 0 0 12px 0; padding: 0 0 10px 0; text-align: left; }
 	.informacja-lista a.tytul { display: block; color: #774e00; font-weight: bold; font-size: 16px; padding: 0 0 10px 0; text-decoration: none; }
	.informacja-lista a.tytul:hover { color: #774e00; text-decoration: underline; }

	.informacja-lista .tytul img { border: 0; vertical-align: middle; padding: 0 0 3px 0; margin: 0 10px 0 0; }
	
	.informacja-lista .tresc {  display: block; font-weight: normal;  text-align: justify; font-size: 13px; }
	.informacja-lista .tresc:hover { text-decoration: underline; }
	
	.informacja-lista .wiecej { color: #774e00; font-weight: bold; }

	a.wiecej { color: #774e00; } 
	a.wiecej:hover  { color:#774e00; } 
 	
 	.button.green { background-color: #b30d0d; }
	.button:hover { background-position: 0 center; }
	.button:active { background-position: 0 top; padding: 7px 10px; position: relative; top: 1px; }	
	
 	/* -------------------------------- Mapa ----------------------------------- */
	
	/*#map { height: 200px; width: 983px; margin: 0 0 20px 0; border: 2px solid #d6c58d; }*/
	#map { margin: 0 auto; padding: 0; height: 300px; width:600px; }
	/* -------------------------------- Formularz-wiadomości ----------------------------------- */
	
	.formularz-wiadomosci { background: #fffeef; border: 1px solid #6f4f2f; margin: 0 0 0 0; padding: 25px 0 15px 0; text-align: left; margin-top:20px; }
	.formularz-wiadomosci .bb { display: none; position: absolute; right: 20px; width: 400px; top: 180px; }
	
	.formularz-wiadomosci.form-rezerwacja { margin: -13px 0 25px 0; }
		
	.formularz-wiadomosci form.wformulasrz fieldset { margin: 0 25px 0 25px; border: 0; padding: 30px 10px 15px 3px; }
	.formularz-wiadomosci form.wformularz legend { padding: 0 0 16px 24px; font: bold 17px Tahoma; color: #7f0001; margin: 0; }
 	.formularz-wiadomosci form.wformularz label { display: inline-block; line-height: 1.8; vertical-align: top; margin: 0 0 0 25px;  width: 140px; }
 	
	.formularz-wiadomosci form.wformularz li { list-style: none; line-height: 20px; padding: 2px 0; }
	.formularz-wiadomosci form.wformularz .input { background: url('../media/layout/formularz-input-bg.png') top center repeat-x; border: 1px solid #e8c490; padding: 5px 4px 5px 4px; margin: 3px 8px 3px 0; font: 13px Tahoma; width: 260px; height: 25px; }
	.formularz-wiadomosci form.wformularz .textarea { background: url('../media/layout/formularz-textarea-bg.png') top center repeat-x;  border: 1px solid #e8c490; font: 11px Tahoma; height: 100px; font: 13px Tahoma; width: 360px; overflow: hidden; padding: 5px 4px 5px 4px; margin: 3px 8px 3px 0;  } 	
	
	.formularz-wiadomosci p { font: bold 15px Tahoma; margin: 0 0 25px 0; color: #6f4f2f}
 		


	.wiadomosc { border: 1px solid #dcdcdc; margin: 15px 0 0 0; padding: 25px; text-align: center; }	
	.wiadomosc .button { margin: 25px auto 8px auto; }

	.email { border: 1px solid #dcdcdc; margin: 15px 0 0 0; padding: 25px; text-align: center; font: normal 13px Tahoma; }	
	.email h3 { font: bold 15px Tahoma; }	
	
	/* -------------------------------- Podstrona ----------------------------------- */

	#podstrona {   text-align: left; width: 985px; margin: 0 auto; position: relative;} 
	
	#podstrona .kol-0 { width: 620px; float:left; margin: 30px 0px 0px 0px;  } 
	
	#podstrona .w-1 { width: 620px; overflow: hidden;} 
	#podstrona .w-2 { width: 620px; overflow: hidden;} 
	
	
	/*
	#podstrona .kol-1 { width: 300px; float:left; margin: 30px 0px 0px 20px; position: relative; border: 0px #000000 solid;} 
	#podstrona .kol-2 {  width: 300px; float:left;  margin: 30px 0px 0px 20px; position: relative; border: 0px #000000 solid;} 
	*/
	#podstrona .kol-3 {  width: 315px; float:left;  margin: 30px 0px 0px 20px;} 
	
	
	 .lewa {  width: 610px; float:left;  margin: 30px 0px 0px 20px;  margin-bottom:50px; } 
	 .prawa {  width: 330px; float:left;  margin: 30px 0px 0px 20px;  } 
	
	#podstrona .tlo_podstrona {background: #f4f0df url("../media/layout/tlo2.png") bottom center no-repeat;   width: 985px;   margin: 0px 0px 0px 0px; overflow:hidden; } 
	
	#podstrona .foto_glowne {float:left; width:305px; height: 225px; margin-bottom:20px; margin-left:20px;}
	#podstrona .witamy_glowna {float:left; width:275px; height: 225px; line-height:16px; margin-bottom:20px; margin-left:20px;}
	
	#podstrona .galeria_glowna {float:left; width:325px; height: 245px; margin-top:20px; margin-left:0px;}
	#podstrona .kontakt_glowna {float:left; width:270px; height: 245px;   margin-top:20px;  margin-left:20px; }
	
	
	#podstrona .galeria_glowna img.linia{ margin-top:14px; margin-bottom:14px;}
	#podstrona .kontakt_glowna img.linia{ margin-top:14px;  margin-bottom:14px;}
	
	#podstrona .aktualnosci_glowna {float:left; width:100%; height: 500px;  margin: 0px 0px 0px 0px; }
	
	
	#podstrona .kontakt_podstrona {float:left; width:275px; height: 245px; margin-left:5px;  margin-top:20px;  }
	
 	#podstrona h1 { color: #ff6300; font-size: 22px; font-weight: normal; padding: 0px 0 0px 0px; margin: 0; position: relative; } 	
 	#podstrona h1.naglowek { padding: 25px 0 12px 0; } 
	
	#podstrona .data { color: #ffcd26; font-size: 13px; font-weight: bold; padding: 0; }
 	#podstrona .dane { color: #e5d39a; font-size: 12px; }  

	#podstrona .opis { color:#6f4f2f; font-size: 13px;  padding: 0px; }


	#podstrona .opis p { margin: 0; padding: 0 0 12px 0; }
	#podstrona .opis div { margin: 0; padding:  0; }

	#podstrona .opis h3 { font: bold 15px Tahoma; line-height: 24px; }
	
	#podstrona .opis a { color: #5e3f00; font-weight: bold; }
	#podstrona .opis a:hover { color: #4d3400; text-decoration: none; } 
	
 	#podstrona .opis ul { list-style: square; margin: 0 0 0 20px; }
	#podstrona .opis ul li { }
  	
	/* -------------------------------- Moduł o firmie --------------------------------- */ 	
	
	.modul-onas  { text-align: left }
	.modul-onas .nagl { padding: 10px 0 15px 0;  text-align: left }
	.modul-onas .opis p {  text-align: left; margin: 0; padding: 0 0 12px 0; }
	.modul-onas .opis div { margin: 0; padding:  0; }
	.modul-onas .opis a { color: #5e3f00; }
	.modul-onas .opis a:hover { color: #4d3400; text-decoration: none; } 
	
	/* -------------------------------- Moduł baner --------------------------------- */ 	
	
	.modul-baner  { margin: 12px 0 35px 0; }
	.modul-baner img { margin: 0; padding: 0;  }

 	/* -------------------------------- Moduł galeria --------------------------------- */ 

	.modul-galeria { border: 0px solid #000000; }
	.modul-galeria .nagl { padding: 10px 0 15px 0;}
	.modul-galeria img {float:right;margin-right:30px;}
	
	.modul-galeria-miniatury img { border: 3px solid #8a0303; }	

 	/* -------------------------------- Ostatnia galeria --------------------------------- */
	
	.ostatnia-galeria {  background: url("../media/layout/modul-galeria-bg.png") top center no-repeat; position: relative; width: 225px; text-align:center;}
	.ostatnia-galeria a { }
 
 	div#slider { width: 295px; padding: 0; }
	div#slider img { border: 0 none; }
	div#slider .panel { position: relative; text-align: center; width: 225px; }
  	div#slider .panel .info { font-size: 13px; margin: 0 auto; z-index: 1000; padding: 0; text-align: center; }
 
  	.slide-image { border: 1px solid #6ee3fe;  height: 195px; width: 295px; position: absolute; bottom: 0; left: 0; }
	.slide-image a { }
	
	#bt-l { background: url("../media/layout/btn-maly-lewy.png") 0 0 no-repeat; display: block; height: 28px; width: 28px; top: 202px; position: absolute; left: 6px; z-index: 20; text-indent: -9999px; }
	#bt-r { background: url("../media/layout/btn-maly-prawy.png") 0 0 no-repeat; display: block; height: 28px; width: 28px; top: 202px; position: absolute; right: 6px; z-index: 20; text-indent: -9999px; }
	
	/* #bt-l:hover, #bt-r:hover { background-position: center -70px; } */
	
	#bt-l span, #bt-r span {   }
	
	.strzalki { background: url('../media/layout/ostatnia-galeria-btn.png') 0 0 no-repeat; display: block; height: 40px; margin: 10px 0 0 0; width: 280px; }
	
	/* -------------------------------- Moduł galeria --------------------------------- */ 

	.modul-jak-trafic {position:absolute; top: 3px; border: 0px solid #000000;  }
	.modul-jak-trafic .nagl { padding: 10px 0 15px 0; }
	
	.modul-jak-trafic .czytaj-wiecej { position: relative;   }
 
   	/* -------------------------------- Menu ----------------------------------- */

	.modul-menu { background: url("../media/layout/menu-bg.png") top center no-repeat; margin: -42px 0 0 0; height: 400px; position: relative; width: 295px; }
	.modul-menu .menu { color: #fff; position: absolute; top: 63px; left: 0; width: 303px; font: normal 20px Trebuchet MS; line-height: 42px; letter-spacing: 1px; text-transform: uppercase; z-index: 5; }
	.modul-menu .menu a { color: #fff; text-shadow: 1px 1px #740201; }

	.modul-menu .menu .m-0 { color: #ffe2e2; text-shadow: 1px 1px #740201; font: bold 20px Trebuchet MS; line-height: 42px;  text-decoration: underline; letter-spacing: 0px; }
 	
 	/* -------------------------------- Kontakt --------------------------------- */ 

	.modul-kontakt { background: url('../media/layout/kontakt-bg.png') top center no-repeat; margin: 35px 0 0 0; padding: 35px 0 0 0; height: 558px; position: relative; width: 295px; }
	.modul-kontakt .opis { padding: 85px 0 0 0; height: 558px; }
 

  	/* -------------------------------- Galerie ----------------------------------- */
	
 	.galeria { text-align: left;  padding: 0;  }
  	.galeria a.tytul { display: block; color: #7f0001; font-weight: bold; font-size: 16px; padding: 0 0 8px 0; text-decoration: none; }
	.galeria a.tytul:hover { color: #7f0001; text-decoration: underline; }
 	.galeria a.tytul img { border: 0; vertical-align: middle; padding: 0 0 3px 0; margin: 0 10px 0 0; }
  	.galeria .miniatura { border: 1px solid #cebe8e; width: 150px; height: 100px; margin: 0 0 12px 0; } 
 	
	.galeria .pokaz-pozostale { color: #0e9bb4; font-weight: bold; line-height: 20px; margin: 12px 0; text-align: right; float:right; width: 200px;  }
	.galeria .pokaz-pozostale span { display: block; background: url("../media/layout/czytaj-wiecej-strz.png") right no-repeat; height: 20px; padding: 0 0 0 12px; float: right; width: 52px; }

	
	.galerie_h1 { margin:20px;}
 	/* -------------------------------- Pokaż galerię ----------------------------------- */
	
 	.pokaz-galerie { margin-top:0px; margin-left: 0px; padding: 0 0 20px 0; position: relative; float: left; width: 985px; text-align: left; }
 	.pokaz-galerie h1 { color: #7f0001; font-size: 28px; font-weight: normal; padding: 18px 0 12px 12px; margin: 0; position: relative; } 	
 
  	.pokaz-galerie .cofnij-sie { position: absolute; width: 200px; right: 0; font-weight: bold; color: #7d7d7d; text-align: right; }
	.pokaz-galerie .cofnij-sie img { margin: 0 0 0 5px; }
	.pokaz-galerie .cofnij-sie a { color: #7d7d7d; }

	.pokaz-galerie .opis { padding: 0 29px 0 29px; margin: 0; }
	.pokaz-galerie .opis-ogloszenie { padding: 10px 0; margin: 0; text-align: left; color: #303030; font: 13px Tahoma; line-height: 18px; }

	.pokaz-galerie .numery-zdjec { font: bold 15px Tahoma; }
	.pokaz-galerie .numery-zdjec span { font: bold 27px Tahoma; color: #940808; }

	.pokaz-galerie .zdjecie-ramka { width: 984px; margin: 15px auto 0 auto; overflow: hidden; text-align: center;  }
 	.pokaz-galerie .zdjecie-ramka img { border: 1px solid #ececec; color: #ececec; padding: 5px; vertical-align: middle; }
		
	.pokaz-galerie .glowne { border: none; }

	.pokaz-galerie .data { color: #767676; font: 11px Tahoma; padding: 8px 0 15px 0; margin: 0; float: left; width: 400px; text-align: left; }
	.pokaz-galerie .data b { color: #e5d39a; }
	
	.pokaz-galerie .przyciski { position: absolute; top: 0; right: 15px; display: inline-block; font: 13px Tahoma; padding: 0 0 5px 0; text-align: right;  width: 505px; }

	.pokaz-galerie h3 { font-size: 18px; font-weight: bold; padding-bottom: 5px; color: #ffca27 }
  	
	a.nastepna-fotka { background: url("../media/layout/btn-duzy-prawy.png") 0 0 no-repeat; display: inline-block; height: 50px; margin: 12px 0 8px 0; width: 30px; vertical-align: middle; }
	a.poprzednia-fotka { background: url("../media/layout/btn-duzy-lewy.png") 0 0 no-repeat; display: inline-block; height: 50px; margin: 12px 0 8px 5px; width: 30px; vertical-align: middle; }