body {margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #282928;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
#top {float:left;width:100%; background: #f5f5f5;background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(199,199,199,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(199,199,199,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7',GradientType=0 ); }
#top .content {width: 990px; margin: 0 auto;text-align: justify; font-size: 12px; color: #000000;padding: 20px 0px;}
#top .content .logo {float:left;height: 70px; width: 990px;}
#top .content .logo a.lgm{display:block; width: 450px; height:50px;background: url(gfx/logo.png) no-repeat bottom left; float:left;}
#top .content .logo .top-menu {width: 540px; height: 56px; float:left; }
#top .content .logo .top-menu a {display:block;width: 71px;height: 56px;margin-left: 15px;float: right;}
#top .content .logo .top-menu a.mt-panel{ background: url(gfx/menutop-panel.png) no-repeat top left; width: 71px; }
#top .content .logo .top-menu a.mt-regulamin{ background: url(gfx/menutop-regulamin.png) no-repeat top left; width: 58px; }
#top .content .logo .top-menu a.mt-kontakt{ background: url(gfx/menutop-kontakt.png) no-repeat bottom left; width: 43px; height:54px;}
#top .content .menu {float:left;width: 990px;height: 276px;background: url(gfx/mmenu.png) no-repeat top left;overflow:hidden }
#top .content .menu .main-menu {width: 700px; height: 33px; padding-top: 10px;}
#top .content .menu .main-menu a {display:block;margin-left: 40px; color: #ffffff; font-size: 14px; float:left;}
#top .content .menu table , #top .content .menu table tr, #top .content .menu table td {margin:0px; padding: 0px;}
#top .content .menu table {margin: 15px 0px;}
#top .content .menu table .field-domena {position:relative;top:1px;color: #868686; font-size: 14px;display:block; width: 310px; height: 38px; background: url(gfx/domain.png) no-repeat top left;border:none;padding-left: 40px; padding-right: 10px;}
#top .content .menu table .field-check {width: 89px; height: 36px; display:block;border:none;cursor:pointer;background: url(gfx/search.png) no-repeat top left;}
#top .content .menu table .field-roz {color: #868686; font-size: 14px; width: 120px; height:38px; padding: 10px 2px; background: url(gfx/roz.png) no-repeat top left; border:none;}
#top .content .packets {float:left;width: 990px; height: 332px;padding: 15px 0px;}
#top .content .packets .packet {width: 244px;height: 332px;margin-right: 4px;background: url(gfx/packet-body.png) no-repeat top left;float:left; }
#top .content .packets .packet:last-child {margin-right: 0px;}
#top .content .packets .packet .ptitle {width: 244px; height:74px;overflow:hidden;}
#top .content .packets .packet .ptitle .pt-first {width:100%;font-size: 31px;color: #ffffff;text-align:center;margin-top:8px;}
#top .content .packets .packet .ptitle .pt-second {width:100%;font-size: 14px; color: #cbcbcb;text-align:center;position:relative;top:-5px;}
#top .content .packets .packet .pcost {width: 244px; height:66px;padding-top:7px;overflow:hidden;text-align:center;}
#top .content .packets .packet .pcost {font-size:20px;}
#top .content .packets .packet .pcost span { font-size:34px;position:relative;top:3px;}
#top .content .packets .packet-1 .pcost {color: #f8a40c;}
#top .content .packets .packet-2 .pcost {color: #f77702;}
#top .content .packets .packet-3 .pcost {color: #f75a02;}
#top .content .packets .packet-4 .pcost {color: #d52e01;}
#top .content .packets .packet .pinfo {width: 204px; padding-left: 40px; padding-top: 5px;  height:95px;overflow:hidden;}
#top .content .packets .packet .pinfo .pi-dot {font-size: 22px;position:relative;top:2px;}
#top .content .packets .packet .pinfo .pi-line {font-size: 15px;}
#top .content .packets .packet .pbutton {display:block; width: 244px; height: 83px;}
#top .content .packets .packet-1 .pbutton {background: url(gfx/packet-button-1.png) no-repeat bottom left;}
#top .content .packets .packet-2 .pbutton {background: url(gfx/packet-button-2.png) no-repeat bottom left;}
#top .content .packets .packet-3 .pbutton {background: url(gfx/packet-button-3.png) no-repeat bottom left;}
#top .content .packets .packet-4 .pbutton {background: url(gfx/packet-button-4.png) no-repeat bottom left;}
#top .content .page {float:left;width: 990px;}
#top .content .page .main {width:720px;margin-right:24px;overflow:hidden;float:left;}
#top .content .page .main .mtitle {font-size: 24px;}
#top .content .page .main .mhr {width:100%;height:1px;border-bottom:1px solid #b6bec3;margin: 5px 0px;}
#top .content .page .main .mcontent a {font-weight:bold;color: #000000;}
#top .content .page .news {width:246px;overflow:hidden;float:left;}
#top .content .page .news .ntitle {font-size: 24px;}
#top .content .page .news .nhr {width:100%;height:1px;border-bottom:1px solid #b6bec3;margin: 5px 0px;}
#top .content .page .news .ncontent a {font-weight:bold;color: #000000;}
#top .content .page .news .ncontent.umenu a {font-weight:normal;color: #000000;}
#top .content .page .news .ncontent .a_news {display:block; background: url(gfx/news.png) no-repeat top left; height: 31px; padding-left: 40px; font-weight:bold;text-align:left;}
#bottom {float:left;width: 100%; background: #282928;}
#bottom .content {width: 990px; margin: 0 auto;text-align: justify; font-size: 11px; color: #a8a8a8; line-height: 22px;padding: 30px 0px;}
#bottom .content a {color: #a8a8a8}
#bottom .content .bottom-menu {width: 700px;text-align:left;float:left;margin-bottom: 30px;}
#bottom .content .bottom-menu  a {display:block; float:left;}
#bottom .content .bottom-menu .spacer {width: 40px; text-align:center;float:left;}
#bottom .content .bottom-logo {width: 290px;text-align:right;float:left; margin-bottom: 30px;}


.serf {
background: #FFFFFF;
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:10px;
font-color: #000000;
color: #72726B;
}

.serf td {
padding-left:14px;
padding-top:8px;
padding-bottom:8px;
border-right:1px #B0B4B5 dashed;
}

.dzserf A:link , .dzserf  A:active , .dzserf  A:visited {
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif; 
font-size: 12px;
color: #9694E9;
text-decoration : none; 
}
.dzserf {
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:11px;
color: #FFFFFF;
background: #535353;
}

.dzserf td {
padding-left:8px;
padding-top:5px;
padding-bottom:5px;
border-right:1px #B0B4B5 dashed;
border-bottom:1px #B0B4B5 dashed;
line-height:20px;
vertical-align: middle;
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #FFFFFF;
}

.tda {
margin: 2px;
padding: 2px;

font: 12px Arial;
vertical-align: top;
text-align: left;
}

.tda td {
margin: 2px;
padding: 2px;
}

.plany {
background: url(gfx/planytlo.gif) repeat-y;
padding: 0px 21px 0px 21px;
}


.menu1 {
padding: 12px 22px 12px 18px;
color: #3D3E3E;
font: 12px Arial;
text-align: justify;
line-height: 18px;
}

.tresc {
padding-left: 10px;
padding-top: 6px;
}

.naglowek {
font-size: 18px;
}
.nagloweksrodek {
font-size: 18px;
color: #800000;
}
.naglowek2 {
font-size: 18px;
color: #AB0708;
}

.menu2 {
padding: 12px 25px 12px 24px;
color: #3D3E3E;
font: 12px Arial;
text-align: justify;
line-height: 16px;
}


.pole {
width: 110px;
font: 12px Arial;
color: #48463A;
border: 1px solid #D4D0C8;
padding: 2px;
}


.dol {
width: 900px;
height: 35px;
font: 12px Arial;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}


.plan1 {
background: url(gfx/tabela_plan1.gif) no-repeat;
height: 75px;
vertical-align: middle;
}

.plan2 {
background: url(gfx/tabela_plan2.gif) no-repeat;
height: 75px;
vertical-align: middle;
}

.plan3 {
background: url(gfx/tabela_plan3.gif) no-repeat;
height: 75px;
vertical-align: middle;
}

.plan4 {
background: url(gfx/tabela_plan4.gif) no-repeat;
height: 75px;
vertical-align: middle;
}


.headplan {
background: url(gfx/tabela_plan.gif) no-repeat;
height: 29px;
vertical-align: middle;
}

.headplan_ress {
background: url(gfx/tabela_ress.gif) no-repeat;
height: 29px;
vertical-align: middle;
}

.nazwa_planu {
width: 120px;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
padding-left: 14px;
}

.cena {
width: 69px;
text-align: center;
font-size: 14px;
font-weight: bold;
}

.plan_of {padding: 5px 0px 5px 15px; }
.plan_of li {background:url(gfx/ptak.gif) no-repeat 0px 5px; padding-left: 16px; line-height:20px; font-weight: bold; }

.promocje {
width: 303px;
background: url(gfx/sprtlo.gif) repeat-y;
}

.sprdom {
width: 303px;
background: url(gfx/sprtlo.gif) repeat-y;
}


.logowanie {
width: 354px;
background: url(gfx/panelklienta.gif) no-repeat;
height: 73px;
}


