* { margin: 0; padding: 0; }
img { border: none; }
:focus { outline: none; }

a, a:hover, a:visited, a:active { color: #469697; }
hr { background: #d5d5d5; height: 1px; border: none; }
h1 { font-size: 13px; }
h2 { font-size: 11px; }
h3 { font-size: 9px; }
p { margin: 5px 0; }
ul { margin: 5px 0; padding-left: 20px; }
ul li { margin: 5px 0; }
table { margin: auto; padding: 0; }
td, th { font-size: 11px; font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif; }

.kursor { cursor: pointer; }
.clear { clear: both; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.hidden { display: none; }
.error { color: #c00; }
.form { margin: 5px; }
.green { color: #7ea72d; }
.blue { color: #56b5c1; }
.orange { color: #efa900; }
.bold { font-weight: bold; }
.blue2 { color: #469697; }
.bg-color { background: #efefef; }
.gray { color: #4c5050; }
.purple { color: #864abe; }
.red { color: #e13214; }

input.text {
	height: 15px;
	padding: 2px 3px;
	margin: 0 3px;
   font-size: 11px;
	border: 1px solid #727c7d;
	color: #469697;
   -moz-border-radius: 3px;
}

input.submit {
	padding: 2px 3px;
	margin: 0 3px;
	border: none;
	color: #fff;
	background-color: #ca3e37;
	font-size: 11px;
}

select {
   height: 17px;
   font-size: 11px;
   color: #469697;
   margin: 2px 0;
   border: 1px solid #727c7d;
   -moz-border-radius: 3px;
   background: transparent url('../img/select.jpg') repeat-x scroll 0 0;
}

.image {
	position: relative;
	top: 7px;
}

.form2 {
   padding: 6px;
   padding-top: 2px;
   margin: 10px 0;
   background: #efefef;
}

input.domena-text {
   width: 91px;
   height: 12px;
   padding: 5px;
   border: none;
   color: #a0a0a0;
   font-size: 9px;
   background: transparent url('../img/domena-text.gif') no-repeat scroll 0 0;
}

.zaokraglone {
   -moz-border-radius: 5px;
   background: #efefef;
}


body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	color: #4c5050;
}

#container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
   text-align: left;
}

#top {
	width: 960px;
	height: auto;
	position: relative;
	overflow: hidden;
	float: left;
}

#top #logo {
   width: 220px;
   height: 75px;
   float: left;
}

#top #logo a {
   position: relative;
   top: 22px;
}

#top #menu-top {
   width: 740px;
   height: 47px;
   padding-top: 28px;
   float: left;
}

#top #menu-top a.mt {
   height: 40px;
   padding: 0 2px;
   background: transparent url('../img/mt-separator.jpg') no-repeat scroll right center;
   float: left;
}

#top #menu-top a.first { margin-left: 44px; }
#top #menu-top a.first2 { margin-left: 420px; }
#top #menu-top a.last { background: none; padding-right: 0; }

#top #t1 {
   width: 960px;
   height: 58px;
   position: relative;
   float: left;
}

#top #t1 #menu-main {
   width: 785px;
   height: 58px;
   position: relative;
   float: left;
}

#top #t1 #menu-main #menu-m {
   width: 785px;
   height: 44px;
   position: absolute;
   top: 16px;
}

#top #t1 #menu-main #menu-m div.mm a.first { font-weight: bold; }

#top #t1 #menu-main #menu-m div.mm a {
   line-height: 44px;
   padding: 0 13px;
   color: #4c5050;
   text-decoration: none;
   background: transparent url('../img/mm-separator.jpg') no-repeat scroll right center;
   float: left;
}

#top #t1 #menu-main #menu-m div.mm a.last {
   background: none;
}

#top #t1 #menu-main #menu-m div.select {
   height: 44px;
   margin: 0 -3px;
   background: transparent url('../img/mm-select.gif') no-repeat scroll right top;
   float: left;
}

#top #t1 #menu-main #menu-m div.select a {
   font-weight: bold;
   color: #fff;
   background: transparent url('../img/mm-select2.gif') no-repeat scroll left top;
}

#top #t1 #menu-main #menu-m div.select a.first {
   background: transparent url('../img/mm-select3.gif') no-repeat scroll 0 0;
}

#top #t1 #search {
   width: 175px;
   height: 48px;
   padding-top: 15px;
   position: relative;
   float: left;
}

input.serach-text {
   width: 116px;
   height: 12px;
   padding: 5px;
   border: none;
   color: #a0a0a0;
   font-size: 9px;
   background: transparent url('../img/search-text.gif') no-repeat scroll 0 0;
}

#top #t2 {
   width: 960px;
   float: left;
}

