@charset "utf-8";
* {
  outline:none;
}
body {
	background: #FFF url(bg-body.png) repeat-x 0 0;
	border-style: none;
	color: #323232;
	font: 0.8em Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;    
}
img {
	border-style: none;
}
ul, ol {
	margin: 0px;
	padding: 20px 0px 0px 30px;
}
li {
	background: url("list.png") no-repeat scroll 15px 3px transparent;
	height: auto !important;
	line-height: 130%;
	list-style: none outside url("none");
	min-height: 1px;
	padding: 0 0 0 30px;
}
ol li {
	list-style: decimal;
}
p {
	line-height: 140%;
	margin: 0px;
	padding: 20px 0px 0px;
	text-align: left;
}
input, select, textarea {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding: 1px;
	color: #000;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
h1, h2, h3 {
	font-size: 1.4em;
	font-weight: normal;
}
h1 {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 500px;
	width: 100%;
}
#ord h1 {
	top: 254px;
}
h1 span {
	background: url("none") repeat scroll 0 0 transparent;
	display: block;
	margin: 0 auto;
	text-align: left;
	width: 900px;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.2em;
}
hr {
	display: none;
}
table {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 100%;
	border-style: none;
}
td, th {
	margin: 0px;
	padding: 4px;
	font-weight: normal;
	text-align: left;
}
a, a:Hover {
	color: #C43C00;
	font-weight: normal;
	text-decoration: underline;
}
a:Hover {
	color: #000;
}
#login {
	float: right;
	padding: 10px 0px 0px;
}
#login p {
	text-align: right;
}
#login .login {
	font-size: 1.1em;
	background: url(icon-login.png) no-repeat 0px 7px;
	padding: 10px 15px 10px 32px;
}
#login .login a, #login .login a:Hover {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#login .login a:Hover {
	color: #ff5a00;
	text-decoration: underline;
}
#login .contact {
	padding: 5px 15px 0px 0px;
	color: #333;
	font-weight: bold;
	line-height: 120%;
}
#login .contact a, #login .contact a:Hover {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#login .contact a:Hover {
	color: #ff5a00;
	text-decoration: underline;
}
/*#menu {
	background: #ff5b00 url(bg-menu.png);
	margin: 0px 0px 0px 11px;
	clear: both;
	height: 50px;
	width: 935px;
}
#menu ul {
	background: url(bg-menu-list.png) no-repeat 0px 0px;
	padding: 0px;
	float: left;
	height: 50px;
}
#menu ul li {
	line-height: normal;
	display: block;
	border-right: 1px solid #ffbd4d;
	margin: 9px 0px 0px;
	padding: 0px 7px;
	float: left;
	height: 31px;
	list-style: url(none) none;
	min-width: 1px;
  width: auto !important;
  width: 1px;
}
#menu ul li a, #menu ul li a:Hover {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(bg-menu-item.png) no-repeat 0px 0px;
	display: block;
}
#menu ul li a:Hover, #menu ul li a.selected {
	color: #000;
	background: url(bg-menu-item.png) no-repeat 0px -31px;
}
#menu ul li a span, #menu ul li a:Hover span {
	background: url(bg-menu-item-in.png) no-repeat right 0px;
	padding: 7px 7px 0px;
	height: 24px;
	display: block;
	white-space: nowrap;
	cursor: pointer;
}
#menu ul li a:Hover span, #menu ul li a.selected span {
	background: url(bg-menu-item-in.png) no-repeat right -31px;
}
#menu ul .last {
	border-style: none;
}
#menu form {
	background: url(bg-search.png);
	float: right;
	height: 38px;
	width: 215px;
	padding: 12px 0px 0px 10px;
}
#menu form .keyword {
	background: #fff url(bg-keyword.png);
	float: left;
	height: 24px;
	width: 127px;
	padding: 3px 0px 0px 4px;
}
#menu form .keyword input {
	padding: 3px 0px;
	width: 120px;
	border-style: none;
	background: url(none);
}
#menu form .submit {
	float: left;
	height: 27px;
	width: 74px;
}
#menu form .submit input, #menu form .submit input:Hover {
	background: url(button-search.png) no-repeat 0px 0px;
	padding: 0px;
	border-style: none;
	height: 27px;
	width: 74px;
	cursor: pointer;
}
#menu form .submit input:Hover {
	background: url(button-search.png) no-repeat 0px -27px;
} */

#left {
	float: left;
	margin: 0 15px 0 10px;
	padding: 35px 0 0;
	position: relative;
	width: 654px;
	z-index: 20;    
}

#left .box-orange {
	background: url("bg-left-box-orange.png") repeat scroll 0 0 transparent;
}

#left .box-orange .in {
	background: url("bg-left-box-orange-in.png") no-repeat scroll center top transparent;
}

#left .box, #left .box-orange {
	margin: 15px 0 0;
}

#left .box .end, #left .box-orange .end {
	background: url("bg-left-box-end.png") repeat scroll 0 0 transparent;
	font-size: 1px;
	height: 5px;
}

