/*
Copyright by Krystian Buczak. All rights reserved.
http://disordereddesign.com

Mootools Javascript Framework by Valerio Proietti
http://mootools.net/
Slimbox script by Christophe Beyls
http://code.google.com/p/slimbox/
Formcheck class by Luca Pillonel
http://www.floor.ch

RESET CSS by Eric Meyer
http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, h1, h2, h3, h4, h5, h6,
p, a, abbr, acronym, address, del, dfn, em, 
font, img, small, strong, sub, sup, b, u, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend
 {	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
:focus {outline: 0;}

body { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #FFFFFF; text-align: left; color: #000000; }
a:link, a { color: #AAAAAA; text-decoration: none; }
a:hover, a:active { color: #404040; text-decoration: underline; }
h1 { font-size: 1.5em; padding: 35px 0 15px 0; }
h2 { font-size: 1.25em; margin-top: 10px; }
h3 { font-size: 1em; margin-top: 8px; }
p { text-align: justify; padding: 0.5em 0 0.5em 0; line-height: 1.2; }
acronym, abbr { border-bottom: 1px dotted;cursor: help !important; cursor: pointer; /* cursor for IE>6 */ }
acronym:hover, abbr:hover {  background: #000000; color: #ffffff; }
dt {font-weight: bold;}
dt {margin-bottom: 0.5em;padding-left: 40px;}
dd {margin-bottom: 0.7em;padding-left: 40px;}
#oferta1 {background-position: -688px -59px;}
#oferta2 {background-position: -688px -91px;}
#oferta3 {background-position: -688px -130px;}
#oferta4 {background-position: -688px -165px;}
.clear { clear: both;}
.content li { padding: 3px 0 3px 22px; margin: 0; background-position: -982px -148px;background-repeat: no-repeat;line-height: 1.2; }
/* vertical & horizontal menus setup */
#navbar { background-position: 0 -114px; float: right; width: 680px; height: 80px; }
a#language {position: absolute; top: 20px; left: 280px;z-index: 100; background-position: -930px -148px;padding-right: 30px;}

#navbar ul { margin: 8px 0 0 70px; padding: 0;}
#navbar ul li { position: relative; display: inline; padding-right: 10px; float: left; text-indent: -5000px;}
#navbar a {display: block;height: 51px;}
#navbar .home a { width: 79px; background-position: 0 0; }
#navbar .about a { width: 90px;background-position: -79px 0; }
#navbar .services a { width: 106px;background-position: -169px 0; }
#navbar .portfolio a { width: 134px;background-position: -275px 0; }
#navbar .contact a { width: 115px;background-position: -409px 0; }
#navbar .home a:hover {background-position: 0 -51px;}
#navbar .about a:hover {background-position: -79px -51px;}
#navbar .services a:hover {background-position: -169px -51px;}
#navbar .portfolio a:hover {background-position: -275px -51px;}
#navbar .contact a:hover {background-position: -409px -51px;}

/* menu sidebar */
.menu { margin-left: 10px;}
.menu li {text-indent: -5000px;}
.menu a {display: block; width: 133px; height: 35px;}
.menu.en a {background-image: url('/grafika-www/DD-sprite-pl.jpg');background-repeat: no-repeat;}
.menu .home a { background-position: 0 -103px; }
.menu .about a { background-position: -135px -103px; }
.menu .services a { background-position: -271px -103px; }
.menu .portfolio a { background-position: -405px -103px; }
.menu .contact a { background-position: -541px -103px; }
.menu .home a:hover { background-position: 0 -138px; }
.menu .about a:hover, .menu .about.active a { background-position: -135px -138px; }
.menu .services a:hover, .menu .services.active a { background-position: -271px -138px; }
.menu .portfolio a:hover, .menu .portfolio.active a { background-position: -405px -138px; }
.menu .contact a:hover, .menu .contact.active a { background-position: -541px -138px; }

/* page elements */
#wrapper { min-width: 1001px;}
#home { background: url('/grafika-www/home-bg.jpg') repeat-x bottom; width: 100%;position: relative; }
#chess { background: url('/grafika-www/chess_disorder.jpg') no-repeat left bottom; width: 1001px; height: 380px; }
#logo { float: left; margin-top: 10px; margin-left: 40px; }
#sentence { width: 313px; height: 97px; float: right;margin-right: 80px;font-size: 1px; color: #ffffff;background-position: -670px -99px;}

#introduction { width: 100%; height: 220px; background-color: #000000; padding-top: 15px;text-align: center; color: #ffffff;position: relative;}
#introduction p {width: 420px; margin-left: 330px; font-size: 1em; font-weight: bold; }
.sidebar { float: left; width: 220px;padding-top: 50px;}
.content {float: left; width: 781px; font-size: 0.75em;}
html>/**/body #o-mnie .menu { margin-top: 75px !important;}/* for non IE */
#o-mnie .sidebar .menu {margin-top: 129px; padding-top: 60px;}/* for IE */
#o-mnie .content { background: url('/grafika-www/plam_pap.png') no-repeat top left !important; background: url('/grafika-www/plam_pap.gif') no-repeat top left; height: 440px; margin-top: 129px; }
#o-mnie {background-position: 0 -200px; height: 560px; background-repeat: repeat-x;}
.left-column { float: left; }
.right-column { float: left; }
#o-mnie .left-column, #kontakt .left-column { width: 355px; }
#o-mnie .right-column, #kontakt .right-column {  padding-right: 67px;width: 422px; voice-family: "\"}\""; voice-family:inherit; width:355px;}
.left-column p { margin-right: 10px; }
#oferta, #portfolio, #kontakt {width: 1001px; clear: both; }
#oferta .content { background: url('/grafika-www/plam_pap2.jpg') no-repeat left top; padding-bottom: 30px;}
#oferta .left-column { width: 460px; }
#oferta .right-column { width: 280px; margin: 213px 0 0 15px; border-top: 1px solid #000000; }
#portfolio .content { width: 781px;padding-top: 30px; padding-bottom: 50px; border-top: 2px groove #000000;background: url('/grafika-www/plamy-port.jpg') no-repeat top right; }
#kontakt { height: 480px; }
#kontakt .content {border-top: 2px groove #000000; background: url('/grafika-www/plama-kont.jpg') no-repeat top right; }
.work { background: url('/grafika-www/work_bg.jpg') repeat-x left; border: 1px solid #CCCCCC; width: 340px; height: 360px; float: left; margin: 10px; text-align: center; position: relative; }
.work img { margin: 8px 0 0 auto; }
.work p, .work h3 { text-align: justify; margin: 8px; }
a.visit, #paper a { background: #000000; color: #FFFFFF; border: 1px dashed #AAAAAA; padding: 4px; font-weight: bold; }
a.visit { display: inline-block; position: absolute; bottom: 6px; right: 6px; }
ul#contact-ways {margin-top: 1em;}
ul#contact-ways li {
height: 50px;
list-style:none;
padding: 0 0 5px 60px;
font-size: 2em;
line-height: 2em;  }
p#paper { width: 700px; padding: 10px; font-weight: bold; }
#phone-number { background-position: -664px 0; }
#skype {background-position: 0 -176px; }
#skype a img, #skype a img:hover {vertical-align: middle;text-decoration: none;}
#email {background-position: -664px -210px;}
#twitter {background-position: 0 -230px;}
li ul#twitter_update_list li {list-style:none; padding: 0;background: none;font-size: 12px;line-height: 14px; }

* html #twitter_update_list {height: 51px;}/* for IE */
#footer { color: #ffffff; background-repeat: repeat-x; width: 100%; height: 100px; }
#footer p { padding: 50px 0 0 50px; font-size: 0.75em; }

/* SLIMBOX */
#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }

.lbLoading { background: #fff url(/grafika-www/ajax-loader.gif) no-repeat center; }

#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbBottom { color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }

#lbCloseLink { display: block; float: right; width: 80px; height: 20px; background: transparent url(/grafika-www/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }

#lbCaption, #lbNumber { margin-right: 71px; }

#lbCaption { font-weight: bold; }

form { margin: 0 auto; width: 300px; padding: 35px 0; }

fieldset { border: none 0; }

textarea { width: 320px; background: #F0F0F0; border: 1px solid #000; overflow:auto;}

label { width: 100px; display: block; font-weight: bold;}

legend { }

form input { margin: 2px 0 5px 0; width: 200px; background: #F0F0F0;border: 1px solid #000; }
fieldset input:hover, fieldset input:focus, textarea:hover, textarea:focus {background: #fff;}
form p input { width: 100px; background: #000000; color: #FFFFFF; border: 1px dashed #AAAAAA; padding: 4px; font-weight: bold;  }
form p input:hover {border: 1px solid #aaaaaa;}
form .human { visibility: hidden; height: 0; padding: 0; }

#log { }

#log_res { }

#log_res.ajax-loading { display: block; width: 200px; height: 20px; background: url(/grafika-www/ajax-loader.gif) no-repeat center; }

/* FormCheck tipbox */

.ajax_loader { background: url('/grafika-www/ajax-loader.gif') no-repeat center; width: 200px; height: 150px; }

/* FormCheck validation div */
.fc-error { border: 1px solid #888; margin-top: 5px; background-color: #EAEAEA;color: #FF0000; }
.fc-error p { margin: 5px; }