body {
	background: #B0B0B0; 
	margin: 0 0 0 0; 
	padding: 0; 
	font: 11px tahoma, verdana, lucida, Helvetica, arial, sans-serif;
	text-align: center; /* for IE5x - see wrapper */
}

* {margin:0; padding:0; /* - Resets all margins and padding - */} 
p {font-family: tahoma, verdana, lucida, Helvetica, arial, sans-serif;}
h1, h2, h3, h4 {font-family: "Gill Sans MT", "Gill sans", "Trebuchet ms", sans-serif;}
img {border: none;}

hr {display: none; clear: both;}

/*<group=forms>*/
label
{
width: 4em;
float: left;
text-align: right;
margin: 2px 1em 15px 0;
clear: both; 
font-size: 10px; 
color: #828282; 
cursor:pointer;
font-size: 10px;
font-weight: bold;
font-family: "Trebuchet ms", verdana, sans-serif;
}

.submit-button
{
position: absolute;
left: 560px;
top: 285px;
font-family: "Trebuchet ms";
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #2c6bb8;
border: none;
background-color: transparent;  
}

.submit-button_2
{
position: absolute;
left: 650px;
top: 285px;
font-family: "Trebuchet ms";
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #2c6bb8;
border: none;
background-color: transparent;  
}

.submit-button_3
{
position: absolute;
left: 565px; /*560px;*/
top: 101px; /*105px;*/
font-family: "Trebuchet ms";
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #2c6bb8;
border: dotted 1px #828282;
background-color: transparent;  
}

.submit-button_4
{
position: absolute;
left: 630px;
top: 105px;
font-family: "Trebuchet ms";
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #2c6bb8;
border: none;
background-color: transparent;  
}

form {padding: 0 0 0px 0; margin: 0;}

form, textarea {
	font: 12px tahoma, verdana, lucida, sans-serif;
}
/*
fieldset {width: 525px; padding: 0; border: 0; font-size: 12px;}
*/
input {
	border: #b0b0b0 dotted 1px; 
	background: #fcfcfc; 
	color: #6E6E44; 
	padding: 3px; 
	margin: 0 0px 0 0px; 
	font-size: 9px;
}

select {
	border: #b0b0b0 dotted 1px; 
	background: #fcfcfc; 
	color: #6E6E44; 
	margin: 0 0px 0 2px; 
	font-size: 1em;
}

textarea {border: 1px dotted #525232; background: #EDEDE2; font-size: 12px; color: #000000; padding: 4px;}

textarea:focus, select:focus, input:focus {background:#F0F0F2;}

/*</group>*/

a, a:link, a:active {color: #2C6BB8; border-bottom: 1px solid #2C6BB8; text-decoration: none;}
a:visited {color: #4C8BD8; border-bottom: 1px dotted #4C8BD8; text-decoration: none;}
/*a:visited {color: #b0b0b0; border-bottom: 1px dotted #b0b0b0; text-decoration: none;}*/
a:hover {color: #19417D; border-bottom: 1px solid #19417D; text-decoration: none;}

#left a.no-bottom-border { border-bottom: 0; }

#nav a {border-bottom: 0; color: #ffffff;} 
#side a, #foot a {border-bottom: 0; color: #2C6BB8;}
#nav li ul{color: #ffffff;}
#nav {color:#ffffff; text-decoration: none;}
#nav a:hover {color: #000000;}
#navbar a:visited {color: #ffffff;}

/*<group=IDs>*/

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 780px;
	text-align: left;
}

#header {
	position: absolute; 
	top: 0px; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	width: 780px; 
	height: 99px; 
	background: url(img/top1.gif) no-repeat;
	z-index: 2;
}

#images {
	position: absolute;
	top: 15px; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	width: 780px; 
	height: 28px; 
	z-index: 3;
}

#images #i_1 {
   position: absolute;
   margin-top: 10px;
   margin-left: 0;
}

#images #i_2 {
   position: absolute;
   margin-top: 46px;
   margin-left: 533px;
}