#left .box-orange .end {
	background: url("bg-left-box-orange-end.png") repeat scroll 0 0 transparent;
}

#ord #left {
	background: url(none);
	padding-top: 124px;
}
#breadcrumbs {
	font-size: 0.9em;
	display: block;
	padding: 0px;
	position:absolute;
	height: 20px;
	margin: -57px 0px 0px;
	color: #666;
}
#breadcrumbs a {
	color: #666;
}
#breadcrumbs a:Hover {
	color: #ff5a00;
}
#steps {
	background: url(bg-steps.png);
	height: 44px;
	width: 700px;
	padding: 0px;
	margin: -114px 0px 0px;
	overflow: hidden;
	position: absolute;
}
#steps li {
	line-height: normal;
	display: block;
	float: left;
	list-style: url(none) none;
	background: url(bg-steps-item.png) repeat-x 0px 0px;
	height: 44px;
}
#steps #step-1 {
	background: url(bg-steps-first.png) no-repeat 0px 0px;
}
#steps #step-3 {
	background: url(bg-steps-last.png) no-repeat right 0px;
}
#steps .selected {
	background: url(bg-steps-item.png) repeat-x 0px -44px;
}
#left #steps .selected-first {
	background: url(bg-steps-first.png) no-repeat 0px -44px;
}
#left #steps .selected-last {
	background: url(bg-steps-last.png) no-repeat right -44px;
}
#steps li a, #steps li a:Hover {
	display: block;
	float: left;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url(bg-steps-item-in.png) no-repeat right 0px;
}
#steps .selected a, #steps .selected a:Hover, #steps .selected-first a, #steps .selected-first a:Hover {
	background: url(bg-steps-item-in.png) no-repeat right -44px;
}
#steps .selected span, #steps .selected-last span {
	display: block;
	height: 88px;
	width: 28px;
	background: url(bg-steps-item-selected.png) no-repeat 0px -44px;
	float: left;
	margin: 0px 0px 0px -28px;
	position: relative;
	z-index: 1;
}
#steps li a span, #steps li a:Hover span {
	display: block;
	float: none;
	padding: 14px 28px 0px 25px;
	height: 30px;
	text-align: center;
	position: static;
}
#steps #step-3 a, #steps #step-3 a:Hover {
	background: url(none);
	padding-right: 10px;
}
#steps #step-1 a span, #steps #step-1 a:Hover span {
	width: 210px;
	background: url(icon-one-steps.png) no-repeat 17px 12px;
}
#left #steps .selected-first a span, #steps .selected-first a:Hover span {
	background: url(icon-one-steps-hover.png) no-repeat 17px 12px;
}
#steps #step-2 a span, #steps #step-2 a:Hover span {
	width: 145px;
	background: url(icon-two-steps.png) no-repeat 10px 12px;
}
#left #steps .selected a span, #steps .selected a:Hover span {
	background: url(icon-two-steps-hover.png) no-repeat 10px 12px;
	margin: 0px;
}
#steps #step-3 a span, #steps #step-3 a:Hover span {
	width: 171px;
	background: url(icon-three-steps.png) no-repeat 13px 12px;
	padding: 14px 28px 0px 30px;
}
#steps .selected-last a span, #steps .selected-last a:Hover span {
	background: url(icon-three-steps-hover.png) no-repeat 13px 12px;
	margin: 0px;
}
#right {
	padding: 0px 11px 15px 0px;
	float: left;
	width: 225px;
}
#right .box {
	margin: 10px 0px 0px;
	background: #fc0 url(bg-right-box.png);
	width: 225px;
}
#right .box h3 {
	margin: 0px;
	padding: 15px 0px 0px;
	height: 28px;
	width: 225px;
	text-transform: uppercase;
	text-indent: 10px;
	font-size: 1.1em;
	color: #000;
}
#right .box .in {
	font-size: 0.85em;
	background: url(bg-right-box-in.png) no-repeat 0px 0px;
	padding: 0px 10px 7px;
	width: 205px;
}
#right .box .in p {
	padding: 10px 0px 0px;
}
#right .box .in ul {
	padding-top: 10px;
}
#right .box .in a, #right .box .in a:Hover {
	color: #000;
}
#right .box .in a:Hover {
	text-decoration: none;
}
#right .box .in .small {
	font-size: 0.9em;
}
#right .box .in .medium {
	font-size: 1.1em;
}
#right .box .in .big {
	font-size: 1.3em;
}
#right .box .end {
	font-size: 1px;
	background: url(bg-right-box-end.png);
	height: 5px;
}
#news h3, #tags h3 {
	background: url(bg-h3-news.png);
}
#news .in p span, #tags .in p span {
	font-size: 0.9em;
	color: #fec;
}
#cart h3{
	background: url(bg-h3-contacts.png);
}
#cart .in p{
	font-size: 1em;
	color: #black;
	font-weight: bold;
}
#right #news .in .content, #right #tags .in .content {
	padding-bottom: 10px;
	border-bottom: 1px solid #ffe680;
}
#client h3 {
	background: url(bg-h3-client.png);
}
#manage h3 {
	background: url(bg-h3-manage.png);
}
#contacts h3 {
	background: url(bg-h3-contacts.png);
}
#right #contacts .in {
	padding-bottom: 3px;
}
#contacts .in ul {
	padding: 10px 0px 0px;
}
#contacts .in ul li {
	line-height: normal;
	display: block;
	clear: both;
	width: 205px;
	list-style: url(none) none;
	min-height: 16px;
  height: auto !important;
  height: 16px;
}
#contacts .in ul li strong, #contacts .in ul li span {
	display: block;
	float: left;
}
#contacts .in ul li strong {
	width: 60px;
}
#contacts .in ul li span {
	width: 145px;
}
#help h3 {
	background: url(bg-h3-help.png);
}
/*#footer {
	background: #f2f5ed url(bg-footer.png) no-repeat 0px 0px;
	padding: 10px 0px 0px;
}
#footer p {
	text-align: right;
	padding: 5px 0px 0px;
	color: #666;
}
#footer p a, #footer p a:Hover {
	color: #666;
	text-decoration: none;
}
#footer p a:Hover {
	color: #000;
	text-decoration: underline;
}
#footer p strong {
	color: #000;
}
#footer p span {
	color: #666;
	padding: 0px 2px;
}
#footer p .rss, #footer p .rss:Hover {
	background: url(icon-rss.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 20px;
}
.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
} */
.gray {
	color: #666;
}
.more, .more:Hover {
	background: url(list.png) no-repeat 0px 3px;
	padding-left: 10px;
}
.bold, .bold:Hover {
	font-weight: bold;
}
.back-button, .back-button:Hover, .others-button, .others-button:Hover {
	background: #ff5b00 url(button-back.png) no-repeat 0px 0px;
	display: block;
	height: 22px;
	width: 130px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 3px 0px 0px;
}
.others-button, .others-button:Hover {
	background: #ff5b00 url(button-others.png) no-repeat 0px 0px;
	width: 110px;
}
.back-button:Hover, .others-button:Hover {
	background: #ff5b00 url(button-back.png) no-repeat 0px -25px;
	text-decoration: underline;
}
.others-button:Hover {
	background: #ff5b00 url(button-others.png) no-repeat 0px -25px;
}
.padd {
	padding-top: 10px;
}
.padd li {
	padding: 10px 0px 0px;
}
.pictorial {
	padding: 15px 0px 0px;
}
.pictorial li {
	list-style: url(none) none;
	padding: 5px 0px 5px 27px;
}
.pictorial .one {
	background: url(icon-one.png) no-repeat 0px 4px;
}
.pictorial .two {
	background: url(icon-two.png) no-repeat 0px 4px;
}
.pictorial .three {
	background: url(icon-three.png) no-repeat 0px 4px;
}
.pictorial .four {
	background: url(icon-four.png) no-repeat 0px 4px;
}
.pictorial .five {
	background: url(icon-five.png) no-repeat 0px 4px;
}
.coloured th {
	background: #ffeeb2 url(bg-th.png) repeat-x 0px 0px;
	font-weight: bold;
	padding: 7px 4px;
}
.coloured .dark td {
	background: #fff6d4;
}
.coloured .light td {
	background: #fffae9;
}
.price-list td span {
	font-size: 0.85em;
	color: #666;
}
#services {
	background: #ffeeb2 url(bg-services.png) no-repeat 0px 0px;
	margin: 10px 0px 20px;
}
#services .in {
	background: url(bg-services-in.png) no-repeat left bottom;
	height: 285px;
	font-size: 0.85em;
}
#services .in .sizer {
	height: 235px;
	overflow: hidden;
}
#services .in .sizer h2 {
	color: #000;
	padding: 15px 0px 15px 50px;
	font-size: 1.7em;
}
#services .in .sizer p {
	padding: 15px 0px 0px;
}
#services .in .sizer ul {
	padding: 10px 0px 0px 13px;
}
#services .in .sizer ul li {
	padding: 5px 0px 0px;
}
#services .in .sizer .desc {
	display: block;
	padding: 0px 0px 5px 50px;
	color: #666;
	margin: -17px 0px 0px;
}
#services .in .sizer .button {
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 10px 0px 0px;
}
#services .in .button a, #services .in .button a:Hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
	text-align: center;
	display: block;
	margin: 0px auto;
	padding: 4px 0px 0px;
	height: 21px;
	width: 150px;
	font-size: 1.1em;
}
#services .in .button a:Hover {
	text-decoration: underline;
	background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}
