/*
Theme Name: VDS Theme 
Theme URI: http://vellkan.pl
Description: ...
Version: 1.0
Author: Igor Chudy
Author URI: http://igorchudy.pl/
Tags: 
Text Domain: vellkan
*/

@font-face {
    font-family: 'doppio_oneregular';
    src: url('fonts/doppioone-regular.eot');
    src: url('fonts/doppioone-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/doppioone-regular.woff') format('woff'),
        url('fonts/doppioone-regular.ttf') format('truetype'),
        url('fonts/doppioone-regular.svg#doppio_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato_bold';
    src: url('fonts/lato_bold-webfont.eot');
    src: url('fonts/lato_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato_bold-webfont.woff') format('woff'),
        url('fonts/lato_bold-webfont.ttf') format('truetype'),
        url('fonts/lato_bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato_black';
    src: url('fonts/lato-bla-webfont.eot');
    src: url('fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato-bla-webfont.woff') format('woff'),
        url('fonts/lato-bla-webfont.ttf') format('truetype'),
        url('fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato_light';
    src: url('fonts/lato-light_0-webfont.eot');
    src: url('fonts/lato-light_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato-light_0-webfont.woff') format('woff'),
        url('fonts/lato-light_0-webfont.ttf') format('truetype'),
        url('fonts/lato-light_0-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'lato_regular';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/lato-reg-webfont.woff') format('woff'),
        url('fonts/lato-reg-webfont.ttf') format('truetype'),
        url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {width: 100%;}

/* Reset ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; }

body {height: 100%; width: 100%; font-family:verdana, Arial; font-size:12px; font-weight:normal; color: #1a1a1a;}

h1 { font-size: 3em; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.2em; }
h5 { font-size: 1em;  }
h6 { font-size: 1em;  }

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

/* Custom ----------------------------------------------------------------------- */

#TopWrap {width: 100%;  background: #000; }
	#TopWrap.HomePage {height: 587px;}
	#TopWrap.SubPage {height: 210px;}
	#TopWrap.SubPage.domians-page {height: 511px;}
	#Top {width: 100%; margin: 0 auto; overflow: hidden; position:relative;}
	#Menu {width: 960px; height: 57px; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 66; background:url("images/top_bg.png") no-repeat right bottom;}
	#Menu p a {margin: 0px 0 0 0;display: block;float: left; width: 293px; height:70px; background: url(images/TopLogo.png) left top no-repeat; text-indent: -9999px;}
	#Menu ul {margin: 15px 0px 0 0; list-style: none; float: right; display: block; position:absolute; right:0;}
	#Menu ul li {display: block; float: left; }
	#Menu ul li:first-child {margin: 0; border:0;}
	#Menu>ul>li>a {display: block; float: left; height: 28px; font-size:12px; line-height:25px; color:#fff; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; padding:6px 11px; border:0px solid;}
 	#Menu>ul>li>ul>li>a {display: block; float: left; height: 25px; font-size:12px; line-height:25px; color:#fff; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; padding:9px 7px;}
 	#Menu ul li a:hover{text-decoration:none; background-color:#c10000; padding-bottom:8px;}
	#HeaderWrap {width: 960px; height: 284px; position: relative;}
	#HeaderImages {}
	#HeaderImages img {}
	#HeaderNav {position:absolute; left: 0px; bottom: 20px; z-index: 10;}
	#HeaderNav a {width: 40px; height: 5px; color: #545454; background: #545454; text-indent: -9000px; margin: 0 5px 0 0; display: block; float: left; }
	#HeaderNav a.activeSlide {background:#f00000;}
	#HeaderNav a:hover {background: #f00000;  }

	#UserMenu ul {margin: 0; list-style: none; overflow: hidden; position: absolute; right: 0; top: 0px;z-index: 10; }
	#UserMenu ul li {display: block; float: left; margin: 0 0 0 1px;}
	#UserMenu ul li:first-child {margin: 0;}
	#UserMenu ul li a {display: block; float: left; height: 23px; width: 23px;  background-image: url(images/UserMenu.png); background-repeat:no-repeat; text-indent: -9000px;}
	#UserMenu ul li a.Mail {background-position: 0 0;}
	#UserMenu ul li a.DA { background-position: -24px 0;}
	#UserMenu ul li a.Server {background-position: -48px 0;}
	#UserMenu ul li a.Mail:hover {background-position: 0 -23px;}
	#UserMenu ul li a.DA:hover { background-position: -24px -23px;}
	#UserMenu ul li a.Server:hover {background-position: -48px -23px;}


#SubPageHeader {width: 960px; height: 307px; position: relative; margin: 0 auto;}
	#SubPageOne {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders1.png) left top no-repeat; bottom:0;}
	#SubPageTwo {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders2.png) left top no-repeat; bottom:0;}
	#SubPageThree {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders3.png) left top no-repeat; bottom:0;}
	#SubPageFour {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders4.png) left top no-repeat; bottom:0;}
	#SubPageFive {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders5.png) left top no-repeat; bottom:0;}
	#SubPageSix {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders6.png) left top no-repeat; bottom:0;}
	#SubPageSeven {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders7.png) left top no-repeat; bottom:0;}
	#SubPageEight {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders8.png) left top no-repeat; left:0; right:0; margin: 0 auto; bottom:0;}
	#SubPageNine {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders9.png) left top no-repeat; bottom:0;}
	#SubPageTen {width: 960px; height: 152px; position: absolute; background: url(images/SubHeaders10.png) left top no-repeat; bottom: 0;}
	#SubPageAbout {width: 960px; height: 152px; position: absolute; background: url(images/SubHeadersAU.png) left top no-repeat; bottom:0;}
	#SubPageWWW {width: 960px; height: 152px; position: absolute; background: url(images/SubHeadersWWW.png) left top no-repeat; bottom:0;}



	#SubPageHeader p {font: bold 30px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; position: absolute; bottom: 20px; display:none;} 

.Content {width: 960px; margin: 0 auto; padding: 20px 0 40px 0; font: normal 12px/21px Arial, Helvetica, sans-serif; color:#444444; overflow: hidden;}

#MainOfferMenu {display: block; overflow: hidden; margin: 0 0 20px 0; background :url(images/MainOfferMenu.png) left bottom repeat-x;}
#MainOfferMenu ul {list-style: none;  display: block; }
#MainOfferMenu ul li {float: left; display: block;  padding: 6px 20px; margin: 0px 20px 0 0; border: 1px solid transparent; border-bottom: none;}
#MainOfferMenu ul li a { font: bold 11px Helvetica, Arial, Helvetica, sans-serif; color: #222222; text-transform:uppercase; text-decoration: none; }
#MainOfferMenu ul li.Active {border: 1px solid #cccccc; border-bottom: none;  background: #fff;}
#MainOfferMenu ul li.Active a {color: #f00000;}

#MainOfferContainer {width: 660px; height: 380px; display: block; float: left;}

.Offer { width: auto; height: 440px; display: none;overflow: hidden;}
#VirtualServer {/*display: block;*/ }
.SingleOffer { display: block; }
	.SingleOffer table {background: #f8f8f8; width: 126px; height: 100%; float: left; display: block; margin: 0 1px 0 0;}
	.SingleOffer table.Red {background-color:#BB0000; color: #fff;}
	.SingleOffer table.Red td {color: #fff;}
	.SingleOffer table.Red .Gray {background-color:#BB0000;}
	.SingleOffer table.Red .Price.Year {background: #BB0000 url(images/MainOfferPriceYear.png) left top no-repeat; }
	.SingleOffer table.Red .Price.Monthly {background: #BB0000 url(images/MainOfferPriceMonthly.png) left top no-repeat; }
	.SingleOffer table.Red .Price.Register {background: #BB0000 url(images/MainOfferRegister.png) left top no-repeat; }
	.SingleOffer table.Red .OfferButtons { background-color: #7a0000;}
	
	.SingleOffer td {padding: 8px 0; text-align: center; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#232323;width: 126px; }
	.SingleOffer td strong {font-weight: bold;}
	.SingleOffer td span {cursor:default;}
	.SingleOffer td span.Imp {font-weight: bold;}
	.SingleOffer td.Title {background: url(images/MainOfferName.png) left top no-repeat; padding: 4px 0 3px 0;}
	.SingleOffer td.Title h3 {color: #fff; font: bold 14px Arial, Helvetica, sans-serif; }
	.SingleOffer td.Price {height: 82px; padding: 2px 0 12px 0;font: bold 30px Arial, Helvetica, sans-serif; color: #fff; text-shadow: 1px 2px #990000;}
	.SingleOffer td.Price.Year {background: url(images/MainOfferPriceYear.png) left top no-repeat; }
	.SingleOffer td.Price.Monthly {background: url(images/MainOfferPriceMonthly.png) left top no-repeat; }
	.SingleOffer td.Price.Register {background: url(images/MainOfferRegister.png) left top no-repeat; }

	.SingleOffer td.Gray {background: #eeeeee;}
	.SingleOffer td a {display: block; width: 93px; height: 25px; margin: 0 auto; text-indent: -9000px; }
	.SingleOffer td a.DetailsButton { background: url(images/DetailsButton.png) left top no-repeat;margin-bottom: 7px;}
	.SingleOffer td a.OrderNowButton { background: url(images/OrderNowButton.png) left top no-repeat;}

	#tooltip { display:none; background: url(images/Tooltip.png) left top no-repeat; font-size:12px; height:24px; width:126px; padding:10px 0px 0px 0; color:#fff;  text-align: center;   }

#MainNews {display: block; margin-top:-25px;}
	#MainNews h3 {font: bold 20px Helvetica, Arial, sans-serif; color: #000; margin: 0 0 20px 0;}
	#MainNews ul {display: block; list-style: none;}
	#MainNews ul li {display: block; float: left; width: 280px; font: normal 12px/21px Arial, Helvetica, sans-serif; color: #9f9f9f; }
	#MainNews ul li:first-child {margin: 0 70px 0 0; }
	#MainNews ul li span {font: normal 12px/21px Arial, Helvetica, sans-serif; color: #393939;}
	#MainNews ul li .Date {background: url(images/MainNewsDate.png) left center no-repeat; font: normal 12px Arial, Helvetica, sans-serif; color: #9f9f9f; padding: 0 0 0 17px; margin: 0 0 0 8px;}
	#MainNews ul li a {color: #dc0000; text-decoration: none;}
	#MainNews ul li a:hover {text-decoration: underline;}


#MainInfo {float: right; width: 278px; height: 100%; overflow: hidden;}
	.InfoBox.LiveSupport {background: #f5f5f5 url(images/LiveSupport.png) 180px bottom no-repeat;}
	.InfoBox {display: block; margin: 0 0 30px 0; background: #f5f5f5; padding: 15px; -moz-border-radius: 5px;
border-radius: 5px; -webkit-border-radius: 5px}
	.InfoBox h3 {font: bold 20px Helvetica, Arial, sans-serif; color: #000; margin: 0 0 10px 0;}
	.InfoBox a {font: bold 14px Arial, Helvetica, sans-serif; color: #cc0000; text-decoration: none;}
	.InfoBox span {font: normal 13px Arial, Helvetica, sans-serif; color: #232323;}
	
	.InfoBox.QuickContact a {display: block; height: 35px; padding: 16px 0 0 90px;}
	.InfoBox.QuickContact a.Mail {background: url(images/SupportMail.png) left top no-repeat;margin: 0 0 15px 0; }
	.InfoBox.QuickContact a.Phone {background: url(images/SupportPhone.png) left top no-repeat; line-height:14px; padding-top:-4px;}

	.InfoBox.WhyUs {background: #f5f5f5 url(images/HelpIcon.png) 200px 120px no-repeat;}

html body div.Content div#menu {
	background-image: url("images/sidebar-client.png");
    background-repeat: repeat-x;
    color: #FFFFFF;
    height: 42px;
	margin-bottom:10px;
    overflow: hidden;
    width: 194px;
}


html body div.Content div#menu h3 {
    font-family: 'lato_bold';
    font-size: 13px;
    margin: 15px;
	color:#fff;
    text-transform: uppercase;
	border-bottom:0px solid;
}

html body div.Content div#OfferInfo h5 {
	font-family: 'lato_black';
    font-size: 13px;
	margin:20px 0;
	padding-bottom:15px;
	border-bottom:1px solid #cccccc;
	display:block;
	width:100%;
	color:#111111;
	float:left;
	text-transform:uppercase;
}




#OfferMenu {float: right; padding: 0 0 0 0; border: 0px solid; width: 194px; margin: 30px 0 0 0;}
	#OfferMenu h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #f00000; border-bottom: 1px solid #ebebeb; padding: 0 0 5px 0; margin: 0 0 5px 0; }
	#OfferMenu ul.ul-menu {list-style: none; background: #eaeaea;}
	#OfferMenu ul.ul-menu li {}
	#OfferMenu ul.ul-menu li a {padding: 9px 0 9px 15px; border-bottom: 1px solid #c9c9c9; border-top:1px solid #ffffff; display:block; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #111111; text-decoration: none; line-height:15px;}
	#OfferMenu ul.ul-menu li:last-child a {
		border-bottom:0px solid;
	}
	#OfferMenu ul.ul-menu li:first-child a {
		border-top:0px solid;
	}
	#OfferMenu ul.ul-menu li a:hover {color: #000; border-left:4px solid #c10000; padding-left:11px; }
	#OfferMenu ul.ul-menu li a.Active {color: #000; border-left:4px solid #c10000; padding-left:11px; }

html body div#TopWrap.SubPage div#Top div#SubPageHeader {
	height:210px;
}

#OfferInfo {float: left; width: 764px; margin-top:30px; margin-bottom:30px; border-right:1px solid #dfdfdf;}

#OfferList { margin: 30px 0;}

#OfferInfo h1, #OfferInfo h2, .domains h1 {
	font-size:15px;
	font-family: 'lato_black';
	color: #111111;
	text-transform: uppercase;
}

#OfferInfo h4 a{
	font-size: 15px;
	position: relative;
	top: 10px;
	font-family: 'lato_black';
	color: #111111;
	text-transform: uppercase;
}

#OfferInfo p {
	color: #111111;
    font-size: 12px;
    line-height: 22px;
	margin:10px 20px 30px 0;
	float:left;
	display:block;
}

#OfferInfo p strong {
	font-weight:bold;
}

#OfferInfo p strong span {
	color:#c10000;
}

/*#OfferInfo p br {
	margin-bottom:10px;
}*/


	#OfferList table {background: #f8f8f8; height: 100%; float: left; display: block; margin: 0 15px 0 0; }
	#OfferList table td {padding: 12px 0; text-atdgn: center; font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color:#232323; border-right: 1px solid #fff;vertical-align: middle; }
	
	html body div.Content div#OfferInfo div#OfferList table tbody tr td:first-child {
		text-align:right;
		padding-right:15px;
		background-color:#fff;
		border-bottom:1px solid #eeeeee;
		color:#4c4c4c;
	}
	
	html body div.Content div#OfferInfo div#OfferList table tbody tr:first-child td:first-child {
		border-bottom:0px;
	}
	
	html body div.Content div#OfferInfo div#OfferList table tbody tr td {
		text-align:center;
	}
	
	#OfferList table td strong {font-weight: bold;}
	#OfferList table td.Title {-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px; background-color:#c10000; padding: 9px 0 9px 0; width: 111px; vertical-align:top; font-family: 'lato_bold'; text-transform: uppercase; font-size:12px;}
		#OfferList table td.TitleWide {background: url(gfx/OfferTitleWide.gif) left top no-repeat; padding: 9px 0 0px 0; height: 34px; width: 139px; vertical-align:top;}
	#OfferList table td.Title h3, #OfferList table td.TitleWide h3 {color: #fff; font: bold 14px Arial, Helvetica, sans-serif; }
	#OfferList table .Gray {background: #eeeeee;}
	#OfferList table .White {background: #FFF; }
	#OfferList table .Desc {width: 170px;}

	#OfferList table .SubTitle {
		font-family: 'lato_bold'; 
		text-transform: uppercase; 
		font-size:12px; 
		text-align:center!important; 
		border-bottom:0px solid!important; 
		border-top:0px solid!important; 
		padding:15px 0;
	}

	#OfferList table td a {background-image:url(images/button-bg.png);
	background-repeat: repeat-x;
	font-family: 'lato_bold';
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
	padding:8px 15px;
	float:left;
	display:block;
	cursor:pointer;
	width:100px;;
	text-decoration:none; }
	
	#OfferList table td a.blue {background-image:url(images/button-bg-blue.png);
	background-repeat: repeat-x;
	font-family: 'lato_bold';
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
	padding:8px 15px;
	float:left;
	display:block;
	cursor:pointer;
	width:100px;;
	margin-top:6px;
	text-decoration:none;
	font-weight: normal;
	 }
	
	#OfferList table td a:hover {
		opacity:0.9;
	}
	
	#OfferList table td a.DetailsButton { background: url(images/DetailsButton.png) left top no-repeat;margin-bottom: 7px;}
	#OfferList table td a.OrderNowButton { background: url(images/OrderNowButton.png) left top no-repeat;}


#FooterWrap {width: 100%; height: 100%; background: #000; margin-bottom:-20px;}
	#Footer {margin: 0 auto; width: 960px; height: 100%; overflow: hidden; }
	#Footer .Box {float: left; margin: 0 50px 0 0; padding: 25px 0 50px 0; background: url(images/FooterArrow.png) left top no-repeat;}
	#Footer .Box.Last {margin-right: 0;}
	#Footer .Box h4 {font: bold 17px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px 0;}
	#Footer .Box ul {list-style: none;}
	#Footer .Box ul li {padding: 0px 0 0px 12px; background: url(images/ListPoint.png) left center no-repeat;}
	#Footer .Box ul li a {font: normal 12px Arial, Helvetica, sans-serif; color: #4a4b49; text-decoration: none; color: #4a4b49;}
	#Footer .Box ul li a:hover { color: #fff;}
	#Footer .Box ul li:last-child {background: url(images/ListPoint-Last.png) left center no-repeat;}
	#Footer .Copyright {float: right; padding: 0; height: 170px; width: 282px; background: url(images/LiteSpeedInfo.png) right bottom no-repeat; text-align: right; position: relative; color: #262626;}
	#Footer .Copyright .LiteSpeed {position: absolute; top: 10px; right: 0; text-align: right; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #262626;}
	#Footer .Copyright .Copy {position: absolute; bottom: 10px; right: 0; text-align: right; font: normal 11px Tahoma, Arial, Helvetica, sans-serif;}


#VPSServer {
	display:block;
}

/*CATDESIGN 2013*/
div#slides ul.slidesjs-pagination {
	position:absolute;
	color:#fff;
	right:0px;
	top:240px;
	z-index:1001;
}

div#slides ul.slidesjs-pagination li {
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline;
}

div#slides ul.slidesjs-pagination a {
	width:44px;
	height:4px;
	float:left;
	text-indent:-6666px;
	background-color:#fff;
	opacity:0.2;
	margin-left:2px;
}

