* {padding:0px; margin:0;}

html {}

body {
	background:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color:#6b6b6b; 
	font-size:12px;
	}

img {
	border:0px none; 
	vertical-align:middle;
	}

a {	
	color:#000000; 
	text-decoration:none;
	}
a:hover {
	text-decoration: underline;
	color:#000000;
	}

h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:24px; 
	color:#000000; 
	font-weight:bold; 
	line-height:22px; 
	margin-bottom:20px; 
	text-shadow:#ffffff 1px 1px 1px;
	}

h2 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#000000; 
	font-weight:bold; 
	line-height:22spx; 
	margin-bottom:10px; 
	text-shadow:#ffffff 1px 1px 1px;
	}
	
h3 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:15px; 
	color:#000000; 
	font-weight:bold; 
	line-height:18px; 
	margin-bottom:10px; 
	text-shadow:#ffffff 1px 1px 1px;
	}

h4 {	
	font-family:"Century Gothic", Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	font-weight:bold; 
	line-height:18px; 
	margin-bottom:10px; 
	text-shadow:#ffffff 1px 1px 1px;
	}

ul {
	padding:0; 
	margin:0;
	}
	
ul li {
	padding:0; 
	margin:0; 
	list-style-type:none;
	}
	
ol {
	padding:0; 
	margin:0 0 0 20px; 
	}
	
ol li {
	padding:0; 
	margin:0; 
	}

p {
	line-height:18px;
	}

fieldset {
	margin:5px; 
	padding:3px; 
	border:1
	}
label {
	width: 170px;
	display: block;
	float: left;
}
	
input {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#a8a8a8; 
	vertical-align:middle; 
	margin:5px; 
	padding:3px; 
	width: 250px;
	border:1px solid #F8C400;
}
	
textarea {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#a8a8a8;
	margin:5px; 
	padding:3px; 
	width: 250px;
	height: 200px;
	border:1px solid #F8C400;
}

div.both {
	clear:both;
	}
	
.left {
	float:left;
	}

.right {
	float:right;
	
	}
	

/* ===== layout boxes ===== */

#container-all {width:100%; margin:0; padding:0; background:url(../images/bg-lines.jpg) repeat-y center;}
#main-container {width:960px; margin:0 auto 0; padding-bottom:30px;}
#left {width:310px; float:left;}
#right {width:705px; float:right; position:relative; margin-right:-55px;}

/* button sala konferencyjna */
a.button-sala {display:block; position:fixed; z-index: 104; right:0; top:100px; background: url(../images/button-sala.png) no-repeat left; height:235px; width:40px;}
a.button-sala:hover { width:50px;}
a.button-sala span {display:none;}

/* ===== main page ===== */

