body{ 
 background:url('images/bg.jpg') repeat-x;
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
html{ 
 background-color:#fff;
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size: 62.5%;
} 
 
#pagewidth{ 
 width:100%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 

img{
 max-width: 100%;
 height:auto;
 width:auto;
}

#top{
 position:relative; 
 height:auto;
 max-height:186px; 
 background:url('images/topbg.jpg') repeat-x;
 background-color:#fff; 
 width:100%;
} 

#header{
 position:relative; 
 height:auto;
 background-color:#fff; 
 width:100%;
}

.mobimage {
    position:relative;
    width: 100%;
    margin: 0:
}
.mobimage > img {
    width: 100%;
    display: block;
    padding-top: 0%;
}

#topmenu{
 position:relative;  
 width:100%;
}

#menuhead{
 width:100%;		
}


#basketdiv{
 float:right;
 position:absolute;
 left:0%;
 top:-15px;
 width:120px;
 height:50px;
 background-color:#35B1A9;
 z-index:300;
}

#basketlink{
 position:absolute; 
 height:20px; 
 width:60px;
 float:left;
 left:16px;
 top:18px;
}

#basketvalue{
 position:relative; 
 height:27px; 
 width:60px;
 float:right;
 right:0px;
 top:5px;
 text-align:center;
 font-size: 35px;
 font-family: Arial, Tahoma;
 color:#fff;
}

a.koszyklink{
 color:#fff;
 font-size: 14px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration: none;
}

a.koszyklink:hover{
 color:#343434;
 font-size: 14px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration: none;
}

#maincol{
 background-color:#fff;  
 float: right; 
 display:inline; 
 position: relative; 
 width:100%;
 margin-top:10px; 
}

#banners{
 float:left; 
 display:inline; 
 position: relative; 
 width:100%;
 margin-bottom:10px;
}

#banner1{
 float:left; 
 display:block; 
 position: relative;
 margin-right:5px;
 width:100%;
 text-align:center;
}


#boxcontainer1{
 width: 48%;
 height:auto;
 float:left;			
}

#boxcontainer2{
 width: 48%;
 height:auto;
 float:right;			
}

#centercol{
 float:right;
 position:relative;
 margin-top:0px;
 margin-left:5px;
 width:100%;
 font-family:Arial, Tahoma;
 font-size:1.4em;
}



