/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, label, legend,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------SITE----------------- */

body{
	overflow-x:hidden;
	background:#ffffff;
	font-family: 'Ubuntu', sans-serif !important;
}

a {
	text-decoration:none !important;
}
	
b {
 	font-weight:bold;
}	
	
.tel {
	color:#4e4e4e;
	font-weight:bold;
}
	
.red {
	color:#b40510;
	font-weight:bold;
}	
	
.brown {
	font-weight:bold;
	color:#bf3600;
}	
	
/* ---------------HORNAV--------------- */

#wrapper_header{
	background: url('../images/bg_header.jpg') top no-repeat;
	margin: 0px auto;
	display:inline-block;
	width:100%;
	height:147px;
}
	
#header {
	position:relative;
	width:1100px;
	margin:0 auto;
	z-index:9999;
}		
	
#szukaj {
	padding-left:400px;
	float:right;
	text-align:right;
	padding-top:50px;
	height:50px;
}	

#header p{
	padding-left:10px;
	padding-top:7px;
	font-size:10px;
	color:#515050;
}	
	
#hornav .line{
	float:right;
}	
	
#hornav ul{
	padding-top:15px;
	width:680px;
	height:34px;
	padding-right:25px;
	float:right;
	color:#222222;
}
	
#hornav ul li { 
	padding-left:10px;
	font-size:7pt;
	float:right;} 
	
#hornav ul, #hornav ul li { 
	display:block;
}
	
#hornav li a:link, #hornav li a:visited{
	font-size:7pt;
	color:#222222;
	text-decoration:none;
}
	
#hornav li a:hover, #hornav a:active{
	font-size:7pt;
	color:#737373;
	margin-top:3px;
}
	
#hornav .icon{
	float:left;
	padding-right:5px;
}	
	
#hornav .elementy{
	margin-top:10px;
}	

#logo{
	float:left;
	width:200px;
	height:110px;
	z-index:999;
	padding-left:35px;
	padding-top:17px;
	position:absolute;
}

#logo:hover{
	opacity:0.9;
}

#lang{
	background: url('../images/bg_lang.png') no-repeat;
	width:94px;
	height:20px;
	margin-top:-4px;
}
	
#lang a{
	float:left;
	font-size:10px;
	color:#fff;
}	

#lang .active{
	float:left;
	padding-top:2px;
	padding-left:8px;
	padding-right:10px;
}
	
#lang .arrow{
	padding-top:3px;
	padding-left:9px;
}	
	
#lang .flag{
	padding-top:2px;
	margin-right:6px;
}	
	
.inputSelect {
	width:96px; 
	height:10px; 
	font-size:10px; 
	color:#fff; 
	cursor: pointer;
}

.inputSelectChoosen {
    padding-top: 1px; 
	display:block;
	margin-left:-18px;
	text-align: center;
}

.inputSelectList {
	margin-top:5px;
	display:none; 
	border-top: 0px;
	z-index:10000000000; 
	position:absolute; 
	width:94px; 
	line-height:20px;
	text-align: left;
}

.inputSelectList a{
	font-size:10px; 
	color:#fff; 
	text-decoration:none;
	cursor:pointer;
	padding-left:10px; 
	padding-right:10px;
	display: block;
}

.inputSelectList img{
	margin-top: 0px;
}

.inputSelectList a:hover{
	color:#000;
}  	

/* --------------- MENU --------------- */	

#wrapper_navigation{
	background: url('../images/bg_navigation.jpg') center no-repeat;
	margin: 0px auto;
	display:inline-block;
	width:100%;
	height:54px;
}
	
#navigation {
	float:right;
	width:541px;
	margin:0 auto;
	z-index:999999;
}				

.menuBox {
	float: right;
}
	
#menu {
	background: url('../images/bg_menu.jpg') center no-repeat;
	width: 526px;
	height: 44px;
	padding: 0px;
	z-index: 999999;
	margin-top:30px;
	margin-right:50px;
}
	
#menu li {
	display: block;
	list-style: none;
	float: right;
	text-align:center;
	position: relative;
	height: 46px;
	z-index:99999999;
	margin-right:1px;
	text-transform:capitalize;

}

#menu li a{
	font-size:13px;
	text-align:center;
	float:right;
	color:#0b0b0b;
	font-weight:bold;
	padding-bottom:20px;
	text-transform:capitalize;
}

#menu li:hover{
	
}

#menu li a:hover{
	border-top: 2px solid #3a3a3a;
}

