/* reset */
div, ul, li, a, h4, form, input, textarea, table, tr, td, img{ margin: 0; padding: 0; border: 0; outline: none; }
div{ float: left; }
ul{ list-style: none; }

/* linki */
a:link{ color: #ff9e36; text-decoration: underline; }
a:hover{ color: #333333; text-decoration: underline; }
a:active{ color: #ff9e36; text-decoration: underline; }
a:visited{ color: #ffbc74; text-decoration: none; }

html{ width: 100%; height: 100%; }
body{ width: 100%; height: 100%; margin: 0; }

#global{ width: 100%; height: 100%; float: left; background: #333333; position: relative; }

/* Zdjecia w tle */
#bgimages{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
#bgimages img{ position: absolute; top: 0; left: 0;  }
#bgimages.loading{ background: url("../images/loading.gif") no-repeat 50% 50%; }

/* Dwie czesci */
#top{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; text-align: center; }
#bottom{ height: 80px; width: 100%; padding: 20px 0 20px 0; background: none; position: absolute; bottom: 0; left: 0; z-index: 2000; }

/* Grafika */
.pl #bottom #menu li a,
body.pl #centercontent #content h4,
body#kontakt.pl form table td input.imie,
body#kontakt.pl form table td textarea.tresc,
body#kontakt.pl form table td input.email,
body#kontakt.pl form table td#send input,
#bottom #logo,
body#omnie #navleft span, body#omnie #navright span,
body#portfolio #sliderleft span,
body#portfolio #sliderright span,
body#portfolio #photo #prev span, body#portfolio #photo #next span,
#bottom #lang a
{
    background-image: url(../images/mages,0,1.png);
    background-repeat: no-repeat;
}

.en #bottom #menu li a,
body.en #centercontent #content h4,
body#kontakt.en form table td input.imie,
body#kontakt.en form table td textarea.tresc,
body#kontakt.en form table td input.email,
body#kontakt.en form table td#send input,
#bottom #logo,
body#omnie #navleft span, body#omnie #navright span,
body#portfolio #sliderleft span,
body#portfolio #sliderright span,
body#portfolio #photo #prev span, body#portfolio #photo #next span,
#bottom #lang a
{
    background-image: url(../images/mages,0,1en.png);
    background-repeat: no-repeat;
}

/* Logo i menu */
#bottom #logo{ width: 204px; height: 80px; float: left; margin-left: 20px;  }
#bottom.dark #logo{ background-position: 0 -225px; }
#bottom.light #logo{ background-position: 0 -138px; }
#bottom #menu{ width: 72px; float: left; margin: 3px 0 0 20px; }
#bottom #menu li{ width: 100%; height: 16px; float: left; margin-top: 2px; }
#bottom #menu li a{ width: 100%; height: 100%; float: left; overflow: hidden; }
#bottom.dark #menu li#mportfolio a{ background-position: 0 0; }
#bottom.dark #menu li#momnie a{ background-position: 0 -16px; }
#bottom.dark #menu li#moferta a{ background-position: 0 -32px; }
#bottom.dark #menu li#mkontakt a{ background-position: 0 -48px; }
#bottom.dark #menu li#mportfolio a:hover, #bottom.dark #menu li#mportfolio a.active{ background-position: 0 -64px; }
#bottom.dark #menu li#momnie a:hover, #bottom.dark #menu li#momnie a.active{ background-position: 0 -80px; }
#bottom.dark #menu li#moferta a:hover, #bottom.dark #menu li#moferta a.active{ background-position: 0 -96px; }
#bottom.dark #menu li#mkontakt a:hover, #bottom.dark #menu li#mkontakt a.active{ background-position: 0 -112px; }

#bottom.light #menu li#mportfolio a{ background-position: -82px 0; }
#bottom.light #menu li#momnie a{ background-position: -82px -16px; }
#bottom.light #menu li#moferta a{ background-position: -82px -32px }
#bottom.light #menu li#mkontakt a{ background-position: -82px -48px; }
#bottom.light #menu li#mportfolio a:hover, #bottom.light #menu li#mportfolio a.active{ background-position: -82px -64px; }
#bottom.light #menu li#momnie a:hover, #bottom.light #menu li#momnie a.active{ background-position: -82px -80px; }
#bottom.light #menu li#moferta a:hover, #bottom.light #menu li#moferta a.active{ background-position: -82px -96px; }
#bottom.light #menu li#mkontakt a:hover, #bottom.light #menu li#mkontakt a.active{ background-position: -82px -112px; }

#bottom #lang{ width: 42px; height: 11px; float: right; margin: 34px 20px 0 0; }
#bottom #lang a{ width: 16px; height: 11px; font-size: 1px; }
#bottom #lang a#pl{ background-position: -228px -614px; float: left; }
#bottom #lang a#en{ background-position: -254px -614px; float: right; }
#bottom #lang a#pl:hover, #bottom #lang a#pl.active{ background-position: -228px -593px; }
#bottom #lang a#en:hover, #bottom #lang a#en.active{ background-position: -254px -593px; }

#bottom #fb{ width: 150px; float: right; margin: 30px 0 0 0; }

/* Dolny pasek na podstronach */
body#portfolio #bottom, body#omnie #bottom, body#oferta #bottom, body#kontakt #bottom{ background: #fff; }

/* Boks z zawartoscia */
#centercontent{ width: 900px; float: none; margin: 0 auto; text-align: left; }
#centercontent, textarea, body#portfolio #photo div span{ font-size: 13px; line-height: 26px; color: #333333; font-family: Arial, Helvetica, Garuda, sans-serif; }
#centercontent #content{ width: 860px; padding: 20px; background: #fff; }
#centercontent #content h4{ float: left; height: 51px; margin-bottom: 20px; width: 860px; }

/* Naglowki na podstronach */
body#omnie #centercontent #content h4{ background-position: 0 -322px; }
body#oferta #centercontent #content h4{ background-position: 0 -383px; }
body#kontakt #centercontent #content h4{ background-position: 0 -438px; }

/* o mnie */
body#omnie h4 ul{ float: right; margin-top: 15px; }
body#omnie h4 ul li{ float: left; }
body#omnie #navleft, body#omnie #navright, body#omnie #navleft span, body#omnie #navright span{ width: 20px; height: 20px; }
body#omnie #navleft span, body#omnie #navright span{ cursor: pointer; float: left; }
body#omnie #navleft span{ background-position: -202px -598px; }
body#omnie #navright span{ background-position: -179px -598px; }
body#omnie #counter{ line-height: 20px; font-size: 12px; }
body#omnie #wrap{ width: 860px; position: relative; overflow: hidden; }
body#omnie #wrap ul{ width: 20000px; float: left; }
body#omnie #wrap ul li{ width: 860px; float: left; }
body#omnie #wrap ul li p{ width: 100%; float: left; text-align: right; font-weight: bold; padding: 10px 0 0 0; margin: 0; }

/* oferta */
body#oferta table{ width: 100%; float: left; }
body#oferta table td strong{ width: 100%; float: left; }
body#oferta table td.left{ width: 60%; padding-right: 20px; border-right: 1px dashed #D1D1D1; }
body#oferta table td.left strong{ text-align: right; padding-top: 10px; }
body#oferta table td.right{ padding-left: 20px; }
body#oferta table td.right strong{ padding-bottom: 10px; }
body#oferta table.link{ padding-top: 10px; margin-top: 10px; border-top: 1px dashed #D1D1D1; }

/* kontakt */
body#kontakt span, body#kontakt a{ font-weight: bold; font-size: 14px; }
body#kontakt form{ padding-top: 10px; }
body#kontakt form table{ width: 100%; float: left; margin-top: 5px; }
body#kontakt form table td{ width: 420px; vertical-align: top; padding-bottom: 10px; }
body#kontakt form table td input, body#kontakt table td textarea{ background-color: #f5f5f5; float: left; border: 1px solid #d1d1d1; padding: 5px 10px 5px 10px; width: 398px; }
body#kontakt form table td textarea{ margin-left: 20px; height: 55px !important; line-height: normal; width: 398px !important; width: 388px; }
body#kontakt form table td#send{ width: 100%; padding: 10px 0 0 0; }
body#kontakt form table td#send input{ width: 61px; height: 24px; border: 0; background-position: 0 -569px; padding: 0; float: right; cursor: pointer; }
body#kontakt form .imie{ background-position: 0 -659px; }
body#kontakt form .email{ background-position: 0 -695px; }
body#kontakt form .tresc{ background-position: 0 -731px; }
body#kontakt form .err{ color: #bf1010; }
body#kontakt form .info{ color: #238519;}
body#kontakt form .error{ border-color: #bf1010; }

/* portfolio */
body#portfolio{ overflow: hidden; position: relative; }
body#portfolio #photo{ width: 100%; float: left; position: relative; height: 100%; margin: 0; }
body#portfolio #photo div{ display: inline; position: relative; z-index: 100; }
body#portfolio #photo div span{ width: auto; height: auto; background: #000; position: absolute; right: 0; bottom: 0; color: #fff; padding: 3px 10px 3px 10px; font-size: 11px; }
body#portfolio #photo.loading{ background: url("../images/loading.gif") no-repeat 50% 50%; }
body#portfolio #photo #prev, body#portfolio #photo #next{ width: 50%; height: 100%; position: absolute; display: block; float: left; z-index: 1000; background: url(../images/blank.gif) repeat; display: block; }
body#portfolio #photo #prev{ left: 0; top: 0; }
body#portfolio #photo #next{ right: 0; top: 0; }

body#portfolio #photo #prev span, body#portfolio #photo #next span{ width: 25px; height: 25px; position: absolute; top: 0; display: none; visibility: hidden; }
body#portfolio #photo #prev span{ right: 0; background-position: -6px -606px; }
body#portfolio #photo #next span{ left: 0; background-position: -51px -606px; }

body#portfolio #slider{ width: auto; position: absolute; right: 20px; top: 20px; }
body#portfolio #wrap{ width: 0; height: 80px; position: relative; overflow: hidden; display: inline; margin: 0 20px 0 20px; }
body#portfolio #wrap ul{ width: auto; height: 80px; float: left; }
body#portfolio #wrap ul li{ width: 80px; height: 80px; float: left; position: relative; overflow: hidden; }
body#portfolio #wrap ul li a{ width: 80px; height: 80px; }/* position: absolute; top: 0; left: 0;*/
body#portfolio #wrap ul li div{ width: 70px; height: 70px; border: 5px solid #ff9e36; position: absolute; top: 0; left: 0; }
body#portfolio #sliderleft,
body#portfolio #sliderright{ width: 20px; height: 80px; position: absolute; top: 0; z-index: 50; }
body#portfolio #sliderleft{ left: 0; }
body#portfolio #sliderright{ right: 0; }
body#portfolio #sliderleft span,
body#portfolio #sliderright span{ width: 13px; height: 23px; float: left; margin-top: 28px; margin-left: 3px; cursor: pointer; }
body#portfolio #sliderleft span{ background-position: -205px -597px; }
body#portfolio #sliderright span{ background-position: -182px -597px; }

/* ie6 png fix 
#bottom #menu li a{ behavior: url("./js/iepngfix.htc") }*/