div#slides ul.slidesjs-pagination a.active {
	opacity:0.4;
}

.wrapper-center {
	width:960px;
	height:auto;
	margin:0 auto;
	display:block;
	margin-top:-20px;
}
.wrapper-domians-banner .button-red,
.wrapper-center .content-box, .contact-box, .wrapper-contact .Content, .customer-box, .wrapper-domians-banner, .wrapper-domians-banner form input,
.wrapper-center .box, .wrapper-center .box h4{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
} 
.wrapper-center .box{
	width:240px;
	height:424px;
	float:left;
	overflow:hidden;
	display:inline;
}

.wrapper-center .box img{
	float:right;
	display: block;
	clear: both;
	margin-top: 29px;
}
.wrapper-center .box.box-1 img{
	margin:36px 0 7px 0;
}
.wrapper-center .box.box-3 img{
	margin:31px 0 6px 0;
}
.wrapper-center .box.box-4 img{
	margin:44px 20px 31px 0;
}

.wrapper-center .box .content-box{
	width: 100%;
	border-right: 1px solid #dbdbdb;
       /* Opera/IE 8+ */
}
.wrapper-center .box .content-box strong{
	font-weight: 600;

}
.wrapper-center .box.box-4 .content-box{
	border:none;
}
.wrapper-center .box h2 {
	 font-family: 'lato_bold';
	 font-size:15px;
	 text-transform:uppercase;
	 color:#111111;
	 margin-bottom:-2px;
	 margin-top:40px;
}