#service-a {
	background: url(icon-hand.png) no-repeat 0px 193px;
	float: left;
	width: 210px;
	padding: 0px 10px;
}
#service-a h2 {
  background: url(icon-webhosting.png) no-repeat 0px 12px;
}
#service-b {
	background: url(bg-service-b.png) no-repeat 0px 0px;
	float: left;
	width: 210px;
	padding: 0px 10px;
	margin: 0px 10px 0px 0px;
}
#service-b h2 {
  background: url(icon-serverhosting.png) no-repeat 0px 12px;
}
#service-c {
	float: left;
	width: 230px;
}
#service-c h2 {
  background: url(icon-domain.png) no-repeat 0px 12px;
}
#service-d {
  padding: 0px 10px;
  position: relative;
}
#service-d h2 {
  background: url(icon-domain.png) no-repeat 0px 12px;
}
#service-d form {
  padding: 20px 0px 0px;
}
#service-d form .domain {
  background: #fff url(bg-small-form.png);
  float: left;
  height: 22px;
  width: 115px;
  margin: 0px 7px 0px 0px;
  padding: 5px 0px 0px 3px;
}
#service-d form .domain input {
  background: url(none);
  padding: 2px 0px;
  width: 105px;
  border-style: none;
  font-size: 1.05em;
}
#service-d form .tld {
  background: url(bg-tiny-form.png);
  float: left;
  height: 23px;
  width: 82px;
  padding: 4px 0px 0px 3px;
}
#service-d form .tld select {
  border-style: none;
  background: url(none);
  font-size: 1.05em;
  width: 77px;
}