#images #i_3 {
   position: absolute;
   margin-top: 46px;
   margin-left: 655px;
}

#navbar {
	position: absolute; 
	top: 99px; 
	left: 0; 
	margin: 0; 
	padding: 0; 
	width: 780px; 
	height: 28px; 
	background: url(img/menu.jpg) no-repeat;
	z-index: 2;
}

#content {
	position: absolute; 
	top: 127px;
	left: 0; 
	margin: 0; 
	padding: 0; 
	width: 780px; 
	background:#ffffff;
}

#storymain {float: left; width: 555px; margin: 0; padding: 0;}

/*#location {position: absolute; left: 480px;  margin-top: 23px; font-family: verdana; color: #2C6BB8}*/
#location {position: absolute; left: 20px; margin-top: 23px; font-family: verdana; color: #2C6BB8;}
	
#main {float: left; width: 515px; margin: 0; padding: 0;}	
	
/*</group>*/

/*<group=Navigation>*/

#header p.smaller {
 font-size: smaller;
 padding-top: 6px;
 margin-left: 4px;
 width: 500px;
 font-family: "Trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header ul {
   float: right;
   width: 235px;
   margin: 0;
   padding: 7px 0 0 0;
	list-style: none;
	font-size: smaller;
	font-weight: bold;
	font-family: "Trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
/*	font-family: tahoma, verdana, lucida, sans-serif;*/
}

#header li {
   display: inline;
   margin-right: 20px;
   color: #fff;
}

#navi a {border-bottom: 0; color: #fff;}
#navi a:visited {border-bottom: 0; color: #fff;}  
#navi a:hover {color:#fff; border-bottom: 1px solid #fff;}


/**/
#navbar ul {
	margin: -3px 0 0 0; 
	padding: 0; 
	list-style: none; 
	width: 780px;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold; 
	font-family:  "Trebuchet ms", tahoma, verdana, lucida, sans-serif;
	text-decoration: none;
}

#navbar li#news{
	margin: 0; 
	padding: 0; 
	float: left; 
	color: #ffffff;
	width: 90px;
	position: relative;
}

#navbar li#news {
	height: 17px; 
	display: block; 
	padding: 8px; 
	margin: 0; 
	color: #ffffff; 
	text-align: left; 
	text-decoration: none;
}

#navbar li#news a:hover {
	width: 90px;
	color: #000000; 
	text-align: left;
}

#navbar li#offer{
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 48px;
	position: relative;
}

#navbar li#offer {
	height: 17px; 
	display: block; 
	padding: 8px; 
	margin: 0; 
	color: #ffffff; 
	text-align: left; 
	text-decoration: none;
}

#navbar li#offer a:hover {
	width: 48px;
	color: #000000; 
	text-align: left;
}

#navbar li#partnership{
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 80px;
	position: relative;
}

#navbar li#partnership {
	height: 17px; 
	display: block; 
	padding: 8px; 
	margin: 0; 
	color: #ffffff; 
	text-align: left; 
	text-decoration: none;
}

#navbar li#partnership a:hover {
	width: 90px;
	color: #000000; 
	text-align: left;
}

#nav li#docs{
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 97px;
	position: relative;
}

#navbar li#docs {
	height: 17px; 
	display: block; 
	padding: 8px; 
	margin: 0; 
	color: #ffffff; 
	text-align: left; 
	text-decoration: none;
}

#navbar li#docs a:hover {
	width: 97px;
	color: #000000; 
	text-align: left;
}
#navbar li#download{
	margin: 0; 
	padding: 0; 
	float: left; 
	width: 100px;
	position: relative;
}

#navbar li#download {
	height: 17px; 
	display: block; 
	padding: 8px; 
	margin: 0; 
	color: #ffffff; 
	text-align: left; 
	text-decoration: none;
}

#navbar li#download a:hover {
	width: 100px;
	color: #000000; 
	text-align: left;
}

/*<group=Main Content>*/

#left {
	width: 525px; /* was 525px */
    min-height: 500px;
	margin: 8px 0 0 5px; 
	padding: 75px 15px 0 15px;
	border:dotted #7F7F7F;	
 	border-width:0 1px 0 0;
}

