html {overflow-x:hidden;}
body {margin:0; padding:0; background: url(images/bg_body.jpg) repeat-x; font-family: Arial, sans-seif; font-size: 14px; color: #fff;}
img {border: none;}
a {text-decoration: none; }
h1 {color: #00ff00; font-size: 40px; text-transform: uppercase; margin-bottom: 0;}
h2 { color: #67cb15; text-transform: uppercase; font-weight: normal; font-size: 18px; padding: 10px 0 0 20px; margin-bottom: 0; width: 1000px; margin:0 auto;}
.clear {clear:both;}
@font-face {
	font-family: 'HelveticaNeueLTPro-Md';
	src: url('fonts/helveticaneueltpromd.eot');
	src: url('fonts/helveticaneueltpromd.eot?#iefix') format('embedded-opentype'),
			 url('fonts/helveticaneueltpromd.woff') format('woff'),
			 url('fonts/helveticaneueltpromd.ttf') format('truetype'),
			 url('fonts/helveticaneueltpromd.svg#helveticaneueltpromd') format('svg');
	font-weight: normal;
	font-style: normal;
}

#social{height: 35px; background:#fff;}
#social a{float:left; }

#top {margin:0 auto; width: 1000px; margin-top: 35px; height: 210px; position: relative;left: 50%;margin-left: -280px;}
#top .logo { float: left;}

.menu {float: left; width: 665px; height: 210px; list-style: none; margin: 0; font-family: 'HelveticaNeueLTPro-Md'; font-size: 13px; text-transform: uppercase; margin-top: -25px; margin-left: 50px; line-height: 14px;}
.menu li {background: url(images/bg_menu.png) no-repeat; width: 118px; height: 202px; float: left; text-decoration: none; }
.menu li.dla-architektow {z-index:5; position:relative; right: 180px;}
.menu li.galeria{z-index:4; position:relative; right: 120px;}
.menu li.zapytania{z-index:4; position:relative; left: -240px; }
.menu li.kontakt{z-index:3; position: relative; left: -300px; }
.menu li.oferta{z-index:3; position: relative; right: 60px;}
.menu a {color: #000; width: 20px; display: block; height:391px; }
.menu a em {font-style: normal;display: block;text-align: center;}
.menu li.dla-architektow a.noactive {top: 20px;left: 52px; position: absolute;}
.menu li.galeria a.noactive {top: 20px;left: 48px; position: absolute;}
.menu li.zapytania a.noactive {top: 20px;left: 58px; position: absolute;}
.menu li.kontakt a.noactive {top: 20px;left: 58px; position: absolute;}
.menu li.oferta a.noactive{top: 20px; position: absolute; left:48px;}
.menu li.oferta a.active {background: url(images/bg_menu_active.png) no-repeat 22px 115px; z-index: 3; width:96px; top: 20px; position: absolute; left: 10px;  }
.menu li.galeria a.active {background: url(images/bg_menu_active.png) no-repeat 22px 115px; z-index: 3; width:96px; top: 20px; position: absolute; left: 10px;}
.menu li.kontakt a.active {background: url(images/bg_menu_active.png) no-repeat 22px 115px; z-index: 3; width:96px; top: 20px; position: absolute; left: 20px;}
.menu li.zapytania a.active {background: url(images/bg_menu_active.png) no-repeat -2px 115px; z-index: 3; width:68px; top: 20px; position: absolute; left: 34px;}
.menu li.dla-architektow  a.active {background: url(images/bg_menu_active.png) no-repeat 17px 115px; z-index: 3; width:96px; top: 20px; position: absolute; left:15px; height: 150px;}
.menu li.dla-architektow  a.active .right {position: absolute;left: 49px !important;}
.menu li.dla-architektow  a.active .left {position: absolute;left: -4px !important;}
.menu li a:hover {color: #b50000;}
.menu li a {height: 150px;}




#slider{margin:0 auto; height: 345px; text-align: center; width: 1680px; position: absolute;left: 50%;margin-left: -840px; overflow: hidden;}
#slider img.slides { position: relative; -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, .9); box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, .9); }
.arrows {top:-250px; position: relative;}
.arrows a.leftbtn {right: 460px; position: relative;}
.arrows a.rightbtn {left: 460px; position: relative;}
#slider .wrapper {position: relative; top: -220px; right: 325px;}
#slider .wrapper p {position: relative; right: 20px; text-transform: uppercase; margin-top: 0;}
.nav {top:-210px; position: relative; left: 50%;}
.nav a.active {background: url(images/slide_menu.png) no-repeat 0 0; width:16px; height:14px;  float: left; margin: 0 3px;}
.nav a.no-active {background: url(images/slide_menu.png) no-repeat -20px 0; width:16px; height:14px;   float: left; 	margin: 0 3px;}
.nag {background:#fff; height: 40px; margin-bottom: 20px; -webkit-box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, .9); box-shadow: 0px 5px 6px 0px rgba(0, 0, 0, .9); }
.nag ul {text-align: center; list-style: none; margin:0; padding:0; left: 50%; margin-top: 15px; position: absolute;}
.nag li {text-transform: uppercase; float: left; margin-right: 30px; font-size: 15px; position:relative; right:50%; }
.nag a {color: #b50000;}
.nag a.active {font-weight: bold;}
.nag a:hover {text-decoration: underline;}


#content {margin:0 auto; margin-top: 345px; color:#e7e7e7;}
#content .wrapper p{padding: 0 10px;}
#content .wrapper {overflow: auto; overflow-x: hidden; width: 1000px; min-height: 240px; margin:0 auto;}
#content .gallery {width: 1000px; min-height: 240px; padding: 80px 20px 0 20px;margin: 0 auto;}
#content .gallery ul.photos {list-style:none; margin:0; padding:0; float: left; margin-top: -30px; width:1000px;}
#content .gallery ul.photos li {float:left; margin-right: 20px; margin-bottom: 20px;}
#content .gallery img {border: 2px solid #f2f2f2;}
#content .gallery img:hover {opacity: .7; filter:alpha(opacity=70);}
#content .gallery ul.pagin {list-style:none; margin:0; padding:0; position: relative; float: left; display: block; left: 50%;}
#content .gallery ul.pagin li {float:left; margin-right: 10px; margin-bottom: 20px; position: relative; display: block; right: 50%;}
#content .gallery ul.pagin a {color: #fff; padding-right: 8px; float: left;}
#content .gallery ul.pagin a.active, #content .gallery ul.pagin a:hover {color: #b50000; font-weight: bold;}

#footer {width:1680px; min-height: 100px; margin:0 auto; text-align: center; font-size: 9px; color: #e7e7e7; background: url(images/sep.png) no-repeat; clear:both;}
#footer .wrapper {width: 1000px; position: absolute;left: 50%;margin-left: -500px; margin-top: 30px;}

.submenu {float: left; width: 500px;}
.submenu ul {list-style: none; margin: 0; text-transform: uppercase; padding: 0;}
.submenu li {float: left; margin-right: 10px; }
.submenu a {color: #e7e7e7;}
.submenu a.active, .submenu a:hover {color: #67cb15;}
.copyrights {float:right; text-align:left; text-transform:uppercase;}
.copyrights p a {color: #e7e7e7;}
.copyrights p a:hover {color: #F18F08;}
.copyrights p {margin-top: 0;}

.fkontakt {width: 670px; position: absolute;color: #fefefe; padding: 30px 0 0 260px;}
.fkontakt img {float: left; margin-right: 50px; margin-top: 45px;}
.fkontakt p {font-size: 18px; margin-top: 0;}
.fkontakt p.name {font-weight: bold; font-size: 26px;}

.form {margin-top: 15px; margin-left: 180px; }
.form span {text-transform: uppercase; width: 150px;text-align: right; float: left; margin-right: 30px; padding-top: 5px;}
.form div {margin-bottom: 20px;}
.form input {width: 300px; height: 25px;}
.form .send {background: url(images/send.png) no-repeat; width:110px; height: 64px; border: none; cursor:pointer; text-transform: uppercase; color: #b50000; font-weight: bold; font-size: 13px; margin-left: 170px;}



#slider .ws_images{
    width: 1680px;
    height: 439px;
    overflow:hidden;
    position:relative;
}

#slider .ws_images a{
    color:transparent;
}

#slider .ws_images img{
    top:0;
    left:0;
    border:none 0;
    max-width: none;
}

#slider  .ws_bullets { 
padding: 5px;
z-index: 70;
position: relative;
left: 50%;
margin-left: -670px;
top: -70px;
}

#slider  .ws_bullets div{
    position:relative;
    top: -60px;
    left: 600px;
    z-index: 1000;
}
#slider .ws_bullets a { 
    background: url(images/slide_menu.png) -20px 0;
width:16px; height:14px;  float: left; margin: 0 3px;
}
#slider .ws_bullets a.ws_selbull, #slider .ws_bullets a:hover{
    background-position: left top;
}

#slider a.ws_next, #slider a.ws_prev {
    position:absolute;
    display:block;
    top:50%;
    margin-top:-16px;
    z-index:60;
    height: 72px;
    width: 27px;
}
#slider a.ws_next{
left: 1300px;
top: -300px;
background-image: url(images/right.png);
position: relative;
float: left;
}
#slider a.ws_prev {
left: 340px;
top: -300px;
background-image: url(images/left.png);
position: relative;
}


#slider .ws-title{
position: relative;
top: -320px;
right: -385px;
z-index: 70;
width: 900px;
}
#slider p.p1
{color: #00ff00;
font-size: 40px;
text-transform: uppercase;
margin-bottom: 0;
text-align: left;
font-weight: bold;
}

#slider p.p2
{position: relative;
text-transform: uppercase;
margin-top: 0;
text-align: left;
font-size: 16px;
}