.wrapper-center .box h2 span {
	 color:#c51111;
}

.wrapper-center .box h3 {
	 font-family: 'lato_light';
	 font-size:12px;
	 text-transform:uppercase;
	 color:#4a4a4a;
}
.wrapper-center .box .price,
.wrapper-center .box ul,
.wrapper-center .box h3,
.wrapper-center .box h2{
	margin-left:30px;	
}
.wrapper-center .box ul{
	padding: 0;
	list-style: none;
	line-height: 22px;
}
.wrapper-center .box h4{
	width: 220px;
	font-size: 13px;
	line-height: 28px;
	border-bottom: 1px solid #a6a6a6;
	margin-left: 10px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.wrapper-center .box h4{
	padding-left: 20px;
}

.wrapper-center .box .price,
.wrapper-center .box .content-box,
.wrapper-center .box h4,
.wrapper-center .box ul{
	display: block;
	float: left;
	clear: both;
}
.wrapper-center .box-1 p {
	padding-left:0px;
}

.wrapper-center .box .price {

	font-family: 'Open Sans', sans-serif;
}

.wrapper-center .box .price span {
	font-size:11px;
	color:#444;
	display:block;
	margin-left:2px;
}

.button-bg {
	background-image:url(images/button-bg.png);
	background-repeat: repeat-x;
	font-family: 'lato_bold';
	font-size:11px;
	text-transform:uppercase;
	color:#fff;
	padding:3px 15px;
	float:left;
	display:block;
	cursor:pointer;
	text-decoration:none;
}

.button-bg:hover {
	opacity:0.9;
}

.wrapper-center .box .price strong {
	font-size:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#c10000;
	display:block;
}

.wrapper-center .box .price small {
	font-size:11px;
	font-weight:300;
	color:#585858;
}
.wrapper-center .box a.button-white,
.wrapper-center .box a.button-red{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	width: 170px;
	padding: 10px 0 11px 0;
	margin:20px 0 0 30px;
	-webkit-box-shadow: 0 2px 0 0 #c4c4c4;
	box-shadow: 0 2px 0 0 #c4c4c4; 
	display: block;
	float: left;
	font-weight:400;
}
.wrapper-center .box a.button-white{
	-webkit-box-shadow: 0 2px 0 0 #e3e3e3;
	box-shadow: 0 2px 0 0 #e3e3e3; 
		padding: 9px 0 10px 0;
}
.wrapper-center #sidebar {
	float:left;
	margin-left:1px;
}

