<style type="text/css">
body {
margin: 0;
padding: 0;
}
* {font-family: Tahoma,Geneva,sans-serif;}
h1, h2, h3, h4 {
font-weight: bold;
}
.body {
margin: 0;
padding: 0;
background: #feffd4;
font-family: Tahoma,Geneva,sans-serif;
font-size:12px;
}
.body, h1, h2, h3, h4, h5, h6 {
color: #00a378;
}
a {
color: #00bc83;
text-decoration: none;
}
a:hover {
color: #00bc83;
}
.container {
clear: both;
width: 1020px;
margin: 0 auto;
}
.clearfix {
content:".";
display: block;
visibility: hidden;
clear: both;
height: 0;
}
#header {
margin:0;
padding:0;
}
#header .header-container {
position: relative;
min-height: 80px;
}
#header .site-title {
margin: 35px 20px 15px 20px;
font-size: 32px;
line-height: 30px;
color: #555;
white-space: nowrap;
}
#header .slogan {
font-size: 20px;
position: relative;
margin: 0 12px;
padding: 0 7px;
font-weight: normal;
line-height: 20px;
}
.dark {
background: #00bc83;
color: #ffffff;
}
.dark:hover,
.sidebar .widget:hover .dark {
background: #09467;
}
.border {border-width:1px; border-color: #00bc83; border-style:solid;}
#nav {
min-height: 49px;
border-left: none;
border-right: none;
position: relative;
background:#ffffff;
}
#nav ul {
list-style-type: none;
padding: 0;
}
#nav ul li {
margin: 0;
padding: 0;
display: inline-block;
}
#nav ul li:hover{
background:#f5f5f5;
}
#nav ul a {
display: block;
position: relative;
padding: 0 30px;
min-width: 70px;
text-align: center;
font-size: 13px;
line-height: 49px;
text-transform: none;
font-weight: bold;
outline: none;
}
.menu-bar {
min-height: 37px;
line-height: 37px;
position: relative;
font-size: 15px;
}
.menu-bar .head {
display: inline-block;
padding: 0 15px 0 30px;
line-height: 37px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.menu-bar .contact-info {padding-right: 20px;}
#page-content {
padding:0;
}
#page-content .padder {
padding: 25px 20px;
}
.article .article-title {
font-size: 14px;
text-align: center;
line-height: 32px;
}
.col-left {
float: left;
width: 220px;
}
.col-right {
float: right;
width: 730px;
}
.text.text-header {
border-radius: 9px;
font-size: 14px;
text-align: center;
line-height: 42px;
padding: 0;
margin: 0;
font-weight: bold;
}
.text.white {
padding: 15px 8px;
margin: 0 0 15px;
background: none transparent;
border-radius: 0;
border: none
}
.sidebar .widget {
margin-bottom: 35px;
position: relative;
color: #00a378;
}
.sidebar .widget a {
color: #00a378;
}
.sidebar .widget a:hover {
color: #0664b;
}
.sidebar .widget:hover .widget-content {
background: #fffda2;
}
.sidebar .widget:hover .widget-content {
background: #fefeca;
}
.sidebar .widget .widget-title {
position: relative;
border-radius: 5px 5px 0 0;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 32px;
margin: 0;
}
.sidebar .widget .widget-content {
position: relative;
border-top: none;
padding: 5px 8px;
background: #fffeb6;
}
.sidebar .nav-widget ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.sidebar .nav-widget ul li {
margin: 0;
padding: 0;
}
.sidebar .nav-widget ul li {
display: block;
}
.sidebar .nav-widget ul li a {
display: block;
text-align: center;
padding: 5px 0;
font-weight: bold;
}
table#contactInfo td {
padding: 8px 2px;
}
div.plusesList ul
{
list-style-image:;
margin-top: 8px;
padding-left: 28px;
}
div.plusesList ul li
{
line-height: 20px;
}
.widget img {
margin-bottom: 12px;
}
.border1 {border: 1px solid #999;}
.center {text-align:center;}
.desc {font-size: 20px; line-height:30px; margin: 18px auto;}
.pic_desc {
font-size: 20px;
line-height: 1.2em;
margin-top: 8px;
margin-bottom: 40px;
}
.fullCenter {
margin: 0 auto;
text-align:center;
width:100%;
}
#footer { clear: both; }
ul.gallery_pics {
list-style: none;
padding: 0;
}
ul.gallery_pics .pic{
margin: auto;
}
.pic_title {
position:absolute;
margin: 0.7em;
display: inline-block;
padding: 0.2em 0.4em;
font-weight: 700;
line-height: 1;
color: rgb(255, 255, 255);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #00bc83;
border-radius: 10px 10px 10px 10px;
}
ul.gallery_thumbs li {
display:inline;
}
ul.gallery_thumbs {
height: auto;
overflow: hidden;
margin: 0;
padding: 8px;
border-width: 1px 0;
}
ul.gallery_thumbs .pic {
display:inline-block;
border: 1px solid #ddd;
border-radius: 4px;
}
ul.gallery_thumbs img {
border-radius: 4px;
}
ul.gallery_thumbs .pic_title {
font-size: 11px;
padding: 6;
}
ul.gallery_thumbs .pic{
margin: 8px;
}
ul.gallery_thumbs a:hover .pic{
opacity:0.7;
}
.checkout-price {
position: absolute;
margin-left: 690px;
margin-top: -50px;
width:150px;
height:150px;
background: no-repeat scroll center center;
z-index: 100;
display: table;
text-align: center;
}
.checkout-price>div{
color: #F50;
display: table-cell;
vertical-align: middle;
padding-top: 10px;
}
</style><div class="body"><div class="header" id="header"><div style="margin:0"><img style="margin-left: auto; margin-right: auto; display:block;" alt=""></div><div class="nav containe border" id="nav"><ul class="fullCenter"><li><a >O nas</a></li><li><a >Nasze aukcje</a></li><li><a >Napisz wiadomość</a></li><li><a >Opinie</a></li><li><a >Dodaj do ulubionych</a></li></ul><div class="clearfix"></div></div></div><div class="clearfix"></div><div class="menu-bar dark"><div class="fullCenter"><span class="head">Kontakt:</span></div></div><div class="container" id="page-content"><div class="padder"><div class="col-right article center"><div class="checkout-price"><div><b style="font-size:25px">7,99 zł</b><br></div></div><h1 style="font-size: 32px; margin: 0 0 8px 0;">Trend Micro Titanium Maximum Securit 1rok-3PC </h1><style>
.pic {
position: relative;
text-align: center;
}
ul.gallery_thumbs {
height: auto;
overflow: hidden;
margin: 0 auto 1em auto;
padding: 8px;
list-style: none;
padding: 0;
}
ul.gallery_thumbs li {
display:inline;
}
ul.gallery_thumbs .pic {
display:inline-block;
}
ul.gallery_thumbs .pic_title {
font-size: 11px;
padding: 6;
position:absolute;
margin: 2%;
}
ul.gallery_thumbs .pic{
margin: 8px;
}
ul.gallery_thumbs a:hover .pic{
opacity:0.7;
}
</style><ul class="gallery_thumbs" ><li><a href="#pic_1"><div class="pic"><div class="pic_title badge">1 rok -3PC</div><img style="max-width:200px;max-height:200px;" /></div></a></li><li><a href="#pic_2"><div class="pic"><img style="max-width:200px;max-height:200px;" /></div></a></li><li><a href="#pic_3"><div class="pic"><img style="max-width:200px;max-height:200px;" /></div></a></li></ul><div class="desc">
Zaawansowana ochrona online dla 3 komputerów PC <br /><br />1 rok totalnego bezpieczeństwa. <br /><br />Korzysta z funkcji najnowszej technologii zabezpieczania przed programami ransomware<br />Chroni przed wirusami i innymi złośliwymi programami<br />Chroni przed phishingiem i kradzieżą tożsamości<br />Blokuje niebezpieczne witryny internetowe<br />Chroni dzieci podczas korzystania z Internetu<br /></div><div class="text text-header dark">Galeria</div><style>
.pic {
position: relative;
text-align: center;
}
.pic_title {
position:absolute;
margin: 0.7em;
display: inline-block;
padding: 0.14em 0.5em;
line-height: 1;
font-size:30px;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 20px;
opacity: 0.8;
}
ul.gallery_pics {list-style: none;}
</style><ul class="gallery_pics" id="big_gallery"><li id="pic_1"><div class="pic"><div class="pic_title badge">1 rok -3PC</div><img style="max-width:700px;" /></div><p class="pic_desc"></p></li><li id="pic_2"><div class="pic"><img style="max-width:700px;" /></div><p class="pic_desc"></p></li><li id="pic_3"><div class="pic"><img style="max-width:700px;" /></div><p class="pic_desc"></p></li></ul><div class="desc"></div></div><div class="col-left sidebar"><div class="widget"><h2 class="widget-title dark">Formy płatności</h2><div class="widget-content border"><img /></div></div><div class="widget"><h2 class="widget-title dark">Kontakt</h2><div class="widget-content border "><div style="text-align:center; font-weight:bold; width:100%; margin: 8px 0 0 0;"></div><table id="contactInfo" cellspacing="0" cellpadding="0" border="0" width="204"><tbody></tbody></table></div></div><div class="widget"><h2 class="widget-title dark">Dostawa</h2><div class="widget-content border"><img /><img /><div style="font-weight:bold; line-height:1.3;text-align:center;"><p>Wysyłka kodu drogą elektroniczna do 2 godzin od wpłaty</p></div></div></div></div><!--sidebar--><div class="clearfix"></div><div id="footer"></div></div></div>