#services .end {
	font-size: 1px;
	background: url(bg-services-end.png);
	height: 5px;
}
#opensource {
	padding: 20px 0px 0px;
}
#opensource li {
	line-height: normal;
	display: block;
	float: left;
	width: 77px;
	list-style: url(none) none;
}
#opensource li img {
	text-align: center;
	height: 53px;
	display: block;
	margin-left:10px;
}
#opensource li span {
	text-align: center;
	display: block;
	width: 77px;
	padding: 3px 0px 0px;
}

.home-left, .home-right {
	margin: 0px 20px 0px 0px;
	float: left;
	width: 340px;
}
.home-right {
	margin: 0px;
}
.home-left form ul {
	padding: 20px 0px 0px;
}
.home-left form ul li {
	line-height: normal;
	display: block;
	clear: both;
	width: 340px;
	list-style: url(none) none;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	margin: 5px 0px 0px;
}
.home-left form ul li span {
	display: block;
	float: left;
	padding: 5px 0px 0px;
	width: 97px;
}
.home-left form ul li .form {
	background: #ffeeb2 url(bg-medium-form.png);
	padding: 4px 0px 0px 3px;
	height: 23px;
	width: 240px;
}
.home-left form ul li .form input {
	padding: 2px 0px;
	width: 230px;
	border-style: none;
	font-size: 1em;
	background: url(none);
}
.home-left form ul li .textarea {
	background: #ffeeb2 url(bg-small-textarea.png);
	padding: 4px 0px 0px 3px;
	height: 93px;
	width: 240px;
}
.home-left form ul li .textarea textarea {
	padding: 0px;
	height: 88px;
	width: 235px;
	border-style: none;
	background: url(none);
}
.home-left form .submit {
	text-align: right;
	display: block;
	padding: 5px 0px 0px;
	clear: both;
	width: 340px;
}
.home-left form .submit input, .home-left form .submit input:Hover {
	background: url(button-submit.png) no-repeat 0px 0px;
	height: 32px;
	width: 101px;
	padding: 0px;
	border-style: none;
	cursor: pointer;
}
.home-left form .submit input:Hover {
	background: url(button-submit.png) no-repeat 0px -32px;
}
.article, .plan, .order {
	background: #ffeeb2 url(bg-article.png);
	margin: 20px 0px 0px;
	width: 700px;
	overflow: hidden;
}
.plan {
	background: #ffeeb2 url(bg-plan.png);
}
.article .in, .order .in {
	background: url(bg-article-in.png) no-repeat 0px 0px;
	padding: 0px 15px 7px;
	width: 670px;
}
.plan .in {
	background: url(bg-plan-in.png) no-repeat 0px 0px;
	padding: 0px;
	width: 700px;
}
.plan .in .in {
	background: url(bg-plan-in-in.png) no-repeat right bottom;
	padding: 0px 15px 7px;
	width: 670px;
}
.plan .in .in h2 {
	padding: 15px 0px 0px;
}
.plan .in .in .basic {
	margin: 0px 10px 0px 0px;
	float: left;
	width: 330px;
}
.plan .in .in .basic ul, .plan .in .in .plus ul {
	padding: 15px 0px 0px;
}
.plan .in .in .basic ul li, .plan .in .in .plus ul li {
	font-size: 1.2em;
	line-height: normal;
	background: url(icon-ok.png) no-repeat 0px 0px;
	padding: 2px 0px 3px 25px;
	list-style: url(none) none;
}
.plan .in .in .plus ul li {
	font-size: 1em;
	background: url(icon-plus.png) no-repeat 0px 0px;
	padding: 3px 0px 7px 28px;
}
.plan .in .in .plus {
	float: left;
	width: 330px;
}
.plan .in .in .price {
	display: block;
	padding: 0px 15px 0px 0px;
	float: right;
	text-align: center;
	margin: -47px 0px 0px;
}
.plan .in .in .price strong {
	font-size: 1.4em;
}
.plan .in .in .price a, .plan .in .in .price a:Hover {
	background: #ff5a00 url(button-service.png) no-repeat 0px 0px;
	height: 21px;
	width: 150px;
	text-align: center;
	display: block;
	padding: 4px 0px 0px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.plan .in .in .price a:Hover {
	background: #ff5a00 url(button-service.png) no-repeat 0px -25px;
	text-decoration: underline;
}
.article .in h2 {
	font-size: 1.2em;
	padding: 11px 0px 0px;
}
.article .in h2 a, .article .in h2 a:Hover {
	font-weight: bold;
}
.article .in .desc {
	font-size: 0.85em;
	padding: 3px 0px 0px;
}
.article .in .image, .article .in .image:Hover {
	margin: 15px 10px 0px 0px;
	float: left;
	height: 89px;
	width: 114px;
}
.article .in .content {
	padding: 13px 0px 0px;
}
.article .end, .plan .end, .order .end {
	font-size: 1px;
	height: 5px;
	background: url(bg-article-end.png);
}
.plan .end {
	background: url(bg-plan-end.png);
}
.offer-list {
	background: #ffeeb2 url(bg-offer-list.png) repeat-y;
	margin: 20px 0px 0px;
	float: left;
}
.offer-list .offer {
	float: left;
	width: 232px;
	border-right: 1px solid #fff;
	overflow: hidden;
}
.offer-list .offer .in {
	padding: 0px 11px 11px;
	width: 210px;
	font-size: 0.85em;
	background: url(bg-offer-in.png) repeat-x 0px 0px;
}
.offer-list .offer .in h2 {
	font-weight: normal;
	color: #000;
	padding: 11px 0px 0px;
}
.offer-list .offer .in h2 strong {
	color: #ff5a00;
}
.offer-list .offer .in p {
	padding: 15px 0px 0px;
}
.offer-list .offer .in ul {
	padding: 15px 0px 0px 13px;
}
.offer-list .offer .left {
	background: url(bg-offer-left.png) no-repeat 0px 0px;
}
.offer-list .offer .right {
	background: url(bg-offer-right.png) no-repeat 0px 0px;
}
.offer-list .price, .offer-list .price-left, .offer-list .price-right {
	background: #ffeeb2;
	text-align: center;
	width: 210px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 11px;
	float: left;
	margin: 0px auto;
}
.offer-list .price-left {
	background: #ffeeb2 url(bg-price-left.png) no-repeat left bottom;
}
.offer-list .price-right {
	background: #ffeeb2 url(bg-price-right.png) no-repeat right bottom;
}
.offer-list .price strong, .offer-list .price-left strong, .offer-list .price-right strong {
	font-size: 1.4em;
}
.offer-list .price a, .offer-list .price a:Hover, .offer-list .price-left a, .offer-list .price-right a, .offer-list .price-left a:Hover, .offer-list .price-right a:Hover {
	background: #ff5a00 url(button-service.png) no-repeat 0px 0px;
	height: 21px;
	width: 150px;
	text-align: center;
	display: block;
	padding: 4px 0px 0px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin: 3px auto 0px;
}
.offer-list .price a:Hover, .offer-list .price-left a:Hover, .offer-list .price-right a:Hover {
	background: #ff5a00 url(button-service.png) no-repeat 0px -25px;
	text-decoration: underline;
}
.order .in h2 {
	color: #ff5d00;
	padding: 11px 0px 0px;
}
#domain ul {
	padding: 20px 0px 0px;
}
#domain ul li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#domain ul li span {
	display: block;
	margin: 0px 10px 0px 0px;
	float: left;
}
#domain ul li .form {
	width: 262px;
	background: #fff url(bg-long-form.png);
	height: 24px;
	padding: 3px 0px 0px 3px;
}
#domain ul li .form input {
	padding: 3px 0px;
	width: 250px;
	border-style: none;
	background: url(none);
}
#domain ul li .select {
	width: 82px;
	background: #fff url(bg-tiny-form.png);
	height: 22px;
	padding: 5px 0px 0px 3px;
}
#domain ul li .select select {
	padding: 0px;
	width: 75px;
	background: url(none);
	border-style: none;
}
#domain ul li .with {
	width: 130px;
	margin: 1px 10px 0px 0px;
}
#domain ul li .without {
	margin: 1px 0px 0px;
	width: 160px;
}
#domain ul li .with input, #domain ul li .with input:Hover, #domain ul li .without input, #domain ul li .without input:Hover {
	background: url(button-with-domain.png) no-repeat 0px 0px;
	padding: 0px;
	height: 25px;
	width: 130px;
	border-style: none;
	cursor: pointer;
}
#domain ul li .without input, #domain ul li .without input:Hover {
	background: url(button-without-domain.png) no-repeat 0px 0px;
	width: 160px;
}
#domain ul li .with input:Hover {
	background: url(button-with-domain.png) no-repeat 0px -25px;
}
#domain ul li .without input:Hover {
	background: url(button-without-domain.png) no-repeat 0px -25px;
}
#recap .selected {
	color: #390;
	background: url(icon-ok.png) no-repeat 0px 22px;
	font-size: 1.6em;
	padding: 20px 0px 0px 22px;
}
#recap .change {
	padding: 5px 0px 0px;
}
#recap .long {
	width: 670px;
	border-top: 1px solid #efdfa6;
	margin: 9px 0px 0px;
	padding: 10px 0px 0px;
}
#recap .long li {
	line-height: normal;
	display: inline;
	list-style: url(none) none;
}
#recap .long li strong, #recap .long li span {
	display: block;
	float: left;
}
#recap .long li strong {
	padding: 5px 10px 0px 0px;
}
#recap .long li span {
	width: 82px;
	background: #fff url(bg-tiny-form.png);
	height: 22px;
	padding: 5px 0px 0px 3px;
}
#recap .long li span select {
	padding: 0px;
	width: 75px;
	background: url(none);
	border-style: none;
}
#recap .price {
	padding: 20px 0px 0px;
}
#recap .price li {
	line-height: normal;
	display: block;
	clear: both;
	width: 670px;
	border-bottom: 1px solid #efdfa6;
	list-style: url(none) none;
	height: 27px;
}
#recap .price li span {
	display: block;
	float: left;
	padding: 6px 0px 0px 5px;
}
#recap .price li .right {
	float: right;
	padding: 6px 5px 0px 0px;
}
#recap .price .total {
	background: #fff;
	font-size: 1.4em;
	font-weight: bold;
	color: #f00;
	height: 33px;
}
#recap .left-form, #recap .right-form {
	margin: 0px 30px 0px 0px;
	float: left;
	width: 320px;
}
#recap .right-form {
	margin: 0px;
}
#recap .user {
	padding: 15px 0px 0px;
	width: 320px;
}
#recap .user li {
	line-height: normal;
	display: block;
	margin: 5px 0px 0px;
	clear: both;
	width: 320px;
	height: 27px;
	list-style: url(none) none;
}
#recap .user li span {
	display: block;
	float: left;
	width: 100px;
	padding: 4px 0px 0px;
}
#recap .user li .form {
	background: #fff url(bg-x-small-form-obl.png);
	padding: 3px 0px 0px 3px;
	height: 24px;
	width: 217px;
}
#recap .user li .noobl {
	background: #fff url(bg-x-small-form.png);
}
#recap .user li .form input {
	background: url(none);
	padding: 3px 0px;
	width: 207px;
	border-style: none;
}
#recap .terms {
	margin: 10px 0px 0px;
	padding: 9px 0px 0px;
	border-top: 1px solid #efdfa6;
}
#recap .submit {
	text-align: right;
	padding: 10px 0px 0px;
}
#recap .submit input, #recap .submit input:Hover {
	background: url(button-submit-order.png) no-repeat 0px 0px;
	padding: 0px;
	height: 25px;
	width: 150px;
	border-style: none;
	cursor: pointer;
}
#recap .submit input:Hover {
	background: url(button-submit-order.png) no-repeat 0px -25px;
}