.icon{
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.blink{
text-decoration: none;

}

#center {
azimuth: center;
font-family: "MS Serif", "New York", serif;
font-size: 15px;
}

#files_box {
	position: relative; 
	top: 5px; 
	left: 0px; 
	width: 525px; 
	height: 239px;
	background:#ffffff url(img/files.jpg) no-repeat;
}

#offer_box {
	position: relative; 
	top: 5px; 
	left: 0px; 
	width: 525px; 
	height: 239px;
	background:#ffffff url(img/offer.jpg) no-repeat;
}


#oferta, #dokumenty, #dokumentacja, #serwers, #mails, #design {
	position: relative; 
	float: left;
	top: 20px;
	bottom: 20px; 
	left: 85px; 
	margin: 0; 
	padding: 0; 
	width: 190px; 
	height: 70px;
}

#prezenty, #reklama, #logo, #domains, #certy, #encoder {
	position: relative; 
	float: right;
	top: 20px;
	bottom: 20px; 
	left: -10px; 
	margin: 0; 
	padding: 0; 
	width: 170px; 
	height: 70px;
}

#oferta h4, #dokumenty h4, #dokumentacja h4, #prezenty h4, #reklama h4, #logo h4, #serwers h4, #certy h4, #domains h4, #encoder h4, #mails h4, #design h4 {
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #6BC206;
	margin-top: -5px;
	font-family: "Trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}

#szary {
	background: #F0F0F0;
	margin-top: 10px;
	margin-bottom: 10px;
}

h6{
	position: relative;
	float: none;
	color: #2C6BB8; 
	font-family: "Trebuchet MS";
	font-size: 12px;
	text-decoration: none;
	top: 10px;
	margin-bottom: 20px;
	margin-left: 200px;
}

#left_2 {
	width: 515px; /* was 525px */
	margin: 0px 0 0 0px; 
	padding: 0px 0px 0 0px;
}

#promo {
	position: relative; 
	top: 3px; 
	left: 3px; 
	right: 1px; 
	margin: 0; 
	padding: 0; 
	width: 515px; 
	height: 239px;
	background:#ffffff url(img/promo_box.jpg) no-repeat;
}

#promo_text{
	position: relative;
	width: 260px;
	margin-left: 240px;
	padding-top: 25px;
	color: #ffffff;
}

#promo_text h1{
font-size: 20px;
color: #ffffff;
}

#promo_text p {
   text-align: justify;
   line-height: 1.2em;
}


#promo_domeny {
	position: relative; 
	top: 3px; 
	left: 3px; 
	right: 1px; 
	margin: 0; 
	padding: 0; 
	width: 515px; 
	height: 239px;
	background:#ffffff url(img/promo_box_cards.jpg) no-repeat;
}

#promo_domeny_text{
	position: relative;
	width: 360px;
	margin-left: 20px;
	padding-top: 25px;
	color: BLACK;
	font-size: 13px;
}

#promo_domeny_text h1{
font-size: 25px;
color: BLACK;
}

#promo_domeny_text p {
   text-align: justify;
   line-height: 1.2em;
}


#promo_2 {
	position: relative; 
	top: 5px; 
	left: 5px; 
	margin: 0; 
	padding: 0; 
	width: 515px; 
	height: 137px;
	background:#ffffff url(img/box.jpg) no-repeat;
}

#poczta, #serwery {
	position: relative; 
	float: left;
	top: 20px;
	bottom: 20px; 
	left: 90px; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	height: 50px;
}

#webdesign, #certs {
	position: relative; 
	float: right;
	top: 20px; 
	left: -10px; 
	margin: 0; 
	padding: 0; 
	width: 160px; 
	height: 50px;
}

#webdesign h2, #serwery h2, #certs h2, #poczta h2 {
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #6BC206;
	margin-top: -5px;
	font-family: "Trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif;
}

