@charset "utf-8";

 *{
	margin: 0;
 }
 html, body {
     height: 100%;
 }
 
 body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	background-image:url(grafika/tlo-body.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 }
  .wrapper {
     min-height: 100%;
	 width:893px;
     height: auto !important;
     height: 100%;
     margin: 0 auto -107px;
 }
 a:active, a:focus{outline: 0;}
 p{
	 margin:0;
 }
 img {
 	border:0;
 }
 
 ul,li{
 
 } 
 
  a:link {
	color:#3f1c04;
	text-decoration:none;
 }

 a:visited {
	color:#3f1c04;
	text-decoration:none;
 }
 
 a:hover {
	color:#0a4da6;
	text-decoration:none;
 }
 
 a:active {

 }
 
 h1{
	 font-family:"Times New Roman", Times, serif;
	 font-size:22px;
	 color:#3f1c04;
	 font-weight:normal;
	 
 }
 
 h2{
	 font-family:"Times New Roman", Times, serif;
	 font-size:22px;
	 color:#3f1c04;
	 font-weight:normal;	 
 }
 
 h3{
	 
 }
	
 .h2-main{
	 font-family:"Times New Roman", Times, serif;
	 font-size:20px;
	 color:#3f1c04;
	 font-weight:normal;	 
	 text-align:center;
 }	
 
 #Container {
	text-align: left; /* this overrides the text-align: center on the body element. */	
	width:auto;
	vertical-align:top;
 }
 
  #Container2 {
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(grafika/tlo-maincontent2.jpg);
	background-repeat:no-repeat;
	width:auto;
	vertical-align:top;

	
 }

 #header {
	background-image: url(grafika/tlo-header.jpg);
	background-repeat:no-repeat;
	height:138px;
	margin:0px;
	width:auto;
 }
 
 #header-PL {
	background-image: url(grafika/tlo-header.jpg);
	background-repeat:no-repeat;
	height:138px;
	margin:0px;
	width:auto;
 }
 
 #header-EN {
	background-image: url(grafika/tlo-header-EN.jpg);
	background-repeat:no-repeat;
	height:138px;
	margin:0px;
	width:auto;
 }
 
 #lang{
 	height:20px;
	width:50px;
	float:right;
 }


 #menu {
	 margin-left: 270px;
	 padding-top:86px;
	 height:24px;
	 width:auto;
	 text-align:center;
 }

 #mainContent {
	height:775px;
	background-image:url(grafika/tlo-maincontent.jpg);
	background-repeat:no-repeat;
 }
 
  #mainContent-podstrona {
	height:580px;
	min-height:580px;
	background-image:url(grafika/tlo-maincontent-podstrona.jpg);
	background-repeat:no-repeat;
	
 }
 #mainContent2 {
	 margin-left:400px;
	 margin-top:30px;
	 width:auto;
	 height:400px;
	 border:dotted;
 }
 
  #mainContent3 {
  	background-color:#3f1c04;
	background-image:url(grafika/tlo-maincontent3.jpg);
	background-repeat:repeat-x;
	margin-top:25px;
	height:370px;
	width:auto;
	border:dotted;
 }
 

 #aktualnosci{
	 width:185px;
	 height:auto;
	 float:left;
	 margin-top:55px;
	 border:dotted;
 }
 
 #aktualnosci h2{
	color:#3f1c04;
 }
 
 #flash-glowna{
	 width:225px;
	 height:88px;
	 float:right;
	 display:inline;
	 margin:5px;
	 margin-right:10px;
	 border:dotted;
 }
 
  #kontakt-form{
	 width:auto;
	 display:inline; 
 }
 
 #kontakt-info{
	 width:200px;
	 height:auto;
	 float:left;
	 display:inline;
	 padding-left:30px;
 }
 
 #kontakt-map{
	 display:inline; 
 }
 
 
 .kontakt-text{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#3f1c04; 
	margin-top:10px;
 }
 
 .kontakt-text2{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#3f1c04; 
	margin-top:10px;
 }
 
 .kontakt-text a{
  color:#3f1c04;
  text-decoration:none;
 }
 
 .kontakt-text a:hover{
  text-decoration:underline;
 }
 
 
 .tekst1{
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:12px;
	 color:#FFF;
 }
 
  .tekst1 a:link {
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:12px;
	 color: #FFF;
	 text-decoration:none;

 }
 .tekst1 a:visited {
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:12px;
	 color:#FFF;
	 text-decoration:none;

 }
 .tekst1 a:hover {
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:12px;
	 color:#FFF;
	 text-decoration:underline;

 }
 .tekst1 a:active {
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:12px;
	 color:#FFF;
	 text-decoration:none;

 }
 
 #box-witamy{
 	 margin-left:360px;
	 width:auto;
	 height:auto;
	 padding:5px;
	 display:block;
 }
 
  #box-adres{
	 margin-left:30px;
	 margin-top:-50px;
	 width:200px;
	 height:auto;
	 padding:5px;
	 clear:both;
	 float:left; 
	 display:inline;
 }
 
 #box-adres-podstrona{
	 margin-left:30px;
	 margin-top:390px;
	 width:200px;
	 height:auto;
	 padding:5px;
	 clear:both;
	 float:left; 
	 display:inline;
 }
 
 #box-middle{
 	 margin-top:22px;
	 margin-left:360px;
	 width:450px;
	 height:20px;
	 padding:5px;
	 float:left;
	 display:inline;
 }
 
 #box-middle-left{
	margin-top:123px;
	margin-left:325px;
	width:274px;
	height:272px;
	padding:5px;
	border:none;
	float:left;
	display:inline;
 }
 
  #box-middle-right{
	margin-top:123px;
	margin-left:0px;
	width:274px;
	height:272px;
	padding:5px;
	border:none;
	float:left;
	display:inline;
 }
 
  #box-nowosci{
     float:left;	
	 margin-top:15px;
	 margin-left:15px;	
	 width:600px;
	 height:auto;
 }
 
 #box-podstrona{
     float:left;	
	 margin-top:15px;
	 margin-left:125px;	
	 width:500px;
	 height:auto;
 }


 #box-artykul{
	 width:auto;
	 height:auto;
	 float:left;
	 display:inline;
	 padding-left:30px;
 }
 
 #box-artykul *{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
 }
 

 
 .img-right{
	 float:right;
 }
 
  .img-left{
	 float:left;
 }
 
 

 
 a.mail{
 	color:#be690d;	
	text-decoration:none;
 }
 
 a.mail:hover{
 	text-decoration:underline;
 }
 
 
 
 .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 .footer, .push {
     height: 107px;
	 }
 .footer {
	 background-image:url(grafika/tlo-footer2.jpg);
	 background-repeat:repeat-x;
	 height:107px;
	 text-align:center;

 }
 .footer-pojemnik{
	 background-image:url(grafika/tlo-footer.jpg);
	 background-position:center;
	 background-repeat:no-repeat;
	 text-align:center;
	 height:107px;
 }

 .footer a:link {
 	color:#FFFFFF;
	text-decoration:none;
 }
 .footer a:visited {
 	color:#FFFFFF;
	text-decoration:none;
 }
 .footer a:hover {
 	color:#0a4da6;
	text-decoration:none;
 }
 .footer a:active {
 	color:#FFFFFF;
	text-decoration:none;
 }
 
 .footer-text{
	 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	 font-size:11px;
	 color:#FFF;
 }
 
 #cmsNewsBox{
	width:inherit;

 }
 
 #cmsNewsBoxLink{
 	width:inherit;
	vertical-align:bottom;

 }
 
 .cmsNews{
	color:#3f1c04;
 }
 