.wrapper-center #sidebar #client {
	background-image:url(images/sidebar-client.png);
	background-repeat: repeat-x;
	width:285px;
	height:82px;
	overflow:hidden;
	color:#fff;
	margin-top:36px;
}

.wrapper-center #sidebar #client h3 {
	 font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px;
}

.wrapper-center #sidebar #client ul {
	margin-left:15px;
	margin-top:-10px;
}

.wrapper-center #sidebar #client ul li {
	list-style:none;
	display:inline;
	border-left:1px solid #cd3333;
	padding:0 6px;
}

.wrapper-center #sidebar #client ul li:first-child {
	border:0px solid;
	padding-left:0px;
}

.wrapper-center #sidebar #client ul li a{
	color:#fff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.wrapper-center #sidebar #client ul li a:hover,
.wrapper-center #sidebar #contact ul li a:hover {
	text-decoration:underline;
}

.wrapper-center #sidebar #contact {
	background-image:url(images/sidebar-contact.png);
	background-repeat: repeat-x;
	width:285px;
	height:172px;
	overflow:hidden;
	color:#fff;
	margin-top:10px;
}

.wrapper-center #sidebar #contact h3 {
	font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px;
	 color:#161616;
}

.wrapper-center #sidebar #contact ul {
	margin:18px 0 0 87px;
}