#menu li ul {
	position:absolute; 
	left:0px;  
	display:none; 
	opacity:0;
	text-align: left;
	list-style:none;
	z-index:999999;
	margin-top:47px;
	
}
	
#menu li ul li {
	background: url('../images/bg_submenu.jpg') center repeat-x;
	position: relative;  
	width: 200px; 
	height: 40px; 
	display:block; 
	margin: 0px;
	padding: 0px;
	z-index:999999;
	padding-left:20px;
	text-transform:capitalize;
}
	
#menu li ul li:first-child a { 
	padding-left: 0px;
}	
	
#menu li ul li:last-child a { 
	padding-left: 0px;
}	
		
#menu li ul li a{
	padding-top:15px;
	padding-left: 0px;
	text-align:left;
	font-size:11px;
	text-align:center;
	float:left;
	color:#fff;
	text-transform:uppercase;
}

#menu li ul li:hover {
	padding-top:0px;
	z-index:999999;
	
}

#menu li ul li a:hover {
	z-index:999999;
	padding-left:5px;
	background: none;
	border-top:none;
	text-shadow: 1px 1px 1px rgba(28, 28, 28, 1);
}

#menu li ul li ul {
	left:334px; 

}
		
/* ---------------SLIDER--------------- */		
	
#flash {
	background: url('../images/bg_slide.jpg') center top no-repeat;
	overflow: hidden;
	text-align:center;
	z-index:999;
	
}
	
#slider {
	text-align:center;
	width:1100px;
	height:376px;
	margin-right:20px;
	margin:0 auto;
	
}

#slider1 {
	width:1920px;
	height:188px;
	margin:0 auto;
}	
	
/* ---------------BOX-LEFT--------------- */			
	
#wrapper_box_left {
	position:absolute;
	width:100%;
	z-index:9999;
}	
	
#box_left {
	width:1100px;
	text-align:left;
	margin:0 auto;
	clear:both;
	z-index:999;
}
	
#promo {
	float:left;
	padding-left:50px;
	padding-top:0px;
	width:352px;
	height:160px;
}	
	
#promo h2 {
	color:#fff;
	padding-top:14px;
	padding-bottom:30px;
	font-size:14px;
	font-weight:bold;
}	
	
#promo p {
	color:#fff;
	font-size:12px;
	line-height:15px; 
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	padding-right:40px;
}	
		
#search {
	position:relative;
	background: url('../images/bg_search.png') center bottom no-repeat;
	float:right;
	width:359px;
	height:59px;
	z-index:999;
}	
	
#lang {
	float:right;
	padding-top:2px;
	padding-right:10px;
}	
	
/* ---------------BOX-RIGHT--------------- */			
	
#wrapper_box_right {
	position:absolute;
	width:100%;
	z-index:999;
}	
	
#box_right {
	width:1000px;
	text-align:left;
	margin:0 auto;
	clear:both;
	z-index:999;
}	
		
#text {
	background: url('../images/bg_text.png') center bottom no-repeat;
	float:left;
	width:332px;
	height:290px;
	margin-right:37px;
	margin-left:30px;
}	

#text:hover {
	opacity:0.9;
}
		
#info {
	margin-top:70px;
	padding:20px;
}

#info p{
	color:#303030;
	padding-bottom:10px;
	font-size:8pt;
	line-height:15px;
}	
	
#lang {
	float:right;
	padding-top:2px;
	padding-right:10px;
}	
	
/* ---------------CONTENT--------------- */	

#wrapper_content{
	background: url('../images/bg_content.jpg') center top no-repeat;
	min-height:200px;
	clear:both;
	position:relative;
	width:100%;
	padding-bottom:10px;
	overflow:auto;
}
	
#content {
	width:1100px;
	height:auto;
	text-align:left;
	margin:0 auto;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	z-index:999999;
}	
	
#content h1 {
	width:750px;
	padding-top:35px;
	padding-bottom:25px;
	float:left;
	text-align:left; 
	font-size:15px;
	font-weight:bold;
	color:#0b0b0b;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}		
	
#content h2 {
	float:left;
	width:300px;
	padding-top:8px;
	text-align:left; 
	font-size:15px;
	font-weight:bold;
	color:#031058;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}	
	
#content #title {
	margin-top:5px;
	padding-left:8px;
	padding-bottom:34px;
	margin-bottom:15px;
	padding-right:12px;
	margin-left:5px;
	border-bottom: #CCC 1px solid;
	width:970px;
}	
	
#content .sciezka {
	float:left;
	width:900px;
	padding-top:0px;
	text-align:left; 
	font-size:12px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}		
	