#box1{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box2{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box3{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box4{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box5{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box6{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box7{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box8{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box9{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box10{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box11{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box12{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box13{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box14{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box15{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box16{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box17{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box18{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box19{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box20{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box21{
 position:relative; 
 float: left;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box22{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box23{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box24{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box25{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box26{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box27{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box28{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box29{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 0px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}

#box30{
 position:relative; 
 float: right;
 width: 100%;
 max-width: 320px;
 height: auto;
 margin-top: 0px;
 margin-left: 5px;
 padding:0px;
 background:url('images/boxbg.jpg') no-repeat;
 background-size: 100% 100%;
 border: 1px solid #6A6A6A;
 margin-bottom:5px;
}


h1{
 font-size:2.0em;
 font-family:Arial, Tahoma;
 color:#F542E8;
 margin-top:5px;
 font-weight:lighter;		
}

h2{
 font-size:2.0em;
 font-family:Arial, Tahoma;
 color:#F542E8;
 text-align:center;
 font-weight:lighter;
 margin-top:-20px;	
}

h3{
 font-size:1.8em;
 font-family:Arial, Tahoma;
 color:#fff;
 margin-top:6px;
 text-align:center;
 line-height:20px;
 font-weight:lighter;		
}

h4{
 font-size:1.3em;
 font-family:Arial, Tahoma;
 color:#F542E8;
 text-align:center;
 font-weight:lighter;
 margin-top:6px;	
}


.infotext{
 position:relative;
 font-size:1.4em;
 font-family:Arial, Tahoma;
 color:#692898;
 font-weight:lighter;
 left:0px;	
 width:100%;
 text-align:center;	
}

.photo{
 max-width: 100%;
 height:auto;
 width:auto;
 text-align:center;
}

.zamowbt{
 position:relative;
 width:100%;
 max-width:90px;
 height:29px;
 top:20px;
 margin: 0 auto;
}

.zamowbt1 {
 position:relative;
 background: url(images/zamowbt.png) no-repeat;
 height:29px;
 overflow:hidden;
 width:100%;
 max-width:90px;
 display:block;
 background-size: 100% 100%;
}

.zamowbt1:hover {
 background: url(images/zamowbt1.png) no-repeat;
}

.pricebt{
 position:relative;
 width:100%;
 max-width:90px;
 height:29px;
 top:20px;
 margin: 0 auto;
 margin-top:5px;
 margin-bottom:30px;
}

.pricebt1 {
 position:relative;
 background: url(images/pricebt.png) no-repeat;
 height:29px;
 overflow:hidden;
 width:100%;
 max-width:90px;
 display:block;
}

.pricebt1:hover {
 background: url(images/pricebt1.png) no-repeat;
}

#reviewstab{
 position:relative;
 float:left;
 width:100%;
 height:auto;
 display:block;
 font-family:Arial, Tahoma;
 font-size:1.6em;
 font-weight:bold;
 color:#6B2E67;
 background-color:#ECE5EC;
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;	
 cursor:pointer;	
}

#review{
 position:relative;
 float:left;
 width:100%;
 height:auto;
 display:block;
 background-color:#ECE5EC;
 text-align:left;
 display:none;	
}

.revhead{
 width:98%;
 height:22px;
 margin-top:10px;
 line-height:22px;
 color:#F542E8;
 font-size:12px;
 font-weight:bold;
 font-family:Arial, Tahoma;
 padding-left:2%;

}

.revbg{
 width:93%;
 margin-top:6px;
 background-color:#ECE5EC;
 padding-top:5px;
 padding-bottom:5px;
 color:#343434;
 font-size:1.4em;
 font-family:Arial, Tahoma;
 padding-left:2%;
}

hr.line1 {
 border: 0;
 border-bottom: 1px dashed #ccc;
 background: #999;
 margin-top:8px;
 margin-bottom:8px;
}


#contacttab{
 position:relative;
 float:left;
 width:100%;
 height:auto;
 display:block;
 margin-top:8px;
 font-family:Arial, Tahoma;
 font-size:1.6em;
 font-weight:bold;
 color:#6B2E67;
 background-color:#ECE5EC;
 padding-top:10px;
 padding-bottom:10px;
 text-align:center;	
 cursor:pointer;	
}

#blogtab{
 position:relative;
 float:left;
 width:100%;
 height:auto;
 display:block;
 margin-top:8px;
 margin-bottom:12px;
 font-family:Arial, Tahoma;
 font-size:1.4em;
 font-weight:bold;
 color:#6B2E67;
 background-color:#ECE5EC;
 padding-top:8px;
 padding-bottom:8px;
 text-align:center;	
 cursor:pointer;	
}

a.bloghead{
 margin-top:10px;
 margin-bottom:15px;
 color:#35B1A9;
 font-size: 20px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:none;
 display:block;
}

a.bloghead:hover{
 margin-bottom:15px;
 color:#35B1A9;
 font-size: 20px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:underline;
 display:block;
}

.bloghead1{
 margin-top:10px;
 margin-bottom:15px;
 color:#35B1A9;
 font-size: 20px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:none;
 display:block;
}

.bloghead2{
 margin-top:10px;
 margin-bottom:10px;
 color:#35B1A9;
 font-size: 16px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:none;
 display:block;
}

a.linkblog{
 margin-top:8px;
 color:#f542e8;
 font-size: 16px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:none;
 display:block;
}

a.linkblog:hover{
 margin-top:8px;
 color:#f542e8;
 font-size: 16px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 text-decoration:underline;
 display:block;
}

hr.line {
 border: 0;
 border-bottom: 1px dashed #ccc;
 background: #999;
 margin-top:20px;
 margin-bottom:20px;
}


.price{
 position:absolute; 
 float: left;
 width: 130px;
 height: 29px;
 top:242px;
 left:163px;
 font-size: 18px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 color:#7f387b;
}

.valueprice{
 font-size: 22px;
 font-family: Arial, Tahoma;
 font-weight:bold;
 color:#ed0070;		
}

.info{
 position:absolute;
 width: 63px;
 height:49px;
 float:right;
 right:5px;
 top:240px;
}

#titlecenter{
 height:30px; 
 width:98%;
 background-color:#35B1A9;
 font-family:Arial, Tahoma;
 font-size:1.2em;
 font-weight:bold;
 color:#fff;
 line-height:30px;
 padding-left:2%;
}


#divshopleft{ 
 width:100%;
 height:auto;	
 float:left;
 background-color:#fff;	
 margin-bottom:0px;
 text-align:center;
}

#divshopright{ 
 background-color:#EFE8EF;
 width:100%;
 height:auto;	
 float:left;
 text-align:center;		
}

#cena{
 color:#833574;
 font-size: 1.8em;
 font-family: Arial, Tahoma;
 width: 100%;
 height:50px;
}

#count{
 background-color:#fff;
 color:#343434;
 font-size: 1.2em;
 font-family: Arial, Tahoma;
 width: 60px;
 height:28px;
 border: 1px solid #793574;
 text-align:center;
 line-height:28px;
}