.wrapper-center #sidebar #contact ul li {
	color:#161616;
	line-height:17px;
	list-style:none;
	margin-bottom:30px;
}

.wrapper-center #sidebar #contact ul li a {
	color:#161616;
	text-decoration:none;
}


html body div.Content div#OfferMenu div#contact {
	background-image:url(images/sidebar-contact.png);
	background-repeat: repeat-x;
	width:285px;
	height:172px;
	overflow:hidden;
	color:#fff;
	margin-top:10px;
}

html body div.Content div#OfferMenu div#contact h3 {
	font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px;
	 color:#161616;
}

html body div.Content div#OfferMenu div#contact ul {
	margin:18px 0 0 77px;
	background-color:#ffff;
}

html body div.Content div#OfferMenu div#contact ul li {
	color:#161616;
	line-height:17px;
	list-style:none;
	margin-bottom:30px;
	background-color:#ffff;
	padding:0px;
	border:0px solid;
}

html body div.Content div#OfferMenu div#contact ul li a {
	color:#161616;
	text-decoration:none;
	background-color:none;
	padding:0px;
	background-color:#ffff;
}
.wrapper-center .news-box-3 #partners{
	width:285px;
	height:122px;
	overflow:hidden;
	padding-bottom: 40px;
}	

.wrapper-center #sidebar #partners h3 {
	font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px;
	 color:#161616;
}

html body div.Content div#OfferMenu div#partners {
	background-color:#eaeaea;
	width:285px;
	height:122px;
	overflow:hidden;
}


html body div.Content div#OfferMenu div#partners h3 {
	font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px;
	 color:#161616;
}