.cmsNewsTitle{
	color: #3f1c04;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top:12px;
 }

  h1.cmsNewsTitle2{
	 font-family:"Times New Roman", Times, serif;
	 font-size:22px;
	 color:#3f1c04;
	 font-weight:normal;
 }
 
 h2.cmsNewsTitle{
	 font-family:"Times New Roman", Times, serif;
	 font-size:13px;
	 color: #3f1c04;
	 font-weight:bold;
 }

 .cmsNewsTagline{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:10px;	
 }
 
  .cmsNewsArticle{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:12px;	
 }
 
 .cmsNewsReadMore2{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:10px;
	text-decoration:none;
	text-decoration:none;
	text-align:right;
 }
 
 .cmsNewsReadMore{
	text-decoration:underline;
 }

 a.cmsNewsReadMore:link {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:10px;
 }

 a.cmsNewsReadMore:visited {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:10px;

 }
 
 a.cmsNewsReadMore:hover {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#0a4da6;
	font-size:10px;
 }
 
 .cmsNewsReadMore:active {

 }
 
 .cmsArticleTitle{
	 font-family:"Times New Roman", Times, serif;
	 font-size:22px;
	 color:#3f1c04;
	 font-weight:normal;
 }
  .cmsArticle{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#3f1c04;
	font-size:13px;	
 }
 
 .cmsProdTable{
 	width:95%;
 }
 
  .cmsProdTD1{
	width:5%;

 }
 
  .cmsProdTD2{
	width:1%;
 }
 
  .cmsProdTD3{
	width:15%;
 }
 
 .cmsProdCrumbs{
	font-size:12px;
	font-weight:normal; 	
 }
 
 .cmsProdName{
 	font-size:14px;
 }
 
 .cmsProdCode{
 	color:#0a4da6;
 	font-size:13px;
	text-align:right;
	font-weight:bold;
 }
 
 .cmsProdDescription{
 	color:#3f1c04;
 	font-size:12px;
	font-style:italic;
 }
 
 .cmsProdMore{
	color:#3f1c04;
	font-size:16px;
	text-decoration:none;
 }
 
  .cmsProdMore:link{
	color:#3f1c04;
	font-size:16px;
	text-decoration:none;
 }
 
  .cmsProdMore:visited{
	color:#3f1c04;
	font-size:16px;
	text-decoration:none;
 }
 
 .cmsProdMore:hover{
	color:#0a4da6;
	font-size:16px;
 }
 
  .cmsProdMore:active{
	color:#3f1c04;
	font-size:16px;
	text-decoration:none;
 }
 
 .cmsProdImg{
 	border:0px;
	border-style:solid;
	border-color:#3f1c04;
	vertical-align:top;
	v-align:top;
	border:solid;
	border-width:1px;
 }
 
 
  .cmsShopCartTable{
 	width:95%;
 }
 
   .cmsShopCartLink:link{
	color:#0a4da6;
 	font-size:12px;
	text-decoration:none;
 }
 
  .cmsShopCartLink:visited{
	color:#3f1c04;
	text-decoration:none;
 }
 
 .cmsShopCartLink:hover{
	color:#0a4da6;
	text-decoration:underline;
 }
 
  .cmsShopCartLink:active{
	color:#3f1c04;
	text-decoration:none;
 }
 
  .cmsShopCartTD1{
	width:5%;

 }
 
  .cmsShopCartTD2{
	width:1%;
 }
 
 .cmsShopCartName{
 	font-size:14px;
	font-weight:bold;
 }
 
 .cmsShopCartCode{
 	color:#0a4da6;
 	font-size:14px;
 }
 
 
 .cmsTableForm{
 	width:100%;
	font-size:12px;
	color:#3f1c04;
 }
 
  .cmsTableFormCol1{
 	width:25%;
 }
 
  .cmsContactFormAgree{
	font-size:8px;
	color:#3f1c04;
	text-align:justify;
 }
 
  .cmsAddress{
	font-size:14px;
	color:#3f1c04;
 }
 
 .formError{
 	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#ff2e00;
	font-size:12px;
	font-weight:bold;
	text-align:center;	
 }
 
 input, select, textarea{
 	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border: thin;
	border-width:1px;
	border-color: #3f1c04;
	border-style:solid;
	color:#3f1c04;
	font-size:11px;
	overflow:hidden;
 
 }
 
 .formButton{

 }
 
 .flagaPL{
 	width:22px;
	height:18px;
	border:0px solid; 
	background-image:url(grafika/flaga-PL.jpg);
	background-position:center;
	background-repeat:no-repeat;

}

.flagaEN{
 	width:22px;
	height:18px;
	border:0px solid;

	background-image:url(grafika/flaga-GB.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
