* { margin: 0; padding: 0; }
img { border: none; }
:focus { outline: none; }

@font-face {
	font-family: Myriad;
	src: url('MyriadPro-BlackCond.otf');
}

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;
}

#facebook {
   width: 35px;
   height: 48px;
   padding-top: 30px;
   padding-left: 45px;
   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, #tindex {
   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: 10px;
	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;
}

.panel1 {
	background: url('../img/st_tlo.png') 0 -85px #fff;
	padding: 5px 5px 15px 5px;
	margin-bottom: 4px;
	font-size: 14px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
text-align:right;
}

.panel1 span{
	padding-right: 10px;
	margin-top: 8px;
	text-align:right;
	display:block;
}

.panel1 span a{
	color: #000;
	text-decoration:none;
}
.panel1 span a:hover{
	color: #fff;
	text-decoration:none;
}

.submenu-help {
	position: relative; z-index: 0; top: -100px; display: none;
}

.sub-projekty-menu ul li a:hover {
	color:#000;	
}

.sub-projekty-menu ul li{
	background: url('../img/tlo-p.png') no-repeat 0 15px #CCC;
	list-style: none;
	padding: 5px;
	margin-bottom: 4px;
	font-size: 12px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
text-align:right;
}

.selector { color:pink; }
.style {
	color:blue;
	background: #e6e6e6 url('../img/box3-t.jpg') no-repeat scroll 0 0;
	font-size: 10px; font-family: "Verdana", sans-serif;
}
.value {
	color:green;
	background: #e6e6e6 url('../img/box3-t.jpg') no-repeat scroll 0 0;
	font-size: 10px; font-family: "Verdana", sans-serif;
}

.reklama {
opacity: .5;
margin-right: 10px;
display: inline;
}

#pasek_reklama {
   margin-bottom: 30px;
   padding-left: 250px;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 20;
}


.highlight-table        { border-collapse: collapse; width: 100%; margin-top:10px; }
.highlight-table td                  { border: 1px solid #ccc; padding: 10px; }
.highlight-table thead              { width: 100%; height: 20px;  border-collapse: collapse; font-size: 14px }
.vps-table         { border-collapse: collapse; width: 100%; margin-top:10px; }
.vps-table td                  { border: 1px solid #ccc; padding: 10px; }
.vps-table thead               { width: 100%; height: 20px;  border-collapse: collapse; font-size: 14px }
.column-hover    { background: #a5a5a5; }
.row-hover      { background:#ddd; }
.cell-hover      { background:#fffea1; }

.thstyle {
    border-collapse: collapse; font-size: 20px;
    text-shadow: #fff 2px 2px;
    font-family: Myriad, sans-serif;
}


.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

img.size-medium,
.attachment img {
max-width: 100%;
height: auto; 
}

#spaceManHolder{
   	width: 650px;
 	height: 600px;
 	margin: 40px auto 0px auto;	
 	position: relative;
        display: none;
 }
#spaceMan{
  	width: 650px; 	
  	position: relative;
}
 
#spaceHelp{
 	font-size: 17px;
 	color: #000;
 	text-align: center;
 	opacity: 0;
	font-family: Myriad, sans-serif;
	text-shadow: #fff 2px 2px;
}
 
.spaceOB{
	position: absolute;
	width: 630px;
	z-index: 100;
	padding: 3px;
	-moz-box-shadow: 0px 0px 10px #000;
    -webkit-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#spaceDefault {
   width: 300px;
   -moz-box-shadow: 0px 0px 5px #000;
   -webkit-box-shadow: 0px 0px 5px #000;
   box-shadow: 0px 0px 5px #000;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   display: inline-block;
   margin: 5px;
}

.spaceDefault_title {
    border-collapse: collapse; font-size: 35px;
    text-shadow: #fff 2px 2px;
    font-family: Myriad, sans-serif;
    padding-top: 5px; 
    padding-left: 10px;
}

#ajax-loader {
    position: fixed;
    left: 50%;
    top: 50%;
}

.box .content span.error {
    margin-left: 149px;
    color: #ff0000;
    font-size: 10px;
    display: inline-block;
}

input.error {
    border: 1px solid #ff0000;
}

form > p.error {
    color: #ff0000;
    text-align: left;
    font-weight: bold;
}