#top .t-large { height: 268px; }
#top .t-small { height: 138px; }

#top .t-large .t-word {
   width: 600px;
   height: 80px;
   position: relative;
   top: 58px;
   left: 250px;
   display: block;
}

#top .t-large .t-word2 {
   width: 600px;
   height: 64px;
   color: #fff;
   position: relative;
   top: 58px;
   left: 250px;
   display: block;
}

#top .t-large .t-more {
   width: 600px;
   height: 30px;
   padding-left: 2px;
   position: relative;
   top: 58px;
   left: 250px;
   display: block;
}

#top .t-small .t-word {
   width: 600px;
   height: 48px;
   position: relative;
   top: 38px;
   left: 144px;
   display: block;
}

#top .t-small .t-word2 {
   width: 600px;
   height: 64px;
   color: #fff;
   position: relative;
   top: 31px;
   left: 144px;
   display: block;
}

#top #t3 {
   width: 960px;
   height: 41px;
   float: left;
}

#top #t3 .path {
   width: 940px;
   height: 21px;
   line-height: 21px;
   margin: 10px;
   float: left;
}

#top #t3 .path a {
   margin: 0 6px;
   color: #919191;
   text-decoration: none;
}

#top #t3 .path a.first { font-weight: bold; }

#top #t3 .path a.last { color: #469697; text-decoration: underline; }

#base {
	width: 960px;
	height: auto;
	position: relative;
	overflow: hidden;	
	float: left;
}

#base #content {
	width: 960px;
	height: auto;
	float: left;
}

#base #boxs {
	width: 960px;
	height: auto;
	float: left;
}

#base #boxs .box, #base #content .box {
   width: 235px;
   height: 176px;
   margin: 18px 0;
   margin-right: 6px;
   background: #e6e6e6 url('../img/box.jpg') repeat-y scroll 0 0;
   float: left;
}

#base #boxs .box .box-t, #base #content .box .box-t {
   width: 235px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box-t.jpg') no-repeat scroll 0 0;
   display: block;
}

#base #boxs .box .box-m, #base #content .box .box-m {
   width: 223px;
   height: 164px;
   padding: 1px 6px;
   position: relative;
   display: block;
}

#base #boxs .box .box-b, #base #content .box .box-b {
   width: 235px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box-b.jpg') no-repeat scroll 0 0;
   display: block;
}

#base #content .box2 {
   width: 719px;
   height: auto;
   margin: 18px 0;
   background: #e6e6e6 url('../img/box2.jpg') repeat-y scroll 0 0;
   float: left;
}

#base #content .box2 .box2-t {
   width: 719px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box2-t.jpg') no-repeat scroll 0 0;
   float: left;
}

#base #content .box2 .box2-m {
   width: 707px;
   height: auto;
   padding: 1px 6px;
   position: relative;
   float: left;
}

#base #content .box2 .box2-b {
   width: 719px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box2-b.jpg') no-repeat scroll 0 0;
   float: left;
}

#base #content .box3 {
   width: 315px;
   height: auto;
   margin: 18px 0;
   margin-right: 7px;
   background: #e6e6e6 url('../img/box3.jpg') repeat-y scroll 0 0;
   float: left;
}

#base #content .box3 .box3-t {
   width: 315px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box3-t.jpg') no-repeat scroll 0 0;
   float: left;
}

#base #content .box3 .box3-m {
   width: 303px;
   height: auto;
   padding: 1px 6px;
   position: relative;
   float: left;
}

#base #content .box3 .box3-b {
   width: 315px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box3-b.jpg') no-repeat scroll 0 0;
   float: left;
}

#base #boxs .last, #base #content .last { margin-right: 0; }

#footer {
	width: 960px;
	height: 66px;
   margin-bottom: 70px;
	position: relative;
	overflow: hidden;
   background: transparent url('../img/footer.jpg') repeat-x scroll 0 0;
	float: left;
}

#footer #footer-l {
	width: 5px;
	height: 66px;
   background: transparent url('../img/footer-l.jpg') no-repeat scroll 0 0;
	float: left;
}

#footer #footer-r {
	width: 5px;
	height: 66px;
   background: transparent url('../img/footer-r.jpg') no-repeat scroll 0 0;
	float: right;
}

#footer #menu-bottom {
   width: 760px;
   line-height: 66px;
   margin-left: 10px;
   color: #d5d5d5;
   float: left;
}

#footer #menu-bottom a {
   margin: 0 9px;
   text-decoration: none;
}

#footer #menu-bottom a:hover {
   text-decoration: underline;
}

#footer #realization {
   width: 160px;
   height: 30px;
   padding: 18px 10px;
   text-align: right;
   color: #8e8e8e;
   float: left;
}