#content p {
	font-size: 12px;
	line-height: 17px;
}	
	
#content a:link, #content a:visted {
	color:#1d2f8c !important;
}			
	
#menu_kat {
	margin-top:12px;
	margin-bottom:15px;
	width:281px; 
	margin-right:35px;
	float:left;	
}	

#menu_bramy {
	background: url('../images/bg_bramy.jpg'); 
	width:281px;
	height:157px;
	margin-left:15px; 
	margin-right:25px;
	float:left; 
}	

#menu_bramy ul{
	padding-top:75px;
	padding-left:35px;
	list-style:circle;
}

#menu_bramy li{
	padding-bottom:8px;
}

#menu_bramy li a{
	font-size:13px;
	padding-bottom:8px;
	color:#000000;
}

#menu_bramy li a:hover{
	font-size:13px;
	color:#999;
}

#menu_ogrodzenia {
	width:281px;
	margin-left:15px; 
	margin-right:25px;
	margin-top:17px;
	float:left;	
}

#menu_balustrady {
	width:281px;
	margin-left:15px; 
	margin-right:25px;
	margin-top:17px;
	float:left;	
}

#menu_schody {
	width:281px;
	margin-left:15px; 
	margin-right:25px;
	margin-top:17px;
	float:left;	
}

#menu_balustrady:hover, #menu_ogrodzenia:hover, #menu_schody:hover {
	opacity: 0.8;
}
	
#tresc {
	width:770px;
	padding-right:5px;
	float:left;
	padding-bottom:10px;
}	
	
#tresc .kursy {
	padding-right:8px;
	padding-bottom:8px;
}
	
#tresc .kursy:hover{
	opacity:0.7;
}
	
#tresc p {
	padding-bottom:15px;
}		
	
#tresc a:active, #tresc a:visted {
	color:#1d2f8c;
}		
	
#kontakt_left {
	float:left;
	width:300px;
	padding-right:15px;
	text-align:left;
}
	
#kontakt_left a{
	color:#0D61A4;
	font-weight:bold;
}

#kontakt_right {
	float:left;
	width:350px;
	text-align:center;
	padding-right:25px;
}
	
#kontakt_right a{
	color:#0D61A4;
	font-weight:bold;
}
		
.text {
	font-size:13px;
}

.gallery_name {
	text-align:center; 
	font-size:13px; 
	font-weight:bold; 
}

#patyczki {
	width:300px;
	float:left;
	padding-right:15px; 
	padding-left:15px; 
	text-align:center;
}

/* ---------------PRODUKTY--------------- */		
	
#produkt {
	width:200px;
	float:left;
	height:180px;
	text-align:center;
	padding-top:2px;
	padding-right:15px;
}
	
#produkt h2 {
	text-align:center; 
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}	
	
#produkt .prod_foto:hover {
	opacity:0.7;
}

/* ---------------MENU BOTTOM--------------- */	

#wrapper_box {
	background: url('../images/bg_box.jpg') center bottom no-repeat;
	margin: 0px auto;
	display:inline-block;
	width:100%;
	padding-top:10px;
	padding-bottom:12px;
}

#box_container {
	background:none;
	margin: 0px auto;
	width:1000px;
}

#box {
	width:221px;
	float:left;
	padding-top:20px;
	padding-left:5px;
	padding-right:20px;
	height:93px;
}


#box:hover {
	opacity:0.8;
}
	
/* ---------------FOOTER--------------- */	

#wrapper_footer{	
	background: url('../images/bg_footer.jpg') center top no-repeat;
	margin: 0px auto;
	display:inline-block;
	height:130px;
	width:100%;
}

#wrapper_footer-pd{
	margin: 0px auto;
	display:inline-block;
	height:290px;
	width:100%;
}

/* ---------------MENU BOTTOM--------------- */	

#footer_top {
	background:none;
	margin: 0px auto;
	height:180px;
	width:1100px;
}

#footer_top h2 {
	font-size:13px;
	font-weight:bold;
	color:#0d61a4;
	padding-top:20px;
	padding-bottom:15px;
	text-transform: uppercase;
}

#footer_top p {
	line-height:15px;
	font-size:11px;
	color:#666666;
}

#footer_top a {
	font-size:11px;
	color:#666666;
}

#firma {
	float:left;
	width:350px;
	text-align:left;
	padding-left:20px;
}

#firma .more {
	float:right;
	text-align:right;
	font-weight:bold;
}

#firma .more:hover {
	color:#0d61a4;
}

#menu_bottom {
	float:left;
	width:450px;
	text-align:left;
	padding-left:90px;
}

