/* @override http://localhost:8888/whs2/css/style.css */

/* *** RESET *** */
* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


	
/* *** MAIN *** */
body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#main {
	background:#ffffff url(../images/bg-top2.png) repeat-x top;
}

#sub {
	background:#ffffff url(../images/bg-top-sub.png) repeat-x top;
}

.container {
	width:960px;
	margin:0 auto;
	position:relative;
}

.container-wide {
	width:1010px;
	margin:0 auto;
}

#header {
	height:150px;
	overflow:hidden;
}

#header #topmenu a {
	font-size:12px;
	color:#94A5AF;
	text-decoration:none;
	margin:0 6px;
}

#header #topmenu a:hover {
	color:white;
	text-decoration:underline;
}

#header #topmenu p {
	margin-top:8px;
	text-align:right;
	color:#8E9EAA;
	font-size:12px;
}

#header h1 a {
	margin-top:4px;
	background:url(../images/logo.png) no-repeat;
	height:92px;
	float:left;
	width:530px;

	
/*	border: 1px solid white;*/
	text-indent:-9999px;
	z-index:0;
}

#navi {
	position:absolute;
	left:406px;

	
/*	border: 1px solid white;*/
	list-style:none;
	margin-top:79px;
	z-index:1;
	overflow:hidden;
	width:570px;
}

#navi li {
	float:left;

	
/* margin-left: 10px; */

	
/* border: 1px solid red; */
}

#navi li a {
	display:block;
	height:40px;
	width:85px;
	text-decoration:none;
	text-indent:-9999px;
}

#navi li a span {
	display:block;
	height:40px;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}

#navi #navi-home {
	background:url(../images/but-home2.png) no-repeat left top;
	width:83px;
}

#navi #navi-vps {
	background:url(../images/but-vps.png) no-repeat left top;
	width:114px;
}

#navi #navi-serv {
	background:url(../images/but-webhosting.png) no-repeat left top;
	width:120px;
}

#navi #navi-doma {
	background:url(../images/but-domeny.png) no-repeat left top;
	width:83px;
	margin-left: 4px;
}

#navi #navi-paym {
	background:url(../images/but-reseller.png) no-repeat left top;
	margin-left:8px;
	width: 136px;
}

#navi #navi-help {
	background:url(../images/but-help.png) no-repeat left top;
}

#navi #navi-sok {
	background:url(../images/but-sok.png) no-repeat left top;
}

#navi #navi-home span {
	background:url(../images/but-home2.png) no-repeat left bottom;
	width:83px;
}

#navi #navi-vps span {
	background:url(../images/but-vps.png) no-repeat left bottom;
	width:114px;
}

#navi #navi-serv span {
	background:url(../images/but-webhosting.png) no-repeat left bottom;
	width:120px;
}

#navi #navi-doma span {
	background:url(../images/but-domeny.png) no-repeat left bottom;
	width:83px;

	
/* margin-left: 4px; */
}

#navi #navi-paym span {
	background:url(../images/but-reseller.png) no-repeat left bottom;
	width:136px;
}

#navi #navi-help span {
	background:url(../images/but-help.png) no-repeat left bottom;
	width:85px;
}

#navi #navi-sok span {
	background:url(../images/but-sok.png) no-repeat left bottom;
	width:85px;
}

#navi #navi-home.current {
	background-position:left center!important;
	width:83px;
}


#navi #navi-vps.current {
	background-position:left center!important;
	width:114px;
}


#navi #navi-serv.current {
	background-position:left center!important;
	width:120px;
}

#navi #navi-doma.current {
	background-position:left center!important;
	width:83px;
}

#navi #navi-paym.current {
	background-position:left center!important;
	width:136px;
}

#navi #navi-help.current {
	background-position:left center!important;
	width:85px;
}

#navi #navi-sok.current {
	background-position:left center!important;
	width:85px;
}

#navi li a.current span {
	display:none!important;
}


	
/* *** BOXES and more *** */
.boxes {
	float:left;
	margin-top:8px;
	margin-right: -25px;
}

.specialoffer {
	float:left;
	margin-top:95px;
	margin-left:20px;
}

#topmenu {
	color:white;
	height:29px;
	overflow:hidden;

	
/*	border: 1px solid white;*/
}

#subheader {
	height:252px;
	overflow:hidden;
}

#subheadersub {
	height:52px;
	overflow:hidden;
}

#maincontent {
	overflow:hidden;
}

#bgleft {
	width:28px;
	height:191px;
	float:left;

	
/* border: 1px solid black; */
	background:transparent url(../images/white-top-left.png) no-repeat top;
}

#fbtw {
	position: absolute;
	margin-left: 890px;
	margin-top: 5px;
	
}


#content {
	width:934px;
	padding:10px;
	height:auto;
	float:left;

	
/* border: 20px solid black; */
	background:#ffffff url(../images/white-top-middle.png) repeat-x top;
}

#bgright {
	width:28px;
	height:191px;
	float:left;

	