table#cenik {
	border: #FF5A00 1px solid;
}
table#cenik th {
	background-color: #fc0;
	font-weight: bold;
	font-size: 110%;
}
table#cenik th.name {
	width: 25%;
}
table#cenik th.value {
	width: 37%;
}
table#cenik th.value, table#cenik td.value {
	text-align: center;
}
table#cenik td {
	background-color: #f2f5ed;
	font-weight: bold;
}
table#cenik td span {
	font-size: 85%;
	font-weight: normal;
}

#serviceDomain {
	font-size:0.85em;
}
#serviceDomain form {
	padding: 20px 0px 0px;
	float: left;
}
#serviceDomain form .www {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 0px 3px;
}
#serviceDomain form .domain {
	background: #fff url(bg-small-form.png);
	float: left;
	height: 22px;
	width: 115px;
	margin: 0px 7px 0px 0px;
	padding: 5px 0px 0px 3px;
}
#serviceDomain form .domain input {
	background: url(none);
	padding: 2px 0px;
	width: 105px;
	border-style: none;
	font-size: 1.05em;
}
#serviceDomain form .tld {
	background: url(bg-tiny-form.png);
	float: left;
	height: 23px;
	width: 82px;
	padding: 4px 0px 0px 3px;
}
#serviceDomain form .tld select {
	border-style: none;
	background: url(none);
	font-size: 1.05em;
	width: 77px;
}
#serviceDomain .button {
	float: left;
	margin-left: 20px;
}
#serviceDomain .button a, #serviceDomain .button a:Hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 4px 0px 0px;
	height: 21px;
	width: 150px;
	font-size: 1.1em;
}
#serviceDomain .button a:Hover {
	text-decoration: underline;
	background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}

.orderDomain .button a, .orderDomain  .button a:Hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 4px 0px 0px;
	height: 21px;
	width: 150px;
	font-size: 0.9em;
}
.orderDomain .button a:Hover {
	text-decoration: underline;
	background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}
.priceWebhost {
	color: #ff5a00;
  font-weight: bold;
  font-size: 1.1em;
}
#webhostings .in table {
  font-size: 0.9em;
  padding-top: 15px;
}
#webhostings .in table th, #webhostings .in table td {
  padding: 6px 4px;
}
#webhostings .in table th, #webhostings .in table th a {
  font-weight: bold;
  font-size: 1.1em;
}
#webhostings .in table .button {
  padding: 10px 0 0;
}
#webhostings .in table .button a, #webhostings .in table .button a:Hover {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
  text-align: center;
  display: block;
  margin: 0px;
  padding: 4px 0px 0px;
  height: 21px;
  width: 150px;
  font-size: 1.1em;
}
#webhostings .in table .button a:Hover {
  text-decoration: underline;
  background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}
.center {
	text-align: center;
}
table#OrderRecapitulation {
	width: 450px;
}
table#OrderRecapitulation tr td.orderWebHostFirstCol {
	width: 110px;
	font-weight: bold;
}
table#OrderRecapitulation h3 {
	padding-top: 0;
}
table#OrderRecapitulationFinal {
	width: 400px;
	float: left;
	height: 667px;
}
table#OrderRecapitulationFinal tr td {
	background-color: #f2f5ed;
}
table#OrderRecapitulationFinal tr td.orderWebHostFirstCol {
	width: 150px;
	font-weight: bold;
}
table#OrderRecapitulationFinal h3 {
	padding-top: 0;
}
#webhostings {
	background: #ffeeb2 url(bg-webhostings.png) no-repeat 0px 0px;
	margin: 0px 0px 40px;
}
#webhostings .in {
	background: url(bg-services-in.png) no-repeat left bottom;
	height: 600px;
}
#webhostings .in li {
	font-size: 0.85em;
}
#webhostings .inn {
  background: url(bg-services-in.png) no-repeat left bottom;
  font-size: 0.85em;
  position: relative;
}
#webhostings .inn .sizer h2 {
  color: #000;
  padding: 15px 0px 15px 50px;
  font-size: 1.7em;
  width: 33%;
}
#webhostings .inn .sizer .desc {
  display: block;
  padding: 0px 0px 5px 50px;
  color: #666;
  margin: -17px 0px 0px;
  width: 33%;
}
#webhostings .inn .sizer .description {
  padding-top: 0px;
  position: absolute;
  top: 25px;
  left: 200px;
}
#webhostings .inn ul {
  position: absolute;
  top: 50px;
  right: 15px;
  padding-top: 10px;
}
#webhostings .inn .button {
  float: left;
  margin: 0px 0 0 10px;
  padding: 0px 0px 10px;
  width:150px;
}
#webhostings .inn .button a, #webhostings .inn .button a:Hover {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
  text-align: center;
  display: block;
  margin: 0px auto;
  padding: 4px 0px 0px;
  height: 21px;
  width: 150px;
  font-size: 1.1em;
}
#webhostings .inn .button a:Hover {
  text-decoration: underline;
  background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}