/* left column */
.logo {width:310px; padding:43px 0 69px 0;}
.about-text {width:310px; padding-bottom:30px;}
	.about-text p {padding:20px 30px 20px 0; text-align:justify;}
	.about-text a.button-more {display:block;background:#545454 url(../images/button-czytaj-dalej.jpg) no-repeat; width:93px; height:29px;}
	.about-text a.button-more span {display:none;}
	.about-text a.button-more:hover {background:#e4b800 url(../images/button-czytaj-dalej-hover.jpg) no-repeat;}
	
.contact-box {width:330px; padding:25px 0 0 0; position:relative; background:url(../images/contact-box-bg-1.png) no-repeat right top;}
.contact-box .contact-box-border-top {background:url(../images/contact-box-border-top.jpg) no-repeat; width:365px; height:1px; max-height:1px; position:absolute; top:-2px; left:-55px;}
.contact-box h2 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:18px; color:#000000; font-weight:bold; line-height:16px; margin-bottom:10px; text-shadow:#ffffff 1px 1px 1px;}
.contact-box h2 span {font-size:15px; color:#000000;}
.contact-box dl {line-height:18px; padding:10px 0 10px 0;}
.contact-box dl dt {font-weight:bold;}

.contact-box dl dd span {font-size:18px; color:#000000; font-weight:bold; display: block; float: right; width: 145px; margin-right: 140px;}
.contact-box a.button-form {background:url(../images/button-formularz.jpg) no-repeat; width:165px; height:29px; display:block; margin-top: 15px;}
.contact-box a.button-form span {display:none;}
.contact-box a.button-form:hover {background:#e4b800 url(../images/button-formularz-hover.jpg) no-repeat;}

/* right column */
.short-links {width:650px; position:absolute; top:15px; z-index:102;}
.short-links ul {padding:0 0 0 190px ;}
.short-links ul li {float:left; padding:0 0 10px 0; margin-left:10px;}
.short-links ul li img {vertical-align:top; margin-right:10px;}
.short-links ul li a, .short-links ul li img {margin-top:5px;}
.short-links ul li a.button-site-map {background: url(../images/button-mapa.png) no-repeat; width:111px; height:21px; display:block;}
.short-links ul li a.button-fb {background:url(../images/button-fb.png) no-repeat; width:33px; height:21px; display:block;}
.short-links ul li a span {display:none;}
.short-links ul li.tel-style {font-size:26px; font-weight:bold;font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#f8c300; text-shadow:#ffffff 1px 1px 1px; margin-left:25px;}
.short-links ul li.tel-style span {color:#ffffff; text-shadow:#5b5a5a 1px 1px 1px;}

.menu {width:705px; background: url(../images/menu-bg.png) no-repeat; height:60px; position:absolute; margin-top:100px; z-index:101;}
.menu ul li {float:left; position:relative;}
.menu ul li img {display:block; margin-top:-91px; height:60px; width:1px;}
.menu ul li a {display:block; padding:22px 12px 21px 12px;font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-shadow:#ffffff 1px 1px 1px; letter-spacing:-1px;}
.menu ul li a:hover {background:#838281; color:#ffffff; text-shadow:#212120 1px 1px 1px; margin-top:-31px; border-bottom:31px #f8c300 solid; * height:17px; text-decoration:none;}

.top-images {width:705px !important; height:550px; max-height:550px; position:relative;}


.boxes {width:630px;margin-top:-85px; position:relative; padding-left:35px; z-index:100;}
.boxes img.sep-1 {position:absolute; left:245px; top:-50px;}
.boxes img.sep-2 {position:absolute; left:455px; top:-50px;}
.boxes ul {}
.boxes ul li {float:left; background:#f8c300 url(../images/boxes-li-hover-bg.jpg) repeat-y;}
.boxes ul li a {display:block; width:190px; height:35px;font-size:15px; font-weight:bold;font-family:"Century Gothic", Arial, Helvetica, sans-serif;color:#ffffff; text-shadow:#000000 1px 1px 1px; letter-spacing:-1px; padding:165px 0 0 20px;}
.boxes ul li a:hover { height:35px; margin-top:-50px;padding:215px 0 0 20px;color:#000000; text-shadow:#ffffff 1px 1px 1px;text-decoration:none;}
.boxes ul li.box-wynajem-biur a {background:url(../images/img-wynajem-biur.jpg) no-repeat;}
.boxes ul li.box-wynajem-biur a:hover {background:url(../images/img-wynajem-biur-hover.jpg) no-repeat;}
.boxes ul li.box-wynajem-magazynow a {background:url(../images/img-wynajem-magazynow.jpg) no-repeat;}
.boxes ul li.box-wynajem-magazynow a:hover {background:url(../images/img-wynajem-magazynow-hover.jpg) no-repeat;}
.boxes ul li.box-konfekcjonowanie a {background:url(../images/img-konfekcjonowanie.jpg) no-repeat;}
.boxes ul li.box-konfekcjonowanie a:hover {background:url(../images/img-konfekcjonowanie-hover.jpg) no-repeat;}

/* footer */
#footer-all-container {width:100%; background:url(../images/footer-top-border.jpg) no-repeat top center; padding-top:2px;}
#footer {background: url(../images/footer-yellow-bg.jpg) no-repeat top left; width:960px; margin:0 auto 0; font-size:11px;padding:15px 0 30px 0;}

#footer ul {float:right;}
#footer ul li {display: inline; padding-left:10px;}

/* ===== subpages ===== */

/* contact box */
.dwa {background:url(../images/contact-box-bg-2.png) no-repeat right top; margin-top:86px;}

/* slider images box */
.top-images-2 {width:705px !important; height:410px !important; max-height:410px; position:relative;}
#slider {height:550px; overflow: hidden;}

/* content */
.content {width:590px; background:#ffffff; margin:-85px 0 0 40px;position:relative; padding:30px 20px 30px 20px;z-index:100;}
.content p {padding:0 0 10px 0;}
.content ul li {list-style-type:disc; list-style-position: inside;line-height:18px; padding-left:20px;}
.content ol li {list-style-position:inside; line-height:18px;}
.content ul, content ol {padding:10px 0 10px 0;}

.gallery_photo img {
	padding: 2px;
	margin: 2px;
	float: left;
	border: 1px solid #FDC705;
}

/* ===== fb like box ===== */

/* glowny div z like box'em */
#like-box {    position: fixed;    z-index: 103;    top: 350px;  /* jego polozenie od gory */    right: -270px; /* szerokosc wygenerowanego boxa + 4px obramowania */    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {   right: 0px;}
 
/* zewnetrzna ramka boxa */
#like-box .outside {    position: relative; z-index: 1; background: #3b5999;    padding: 2px;    min-width: 1px;    float: left;}
 
/* wewnetrzne tlo boxa */
#like-box .inside {    position: relative;    z-index: 2;    background: #fff;	width:266px;	height:300px;}
 
/* pasek z logo FB */
#like-box .belt {    position: relative;    z-index: 0;	background: url(../images/fb-belt.png) no-repeat;    float: left;    width: 40px;    height: 94px;}
#like-box .belt span {display:none;}

.partners {
	margin-top: 35px;
    position: relative;
    width: 703px;
    z-index: 100;
	height: 110px;
	overflow: hidden;
	padding-top: 10px;
}

.partners .image {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 120px;
	margin-right: 25px;
	min-height: 70px;
	float: left;
	display: block;


}