.pakiet-start {
   margin: 1px 0;
   padding: 11px;
   line-height: 16px;
}

.pakiet-start .title {
   font-size: 13px;
   margin-bottom: 7px;
   color: #56b5c1;
   display: block;
}

.pakiet-start span { width: 85px; float: left; }
.pakiet-start strong { color: #56b5c1; }

.pakiet-biznes {
   margin: 1px 0;
   padding: 11px;
   line-height: 16px;
}

.pakiet-biznes .title {
   font-size: 13px;
   margin-bottom: 7px;
   color: #8db744;
   display: block;
}

.pakiet-biznes span { width: 85px; float: left; }
.pakiet-biznes strong { color: #8db744; }

.pakiet-max {
   margin: 1px 0;
   padding: 11px;
   line-height: 16px;
}

.pakiet-max .title {
   font-size: 13px;
   margin-bottom: 7px;
   color: #efa900;
   display: block;
}

.pakiet-max span { width: 85px; float: left; }
.pakiet-max strong { color: #efa900; }

.s1 { background: #EFEFEF url('../img/tlo-s1.jpg') no-repeat scroll right center; }
.s2 { background: #EFEFEF url('../img/tlo-s2.jpg') no-repeat scroll right center; }
.s3 { background: #EFEFEF url('../img/tlo-s3.jpg') no-repeat scroll right center; }
.s4 { background: #EFEFEF url('../img/tlo-s4.png') no-repeat scroll right center; }
.b1 { background: #EFEFEF url('../img/tlo-b1.jpg') no-repeat scroll right center; }
.b2 { background: #EFEFEF url('../img/tlo-b2.jpg') no-repeat scroll right center; }
.b3 { background: #EFEFEF url('../img/tlo-b3.jpg') no-repeat scroll right center; }
.m1 { background: #EFEFEF url('../img/tlo-m1.jpg') no-repeat scroll right center; }
.m2 { background: #EFEFEF url('../img/tlo-m2.jpg') no-repeat scroll right center; }
.m3 { background: #EFEFEF url('../img/tlo-m3.jpg') no-repeat scroll right center; }

.boxA {
   width: 960px;
   margin-bottom: 5px;
   float: left;
}

.boxA .title {
   height: 34px;
   line-height: 34px;
   border-bottom: 1px solid #d5d5d5;
   display: block;
}

.boxA .title h1 {
   margin-left: 18px;
   font-size: 13px;
   color: #469697;
   border-bottom: 1px solid #469697;
   font-family: "Myriad Pro", "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
   float: left;
}

.boxA .text { padding: 18px; display: block; }
.border-b { border-bottom: 1px solid #d5d5d5; }
table.pakiety tr td { padding: 4px 15px; }

#base #content .box4 {
   width: 638px;
   height: auto;
   margin: 18px 0;
   background: #e6e6e6 url('../img/box4.jpg') repeat-y scroll 0 0;
   float: left;
}

#base #content .box4 .box4-t {
   width: 638px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box4-t.jpg') no-repeat scroll 0 0;
   float: left;
}

#base #content .box4 .box4-m {
   width: 626px;
   height: auto;
   padding: 1px 6px;
   position: relative;
   float: left;
}

#base #content .box4 .box4-b {
   width: 638px;
   height: 5px;
   font-size: 5px;
   background: #e6e6e6 url('../img/box4-b.jpg') no-repeat scroll 0 0;
   float: left;
}

ul.list, ul.list2 { list-style: none; margin: 0; padding: 0;}

ul.list li {
   margin: 8px 0;
   padding-left: 15px;
   font-weight: bold;
   color: #469697;
   background: transparent url('../img/list.gif') no-repeat scroll 0 5px;
}

ul.list2 li {
   margin: 8px 0;
   padding-left: 15px;
   background: transparent url('../img/list.gif') no-repeat scroll 0 5px;
}

.dark {
   padding: 18px 14px;
   background: #efefef;
}

.light {
   padding: 18px 14px;
}

#logowanie {
	position: absolute;
	right: 205px;
	top: 15px;
	opacity: 0;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
padding: 5px;
background: #eaeaea;
	border: 1px solid #d2d2d2;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
}

#tips {
	position: absolute;
	opacity: 0;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
cursor: pointer;
padding: 5px;
background: #eaeaea;
text-align:left;
	border: 1px solid #d2d2d2;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 15px;
	z-index: 100000000;
}

.panel {
	background: #fff;
	padding: 5px;
	margin-bottom: 4px;
	font-size: 14px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
}

.panel span{
	position: absolute;
	right: 30px;
	margin-top: 8px;
}