#webhostings .end {
	font-size: 1px;
	background: url(bg-services-end.png);
	height: 5px;
  clear: both;
}
span.red {
	color: red;
}
table.Order tr td.orderWebHostFirstCol span.red {
	font-size: 1.3em;
}

table.Order {
	width: 100%;
	margin: 0 0 0px 0;
	border-collapse: collapse;
}
table.Order td {
	padding: 7px;
}
table.Order tr td.orderWebHostFirstCol, table.Order tr td.orderWebHostSecondCol {
/*	background-color: #f2f5ed;*/
	font-size: 12px;
}
table.Order tr td.orderWebHostFirstCol {
	width: 300px;
	font-weight: bold;
}
table.Order tr td.orderWebHostFirstCol span {
	font-weight: normal;
}
table.Order .button a, table.Order .button a:Hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: #ff5b00 url(button-service.png) no-repeat 0px 0px;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 4px 0px 0px;
	height: 21px;
	width: 150px;
	font-size: 0.9em;
}
table.Order .button a:Hover {
	text-decoration: underline;
	background: #ff5b00 url(button-service.png) no-repeat 0px -25px;
}
table.Order input {
	font-size: 1.2em;
	width: 220px;
}

.Order .form input {
	background: url("bg-form.png") no-repeat scroll 0 0 transparent;
	height: 22px;
	padding: 2px 0 0 4px;
	width: 210px;
	border: none;
}

h3.Order {
	padding: 10px 0 5px;
}
h3.Order span {
	color: #000;
	font-weight: normal;
	font-size: 0.7em;
}
table.Order input.short {
	width: auto;
}
p.red, p.green {
	font-weight: bold;
}
p.red {
	color: red;
}
p.green {
	color: green;
}
.orderDomain {
	padding: 15px 0;
}
.orderDomain h3 {
	padding: 0;
}