/* border: 1px solid black;  */
	background:transparent url(../images/white-top-right.png) no-repeat top;
}


	
/* *** Main BLocks Definitions *** */
.servers {
	margin-top:14px;
	padding:6px;
	width:298px;
	height:auto;
	float:left;
}

.cdemo {
	border: 1px solid #d5d5d5;
}

.underserversleft {
	margin-top:6px;
	margin-right:5px;
	padding:5px;
	width:295px;
	height:auto;

	
/* border: 1px solid black; */
	float:left;
	clear:both;
}

.underserversleft ul {
	list-style-image:url(../images/smallbullet.png);
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:20px;
	color: #555555;
	margin-left:24px;
}

.underserversleft img {
	margin:0 auto;
	display:block;
	margin-bottom:8px;
}

.underserversright ul {
	list-style-image:url(../images/smallbullet.png);
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:20px;
	color: #555555;
	margin-left:24px;
}

.underserversright {
	margin-top:6px;
	margin-left:5px;
	padding:5px;
	width:609px;
	height:auto;
	float:left;
}


.contentleft {
	margin-top:6px;
	margin-right:5px;
	padding:5px;
	width:722px;
	height:auto;
	float:left;
	/* clear:both; */
}


.menuright {
	margin-top:6px;
	margin-left:5px;
	padding:5px;
	width:180px;
	height:auto;
	float:left;
}

#fantastico {
	height: 240px;
	overflow: hidden;
}

#tabela {
	font-size: 12px;
	color: #555555;
	height: 240px;
	overflow: hidden;
}


#tabela #col1, #tabela #col2, #tabela #col3, #tabela #col4 {
	float: left;
	/* border: 1px solid black; */
}

#tabela #col1 {
	text-align: right;
	width: 200px;
}

#tabela #col2, #tabela #col3, #tabela #col4 {
	text-align: center;
	width: 174px;
	font-weight: bold;
}


#tabela #col1 .cell, #tabela #col2 .cell, #tabela #col3 .cell, #tabela #col4 .cell {
	/* border: 1px solid black; */
	padding: 5px;
	height: 26px;
}


#tabela2 {
	font-size: 12px;
	color: #555555;
}

#tabela2 #col1, #tabela2 #col2 {
	float: left;
	/*border: 1px solid black;*/ 
}

#tabela2 #col1 {
	text-align: left;
	width: 544px;
}

#tabela2 #col2 {
	text-align: center;
	width: 174px;
	font-weight: bold;
}

#tabela2 #col1 .cell, #tabela2 #col2 .cell {
	/* border: 1px solid black; */
	padding: 5px;
	height: 26px;
}


/* **** SIDEMENU **** */


#sidemenu ul {
	width: 180px;
	list-style: none;
}

#sidemenu ul li {
	border-bottom: 1px solid #eeeded;
}

#sidemenu ul li a {
	display: block;
	height: 28px;
	
	font-size: 12px;
	line-height: 28px;
	
	text-decoration: none;
	padding-left: 8px;
}

#sidemenu ul li a:hover {
	display: block;
	height: 28px;
	background: #fbfbfb;
}

#sidemenu ul li a.current {
	display: block;
	height: 28px;
	background: #f9f9f9;
	padding-left: 16px!important;
}




a.create {
	float: left;
	height:26px;
	width:120px; 
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/createsmall.png) no-repeat left top;
	margin:10px 2px;
}

a.create:hover {
	background:url(../images/createsmall.png) no-repeat left bottom;
}



a.order {
	float: left;
	height:26px;
	width:120px; 
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/zamawiam.png) no-repeat left top;
	margin:10px 2px;
}

a.order:hover {
	background:url(../images/zamawiam.png) no-repeat left bottom;
}


a.details {
	float: left;
	height:26px;
	width:120px; 
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/szczegoly.png) no-repeat left top;
	margin:10px 2px;
}

a.details:hover {
	background:url(../images/szczegoly.png) no-repeat left bottom;
}



a.createsmall {
	display:block;
	height:26px;
	width:114px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../images/createsmall.png) no-repeat left top;
	 margin: 0px auto;
}

a.createsmall:hover {
	background:url(../images/createsmall.png) no-repeat left bottom;
}


#content p {
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:20px;
	color: #555555;
	clear:both;
	margin-top: 8px;
}

#content a {
	color: #dd0000;
	text-decoration: none;
}

#content a:hover {
	color: #f00;
	text-decoration: none;
}

/***** FORM *****/
input {
	border: 1px solid #e3e3e3;
	background-color: white;
	font-size:14px;
	color: #555555;
	padding: 4px;
}

select {
	border: 1px solid #e3e3e3;
	background-color: white;
	font-size:14px;
	color: #555555;
	padding: 4px;
}

#krok1, #krok2, #krok3, #dom1 {
	width: 696px;
	border: 1px solid #e3e3e3;
	background-color: #f6f6f6;
	padding: 12px;
	font-size: 12px;
	margin-bottom: 12px;
	
}
p#ver {
	cursor: pointer;
}

#krok2 {
	/* display: none; */
	
}

