* {	margin: 0; padding: 0; border: 0px;  }
* { outline: none; }
img { border: none; }
html, body { height: 100%; font: 10px Tahoma, sans-serif; color: #737373; }

#Page {	background: #fff; width: 100%; height: 100%; }
#Main { margin: 0 auto -100px; min-height: 100%; height: auto !important; height: 100%; position: relative; }

/*		Top
_________________________________________________________________________________________*/

#Top-a { float: left; width: 100%; border-bottom: 1px solid #0097e0; }
#Top { margin: 0 auto; width: 950px; height: 140px; }
#Logo { float: left; width: 200px; height: 62px; margin-top: 28px; }
#Header { float: left; width: 452px; height: 86px; padding-left: 250px; padding-top: 28px; }
#Header span { font-size: 12px; }

#MainMenu { float: right; width: 374px; height: 20px; }
#MainMenu a { height: 20px; padding-right: 30px; text-decoration: none; font-size: 1.1em; color: #333333; font-weight: bold; }
#MainMenu a.no { padding-right: 0px; }

#MainMenu a:hover { color: #0097e0; }

/*		Container
_________________________________________________________________________________________*/


#Container-a { float: left; width: 100%; margin: 40px 0 0 0; }
#Container { margin: 0 auto; width: 950px; padding-bottom: 20px; }
.Container2 { float: left; width: 950px; margin: 0px 0px 20px 0px; }
.Container2 p { float: left; width: 255px; padding-right: 87px; }
.Container2 p.no { float: left; width: 255px; padding-right: 0px; }
.Container2 a { float: right; width: auto; text-decoration: none; margin: 11px 0px 10px 0px; }
.Container2 a:hover { color: #72badf; }
.Container2 a.pies { float: left; margin: 0px; }
#Polozenie { float: left; width: 698px; height: 0px; margin: 25px 0px 0px 0px; padding: 8px 0px 4px 252px;  }
#Polozenie p { font-weight: bold; color: #e7e7e7; }
#Polozenie a { color: #ffffff; padding-left: 5px; font-weight: normal; }

#MainPic { float: left; width: 100%; height: 260px; margin-top: 20px; background: url(../index/background.gif) top left repeat-x; }
#MainPic-a { margin: 0 auto; width: 950px; height: 260px; position: relative; overflow: hidden; }

.Container-Main { float: left; width: 255px; }
.line-right { padding-right: 36px; border-right: 1px solid #dcdcdc; }
.pad-left { padding-left: 50px; }
.pad-left2 { padding-left: 60px; }
.pad-right { padding-right: 87px; }
.Container-Main p { line-height: 18px; margin-bottom: 18px; }
.Container-Main a { float: right; width: auto; }

#ContainerMenu { float: left; width: 195px; padding-right: 57px; margin-bottom: 20px; }
#ContainerMenu li { list-style: none; width: 195px; }
#ContainerMenu li a { float: left; width: 195px; text-decoration: none; font-size: 1.1em; color: #737373; height: 14px; border-bottom: 1px solid #cccccc; padding: 10px 0px 1px 0px; }
#ContainerMenu div.mHeader { float: left; width: 195px; color: #333333; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #cccccc; padding: 6px 0px 1px 0px; cursor: pointer; }
#ContainerMenu div.mHeader a { color: #333333; text-decoration: none; }
#ContainerMenu div.mHeader a:hover { color: #0097e0; }
#ContainerMenu div.mHeader:hover { color: #0097e0; }
#ContainerMenu div.no { border-bottom: 0px; }
#ContainerMenu li a:hover { color: #0097e0; }
.mar-top { margin-top: 20px; }
.mar-top2 { margin-top: 50px; }
.mar-top3 { margin-bottom: 120px; }
.mar-bot { margin-bottom: 20px; }

#ContainerText { float: left; width: 438px; margin-bottom: 40px; }
#ContainerText ul { float: left; margin-top: 40px; }
#ContainerText p { float: left; width: 428px; line-height: 16px; }
#FotoRight { float: right; width: 200px;}
#ContainerText em { color: #0097e0; font-style: normal; }
#FotoRight span.comp { float: right; width: 200px; height: 302px; padding-left: 70px; background: url(../images/img-computers.jpg) top right no-repeat; }

#ContainerText .portfolio p { float: left; width: 256px; padding-left: 20px; line-height: 17px; }

#FotoRight span { float: left; width: 200px; }
#FotoRight span.wizytowki { height: 253px; background: url(../images/img-wizytowki.jpg) top right no-repeat; }
#FotoRight span.ulotki { height: 347px; background: url(../images/img-ulotki.jpg) top right no-repeat; }
#FotoRight span.rekwiz { height: 325px; background: url(../images/img-rekwiz.jpg) top right no-repeat; }
#FotoRight span.poligrafia { height: 316px; background: url(../images/img-poligrafia.jpg) top right no-repeat; }
#FotoRight span.teczki { height: 342px; background: url(../images/img-teczki.jpg) top right no-repeat; }
#FotoRight span.banpod { height: 267px; background: url(../images/img-baner-podlogowy.jpg) top right no-repeat; }
#FotoRight span.rollbaner { height: 369px; background: url(../images/img-rollbaner.jpg) top right no-repeat; }
#FotoRight span.folder { height: 348px; background: url(../images/img-folder.jpg) top right no-repeat; }
#FotoRight span.statyczne { height: 350px; background: url(../images/img-statyczne.jpg) top right no-repeat; }
#FotoRight span.cms { height: 148px; background: url(../images/img-cms.jpg) top right no-repeat; }
#FotoRight span.banery { height: 370px; background: url(../images/img-baner.jpg) top right no-repeat; }
#FotoRight span.ofirmie { height: 363px; background: url(../images/img-ofirmie.jpg) top right no-repeat; }
#FotoRight span.oferta { height: 295px; background: url(../images/img-oferta.jpg) top right no-repeat; }

#FotoRight a.portfolio-link { float: left; width: 200px; padding: 8px 0 8px 0; text-align: center; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #0097e0; margin-top: 20px; text-decoration: none; }
#FotoRight a.portfolio-link:hover { background: #333333; }

.line-top { margin-top: 40px; padding-top: 30px; border-top: 1px solid #0097e0; }
.blue { color: #0097e0; }
.kropki { border-bottom: 1px solid #E7E7E7; margin-bottom: 7px; padding-bottom: 7px; }

.ContainerPortfolio { float: left; width: 646px; border: 1px solid #cccccc; padding: 20px 25px 10px 25px; }
.ContainerPortfolio h2 { float: left; width: 516px; height: 37px; background: url(../images/h2_portfolio.jpg) top left no-repeat; padding: 19px 0 0 130px; margin-bottom: 30px; }
.ContainerPortfolio ul, .ContainerPortfolio ul.flash li { float: left; width: 646px; }
.ContainerPortfolio ul li { float: left; list-style: none; width: 188px; padding-right: 41px; cursor: pointer; margin-bottom: 41px; text-align: center; }
#ContainerText ul li { float: left; list-style: none; width: 188px; padding-right: 41px; cursor: pointer; margin-bottom: 41px; text-align: center; }
.ContainerPortfolio ul li.no, #ContainerText ul li.no { padding-right: 0px; }
.ContainerPortfolio ul li img, #ContainerText ul li img { float: left; width: 188px; height: 134px; margin-bottom: 4px; }
.ContainerPortfolio ul li p, #ContainerText ul li p { float: left; width: 188px; height: 22px; text-align: center; background: #eeeeee; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #333333; padding-top: 4px; }
.ContainerPortfolio ul li p:hover, .ContainerPortfolio ul.flash li p:hover, #ContainerText ul li p:hover { background: #333333; color: #0097e0; }
.ContainerPortfolio ul.flash li p { float: left; width: 646px; height: 22px; text-align: center; background: #eeeeee; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #333333; padding-top: 4px; margin-top: 4px; }

#thumbPopup{ z-index: 100;
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#333;
	}
	#thumbPopup img { 
	  max-height: 400px;
	  max-width: 500px;
        height: auto;
		width: auto;
		}
/*		Footer
_________________________________________________________________________________________*/


#Footer-b { float: left; background: #eeeeee; width: 100%; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin-top: 20px; }
#Footer-c { margin:0 auto; width: 950px; position: relative; }
#Footer { float: left; width: 950px; padding-top: 20px; }
#Footer p { float: left; width: 600px; font-size: 11px; line-height: 14px; text-align: left; padding-bottom: 20px; } 
a.blue { color: #0097e0; font-size: 11px; text-decoration: none; }

#FooterRight { float: right; width: 191px; height: 14px; text-align: right; }
#FooterRight li { float: left; list-style: none; padding: 0 8px 0 8px; border-left: 1px solid #cccccc; }
#FooterRight li.no { border-left: 0px; }
#FooterRight li.no-pr { padding-right: 0px; }
#FooterRight li a { float: left; color: #737373; }

#Footer-a { width: 950px; margin: 0 auto; position: relative; }
#Footer-a p { float: left; width: 950px; text-align: right; padding: 10px 0 10px 0; }

/*		Znaczniki
_________________________________________________________________________________________*/

h1 { color: #0097e0; font-size: 18px; font-weight: normal; }
h2 { color: #333333; font: 12px Arial, sans-serif; }
h2 span.main { float: left; width: 255px; font-size: 1.1em; padding-bottom: 45px; color: #0097e0; }
h2 span.header, h2 span.header2 { float: left; font-size: 1.1em; margin-bottom: 40px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; font-weight: bold; }
h2 span.header4 { float: left; width: 638px; font-size: 1.1em; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; font-weight: normal; }
h3 { color: #333333; font: 11px Arial, sans-serif; }
h3 span.header { float: left; width: 428px; font-size: 1.1em; padding-bottom: 5px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; }
h2 span.header { width: 428px; }
h2 span.header2 { width: 950px; }

p { color: #737373; font-size: 1.1em; line-height: 16px; }
a { color: #0097e0; font-size: 11px; }
a:hover { text-decoration: none; }