.write ul {
	padding: 15px 0px 0px;
	float: left;
}
.write ul li {
	background: url(none);
	padding: 0px;
	clear: both;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	width: 465px;
	margin: 5px 0px 0px;
	list-style: none;
	list-style-image: none;
}
.write ul .obl {
	background: url(/styles/default/icon-star.png) no-repeat right top;
}
.write ul li span {
	text-align: right;
	display: block;
	padding: 0px 20px 0px 0px;
	float: left;
	width: 110px;
}
.write ul li .form, .write ul li .textarea, .write ul li .form:Hover, .write ul li .textarea:Hover {
	text-align: left;
	padding: 4px 0px 0px 3px;
	width: 320px;
	background: url(/styles/default/form-medium.png) no-repeat 0px 0px;
	height: 23px;
}
.write ul li .form:Hover {
	background: url(/styles/default/form-medium.png) no-repeat 0px -27px;
}
.write ul li .textarea, .write ul li .textarea:Hover {
	text-align: left;
	padding: 4px 0px 0px 3px;
	width: 320px;
	background: url(/styles/default/textarea-medium.png) no-repeat 0px 0px;
	height: 93px;
}
.write ul li .textarea:Hover {
	background: url(/styles/default/textarea-medium.png) no-repeat 0px -97px;
}
.write ul li .form input, .write ul li .textarea textarea {
	padding: 1px;
	width: 310px;
	border-style: none;
	background: url(none);
}
.write .submit {
	display: block;
	float: right;
	padding: 180px 0px 0px;
}
.write .submit input, .write .submit input:Hover {
	background: url(/styles/default/button-submit.png) no-repeat 0px 0px;
	height: 32px;
	width: 101px;
	padding: 0px;
	border-style: none;
	cursor: pointer;
}
.write .submit input:Hover {
	background: url(/styles/default/button-submit.png) no-repeat 0px -32px;
}

.contact-left {
	margin: 0px 20px 0px 0px;
	float: left;
	width: 380px;
}
.contact-left .contacts {
	float: left;
}
.contact-left .contacts li {
	background: url(none);
	padding: 0px;
	clear: both;
	list-style: none;
	list-style-image: none;
}
.contact-left .contacts li span {
	display: block;
	float: left;
}
.contact-left .contacts li .email {
	width: 60px;
	padding: 0px 0px 1px 24px;
	background: url(/styles/default/icon-email.png) no-repeat;
}
.contact-left .contacts li .phone {
	width: 60px;
	padding: 0px 0px 1px 24px;
	background: url(/styles/default/icon-phone-green.png) no-repeat;
}
.contact-left .maps {
	float: left;
	padding-left: 0px;
	width: 154px;
}
.contact-left .social {
	float: left;
	padding-top: 15px;
}
.contact-left .social li {
	background: url(none);
	padding: 0px;
}
.contact-left .social .facebook, .contact-left .social .twitter, .contact-left .social .facebook:Hover, .contact-left .social .twitter:Hover {
	background: url(/styles/default/icon-facebook.png) no-repeat 0px 0px;
	display: block;
	padding: 5px 0px 0px 35px;
	height: 25px;
	margin: 5px 0px 0px;
}
.contact-left .social .twitter, .contact-left .social .twitter:Hover {
	background: url(/styles/default/icon-twitter.png) no-repeat 0px 0px;
}
#googleMap {
	clear: both;
	margin:17px 0 10px 15px;
}
.htmlFormHidden {
	display: none;
}
#orderFinal {
	margin-bottom: 20px;
}

#langflags {
  position: absolute;
  top: 5px;
  left: 5px;
}

#langflags a img{
  border: 0;
  width: 20px;
  margin: 5px;
}

div #OrderRecapitulationPay {
  width: 254px;
  height: 400px;
  float:left;
  background-color: #FFEEB2;
  text-align: center;
  margin-top: 17px;
  height: 689px;
}

#OrderRecapitulationPay IMG {
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

#OrderRecapitulationPay DIV.row {
  text-align: center;
  margin-bottom: 35px;
  margin-top: 35px;
}

#OrderRecapitulationPay DIV.row DIV {
  margin-top: 15px;
  text-align: center;    
}

#platbaPrevodem {
  display:none;
  position:absolute;
  left: 250px;
  top: 200px;
  margin: 0px auto;
  background-color: #fff;
  width:400px;
  border: 1px solid #FF5C00;
}
#platbaPrevodem H3 {
  width: 100%;
  background-color: #FFAD00;
  color: #000;
  padding: 0px;
  line-height: 200%;
  text-indent: 15px;
}

#platbaPrevodem A.x {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #000;
  text-decoration: none;
}

#platbaPrevodem P {
  margin-left: 10px;
  /*line-height: 160%;*/
  margin-bottom: 3px;
}

#platbaPrevodem P span.title {
  display: block;
  width: 180px;
  float:left;
  text-indent:10px;
}

#platbaPrevodem P span.value, #platbaPrevodem P span.total, #platbaPrevodem P span.bbold  {
  display: block;
  width: 200px;
  float:left;
  margin-left: 3px;
  text-indent: 10px;
}

#platbaPrevodem P span.total, #platbaPrevodem P span.bbold {
  font-weight: bold;
 }

#platbaPrevodem P span.space {
  margin-bottom: 10px; 
}


#OrderRecapitulationH2-1 {
  float: left;
  width: 400px;
}

#OrderRecapitulationH2-2 {
  float: left;
  width: 300px;
  text-align:center;
}

#social p a, #social p a:hover,
.social a, .social a:hover {
	text-decoration: none;
}