/*font-family:'Futura W02 Book';
font-family:'Futura W02 Bold';
*/
html, body { background: #fff; color: #000; font-family:'Futura W02 Book', sans-serif; font-size: 14px; line-height: 1.6em; margin: 0; padding: 0; width: 100%;  position: relative; }

/* wrappery */
#main-wrapper { width: 100%; position: relative; float: left; }

/* header */
#header { width: 1038px; height: 63px; margin: 0 auto; margin-top: 52px; overflow: visible; background: url('/images/kubawalczak/menu-bar.png') 0 0 transparent scroll no-repeat; position: relative; }

/* topmenu */
#topmenu { margin: 0; padding: 0; margin-left: 30px; float: left; }
#topmenu li { list-style: none; display: inline-block; float: left; height: 63px; line-height: 63px; overflow: hidden; margin-left: 40px; }
#topmenu li#menu-top-separator { width: 205px; }
#topmenu li a { color: #fff; text-decoration: none; transition: color 0.3s ease; text-transform: uppercase; font-size: 16px; }
#topmenu li a:hover, #topmenu li a:active, #topmenu li a.on { color: #144683; transition: color 0.3s ease; }

/* a */
a#logo { display: block; width: 144px; height: 78px; background: url('/images/kubawalczak/logo.png'); position: absolute; left: 448px; top: -7px; z-index: 2; }
a { color: #000; text-decoration: underline; transition: color 0.3s ease; }
a:hover, a:active { color: #144683; transition: color 0.3s ease; text-decoration: none;}

/* h */
h1 { font-weight: bold; font-size: 50px; min-height: 50px; line-height: 50px; font-family:'Futura W02 Bold', sans-serif;}
h2 { font-weight: bold; font-size: 30px; min-height: 30px; line-height: 30px; font-family:'Futura W02 Bold', sans-serif;}
p.page-title { margin-top: 0; margin-bottom: 20px; font-weight: bold; font-size: 50px; min-height: 50px; line-height: 50px; font-family:'Futura W02 Bold', sans-serif; }

/* b */
b, .bold, strong { font-family:'Futura W02 Bold', sans-serif;}
/* clear */
.clear { clear: both; overflow: auto; }

/* content */
#content { width: 990px; margin: 0 auto; padding: 0; position: relative; }

/* homepage */
#homepage-banner-container { width: 100%; height: 443px; overflow: visible; }
#homepage-banner-container img#img-bg { position: absolute; top: -15px; left: 0px; z-index: -100; }

#homepage-overlaps, #homepage-content { width: 990px; overflow: hidden; float: left; z-index: 1; }
#homepage-overlaps ul { margin: 0; padding: 0; list-style: none; float: left; }
#homepage-overlaps ul li { display: inline-block; float: left; width: 244px; height: 297px; overflow: hidden; background: url('/images/kubawalczak/blue-black-overlaps.png') 0 0 transparent scroll no-repeat; margin-left: 4px; color: #fff; }
#homepage-overlaps ul li.overlap-blue { background: url('/images/kubawalczak/blue-black-overlaps.png') -244px 0 transparent scroll no-repeat; }
.overlap-title { width: 208px; height: 66px; line-height: 66px; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: bold; font-size: 18px; ]}
.overlap-content { width: 189px; height: 167px; padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; overflow: hidden; margin-top: 9px; font-size: 12px; line-height: 1.4em; position: relative; }
a.overlap-more { position: absolute; right: 30px; bottom: 25px; font-weight: bold; color: #fff; text-transform: uppercase; text-decoration: none; }
a.overlap-more:hover { color: #AEAEAE; }

.homepage-content-left { width: 100%;}

.homepage-content-right { width: 533px; height: 100%; margin-top: 30px; padding-bottom: 10px; }

#homepage-phone { width: 176px; display: block; height: 40px; line-height: 40px; padding-left: 50px; background: url('/images/kubawalczak/contact-icon-home.png') 0 0 transparent scroll no-repeat; position: absolute; top: 30px; right: 0px; font-size: 16px; font-size: 24px; }
#homepage-email { width: 176px; display: block; height: 40px; line-height: 40px; padding-left: 50px; background: url('/images/kubawalczak/contact-icon-home.png') 0 -40px transparent scroll no-repeat; position: absolute; top: 72px; right: 0px; font-size: 14px; text-decoration: underline; font-size: 19px; }

/* stopka */
#footer { width: 100%; background: #000; color: #fff; margin-top: 30px; }
@media(max-width: 450px){.homepage-content-left{ padding: 20px;} #footer { width: 1040px;}}
#footer-content { width: 990px; margin: 0 auto; padding: 0; position: relative; height: 150px; 	}
#footer-content a#facebook { position: absolute; top: 40px; left: 0px; display: block; width: 103px; height: 21px; background: url('/images/kubawalczak/fb-icon.png') 0 0 transparent scroll no-repeat; }
#footer-content a#facebook:hover { background-position: 0 -21px; }
#footer-content #url-text { position: absolute; left: 300px; top: 40px; letter-spacing: 5px; }
#footer-content #text-right { position: absolute; right: 0; top: 30px; text-align: right; font-size: 12px; line-height: 1.4em; }
#footer #copyrights { font-size: 12px; position: absolute; right: 0; bottom: 20px; }
#footer-cyrek-it { background: url("/images/cyrek-inactive.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 25px; width: 100px; }
#footer-cyrek-it:hover { background: url("/images/cyrek.png") 0 0 transparent scroll no-repeat; }

/* podstrona */
.subpage-content { display: table; margin-top: 70px; }
.subpage-content-left { width: 562px; padding-right: 60px; display: table-cell; vertical-align: top; height: 100%; }
.subpage-content-right { width: 368px; display: table-cell; vertical-align: top; height: 100%;  }

#subpage-kontakt { width: 100%;  padding: 0; }

/* formularz */
#contact-form {}
#contact-form ul { margin: 0; padding: 0; list-style: none; }
#contact-form ul li { display: block; width: 100%; margin-bottom: 8px; }

input[type=text] 
{ 
	padding-left: 5%; width: 75%; height: 40px; background: #f6f6f6; font-size: 12px; color: #9c9c9c; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  
	-webkit-box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15); -moz-box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15); box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15);
	border: 1px solid #bdbdbd; border-bottom: 1px solid #ececec; font-family: 'Futura W02 Book', sans-serif;
}

textarea 
{ 
	height: 130px; padding: 10px; padding-left: 5%; padding-right: 5%; width: 70%;
	font-size: 12px; color: #9c9c9c; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  
	-webkit-box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15); -moz-box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15); box-shadow: inset 3px 3px 5px rgba(50, 50, 50, 0.15);
	border: 1px solid #bdbdbd; border-bottom: 1px solid #ececec; 
	font-family: 'Futura W02 Book', sans-serif;
}