#webdesign h3, #serwery h3, #certs h3, #poczta h3 {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #828282;
	margin-top: -5px;
	font-family: verdana, sans-serif;
}

.lewy {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
float: right;
margin-top: 3px;
margin-right: 15px;
}

#sbox_1 h3, #sbox_2 h3, #sbox_3 h3 {
	font-size: 10px;
	padding-left: 21px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #828282;
	margin-top: -5px;
	font-family: verdana, sans-serif;
}

#dzial_header {
	position: absolute; 
	top: 3px; 
	left: 10px; 
	margin: 0; 
	padding: 0; 
	width: 543px; 
	height: 74px;
}

.dzial_header_news { background:#ffffff url(img/header_news.gif) no-repeat; }
.dzial_header_wspolpraca { background:#ffffff url(img/header_wspolpraca.gif) no-repeat; }
.dzial_header_znajomy { background:#ffffff url(img/header_znajomy.gif) no-repeat; }
.dzial_header_offer { background:#ffffff url(img/header_offer.gif) no-repeat; }
.dzial_header_serwery { background:#ffffff url(img/header_serwery.gif) no-repeat; }
.dzial_header_webdesign { background:#ffffff url(img/header_webdesign.gif) no-repeat; }
.dzial_header_certs { background:#ffffff url(img/header_certs.gif) no-repeat; }
.dzial_header_domeny { background:#ffffff url(img/header_domeny.gif) no-repeat; }
.dzial_header_encoderphp { background:#ffffff url(img/header_encoderphp.gif) no-repeat; }
.dzial_header_konta { background:#ffffff url(img/header_konta.gif) no-repeat; }
.dzial_header_aktywacja { background:#ffffff url(img/header_aktywacja.gif) no-repeat; }
.dzial_header_l_mail { background:#ffffff url(img/header_l_mail.gif) no-repeat; }
.dzial_header_kontakt { background:#ffffff url(img/header_kontakt.gif) no-repeat; }
.dzial_header_docs { background:#ffffff url(img/header_docs.gif) no-repeat; }
.dzial_header_dnl { background:#ffffff url(img/header_dnl.gif) no-repeat; }
.dzial_header_promocje { background:#ffffff url(img/header_promo.gif) no-repeat; }
.dzial_header_login { background:#ffffff url(img/login_header.gif) no-repeat; }
.dzial_header_uruchom { background:#ffffff url(img/client_header.gif) no-repeat; }


#box {
	position: absolute; 
	top: 240px; 
	left: 10px; 
	margin: 0; 
	padding: 0; 
	width: 515px; 
	height: 137px;
	background:#ffffff url(img/box.jpg) no-repeat;
}


body#noleft #left {
	width: 641px;
	padding-top: 15px;
	background: none;
}

* html #left {  /* the Tan hack */
	width: 525px;
	w\idth: 525px;
}

* html #left_2 {  /* the Tan hack */
	width: 515px;
	w\idth: 515px;
}

#left h1 {
<!--
	background: url(img/h1bg.gif) no-repeat 0 3px; 
-->
	padding-top: 7px;
	padding-left: 100px;
	padding-right: 230px;
	font-size: 18px; 
	color: #ffffff; 
	margin: 10px 0 4px 0;
}

#left h2 {
	background: url(img/bullet_h2.gif) no-repeat 0 4px;
	padding-left: 17px; 
	font-size: 13px; 
	color: #2C6BB8; 
	/*margin: 5px 0 4px 0; */
    margin: 15px 0 10px 0;
	font-weight: bold;
	border:dotted #7F7F7F;	
 	border-width:0 0 1px 0;
}

#left h2_news {
	background: url(img/bullet_h2.gif) no-repeat 0 4px;
	padding-left: 17px; 
	font-size: 13px; 
	color: #2C6BB8; 
	margin: 5px 0 4px 0; 
	font-weight: bold;
}

#left h3 {
	padding-left: 17px; 
	font-size: 9px; 
	color: #2C6BB8; 
	margin: 5px 0 4px 0; 
}

#left p, #left ul li, #left table {
	margin: 0px 0 7px 0px; 
	color: #000000; 
	font-family: tahoma, verdana, lucida, Helvetica, sans-serif; 
	font-size: 11px;
}

#left blockquote {
	margin-left: 17px;
}

#left ol {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#left ul {
	margin-left: 17px;
	margin-top: 15px;
	margin-bottom: 15px;
	list-style: none;
}

#left ul li {
	background: url(img/bullet_green.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

#left table li {
	margin-left: 17px;
}

#left strong, #left b, #left th {
	font-weight: bold;
	color: #5d0b0a;
}

#left p strong {
	color: #686840;
}

#left table td {
	padding: 1px;
    /*border: solid 1px #a0a0a0;*/
}

#left table td.tlo {
    background: #a0a0a0;
    color: #fff;
}

#left td.tlo b { color: #fff; }

#left .contentbar2 {
	font-size: 13px; 
	color: #5D0B0A; 
}

#left .contentbar1, #left .contentbar1 b, #left .contentbar1 strong {
	background: #5D0B0A;
	color: #E2E2CE;
}

#left .contentbar1 h3 {
	padding-left: 3px;
	font-weight: normal; 
	color: #E2E2CE; 
	margin: 4px 2px;
}