.wrapper-center #clients {
	width:960px;
	margin:30px 0 20px 0;
	display:block;
	float:left;
}

.wrapper-center #news {
	width:960px;
	margin:30px 0 0 0;
	display:block;
	float:left;
}

.wrapper-center #news #news-box {
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:-10px;
}

.wrapper-center #clients h3,
.wrapper-center #news h3 {
	font-family: 'lato_bold';
	 font-size:13px;
	 text-transform:uppercase;
	 margin:15px 0;
	 color:#161616;
}

.wrapper-center #news .news-box-1 {
	width:250px;
	height:170px;
	overflow:hidden;
	padding-left:36px;
	padding-right:10px;
	background-image:url(images/ico-1.png);
	background-repeat: no-repeat;
	float:left;
}

.wrapper-center #news .news-box-2 {
	width:300px;
	height:170px;
	overflow:hidden;
	padding-left:36px;
	padding-right:10px;
	background-image:url(images/ico-2.png);
	background-repeat: no-repeat;
	float:left;
}

.wrapper-center #news .news-box-3 {
	width:270px;
	overflow:hidden;
	padding: 0 16px;
	background-repeat: no-repeat;
	float:right;
	background-color:#eaeaea; 
	position: relative;
	top:-20px;
}
.wrapper-center #news .news-box-3 h3{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 45px;
}

.wrapper-center #news h4 {
	font-weight:bold;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:-5px;
}

.wrapper-center #news small {
	font-size:10px;
	color:#bbbbbb;
	margin-bottom:10px;
	display:block;
}

.wrapper-center #news p {
	font-size:12px;
	height:60px;
	line-height:20px;
	color:#525252;
}
.wrapper-center #news-box .button-bg{
	background:url("images/red-button.png")repeat-x left top;
	-webkit-box-shadow: 0 1px 0 0 #c4c4c4;
	box-shadow: 0 1px 0 0 #c4c4c4;
}

/*Karuzela*/
#slider-code { height: 70px; overflow:hidden; width:960px; }
#slider-code .viewport { float: left; width: 890px; height: 100px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { background-image:url(images/a-next-big.png); background-repeat: no-repeat; width:24px; height:24px; text-indent:-6666px;}
#slider-code .prev { background-image:url(images/a-prev-big.png); background-repeat: no-repeat; width:24px; height:24px; text-indent:-6666px;}
#slider-code .disable { }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0px; top: 7px; }
#slider-code .overview li{ float: left; padding: 1px; height: 80px; width: 165px; margin-left:9px;}

/*Karuzela Small*/
#slider-code-small { height: 70px; overflow:hidden; width:270px; margin-top:-12px; margin-left:15px; }
#slider-code-small .viewport { float: left; width: 225px; height: 100px; overflow: hidden; position: relative; }
#slider-code-small .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code-small .next { background-image:url(images/a-next-small.png); background-repeat: no-repeat; width:7px; height:11px; text-indent:-6666px;}
#slider-code-small .prev { background-image:url(images/a-prev-small.png); background-repeat: no-repeat; width:7px; height:11px; text-indent:-6666px;}
#slider-code-small .disable { }
#slider-code-small .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0px; top: 5px; }
#slider-code-small .overview li{ float: left; padding: 1px; height: 60px; width: 187px; margin:0 15px;}

html body div.Content div#OfferMenu div#partners div#slides div#slider-code-small div.viewport ul.overview li {
	margin-left:11px;
}

html body div.Content div#OfferMenu div#menu {
	margin-bottom:0px;
}

div#additionals {
	display:block;
	float:left;
	margin:30px 20px 30px 0;
	line-height:25px;
}

#OfferMenu div#partners div#slides div#slider-code-small div.viewport ul.overview li {
	margin-left:-9px!important;
}

#OfferInfo.contact a {
	color:#039;
	text-decoration:underline;
}

#OfferInfo.images img {
	margin-top:10px;
	margin-right:10px;
}

#OfferInfo.images p {
	text-align:left;
	text-indent:0px!important;
}

#OfferList table td.OfferButtonsTop {
	padding-bottom:0px;
}

#OfferList table td.OfferButtonsTop a.blue {
	margin-top:-11px;
}

.images-solus img {
	margin-right:20px;
	border:3px solid #ededed;
}

hr {
	height:1px;
	border:0px solid;
	background-color:#ccc;
	width:744px;
	margin-left:0px;
}

html body div.Content div.wrapper-center div#sidebar div#partners div#slides div#slider-code-small div.viewport ul.overview li img {
	margin-left:10px;
}

html body div.Content div#OfferInfo div#OfferList table.addons tbody tr td.SubTitle {
	width:725px;
}

html body div.Content div#OfferInfo div#OfferList table.addons tbody tr td.OfferButtonsTop a {
	float:right;
}

#sidebar h1 {
	display: none;
}

div#OfferList table tbody tr td.SubTitle {
	background-image: url("gfx/arrow-bottom.png");
	background-position: 96% 50%;
	background-color: #d9d9d9 !important;
	background-repeat: no-repeat;
	cursor: pointer;
}

tbody.tabs1, tbody.tabs2, tbody.tabs3 {
	display: none;
}

#OfferList table tr td:nth-child(3) {
	border-top: none;
	border-bottom: none;
	background-color: #C10000;
	color: #FFF;
	font-weight: bold;
}