.submit { display: inline-block; height: 40px; line-height: 40px; text-transform: uppercase; color: #fff; padding-left: 40px; padding-right: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; background: #000; font-size: 16px; }

/* realizacje */
#realization-left { width: 354px; float: left; font-family: 'Futura W02 Book', sans-serif; font-size: 18px;}
#realization-right { width: 600px; margin-left: 36px; float: right; padding-bottom: 2px; }
#realization-left ul { margin: 0; padding: 0; list-style: none; }
#realization-left ul li { display: block; width: 100%; }
#realization-left ul li a { width: 90%; padding-left: 10%; height: 73px; line-height: 70px; display: block; background: url('/images/kubawalczak/realization-menu-realization.png') 0 -74px transparent scroll no-repeat; color: #fff; text-decoration: none; }
#realization-left ul li a.active, #realization-left ul li a:hover, #realization-left ul li a:active { background-position: 0 0; color: #fff; }

#photo-main-container { width: 586px; height: 454px; border: 2px solid #174380; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; overflow: hidden; line-height: 454px; text-align: center; }
#photo-main-container img { max-width: 586px; max-height: 450px; vertical-align: middle; }
#photo-thumbs-list { width: 100%; overflow: visible; margin-top: 5px; }
#photo-thumbs-list ul { margin: 0; padding: 0; list-style: none; float: left; }
#photo-thumbs-list ul li { display: inline-block; width: 95px; height: 95px; line-height: 95px; text-align: center; float: left; margin-right: 4px; margin-top: 5px; position: relative; }
#photo-thumbs-list ul li.active-slide a { border: 2px solid #174380; }
#photo-thumbs-list ul li a  { display: inline-block; width: 91px; height: 91px; border: 2px solid #222c35; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; line-height: 91px; }
#photo-thumbs-list ul li a img { max-width: 91px; max-height: 91px; vertical-align: middle; }
#photo-thumbs-list ul li .active-element { display: block; opacity: 0; transition: opacity 0.5s ease-in-out; position: absolute; left: -2px; top: -2px; width: 95px; height: 95px; z-index: -1; border: 2px solid #174380; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #174380; }