a:link, a:visited{
text-decoration: none;
color: #000
}

a:hover{
text-decoration: underline;
}

body{
font-family: arial;
font-size: 12px;
color: #000;
background: url(img/tlo.jpg) repeat-x center 57px #0d51ff;
}

p, div, h1, h2, h3, h4, h5, ul, ol, li, body, span, table, td, th, img, input{
margin: 0px;
padding: 0px;
}

img{
border: 0px;
}

.top-tlo{
width: 100%;
height: 57px;
margin-bottom: 20px;
background: url(img/top.jpg) center top;
}

.wszystko{
width: 1000px;
position: relative;
overflow: hidden;
margin: auto;
}

.top{
width: 1000px;
overflow: hidden;
position: relative;
}

.logo{
display: block;
width: 205px;
height: 57px;
margin: auto;
background: url(img/logo.png);
}

h1{
font-size: 30px;
margin-top: 10px;
color: #f80000;
width: 1000px;
display: block;
text-align: center;
}

h2{
font-size: 20px;
float: left;
margin-left: 138px;
display: block;
color: #000;
}

h3{
font-size: 20px;
float: left;
display: block;
color: #000;
margin-left: 5px;
}

h5{
font-size: 20px;
float: left;
display: block;
color: #000;
margin-left: 5px;
}

.slogan1{
float: left;
width: 283px;
padding-top: 10px;
text-align: center;
font-size: 16px;
margin: 10px 7px 0px 75px;
font-weight: bold;
color: #f80000;
}

.slogan2{
float: left;
width: 283px;
text-align: center;
font-size: 16px;
margin: 10px 7px 0px 0px;
font-weight: bold;
color: #f80000;
}

.slogan3{
float: left;
width: 283px;
padding-top: 10px;
text-align: center;
font-size: 16px;
margin: 10px 0px 0px 0px;
font-weight: bold;
color: #f80000;
}

.slogan4{
    float: left;
    width: 650px;
    padding: 30px;
    /* padding-left: 140px; */
    /* padding-right: 120px; */
    text-align: center;
    font-size: 19px;
    margin: 10px 130px 0px 140px;
    border: 2px solid red;
    font-weight: bold;
}

.tresc{
width: 1000px;
margin-top: 20px;
overflow: hidden;
}

.menu-lewa{
float: left;
margin-top: 15px;
width: 200px;
}

.menu-lewa li{
margin-bottom: 50px;
}

.menu-lewa a:link, .menu-lewa a:visited{
font-size: 16px;
color: #000;
display: block;
width: 200px;
font-weight: bold;
}

.prawa{
float: right;
overflow: hidden;
}

.przycisk-bg{
width: 740px;
height: 98px;
padding: 23px;
position: relative;
background: url(img/przycisk-bg.png);
}

.przycisk-bg strong{
font-weight: normal;
}

.foto-bg{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid #e9e0de;
background: #fff;
text-align: center;
width: 80px;
height: 90px;
float: left;
position: relative;
}

.powieksz:link, .powieksz:visited, .powieksz:hover{
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 65px;
right: 5px;
background: url(img/lupka.jpg);
}

.tyt-prod:link, .tyt-prod:visited{
display: block;
float: left;
height: 98px;
line-height: 98px;
margin-left: 20px;
font-size: 56px;
color: #000;
}

.tyt-prod2:link, .tyt-prod2:visited{
display: block;
float: left;
height: 58px;
margin-left: 20px;
font-size: 56px;
color: #000;
}

.przycisk-bg sup{
display: block;
float: left;
font-size: 20px;
margin-top: 20px;
color: #000;
}

.supe{
font-size: 20px;
position: absolute;
color: #000;
top: 0px;
}

.super{
font-size: 20px;
position: absolute;
color: #000;
top: 27px;
}


.opis-prod{
display: block;
position: absolute;
left: 310px;
top: 0px;
height: 18px;
padding-top: 80px;
font-size: 16px;
}

.ceny{
display: block;
position: absolute;
background: url(img/ceny-buttonm.jpg);
top: 25px;
right: 25px;
width: 118px;
height: 36px;
}

.bt-tlo{
width: 100%;
height: 56px;
margin-top: 15px;
background: url(img/bt.jpg) center top;
}

h4{
font-size: 24px;
color: #000;
float: left;
font-weight: bold;
position: relative;
}

.r{
display: block;
float: left;
font-size: 20px;
color: #000;
}

.tekst{
width: 800px;
float: left;
}

.tekst p{
clear: left;
display: block;
font-weight: bold;
font-size: 16px;
}

.tekst p1{
clear: left;
display: block;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 10px;
font-size: 16px;
}

.tekst p2{
text-align: center;
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
padding-right:65px;
}

.inne-rozmiary{
width: 800px;
height: 16px;
text-align: center;
padding: 10px 0px 10px 10px;;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #f80000;
}

.tabelka{
width: 800px;
background: #a9bfff;
border: 1px solid #000;
}

.tabelka th, .tabelka td{
border-spacing: 0px;
text-align: center;
width: 20%;
}

.tabelka td{
border-spacing: 0px;
height: 30px;
width: 20%;
text-align: right;
padding-right: 15px;
}

.tabelka td:first-child{
border-spacing: 0px;
height: 30px;
width: 20%;
padding-right: 0px;
text-align: center;
}

.tabelka th{
border-bottom: 1px solid #000;
height: 50px;
}

.fotoduze{
display: none;
}

.sassdas{
top: 1300px;
left: 500px;
width: 800px;
position: absolute;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}


.MsoTableGrid td {
	vertical-align: middle;
	padding: 5pt !important;
}
.MsoTableGrid tr:first-child td p {
	line-height: 1 !important;
	text-align: center !important;
}
.MsoTableGrid tr:first-child td p span {
	font-weight: bold !important;
}
.MsoTableGrid td[width="123"] p {
	text-align: right;
	padding-right:10px;
}
.MsoTableGrid p, .MsoTableGrid p span {
	font-family: arial !important;
	font-size: 12px !important;
}


.small-table {
	font: bold 15px Arial;
    text-align: center;
	border-spacing: 0;
	margin: 30px 0 40px;
	color: red;
}
.small-table td {
	width: 25%;
    padding: 10px !important;
}
.small-table tr:nth-of-type(2) td {
	vertical-align: top;
}

.info {
	font: bold 16px arial;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	float: none;
}
.info-red {
	color: red;
	font: bold 16px arial;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
	float: none;
}