/* elements */
html { height: 100%; }

body#page, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: sans-serif, lucida, sans-serif; color: #050708; line-height: 1.5; padding: 0; margin: 0; }

body#page { background: url(../images/bg-header.jpg) no-repeat center top; font-size: 85%; height: 100%; }

h1, h2, h3, h4, h5, h6 { color: #3073BA; margin-bottom: 15px; }

h1 { font-size: 170%; }

h2 { font-size: 140%; }

h3 { font-size: 120%; }

img { border: none; }

/* layout */
#container { width: 960px; min-height: 100%; margin: 0 auto; position: relative; }

#container a { color: #3073BA; font-size: 100%; }
#container a:hover { text-decoration: none; }

/* header */
#header { height: 309px; }

#header #logo { padding: 21px 0 0 10px; }
#header #logo a { width: 488px; height: 70px; display: block; position: relative; overflow: hidden; }
#header #logo a span { background: url(../images/logo.gif) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#header #skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }

/* main */
#main { width: 100%; padding-bottom: 72px; overflow: hidden; }

/* content */
#content { width: 669px; padding: 30px 40px 0 10px; float: left; }
#content h2,
#content h3 { padding:10px 0; margin:0; }

#content p { margin:0 0 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content input[type=text], 
#content textarea { padding: 2px 5px; border: 1px solid #888; } 

#content select { border: 1px solid #888; }

#content .table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content .table th,
#content .table td { padding: 2px 5px; border: 1px solid #050708; }
#content .table th { text-align: center; }

#content .form {float:right; width:340px;}
#content .form ul { margin: 10px 0; overflow: hidden; list-style: none; }
#content .form ul li { padding: 0 10px 3px 0; margin: 0; float: left; }
#content .form ul .odd { text-align: right; padding-top: 3px; } 
#content .form ul li input { width: 150px; }
#content .form ul li textarea { width: 215px; height: 100px; }

#content #form-contact ul {}
#content #form-contact ul li { width: 215px; }
#content #form-contact ul .odd { width: 80px; clear:left;}

#content #form-pricelist { background-color: #CDF4F3; width: 270px; padding: 10px 20px; margin: 30px auto 0; }
#content #form-pricelist ul { width: 100%; }
#content #form-pricelist ul li { width: 160px; }
#content #form-pricelist ul .odd { width: 90px; }

#content #tabs { margin-top: 20px; }

#content #tabs #tabs-menu { width: 100%; margin: 0; position: relative; z-index: 1; overflow: hidden; list-style: none; }
#content #tabs #tabs-menu li { margin: 0 3px 0 0; float: left; }
#content #tabs #tabs-menu li a { background: url(../images/bg-tab.png) no-repeat left top; font-weight: bold; font-size: 110%; color: #6A6039; text-decoration: none; text-align: center; width: 121px; height: 26px; padding-top: 6px; display: block; }
#content #tabs #tabs-menu li a:hover,
#content #tabs #tabs-menu li .active { background-position: 0 -32px; }

#content #tabs #tabs-body { background: url(../images/bg-tabs-body.png) repeat-y left top; position: relative; left: 0; top: -1px; }
#content #tabs #tabs-body #tabs-body-wrapper1 { background: url(../images/bg-tabs-top.png) no-repeat left top; }
#content #tabs #tabs-body #tabs-body-wrapper1 #tabs-body-wrapper2 { background: url(../images/bg-tabs-bottom.png) no-repeat left bottom; width: 642px; padding: 10px; }

#content .article { width: 100%; margin-bottom: 30px; overflow: hidden; }
#content .article h3 { margin-bottom: 5px; }
#content .article p { margin: 0 0 10px; }
#content .article .date { color: #20AFED; }
#content .article .img { margin-right: 10px; float: left; }

#content #photogallery { width: 642px; overflow: hidden; }
#content #photogallery .photo { text-align: center; width: 120px; margin-right: 10px; float: left; }
#content #photogallery .photo .img { height: 90px; margin-bottom: 10px; }

#content .faq-item { margin-bottom: 20px; }
#content .faq-item .question { font-weight: bold; }
#content .faq-item .answer p { margin-top: 0; }

#content .pagination { text-align: center; margin-top: 20px; }

#content #home-boxes { width: 100%; margin-top: 30px; overflow: hidden; }
#content #home-boxes .box { width: 320px; float: left; }

#content #products-images { width: 100%; overflow: hidden; }
#content #products-images .img { width: 210px; height: 158px; margin: 0 15px 15px 0; position: relative; float: left; }
#content #products-images .img a:hover span,
#content #products-images .img .active span { background: url(../images/img-overlay.png) no-repeat left top; width: 100%; height: 100%; position: absolute; left:2px; top:2px; } 
#content #products-images .img { text-align:center; }
#content #products-images .img a { display:block; }
#content #products-images .img a img { padding:1px; border:#3073BA solid 1px; }

/* col-right */
#col-right { width: 241px; float: right; }

#col-right #link-send-pricelist { background: url(../images/bg-zaslat-cenik.png) no-repeat left top; height: 53px; padding-top: 23px; margin-bottom: 20px; }
#col-right #link-send-pricelist a { font-weight: bold; font-size: 140%; color: #3073BA; text-decoration: none; width: 144px; height: 32px; padding: 10px 0 0 97px; display: block; }

#col-right #news { margin-top: 20px; }

#col-right #news .news-piece { margin-bottom: 12px; }
#col-right #news .news-piece h3 { font-size: 110%; margin-bottom: 5px; }
#col-right #news .news-piece .date { color: #20AFED; }

#col-right #news #link-archive { font-weight: bold; font-size: 110%; }

#col-right #submenu { background: url(../images/bg-submenu-body.png) repeat-y left top; margin-top: 23px; }
#col-right #submenu #submenu-wrapper { background: url(../images/bg-submenu-top.png) no-repeat left top; }
#col-right #submenu #submenu-wrapper ul { background: url(../images/bg-submenu-bottom.png) no-repeat left bottom; padding: 10px 1px 10px 2px; list-style: none; }
#col-right #submenu #submenu-wrapper ul li a { font-weight: bold; font-size: 120%; color: #2E71B8; text-decoration: none; width: 208px; height: 23px; padding: 2px 15px 0; display: block; }
#col-right #submenu #submenu-wrapper ul li a:hover,
#col-right #submenu #submenu-wrapper ul li .active { background: url(../images/bg-submenu-active.png) repeat-y left top; color: #FFF; }

#col-right #offer { width: 210px; margin: 20px auto 10px auto; }

#col-right #products-selection { width: 210px; margin: 0 auto; }
#col-right #products-selection .img { margin-bottom: 10px; text-align:center; }
#col-right #products-selection .img a { display:block; }
#col-right #products-selection .img a img { padding:1px; border:#3073BA solid 1px; }


/* menu */
#menu { position: absolute; right: 8px; top: 170px; }
#menu ul { list-style: none; }
#menu ul li { margin-right: 1px; float: left; }
#menu ul li a { background: url(../images/bg-menu-passive.png) no-repeat left top; font-size: 125%; color:#fff; text-decoration: none; text-align: center; width: 104px; height: 38px; padding-top: 17px; display: block; }
#menu ul li a:hover { background-image: url(../images/bg-menu-hover.png); }
#menu ul li .active { background-image: url(../images/bg-menu-active.png); color:#084079; }

/* footer */
#footer { background: #308BCA url(../images/bg-footer.png) repeat-x left top; width: 100%; height: 34px; padding-top: 18px; position: absolute; left: 0; bottom: 0; }
#footer p { color: #FFF; text-align: center; }
#footer a { color: #FFF; }

/* other */
.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }

.nomrg { margin: 0 !important; }

.message { font-weight: bold; text-align: center; margin: 15px 0 20px 0 !important; }

.ok { color: #008000; }

.err { color: #FF0000; }

.hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }

.red { color: #FF0000; }

.strong { font-weight: bold; }

.upc { text-transform: uppercase; }

.clearfix:after { height: 0; display: block !important; visibility: hidden; clear: both; content: "."; }  
  
.clearfix { display: block !important; }

/* ie win hack ~ height acts like min-height \*/
* html .clearfix { height: 1%; }
/* end comment required */

form.send-pricelist {padding-left:10px;}
form.send-pricelist ul {margin:0px 0px; padding:0px 0px; width:100%; overflow:hidden; list-style:none;}
form.send-pricelist ul li {width:49%; float:left; padding:0px 0px 3px 0px; margin:0px 0px; overflow:hidden;}
form.send-pricelist ul li.odd {float:right; clear:left;}
form.send-pricelist ul li label {/*float:left; width:60px;*/display:block;}
form.send-pricelist ul li input.input,
form.send-pricelist ul li select {width:280px; border: 1px solid #888; }
form.send-pricelist p.button {text-align:center; padding:10px 0px;}

#form-contact {clear:both; padding:10px 0px;}
#form-contact ul {margin:0px 0px;}

#menu a {line-height:1.2;}