* html #left .contentbar1 h3 {  /* the Tan hack */
	background-position: 0 3px;
}

#left tr.odd {
	background: #EEEEE2;
}

#left tr.even {
	background: #E2E2CE;
}

#left tr.odd td, #left tr.even td {
	padding: 6px 3px 6px 5px;
}

#left .large {
	font-size: large;
}

/*<group=Side Content>*/

#over_menu {
	float: left;
	width: 204px; 
	margin: 4px 0 0 10px;
	padding: 0px;	
	background: url(img/over_menu.jpg) no-repeat;
}

#over_menu h2{
	padding-left: 25px;
	font-family: "Trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", trebuchetms, verdana, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	color: #2C6BB8; 
	margin: 6px 0 2px 0; 	
}
	
#side {
	float: left; 
	width: 204px; 
	margin: 0 0 0 10px;
	padding: 2px;
	background: url(img/right_menu_bkg.jpg) repeat-y 0 0px;
}

#side_2 {
	float: left; 
	width: 257px; 
	height: 138px;
	margin: 2px 2px 0 3px; 
	padding: 0px;
	background: url(img/box_p_1.gif) no-repeat;
}

.keys {
position: absolute;
background: url(img/keys.gif) no-repeat;
width: 43px;
height: 44px;
left: 705px;
top: 46px;
}

#side_2 ul {
	margin-top: 22px;
	font-family: tahoma, verdana, lucida, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}

#side_2 li {
	width: 127px;
	height: 20px; 
	margin-left: 5px; 
	padding: 0px 0px 0 12px; 
	display: inline; 
	color: #2C6BB8; 
	text-decoration: none; 
	background: url(img/bullet.gif) no-repeat 0px 7px;
}

#side_3 {
	float: left; 
	width: 257px; 
	height: 176px;
	margin: 0 0 2px 3px; 
	padding: 0px;
	background: url(img/box_p_2.jpg) no-repeat;
}

#side_3 h2, #side_2 h2 {
	font-size: 16px;
	padding-bottom: 1px;
	font-weight: bold;
	color: #6BC206;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 15px;
	font-family: "Trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", trebuchetms, verdana, sans-serif;
}

#sbox_1 h2, #sbox_2 h2, #sbox_3 h2 {
	font-size: 16px;
	padding-bottom: 1px;
	font-weight: bold;
	color: #2C6BB8;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 15px;
	font-family: "Trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif; 
}

#side_3 ul, #sbox_1 ul, #sbox_2 ul, #sbox_3 ul {
	list-style: none; 
	margin: 5px 0px 0px 0px;
	width: 250px; 
	font-family: tahoma, verdana, lucida, Helvetica, sans-serif; 
	font-size: 11px;
}