#menu_bottom ul { 
	display:block;
}

#menu_bottom ul li {
	display:block;
	float:left;
	font-size:11px;
	padding-bottom:11px;
	color:#666666;
}

#menu_bottom li:hover {
	padding-left:5px;
	color:#0d61a4;
	font-weight:bold;
}

#menu_bottom .arrow {
	padding-right:10px;
}

#kontakt {
	float:left;
	width:310px;
	text-align:left;
	padding-left:50px;
}

/* ---------------FOOTER-BOTTOM--------------- */	

#footer_bottom {
	margin: 0px auto;
	width:1100px;
}

#copyright {
	float:left;
	width:550px;
	height:90px;
	text-align:left;
}

#kontakt_bottom {
	margin-top:15px;
	padding-left:50px;
	font-size:11px;
	float:left;
	width:500px;
	height:90px;
	text-align:left;
}
	
#copyright p, #kontakt_bottom p {
	color:#555555;
	padding-top:5px;
	line-height:15px;
}	

#kontakt_bottom a {
	font-weight:bold;
	color:#555555;
	padding-top:5px;
	line-height:15px;
	padding-right:10px;
}

.icon_mini {
	padding-right:10px;
}

.logo_mini {
	padding-right:50px;
	float:right;	
}

.design {
	font-size:11px;
	margin-top:35px;
}

#copyright a {
	font-weight:bold;
	color:#333333;
	padding-top:5px;
}

#copyright a:hover,
#kontakt_bottom a:hover {
	font-weight:bold;
}
	
#copyright ul { 
	display:block;
}

#copyright ul li {
	display:block;
	float:left;
	font-size:13px;
	padding-top:20px;
	padding-bottom:20px;
	color:#666666;
	padding-left:25px;
	padding-right:25px;
}

#copyright li:hover {
	background-color:#dbdbdb;
	font-weight:bold;
}
	
/* ---------------FACEBOOK--------------- */				

#multitab{
	position:fixed;
	right:0px;
	top:190px;
	z-index:999999;
}

#multitab p{
	padding-right:7px;
	font-size:11px;
	text-align:justify;
	line-height:15px;
}

#multitab .title{
	font-size:12px;
	text-align:center;
	font-weight:bold;}

#multitab li{
	cursor:pointer;
	width:35px;
	height:110px;
	margin-bottom:3px;
	position:relative;
}
#multitab > li > div{
	padding:10px;
	border: solid #0170cf 3px;
	background: #fff;
	float:left;
	width:286px;
	height:296px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
	position:absolute;
	top:0;
	left:35px;
	z-index:999999;
}

/* ---------------FORMULARZ--------------- */	

#userForm input[type="text"],
#userForm input[type="file"],
#userForm textarea,
#userForm select {
	float:right;
	padding:5px 10px;
	margin-bottom:10px;
	border:1px solid #888;
	-webkit-border-radius:2px;
	margin-top:6px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:170px;
	-webkit-box-shadow: inset 2px 2px 5px 0px #e3e3e3;
	box-shadow: inset 2px 2px 5px 0px #e3e3e3;
	color:#777;
	font-size:12px;
	outline:none;
	resize:none;
}
#userForm select {
	width:200px;
	padding:4px;
}
#userForm input[type="file"] {
	width:387px;
}
#userForm input[type="submit"] {
	font-size:11px;
	height:28px;
	font-family:'Trebuchet MS';
	padding:3px 8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#fff;
	background:#555;
	border:1px solid #333;
	font-weight:bold;
	text-shadow:1px 1px #000;
	cursor: pointer;
}

/* ---------------NEWSLETTER--------------- */	

#form_newsletter input[type="text"],
#form_newsletter input[type="file"],
#form_newsletter textarea,
#form_newsletter select {
	margin-top:9px;
	margin-bottom:10px;
	border:1px solid #d1d1d1;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	width:185px;
	height:18px;
	-webkit-box-shadow: inset 2px 2px 5px 0px #e3e3e3;
	box-shadow: inset 2px 2px 5px 0px #e3e3e3;
	color:#6d6d6d;
	font-size:12px;
	outline:none;
	resize:none;
}
#form_newsletter select {
	width:100px;
	padding:4px;
}
#form_newsletter input[type="file"] {
	width:387px;
}
#form_newsletter input[type="submit"] {
	margin-left:10px;
	height:24px;
	width:76px;
	font-size:11px;
	color:#fff;
	background-color:#444;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:1px solid #222;
	font-weight:bold;
	cursor: pointer;
	margin-right:15px;
}