#ilosc{
 width: 100%;
 height:32px;
 background-color:#793574;
 color:#fff;
 margin-bottom:10px;
}


.minus{
 background:url('images/minus.png') no-repeat;
 padding-right:30px;
 line-height:10px;
}

.plus{
 background:url('images/plus.png') no-repeat;
 padding-left:40px;
 padding-bottom:10px;
 line-height:10px;
}

.minus1{
 background:url('images/minus1.png') no-repeat;
 padding-right:25px;
 line-height:10px;
}

.plus1{
 background:url('images/plus1.png') no-repeat;
 padding-left:30px;
 padding-bottom:10px;
 line-height:10px;
}


#rodzaj{
 background-color:#793574;
 color:#fff;
 font-size: 1.0em;
 font-family: Arial, Tahoma;
 width: 100%;
 margin:0 auto;
 height:25px;
 text-align:center;
 line-height:25px;
}

#ile_tab{
 background-color:#C79FC2;
 color:#343434;
 font-size: 1.0em;
 font-family: Arial, Tahoma;
 width:100%;
 height:25px;
 text-align:center;
 line-height:25px;
}

#info{
 color:#343434;
 font-size: 1.1em;
 font-family: Arial, Tahoma;
 width: 100%;
 height:20px;
 text-align:center;
 padding-top:10px;
}

.photoproduct{
 max-width: 100%;
 height:auto;
 width:auto;
 text-align:center;		
}

#dokoszyka{
 position:relative; 
 width: 100%;
 height: auto;
 margin-top:20px;
 margin-bottom:20px;
}

a.linkbutton2{
 position:relative;
 background: url('images/zamowbt.png') no-repeat;
 display:block;
 height:29px;
 overflow:hidden;
 width:90px;
 margin:0 auto;
 cursor:pointer;
}

a.linkbutton2:hover{
 background: url('images/zamowbt1.png') no-repeat;
}

#textcol{
 float:left;
 width: 96%; 
 font-size:14px;
 font-family:Arial, Tahoma sans-serif;
 margin-top:15px;
 margin-bottom:15px;
 padding-left:2%;
 padding-right:2%;
}

.maintable{
 background-color: #fff;
 width: 100%; 
 font-size:1.0em;
 font-family:Arial, Tahoma sans-serif;
 text-align:center;
}

.maintable td {
 border: 1px dotted #85478B;
 padding: 5px;
 text-align: center;
}

.headtable {
 background: url('images/headbg1.jpg') no-repeat;
 background-color: #35B1A9;
 font-weight:bold;
 color:#fff;		
}

.headtable2 {
 background-color: #9C7097;
 font-weight:bold;
 color:#fff;
 width:100%;	
}

.headtable32 {
 background-color: #9C7097;
 font-weight:bold;
 color:#fff;
 width:100%;	
}

.headtable4 {
 background-color: #F0FB48;
 font-weight:bold;
 font-size:1.0em;
 color:#343434;
 width:100%;	
}



.headtable3 {
 background-color: #35B1A9;
 font-weight:bold;
 color:#fff;
 font-size:0.8em;		
}

.tlotable {
 background-color: #ECE5EC;
}

.link{
 font-size: 14px;
 font-family: Tahoma, Arial sans-serif;
 color:#35b1a9;
 font-weight:bold;
 text-decoration: none;
}

.link:hover{
 font-size: 14px;
 font-family: Tahoma, Arial sans-serif;
 color:#f542e8;
 font-weight:bold;
 border-bottom: 1px dotted #cef830;
}

.buttonprice{
 position:absolute; 
 float: left;
 width: 90px;
 height: 29px;
 top:130px;
margin:0 auto;
}

.buttonprice1{
 position:relative; 

 width: 90px;
 height: 29px;
 top:1px;
margin:0 auto;

}

a.linkbutton{
position:relative;
background: url('images/buttonorder.png') no-repeat;
display:block;
height:29px;
overflow:hidden;
width:90px;
}

a.linkbutton:hover{
background: url('images/buttonorder1.png') no-repeat;
}

.big1{
 font-family:Arial, Tahoma;
 font-size:16px;
 color:#EF061C;
 font-weight:bold;
} 
 
.big2{
 font-family:Arial, Tahoma;
 font-size:16px;
 color:#26B9D9;
 font-weight:bold;
} 
 
.big3{
 font-family:Arial, Tahoma;
 font-size:18px;
 color:#3423434;
 font-weight:bold;
} 


 
#footer{
 height:40px; 
 background-color:#733370;
 clear:both;
 font-family:Arial, Tahoma;
 font-size:1.4em;
 color:#fff;
 text-align:center;
 line-height:40px;
 margin-top:8px;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */