@font-face {
	font-family: 'OptimaRoman';
	src: url('fonts/opcr___-webfont.eot');
	src: local('Ôś║'), url('fonts/opcr___-webfont.woff') format('woff'), url('fonts/opcr___-webfont.ttf') format('truetype'), url('fonts/opcr___-webfont.svg#webfontCG0cql72') format('svg');
	font-weight: normal;
	font-style: normal;
}
 
body
{
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
  color: #000; 
  background: #fff;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

a img{
  border: none;
}

a{
  color: #61a3c4;
  text-decoration: none;
}

a:hover{
  color: #ea0101;
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, sub, sup, s, p, table, blockquote{
  margin-top: 10px;
  margin-bottom: 10px;
}

#main table h1{
  margin-top: 0px;
  margin-bottom: 20px;
}

.left{
  float: left;
}

.right{
  float: right;
}

td.left, td.right{
  float: none;
}

.inside{
  width: 960px;
  margin: 0 auto; 
}

.beforetop{ background: #b2b2b2; }
.beforetop .inside{ background: #000; height: 10px; overflow: hidden; }

#top{
  height: 100px;
}

#top .logo{
  padding: 24px 20px;
  float: left;
}

#top .logo a, #top .logo img{
  display: block;
}

#top .topmenu{
  padding: 30px 0 0 0;
  color: #e3eaed;
}

#top .topmenu a{
  padding: 10px;
  color: #45748b;
  display: inline-block;
  font-family: 'OptimaRoman', tahoma, arial, helvetica, verdana, sans-serif;
  text-transform: uppercase;
  font-size:13px;
  font-weight: 500;
  vertical-align: middle;
}

#top .topmenu a:hover{
  padding: 10px;
  color: #ea0101;
  text-decoration: none;
}

#top .topmenu a.actual{
  color: #fff;
  background: #ea0101;
  font-weight: bold;
}

#top .koszyk{
  position: absolute;
  font-size: 11px;
  margin: -60px 0 0 860px;
}

#middleinfo{
  font-family: 'OptimaRoman', tahoma, arial, helvetica, verdana, sans-serif;
  color: #45748b;
  background: #f2f2f2;
  font-size: 17px;
}

#middleinfo .inside{
  background: #d7e1e3;
}

#middleinfo .inside .tresc{
  overflow: hidden;
}

#middleinfo .inside .foto{
  padding: 10px;
  float: left;
}

#middleinfo .inside .text{
  width: 270px;
  float: right;
  margin: 0 15px 0 0;
}

#middleinfo h1{
  font-size: 21px;
  margin: 20px 0 30px 0;
  line-height: 1.0;
  font-weight: normal;
}

#middleinfo h1 strong{
  font-size: 28px;
  font-weight: normal;
}

img.border{
  border: solid 10px #d7e1e3;
}

.withbpadding{
  padding-left: 10px;
  padding-right: 10px;
}

.more{
  font-size: 11px;
}

#main .inside .content{
  border-top: solid 3px #ea0101;
  overflow: hidden;
  padding: 10px;
}

#main h1{
  font-family: "OptimaRoman", tahoma, arial, helvetica, verdana, sans-serif;
  color: #45748b;
  font-weight: normal;
  font-size: 21px;
}

#main h2{
  font-family: "OptimaRoman", tahoma, arial, helvetica, verdana, sans-serif;
  color: #45748b;
  font-weight: normal;
  font-size: 18px;
}

.sklepinside{
  overflow: hidden;
}

.beforefooter{ background: #f2f2f2; }
.beforefooter .inside{ background: #d7e1e3; height: 10px; overflow: hidden; }

#footer{
  font-size: 11px;
  color: #61a3c4;
}

#footer .inside .footer{
  border-top: solid 3px #ea0101;
  overflow: hidden;
  padding: 0px;
}

#footer .inside .right{
  font-size: 12px;
  padding: 7px 0;
}

#footer .inside .right a{
  padding: 10px;
}

.sidebar{
  background: url(styleimg/bg_sb_top.png) no-repeat;
  padding: 0;
  float: left;
  width: 250px; 
  text-align: left;
}

.sidebar a{
  color: #333;
}

.sidebar .inside2{
  background: url(styleimg/bg_sb_btm.png) no-repeat bottom left;
  padding: 0 0 22px 0; 
}

.sidebar .inside2 .content2{
  background: url(styleimg/bg_sb_mid.png) repeat-y;
  padding: 0 20px;
  min-height: 300px; 
  overflow: hidden;
}


div.galeria img{
  border: solid 2px #999;
  margin: 3px 6px 3px 0;
}

div.galeria img:hover{
  border: solid 2px #ddd;
}

div.galeria img.active{
  border: solid 2px #c00;
}

#main .content .sklepinside .sklep{
  float: right;
  width: 675px;
}

#main .content .product{
  width: 156px;
  float: left;
  padding: 3px 3px 3px 3px;
  text-align: center;
}
#main .content .product .img_cont{
 /* background: url(styleimg/prod-list-bg.gif) no-repeat #f0dfef; */
  padding: 8px 0 8px 0;
  border: solid 1px #D7E1E3;
} 
#main .content .product .title{
  padding: 0 0 7px 0;
  background:#F2F2F2;
  /* background: url(styleimg/prod-list-bg-bottom.gif) no-repeat bottom left #e8c1e6; */
}

#main .content .product .title h2{
  margin: 0;
  padding: 8px 3px 3px 3px;
  height: 35px;
  font-size: 11px;
  font-family: tahoma;
  font-weight: normal;
  color: #363;
}

#main .content .product .title h2 a{
  color: #333;
}

#main .content .glowna .title{
  background: transparent;
}

#main .content .glowna .img_cont{
  background: transparent;
}

.do_koszyka{
  color: #fff;
  border: none;
  width: 200px;
  height: 31px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  font-family: tahoma;
  background: url(images/do_koszyka_btn.gif) no-repeat;
}

#prodlogo{
  float: right;
  
}

#product{
  overflow: hidden;
}

#product .produkt{
  margin-left: 220px;
}

#product .produkt h1{
  font-size: 21px;
}

#product .produkt p.cena{
  font-size: 17px;
  font-weight: bold;
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 5px 0;
  margin: 5px 0;
}

#product .image{
  float: left;
  width: 200px;
}

#product .image .magp{
/*  font-size: 11px; */
  margin: 0;
  padding: 3px 0 10px 0;
}

#product .image small{
  font-size: 9px;
  color: #c77;
}

.magp a{
  color: #333;
  display: none;
}

.magp a.active{
  display: inline;
}

#product .image .magp img{
  vertical-align: middle;
}

#product .image .big_img{
  width: 200px;
  height: 300px;
  padding: 10px 0;
  text-align: center;
/*  background: url(styleimg/big_img_bg2.jpg) no-repeat #7f7f7f; */
}

#product .image .big_img img{
}

.red{
  color: #f00;
}

#product th{
  text-align: left;
/*  width: 165px; */
}

#product th, #product td{
  padding: 2px;
}

#product .produkt h2{
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
}

#product .produkt h3{
  font-size: 12px;
  margin: 10px 0 10px 0;
  color: #f00;
  text-align: center;
}

#product .produkt h3 strong{
  font-size: 15px;
  text-decoration: underline
}

#product form{
  width: 390px;
  padding: 10px;
  margin: 10px 0 10px 0;
  border: solid 1px #D7E1E3;
  background: #f2f2f2;
}

#product form h2{
  margin:0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: solid 1px #aaa;
  font-size: 12px;
}

#product form p{
  margin: 0;
  padding: 2px 0 2px 0;
  overflow: hidden;
}

#product form .label{
  float: left;
  display: block;
  width: 110px;
  padding: 2px 0 0 0;
}

#product form .input{
/*  margin: 0 0 0 115px; */ 
  width: 270px;
  display: block;
  border: solid 1px #D7E1E3;
  font-size: 11px;
  font-family: verdana;
}

#product form .razem{
  text-align: right;
  padding: 3px 11px 5px 0px;
}

.downbuttons{
  text-align: center;
}

#product form .downbuttons{
  padding: 5px 0 0 0;
}

h1.polecamy{
  font-size: 12px;
  color: #333;
}

#product .kolory div{
  text-align: center;
  width: 105px;
  padding: 5px;
  float: left;
}

#product .kolory div p{
  margin: 0;
  font-weight: bold;
}

#prodtools{
  border-top: solid 1px #333;
  border-bottom: solid 1px #333;
  padding: 3px 0;
  margin: 10px 0;
  overflow: hidden;
}

#prodtools p{
  float: left;
  padding-left: 20px;
}

#prodtools p.first{
  float: left;
  padding-left: 0;
}

#prodtools img{
  vertical-align: middle;
}

#prodtools a{
  color: #333;
}

.whitepage form {
  padding: 10px;
  background: url(images/wp_form_top.gif) no-repeat top left #eeeeee;
  margin: 10px 0 10px 0;
}


.whitepage .downbuttons{
  background: transparent;
  border: none;
  text-align: right;
  padding: 0;
}

.whitepage .downbuttons input{
  background: #EA0101;
  width: 130px;
  height: 28px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  border: none;
}

fieldset.h{
  display: none;
}

.whitepage form .label{
  display: block;
  width: 300px;
  float: left;
  font-weight: bold;
}

.whitepage .label small{
  display: block;
  font-weight: normal;
  padding: 3px 0;
}

.whitepage fieldset p{
  margin: 0;
  padding: 3px 0;
  overflow: hidden;
}

.whitepage .input{
  display: block;
/*  margin: 0 0 0 315px; */
  width: 200px;
  border: solid 1px #D7E1E3;
}

.whitepage fieldset{
  border: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.whitepage fieldset h2{
  background: url(images/hr_top.png) no-repeat bottom left;
  padding: 0 0 15px 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color: #666;
}

.content .koszyk{
  width: 100%;
  border: solid 1px #ddd;
  padding: 2px;
  margin: 10px 0;
}

.content .koszyk th{
  background: #A7BBBF;
  color: #fff;
  padding: 3px;
}

.content .koszyk td{
  padding: 3px;
}

.row0{
  background: #f5f5f5;
}

.row1{
  background: #e5e5e5;
}

.razem{
  font-weight: bold;
  color: #c00;
}

td.left, th.left{
  text-align: left;
}

td.right,th.right{
  text-align: right;
}

td.cntr,th.cntr{
  text-align: center;
}

.koszyk .input{
  border: solid 1px #777;
  width: 50px;
}

.downbuttons input{
  background: #EA0101;
  padding: 3px 10px 5px 10px;
  margin: 0;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  border: none;
}

.prodbox{
  overflow: hidden;
}

.komunikat{
  width: 500px;
  margin: 10px auto 10px auto;
}

.komunikat div{
  padding: 10px;
}

.komunikat h2{
  text-align: center;
  font-size:14px;
  margin: 0 0 10px 0;
  padding: 3px;
}

.ok{
  border: solid 1px #397; 
}

.blad{
  border: solid 1px #c00; 
}

#main .ok h2{
  background: #397;
  color: #fff;
}

#main .blad h2{
  background: #c00;
  color: #fff;
}


.komunikat a{
  font-weight: bold;
}

.komunikat .downbuttons{
  padding: 10px 0 0 0;
  text-align: center;
}

#main .content .paginacja{
  font-size: 11px;
  text-align: center;
  margin: 10px auto;
}

#main .content .paginacja p{
  margin: 5px 0;
  padding: 0;
}

#main .sidebar .searchform{
  margin: 0;
  padding: 10px 0;
}

#main .sidebar .input{
  width: 168px;
  height: 23px;
  color: #333;
  border: solid 1px #D7E1E3;
  padding: 0 10px;
  font-size: 12px;
}

#main .sidebar .searchform .input{
  width: 168px;
  padding: 0 2px;
}

#main .sidebar .basket_links a{
  font-size: 11px;
}

#main .sidebar .searchform .searchbutton{
  vertical-align: middle;
}

#main .sidebar .promo{
  text-align: center;
}

#main .sidebar .promo .img_cont{
  width: 204px;
  height: 103px;
  margin: 0 auto;
  padding: 10px 0;
  background: url(styleimg/product-promo-left.jpg) no-repeat #fff;
}

#main .sidebar .promo .title a{
  font-weight: bold;
  color: #333;
}
#main .sidebar .promo .title a span{
  font-size: 15px;
}

#main .sidebar .promo .title a del{
  color: #999;
}

#main .sidebar h2{
  background:#F2F2F2;
  border-bottom: solid 3px #D7E1E3;
  padding: 3px 10px;
}

#emaildividentifier{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height:100%; 
}

#emaildividentifier .background{
  background: #000;
  left: 0;
  top: 0;
  width: 100%;
  height:100%;
  opacity: 0.7;
  position: fixed;
  z-index: 0;
}

#emailform{
  position: fixed;
  margin: 100px 0 0 50%;
  z-index:10;
}

#emaildiviframeidentifier{
  width: 500px;
  margin: 0 0 0 -50%;
  height: 390px;
  background: #fff;
}

#kontaktformularz label.dds, .dds{
  display: none;
}

#kontaktformularz label{
  display: block;
}

#kontaktformularz .input, #kontaktformularz textarea{
  width: 425px;
  padding: 3px;
  border: solid 1px #D7E1E3;
  background: #fff;
}

#kontaktformularz textarea{
  height: 200px;
}

.blad, .ok{
  width: 350px;
  margin: 10px auto;
  border: solid 1px #c00;
  color: #c00;
  background: #fdd;
  padding: 10px;
}

.ok{
  border: solid 1px #030;
  color: #030;
  background: #dfd;
}

.asdas, #kontaktformularz label.asdas{
  display: none;
}

.pusty{
  text-align: center;
}

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

.galcontainer a{
}

.galcontainer a img{
  border: solid 2px #777;
  margin: 10px;
}

.galcontainer a:hover img{
  border: solid 2px #7c7;
}