#krok3 {
	/* display: none; */
	
}

.button {
	border: 1px solid #dd0000;
	padding: 4px;
	color: #dd0000;
	background-color: white;
	cursor: pointer;
	font-size: 12px;	
}

.button:hover {
	background-color: #dd0000;
	color: white;
}

.responsegreen {
	border: 1px solid #8fdc00;
	background-color: #c0ff9a;
	text-align: center;
	height: 32px;
	display: none;
}

.responsered {
	border: 1px solid #ff2828;
	background-color: #ffd3d3;
	text-align: center;
	height: 32px;
	display: none;
}

.responseredon {
	border: 1px solid #ff2828;
	background-color: #ffd3d3;
	text-align: center;
	height: 32px;
}

	
/* *** Headers Definitions *** */
#content h1 {
	font-size:22px;
	font-style:normal;
	line-height:22px;
	color: #555555;
	margin-bottom:6px;
}

#content h1 img {
	vertical-align:middle;
	margin-right:6px;
}

#content h2 {
	font-size:18px;
	font-style:normal;

	
/* font-weight: bold; */
	line-height:24px;
	color: #555555;
}

#subheadersub h2 {
	font-size:24px;
padding-top: 10px;
	color: #222222;
}



#content h2 span {
	font-size:20px;
	font-style:normal;

	
/* font-weight: bold; */
	line-height:22px;
	color:#dd0000;
}

#content h3 {
	font-size:16px;
	font-style:normal;
	line-height:22px;
	color: #555555;
}

#content h4 {
	font-size:14px;
	line-height:22px;
	color: #555555;
}


#content h3 span {
	font-size:16px;
	font-style:normal;

	
/* font-weight: bold; */
	line-height:22px;
	color:#dd0000;
}


	
/* *** Horizonal Rulers *** */
#content hr {
	border-top:1px solid #dddddd;
	height:11px;
	background:transparent url(../images/hrshort.png) no-repeat center top;
	margin-bottom:5px;
}

#content .menuright hr {
	border-top:1px solid #dddddd;
	height:11px;
	background:transparent url(../images/hrshort.png) no-repeat center top;
	margin-bottom:5px;
}

#content .underserversright hr {
	border-top:1px solid #dddddd;
	height:11px;
	background:transparent url(../images/hr.png) no-repeat center top;
	margin-bottom:5px;
}

#content .contentleft hr {
	border-top:1px solid #dddddd;
	height:11px;
	background:transparent url(../images/hr.png) no-repeat center top;
	margin-bottom:5px;
}


	
/* *** FOOTER SECTION *** */
#footer {
	background:#28363F;
}

#footer-inner {
	background:#31424C;
	color:white;
	height:50px;
	font-size:12px;

	
/* background: #34424B url(../images/footerlogo.png) no-repeat 14px center; */
	overflow:hidden;
}

#footer-inner p {
	float:left;
	color:#94A5AF;
	margin-top:16px;
	margin-left:10px;
}

#footer-inner #footer-nav {
	display:inline;
	float:left;
	margin-top:16px;

	
/* border: 1px  solid white; */
	margin-left:30px;

	
/*margin-top: 16px;
		margin-bottom: 0px;
		*/
	width:450px;
}

#footer-inner #footer-nav li {
	float:left;
	padding:0 6px 0 14px;
	background:url(../images/navVert.png) no-repeat left center;
	list-style:none;
	margin-left:4px;
}

.footerimg {
	float:left;
	display:block;
	margin-top:-8px;
	margin-right:10px;
}

#footer-inner #footer-nav a {
	color:#94A5AF;
	text-decoration:none;
}

#footer-inner #footer-nav a:hover {
	color:#F9FAF8;
	text-decoration:underline;
}

#footer-inner a {
	color:#94A5AF;
	text-decoration:none;
}

#footer-inner a:hover {
	color:#F9FAF8;
	text-decoration:underline;
}

#footer-inner p.back {
	margin-top:16px;
	margin-left:42px;
	color:#94A5AF;
	text-decoration:none;
}

#footer-inner p.back a {
	padding:3px 20px 2px 0;
	background:url(../images/bg-back.gif) no-repeat right center;
	color:#94A5AF;
	text-decoration:none;
}

#footer-inner p.back a:hover {
	text-decoration:underline;
	color:white;
}

#footer-bottom {
	background:#28363F;
	height:50px;
	color:white;
	font-size:12px;
	padding: 5px;
}


#tweetsFeed {

}


#go1, #go2, #go3 {
	display: block;
	color: #dd0000!important;
	cursor: pointer;
	border: 1px solid #efefef;
	text-align: center;
	background-color: #f5f5f5;
}

#go1:hover, #go2:hover, #go3:hover {
	display: block;
	color: red!important;
	cursor: pointer;
	border: 1px solid #f2f2f2;
	text-align: center;
	background-color: #f9f9f9;
}





#domainform {
	padding: 0px 10px 10px 10px;
	width: 400px;
	margin: 0 auto;
	border: 1px solid #e2e2e2;
}