#OfferList table tr td.OfferButtons {
	background-color: inherit;
	border: 1px solid #FFF;
}

#OfferList table tr td.OfferButtonsTop {
	background-color: inherit;
}

#OfferList table td.SubTitle strong {
	font-weight: normal;
}

/*NEW ViPOWER */

/*Slide menu*/
#Menu ul li>ul{
	background-color: #c10000;
	top: 24px;
	z-index: 555;
	float: left;
	left: 0;
	display: none;
	margin-right: 0;
}
#Menu ul li:hover>ul{
	display: block;
}
#Menu ul li:hover>a{
	background-color:#c10000;
}
#Menu ul li>ul>li>a:hover{
	background-color: #b20000;
}
/*red button */

.button-white,
.button-red{
	color: #fff;
	text-shadow: 0 -1px 0 #8a0808;
	background:url("images/red-button.png") repeat-x left top;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	text-align: center;
}
.button-red:hover, .button-red:active, .button-red:focus{
	color: #fff;
	background: none #b90000;
}

.button-white{
	text-shadow:none;
	border: 1px solid #d4d4d4;
	background:url("images/white-btn.png") repeat-x left top;
	color:#444444;
}

.button-white:hover,.button-white:active, .button-white:focus{
	background:none #f0f0f0;
}

/*NEW SLIDER/*/

.container{
	width: 960px;
	display: block;
	margin:0 auto;
}

#newSlider li{
	width: 100%;
	background-repeat: no-repeat;
	background-position:right top;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	display: block;
	float: left;
	height: 587px;
}
#newSlider li:first-of-type{
	background-image: url("images/newSlider/vps-slide.png");
}
#newSlider li:nth-child(2){
	background-image: url("images/newSlider/vps-slide-2.jpg");
}
#newSlider li:nth-child(3){
	background-image: url("images/newSlider/vps-slide-3.jpg");
}
#newSlider li:nth-child(4){
	background-image: url("images/newSlider/vps-slide-4.jpg");
}
#newSlider li:nth-child(5){
	background-image: url("images/newSlider/vps-slide-5.jpg");
}
#newSlider .subject{
	margin-top: 145px;
}
#newSlider .order,
#newSlider .price,
#newSlider .subject{
	display: block;
	float: left;
	clear: both;
}
#newSlider .price{
	margin-top: 30px;
}
#newSlider .subject h2{
	font-weight: 700;
	font-size:71px;
	text-transform: uppercase;
	line-height: 71px;
}
#newSlider .subject h2>span.red{
	color:#c10000;
}
#newSlider .subject h3{
	font-size: 27px;
	line-height: 27px;
}
#newSlider .price>span, #newSlider .price>h2{
	display: inline-block;
	width: auto;
}
#newSlider .price span{
	position: relative;
	top: -18px;
}
#newSlider .price>span{
	margin-right: 25px;
	font-size: 22px;
	top: -15px;
}
#newSlider .price>h2{
	font-size: 65px;
	font-weight: 200;
}
#newSlider .price>h2>span{
	font-size:13px;
	margin-left: 10px
}
#newSlider .order{
	margin-top: 30px;
}
#newSlider .order>small{
	font-size: 12px;
	display: block;
	margin-bottom: 30px;
	font-weight:200;
}
#newSlider .order a{
	font-size: 36px;
	display: block;
	float: left;
	width: 270px;
	clear: both;
	text-align: center;
	padding:10px 0 16px 0;
}
#HeaderImages .control-slider{
	position: absolute;
	width:1250px;
	margin:0 auto;
	left: 0;
	right:0;
	top: 45%;
}
#HeaderImages .control-slider>div{
	display: block;
	width: 18px;
	height: 29px;
	float: left;
}

#HeaderImages .control-slider div>a{
	width: 100%;
	height: 100%;
	float: left;
	display: block;
	background: url("images/newSlider/slider-prev.png")no-repeat left top;
	text-indent: -666666px;
}
#HeaderImages .control-slider div.next-ctrl{
	float: right;
}
#HeaderImages .control-slider div.next-ctrl>a{
	background: url("images/newSlider/slider-next.png")no-repeat left top;

}
.wrapper-contact{
	display:block;
	float:left;
	width: 100%;
	position: relative;
	margin: 30px 0 20px 0;
}
.wrapper-contact .right-color,
.wrapper-contact .left-color{
	width: 50%;
	position: absolute;
	top: 0;
	display: block;
	height: 100%;
}
.wrapper-contact .left-color{
	left: 0;
	background-color:#f2f2f2; 
}
.wrapper-contact .right-color{
	right: 0;
	background-color:#7f7a7a;
}
.wrapper-contact .Content{
	position: relative;
	padding:30px 0px 25px 30px;
}
.contact-box{
	display: inline-block;
	float: left;
	width: 50%;
	padding:0 20px 0 40px;
	background: url("images/icon-phone.png")no-repeat left top;
}
.contact-box .box{
	display: inline-block;
	float: left;
	width: 45%;	
}
.contact-box h2{
	font-size: 26px;
}
.contact-box small{
	font-size: 12px;
	color: #909090;
}
.contact-box a.link{
	font-size: 15px;
	color: #444444;
	text-decoration: none;
	float: left;
	margin-top: 10px;
}
.contact-box .box.text-center{
	text-align: center;
	width: 55%;
}
.contact-box a.button-white{
	width: 170px;
	display: block;
	padding:9px 0 10px 0;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	-webkit-box-shadow: 0 2px 0 0 #d8d8d8;
	box-shadow: 0 2px 0 0 #d8d8d8;
	margin: 0 auto;
	margin-bottom: 5px;
}
.customer-box{
	padding: 0 0 0 35px;
	display: inline-block;
	float: left;
	width: 50%;
}
.customer-box ul{
	display: block;
	padding-left: 0;
}
.customer-box h3{
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: 'lato_bold';
	margin:-5px 0 10px 0;
}
.customer-box ul>li{
	display:inline-block;
	float: left;
	margin-right: 30px;
}
.customer-box ul>li>a{
	padding:5px 0 5px 30px; 
	background-position:left center;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	background-repeat: no-repeat;
}
.customer-box ul>li>a.mail{
	background-image: url("images/icon-mail.png");
}
.customer-box ul>li>a.panel{
	background-image: url("images/user-icon.png");
}
.customer-box ul>li>a.directAdmin{
	background-image: url("images/icon-panel.png");
}

