/*

*/


/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; color: #1D1D1D;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit:hover { cursor: pointer;}
h1 { position: absolute; top: 10px; left: 20px; }
h2 {font: 24px/24px "Myriad Pro"; color: #B53900; letter-spacing: -1px; border-top: 1px solid #D6D1C4; padding: 8px; margin: 10px 0 0; background: url(images/arr.gif) 12px 0 no-repeat; }
h3 {font: 18px/18px "Myriad Pro"; color: #B53900; letter-spacing: -1px; border-top: 1px solid #D6D1C4; padding: 8px; margin: 10px 0 0; background: url(images/arr.gif) 12px 0 no-repeat; }
h4 {font: 20px/20px "Myriad Pro"; color: #474030; letter-spacing: -1px; padding: 8px 15px; margin: 0; }

p { padding: 15px 8px; text-align: justify; clear: both;}

/*Layout

------------------------------------------------------------------------- */
html { height: 100%; background: #452c0e url(images/tlo.gif) center 0 repeat-y;}
body { min-height: 100%; width: 100%; background: url(images/tlo.gif); font: 11px/16px Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #322e24;}
.podstrona {padding-top: 30px; padding-bottom: 30px;}

#top, #content , #footer , #stopka{ width: 980px; margin: 0 auto; position: relative; clear: both; z-index: 1;}
#page { width: 980px; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -125px; position: relative; clear: both; z-index: 1; background: #F8F5EE url(images/bg-top.jpg) 0 0 repeat-x;}
#intro { width: 980px; height: 580px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; overflow: hidden; border: 0; font-size: 0; line-height: 0;}



/* Top

------------------------------------------------------------------------- */
#top { height: 275px;}
.head { position: absolute; top: 85px; left: 70px; width: 912px; height: 189px; padding: 0 0 1px 1px; }

#menu { font: 17px/22px "Myriad Pro"; color: #3B3B3B; letter-spacing: -1px; position: absolute; top: 20px; right: 10px; }
#menu li { float: left; height: 30px; padding: 7px 1px 7px 2px; background: url(images/menu.gif) 0 0 no-repeat;}
#menu li:first-child { background: none; padding-left: 0;}
#menu li a { height: 17px; padding: 7px 0 6px 15px; overflow: hidden; float: left; font: 17px/17px "Myriad Pro"; color: #3B3B3B; letter-spacing: -1px;}
#menu li a:hover {background: url(images/menu.gif) 0 -44px repeat-x; color: #FFF; text-decoration: none; }
#menu li a span { background: 0 0 no-repeat; height: 17px; float: left; width: 0; font-size: 0; text-indent: -1000px; padding: 0 15px 0 0;}
#menu li a.menu-aktualnosci span { background-image: url(images/menu-0-trans.png); width: 50px;}
#menu li a.menu-aktualnosci:hover span { background-image: url(images/menu-0-hover-trans.png);}
#menu li a.menu-restauracja span { background-image: url(images/menu-1-trans.png); width: 65px;}
#menu li a.menu-restauracja:hover span { background-image: url(images/menu-1-hover-trans.png);}
#menu li a.menu-basen span { background-image: url(images/menu-2-trans.png); width: 87px;}
#menu li a.menu-basen:hover span { background-image: url(images/menu-2-hover-trans.png);}
#menu li a.menu-sale span { background-image: url(images/menu-3-trans.png); width: 79px;}
#menu li a.menu-sale:hover span { background-image: url(images/menu-3-hover-trans.png);}
#menu li a.menu-galeria span { background-image: url(images/menu-4-trans.png); width: 50px;}
#menu li a.menu-galeria:hover span { background-image: url(images/menu-4-hover-trans.png);}
#menu li a.menu-kontakt span { background-image: url(images/menu-5-trans.png); width: 47px;}
#menu li a.menu-kontakt:hover span { background-image: url(images/menu-5-hover-trans.png);}

#menu li a.menu-aktualnosci_pl span { background-image: url(images/menu-0-trans_pl.png); width: 60px;}
#menu li a.menu-aktualnosci_pl:hover span { background-image: url(images/menu-0-hover-trans_pl.png);}
#menu li a.menu-restauracja_pl span { background-image: url(images/menu-1-trans_pl.png); width: 65px;}
#menu li a.menu-restauracja_pl:hover span { background-image: url(images/menu-1-hover-trans_pl.png);}
#menu li a.menu-basen_pl span { background-image: url(images/menu-2-trans_pl.png); width: 37px;}
#menu li a.menu-basen_pl:hover span { background-image: url(images/menu-2-hover-trans_pl.png);}
#menu li a.menu-sale_pl span { background-image: url(images/menu-3-trans_pl.png); width: 89px;}
#menu li a.menu-sale_pl:hover span { background-image: url(images/menu-3-hover-trans_pl.png);}
#menu li a.menu-galeria_pl span { background-image: url(images/menu-4-trans_pl.png); width: 70px;}
#menu li a.menu-galeria_pl:hover span { background-image: url(images/menu-4-hover-trans_pl.png);}
#menu li a.menu-kontakt_pl span { background-image: url(images/menu-5-trans_pl.png); width: 47px;}
#menu li a.menu-kontakt_pl:hover span { background-image: url(images/menu-5-hover-trans_pl.png);}


/* Content

------------------------------------------------------------------------- */
#content {background: url(images/bg-content.gif) 0 100% no-repeat; margin: 0 0 35px; }
.right { float: right; width: 898px;}
.quick-links { float: left; width: 70px; overflow: hidden; padding: 0 0 350px;}
.quick-links li { margin: 0 0 15px;}
.quick-links img { max-width: 70px;}
.quick-links a { display: block; text-decoration: none;}
.quick-links a span { display: block; background: #E3DBC8; padding: 5px 0 5px 15px;}
.quick-links a:hover span {text-decoration: underline; }

.box { width: 898px; background: url(images/box.gif) -1796px 0 repeat-y; position: relative; left: -15px; top: 15px; clear: both;}
.box .inner { width: 898px; background: url(images/box.gif) 0 0  no-repeat; }
.box .inner p { background: url(images/box.gif) -898px 100% no-repeat; }

.galeria-link { float: right; margin: 40px 25px 0 0;}

.dzialy { height: 145px; }
.dzialy li { float: left; width: 215px; height: 118px; padding: 0 0 12px 40px; position: relative;}
.dzialy li:first-child { padding-left: 0;}
.dzialy li:first-child a { left: 70px;}
.dzialy li img { width: 211px; height: 114px; border: 2px solid #E4DFD2;}
.dzialy a { position: absolute; top: 105px; left: 110px; width: 100px; height: 30px; line-height: 28px; color: #FFF; background: url(images/arr-trans.png) 0 0 no-repeat; padding-left: 37px;}

.lista { float: left; width: 500px;}
.lista table { width: 100%; margin: 0 0 10px;}
.lista table td { padding: 5px;}
.lista table tr.odd td { background: #E8E4DA;}
.lista table a { float: right; padding: 0 5px;}

.galeria { float: right; margin-right: 10px; display: inline; width: 364px;}
.galeria li { float: left; margin: 10px 30px 10px 0; display: inline;}
.galeria li img {border: 2px solid #E4DFD2;}

/* Footer 

------------------------------------------------------------------------- */
#footer { height: 125px; overflow: hidden; border-top: 1px solid #D0C9BB; background: #E0DBD1;}
#footer ul { float: left; margin: 15px 0 0; height: 100px; overflow: hidden; width: 100%;}
#footer ul li { float: left; height: 100px; border-left: 1px solid #D0C9BB; width: 33%;}
#footer ul li:first-child { border-left: 0;}
#footer ul li.kontakt { width: 300px; background: url(images/bg-kontakt.gif) 100% 50% no-repeat;}
#footer ul li.sale { width: 349px; background: url(images/bg-sale.gif) 100% 50% no-repeat;}
#footer ul li.partnerzy { width: 329px;}
#footer ul li span { display: block; padding-left: 25px;}
#footer ul li.sale strong { display: block; padding: 10px 0 0 10px;}
#footer ul li span a { margin-right: 5px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.push { height: 125px; }

.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */

    .btn span {
      background:#ddd url(img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    


/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }

	  

#imageSlideshowHolder{

	
		*/
		/* CSS HACK */
		width: 327px;	/* IE 5.x */
		width/* */:/**/327px;	/* Other browsers */
		width: /**/327px;
		
		/* CSS HACK */
		height: 74px;	/* IE 5.x */
		height/* */:/**/74px;	/* Other browsers */
		height: /**/74px;
		
;
		border:0px solid #C0C0C0;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:327px;
		height:74px;
		background-color:#e0dbd1;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}


#footer ul li.partnerzy span { padding-left: 0;}

#footerr-outer { width: 980px;   0 5px repeat-x; overflow: hidden; font-size: 11px;  margin: 0 auto; position: relative;}
#footerr {border-top: 1px; width: 940px; padding: 10px; color: #CACACA; }
#footerr ul { float: left; line-height: 11px;}
#footerr ul li { float: left; border-left: 1px solid #929292; padding: 0 12px; font: 11px/11px Arial;}
#footerr ul li:first-child { border-left: 0; padding-left: 0;}
#footerr ul li a { color: #929292;}
#footerr span.fr,#footer span.fr a { color: #929292;}
#footerr span.fl { clear: both; margin: 20px 0 0; width: 100%;}