#side_3 li, #sbox_1 li, #sbox_2 li, #sbox_3 li {
	/*height: 12px; */
	margin-left: 20px;
	margin-right: 4px;
	padding: 2px 0 0 15px; 
	display: block; 
	color: #000000; 
	text-decoration: none; 
	background: url(img/bullet_green.gif) no-repeat 0px 7px;
}

#info_2 {
	float: left;
	width: 257px; 
	height: 63px;
	padding-top: 0px;
	margin: 0 0 0 3px;
	font-size: 10px;
	font-family: tahoma, verdana, lucida, Helvetica, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background: url(img/infolinia.gif) no-repeat;
}

#info_2 h2{
	padding-left: 16px; 
	font-size: 12px; 
	color: #ffffff; 
	margin: 6px 0 0 0; 
	font-weight: bold;
}

#info_2_button {
	float: left;
	width: 257px; 
	height: 63px;
	padding-top: 0px;
	margin: 0 0 0 3px;
	font-size: 10px;
	font-family: tahoma, verdana, lucida, Helvetica, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
}

#info_2_button a {
  border-bottom: 0;
}

#under_menu {
	float: left;
	width: 204px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url(img/under_menu.jpg) no-repeat;
}

#info {
	float: left;
	width: 204px; 
	height: 58px;
	margin: 5px 0 0 10px; 
	padding: 0px;
	font-family: tahoma, verdana, lucida, Helvetica, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
	background: url(img/info_button.gif) no-repeat;
}

#info h2{
	padding-left: 16px; 
	font-size: 12px; 
	color: #ffffff; 
	margin: 6px 0 0 0; 
	font-weight: bold;
}

#info_button {
	float: left;
	width: 204px; 
	height: 58px;
	margin: 5px 0 0 10px; 
	padding: 0px;
	font-family: tahoma, verdana, lucida, Helvetica, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
}

#info_button a {
  border-bottom: 0;
}

#side ol {
	margin-left: 20px;
}

#side ul {
	list-style: none; 
	margin: 0 0 5px 0;
	width: 165px; 
	font-family: tahoma, verdana, lucida, Helvetica, sans-serif; 
	font-size: 11px;
}

#side ul#wciete {
	list-style: none; 
	margin: 10px 0 5px 0;
	width: 165px; 
	font-family: tahoma, verdana, lucida, Helvetica, sans-serif; 
	font-size: 11px;
}

#side ul li {margin: 0; padding: 0; display: inline;}

#side ul li a, 
#side ul li a:link, 
#side ul li a:active,
#side ul li a:visited {
	height: 18px; 
	margin-left: 25px; 
	padding: 2px 0 0 11px; 
	display: block; 
	color: #2C6BB8; 
	text-decoration: none; 
	background: url(img/bullet.gif) no-repeat 0px 7px;
}

#side ul li a:hover {
	margin-left: 20px; 
	padding: 2px 0 0 23px; 
	color: #2C6BB8; 
	text-decoration: none; 
	background: url(img/bullet.gif) no-repeat 7px 7px;
}

* html #side li a,
* html #side li a:link, 
* html #side li a:active,
* html #side li a:visited {
	height: 30px;
	he\ight: 18px;
}

#side h2 {
	font-size: 12px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #2C6BB8;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 1px dotted #2C6BB8;
}

#side p, #side ol {
	font-size: 11px;
	line-height: 15px;
	padding: 7px 0;
}

#side p a:hover, #side ol li a:hover {
	color: #5D0B0A;
	text-decoration: underline;
}

#side p a:visited, #side ol li a:visited {
	color: #f6f6ed;
}

/*</group>*/

/*<group=Footer>*/

#sbox_1 {
	position: relative; 
	float: left;
  width: 257px;
// width: 256px;
  height: 180px;
	margin-left: 3px;
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(img/small_box.gif) no-repeat;
}

#sbox_2 {
	position: relative; 
	float: left;
  width: 257px;
// width: 256px;
  height: 180px;
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(img/small_box.gif) no-repeat;
}

#sbox_3 {
	position: relative;
	float: right; 
  width: 257px;