.customer-box ul>li>a:hover {
	text-decoration:underline;
}

.wrapper-domians-banner{
	padding-top: 140px;
	display: block;
	float: left;
	height: 511px;
	width: 100%;
	background: url("images/baner-domain.png")no-repeat left top #000;
}
.wrapper-domians-banner .information{
	display: block;
	float: left;
	width: 100%;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}
.wrapper-domians-banner .information .left,
.wrapper-domians-banner .information .right{
	display: inline-block;
	float: left;
}
.wrapper-domians-banner .information .left{
	width: 650px;
}
.wrapper-domians-banner .information .right{
	position:relative;
	width: 300px;
	float: right;
	text-align: right;
}
.wrapper-domians-banner .information h2{
	font-size: 27px;
	font-weight: 300;
	line-height:27px;
}
.wrapper-domians-banner .information h1{
	text-transform: uppercase;
	font-size: 70px;
	font-weight: 700;
	line-height:70px;
}
.wrapper-domians-banner .information span{
	font-size: 16px;
	font-weight: 300px;
	position: relative;
	top: 24px;
	left: -5px;
}
.wrapper-domians-banner .information .right{
	margin-top: 27px;
}
.wrapper-domians-banner .information h3{
	float: right;
	font-weight: 300;
	font-size: 48px;
	margin:8px 0 0 5px;
	line-height: 48px;
}
.wrapper-domians-banner h4{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 300;
	font-size: 16px;
}
.wrapper-domians-banner h4>strong{
	font-weight: 700;
	position: relative;
	top: 3px;
	font-size:24px;
}
.wrapper-domians-banner .information small{
	position: absolute;
	right:0;
	bottom: -15px;
	font-size: 11px;
	font-weight: 300;
}
.wrapper-domians-banner form{
	display: block;
	float: left;
	width:100%;
	margin: 45px 0 25px 0;
}
.wrapper-domians-banner form input{
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	font-size: 20px;
	color:#444444;
	padding:15px 23px;
	width: 780px;
	height: 62px;
}
.wrapper-domians-banner .button-red{
	background-color: #b40000;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	font-size: 32px;
	float: right;
	width: 175px;
	font-family: 'Open Sans', sans-serif;
	height: 61px;
	cursor: pointer;
}

.domains {
	margin-top:-20px;
}

.domains h3 {
	display:block;
	color: #535353;
    font-family: "lato_light";
    font-size: 13px;
    text-transform: uppercase;
	margin-top:-5px;
}

.domains a.button-red {
    box-shadow: 0 2px 0 0 #c4c4c4;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 0 0px;
    padding: 10px 0 11px;
    width: 270px;
}

.domains .price-content {
	display:block;
	margin:20px 0 20px 0;
}

.domains .price-content  table {
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	width:990px;
	margin-right:0px;
}

.domains .price-content  table tr td {
	border-bottom:1px solid #b2b2b2;
	padding:11px 0;
	text-align:center;
	font-weight:700;
	font-size:15px;
}

.domains .price-content  table tr th {
	background-color:#AE0000;
	padding:10px;
	color:#fff;
}

.domains .price-content  table tr th:first-child {
	text-align:left;
}

.domains .price-content  table tr td.domain-type {
	text-align:left;
	width:270px;
	font-weight:400;
	font-size:13px;
}
.domains .price-content .buttons {
	display:inline-block;
	width:200px;
	vertical-align:top;
	margin-top:15px;
}

.domains .price-content .buttons a.button-red {
	box-shadow: 0 2px 0 0 #d8d8d8;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    margin: 0 auto 5px;
    padding: 9px 0 10px;
    width: 190px;
}

.domains .price-content .buttons a.button-white {
	box-shadow: 0 2px 0 0 #d8d8d8;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    margin: 0 auto 5px;
    padding: 9px 0 10px;
    width: 190px;
	margin-bottom:12px;
}

.domains .price-content span {
	display:block;
	margin-top:30px;
	font-family: "Open Sans",sans-serif;
	font-size:12px;
	color:#868686;
}

.domains .price-content span strong {
	font-weight:bold;
}

.bx-wrapper {
	height:588px;
}