﻿
body 	{ margin:0;  font-family: verdana, arial, sans-serif;font-size:12px;background:#222222 url('gfx/bg.gif'); color:#222; }
p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,ul,li,select,option,input,table,thead,tbody,tfoot,tr,td,b {padding:0;margin:0;font-weight:normal;font-size:100%;}
a{text-decoration:none;}
a:active,a:focus{outline:none;}
a img{border:0px;}
ul,ol{list-style:none;}
.clr{clear:both;}

/* Szkielet */
.main {width: 980px;margin: 0px auto;}
.main_menu {width: 980px;margin: 0px auto;}
#top {height: 40px;background: #222222 url('gfx/top_bg.png') bottom repeat-x; color: #222;}
#top .flags {float: right;background: url('gfx/flags_bg.png') no-repeat;width: 185px; height: 20px; padding: 14px 10px 6px 12px; font-family: arial, sans-serif;}
#top .flags a { float: right;display: block;padding: 0px 4px 4px 4px;}
#menu {height: 120px;border-bottom: 1px solid #d8d8d8;background:#f5f5f5;}

#nav { float: left; width: 980px; margin-top: 20px;}
#nav li { float: left; margin: 0;	 padding: 0 15px 0 0; position: relative;  }
#nav li a{ display: block; height: 22px; padding: 4px 8px 0px 8px;  text-decoration: none; float: left; font: bold 12px verdana, sans-serif;color: #222;	}
#nav li a:hover, #nav li.active a { background: #e8e8e8; -moz-border-radius: 6px; -webkit-border: 6px; }
#nav li span { width: 15px;height: 26px;float: left;background: url(gfx/menu-arrow.png) no-repeat center top;}
#nav li span.subhover {background-position: center bottom; cursor: pointer;} 
#nav li ul.subnav { list-style: none;position: absolute;left: 0; top: 26px; margin: 0; padding: 0;display: none;float: left;width: 220px;background: transparent url('gfx/submenu-bg.png') no-repeat top;margin-top: 0; padding: 12px 0px 0px 0px;  z-index: 100; }
#nav li ul.subnav li{margin: 0; padding: 0;clear: both;width: 220px;}
#nav li ul.subnav li a {width: 204px;background: #222;color: #BFBFBF;font: normal 12px verdana, sans-serif;}
#nav li ul.subnav li a:hover, #nav li.active li a { color: #fff; background: #222; -moz-border-radius: 0px; -webkit-border: 0px;}
#nav li ul.subnav li.lastMenu a {background: transparent url('gfx/submenu-bg-last.png') no-repeat bottom;}

#footer_content {height: 140px;border-bottom: 1px solid #101010; padding: 10px 0px 10px 0px; clear: both; background: url('gfx/footer_bg.png') top repeat-x;}
#footer {border-top: 1px solid #343434; height: 60px; padding-top: 10px;}
#container {border-top: 1px solid #fff;background: #f5f5f5; min-height: 500px; padding: 10px 0px 10px 0px; }

/* Podział na dwie kolumny */
.two-column-left {width: 479px; padding-right: 10px; border-right: 1px dotted #B5B5B5;}
.two-column-right {width: 480px;padding-left: 10px; float: right;}

#container .two-column-left p, #container .two-column-left p { margin-bottom: 20px; }

#footer_content .two-column-right { height: 140px;}

/* Dwie kolumny menu-content */
.two-column-menu { width: 240px; float: left; }
.two-column-content { width: 700px; margin-left: 270px; padding-left: 10px; min-height: 300px; }

/* Elementy html */
h1 {font: bold 28px Helvetica,Arial,Calibri,sans-serif; color: #2268A6; margin-bottom: 10px; background: #E7E7E7;  -moz-border-radius: 6px; -webkit-border: 6px; border-radius: 6px; padding: 6px;  }
h2 {font: 26px Helvetica,Arial,Calibri,sans-serif; color: #7c0000; margin-bottom: 10px;}
h3 {font: 18px Helvetica,Arial,Calibri,sans-serif; color: #FAFF00;}
#container p { line-height:24px !important;  word-spacing:1px; font-size:14px;  color:#2D2D2D; margin-bottom: 10px;}
#footer_content p { color: #DCDCDC; line-height: 20px; font-size: 14px; }
#footer p { color: #BBBBBB; } 
#footer a, #footer_content a { color: #FAFF00; }
#container  img { border: 0px; }

/* Content menu */
.content_menu { float: left; width: 600px; margin-top: 20px;}
.content_menu li { float: left; margin: 0; padding: 0 15px 0 0;  }
.content_menu li a{ display: block; height: 22px; padding: 4px 8px 0px 8px;  text-decoration: none; float: left; font: bold 12px verdana, sans-serif;color: #555555;	}
.content_menu li a:hover, #nav li.active a { background: #e8e8e8; -moz-border-radius: 6px; -webkit-border: 6px; }

/* Section menu */
.sectionMenu { border-bottom: 1px solid #fff; border-top: 1px solid #d8d8d8; }
.sectionMenu li {border-bottom: 1px solid #d8d8d8; }
.sectionMenu li a { display: block; padding: 8px 0px 8px 10px; border-top: 1px solid #fff; font: 12px verdana, sans-serif; color: #222; border-top: 1px solid #fff; }
.sectionMenu li a:hover { background: #e8e8e8 url('gfx/submenu_bg.jpg') no-repeat right; }

.sectionSubMenu { margin-left: 20px; } 
.sectionSubMenu li { border: 0px; }
.sectionSubMenu li a { padding: 4px 0px 4px 10px; border: 0px; font: 12px verdana, sans-serif; color: #222;}

/* zipper */
.zipper { width: 600px; border: 1px solid #882829; padding: 2px; margin-top: 4px; clear: right; height: 140px;}
.zipper .sign { width: 600px; height: 37px; background: #fff; margin-bottom: 2px; border-bottom: 1px solid #882829;}
.zipper .sign img { padding: 3px; margin-right: 4px;}
.zipper img { float: right; }
.zipper span { display: block; padding: 9px 0px 0px 10px; font: bold 14px arial, sans-serif;}
.zipper .zip_width { float: left; font: bold 12px verdana, sans-serif; width: 100px; border-top: 1px solid; border-bottom: 1px solid; min-height: 20px; position: relative; top: 30px; left: 50px; text-align: center; padding: 8px 0px 8px 0px;}

/* pokrycia zamków metalowych */
.products_cover { float: left; padding: 10px; margin: 0px 10px 0px 10px; background: url('gfx/zip_cover_bg.png') no-repeat bottom; font: bold 13px arial, sans-serif; text-align: center;}
.products_cover img { margin-top: 4px; border: 10px; border: 1px solid #882829; }

/* przywieszki */
.pullers td { padding: 10px; vertical-align: top; text-align: center;}
.pullers span { font: bold 13px arial, sans-serif; }
#container .two-column-content .pullers img { border: 1px solid #7c0000; }

/* przykładowe produkty - galeria */
#container .two-column-content .gallery img { padding: 5px 8px 10px 5px; margin: 6px; background: url('gfx/image_bg.png') no-repeat; }
#container .two-column-content .gallery a { display: block; float: left; margin: 0px; padding: 0px; }


/* przykładowe produkty - galeria ze zmienionym obrazkiem tla */
#container .two-column-content .gallery2 img { padding: 5px 8px 10px 5px; margin: 6px; background: url('gfx/image_bg2.png') no-repeat; }
#container .two-column-content .gallery2 a { display: block; float: left; margin: 0px; padding: 0px; }

p.center { text-align: center; margin: 10px; }

/* Zdjęcia na stronie 
#container img { padding: 2px; margin: 4px; border: 2px dashed #E7E7E7; }
*/

.box { margin: 20px; }
ol {list-style-type: decimal; background: #fff; font: bold 12px verdana, sans-serif; }
ol li {background: #f5f5f5; padding: 4px;}

.pantone td { height: 24px; padding: 2px;}
.logo { float: left;}
.title {float: left;padding-top: 10px;padding-left: 30px;font: 16px arial, sans-serif;color: #7c0000;}
.copyright {display: none;}

#slideshow { position:relative;height:353px;}
#slideshow img {position:absolute;top:0;left:0;z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

.red {
	color: #f00;
}

#wykonanie {margin-top: 20px; color: #969696;}
#wykonanie a { color: #969696;}