// width: 256px;
  height: 180px;
	margin-right: 3px;
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(img/small_box.gif) no-repeat;
}

.cena{
position: relative;
float: right;
margin-top: -37px;
/*margin-right: 17px;*/
padding-right: 17px;
font-family: "Trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: bold;
color: #F26521;
z-index: 1;
}

#button {
width: 255px;
margin-top:10px;
margin-left: 228px;
}

#foot {
	clear: both;
	width: 780px;
	height: 100px;
	padding-top: 0px;
	text-align: left;
	background: #ffffff url(img/footer.jpg) repeat-x;
}

#foot p
{
   font-family: "Trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding-right: 6px;
   color: #fff;
   text-align: right;
}

#neo_logo {
position: relative;
background: url(img/logo_neo.gif) no-repeat;
width: 50px;
height: 49px;
left: 710px;
top: -20px;
}

#foot ul {margin: 10px; margin-top: -30px; font-size: 9px;}

#foot ul li {
	margin: 0;
	padding: 0 7px;
	color: #888F8F;
	display: inline;
	border-right: 1px solid #b0b0b0;
}

#foot ul li.last {border-right: none;}

#foot a, #foot a:link, #foot a:active, #foot a:visited {
	color: #FFF; 
	text-decoration: none;
}

#foot a:hover {
	color: #B7C3AF; 
	text-decoration: none;
}
	
#www_p {
	position: absolute;
	left: 530px;
	top: 255px;
	padding-top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #828282

}
#domena {
	position: absolute;
	left: 565px;
	top: 255px;
}

#login_p {
	position: absolute;
	left: 532px;
	top: 45px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #828282
}

#login {
	position: absolute;
	left: 565px;
	top: 45px;
}

#haslo_p {
	position: absolute;
	left: 532px;
	top: 75px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #828282
}

#haslo {
	position: absolute;
	left: 565px;
	top: 75px;
}

#opcja_p {
	position: absolute;
	left: 685px;
	top: 255px;
	padding: 5px;
}

#opcja {
	position: absolute;
	left: 692px;
	top: 255px;
}

#oferta h5, #dokumenty h5, #dokumentacja h5, #prezenty h5, #reklama h5, #logo h5, #serwers h5, #certy h5, #domains h5, #encoder h5, #mails h5, #design h5 {
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #828282;
	margin-top: -5px;
	font-family: verdana, sans-serif;
}



/*** nowe ***/

.grey-box {
  background: #e0e0e0;
}

.grey-box input {
  /*display: block;*/
  /*float: left;*/
  /*margin-bottom: 5px;*/
  margin: 1px;
}

.grey-box label {
  /*display: block;*/
  float: left;
  margin: 1px;
  text-align: right;
  width: 160px;
  padding-right: 5px;
  padding-top: 3px;
}

.grey-box br {
  clear: left;
}

.grey-box p.header {
  text-align: center;
  background: #c0c0c0;
}

.grey-box p.opis {
  text-align: justify;
  padding-left: 170px;
  padding-right: 10px;
}

.grey-box p.actions {
  text-align: center;
}

.grey-box .item {
  text-align: justify;

}

/*** do istniejących wcześniej stylów ***/
#szary label {
  float: left;
  margin: 1px;
  text-align: right;
  width: 200px;
  padding-right: 5px;
  padding-top: 3px;
}

#szary input {
  margin: 1px;
}

/*** other ***/

#kontakt div {
  text-align: right;
  width: 100px;
  padding-right: 10px;
  float: left;
}
#kontakt br {
  clear: left;
}

th.dark-header {
  text-align: center;
  background: #e0e0e0;
}

.wciecie30 {
  padding-left: 30px;
}

.faq-ssl {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 4px;
  margin-top: 10px;
}

.kontakt_help
{
  margin: 0 auto;
  padding: 2px;
  padding-left: 30px;
  text-align: center;
  font-weight: bold;
  background: url("img/kolo_rat-16.png") 5px 0px no-repeat;
}

span.red
{
	font-weight: bold;
	color: red;
}