@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=133a9b84-1a07-41ff-8733-15df98a05ffa");
@font-face{
font-family:"HelveticaNeueW01-UltLt";
src:url("Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?iefix") format("eot");}
@font-face{
font-family:"HelveticaNeueW01-UltLt";
src:url("Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?iefix");
src:url("Fonts/4bff1fbb-b4bf-4d95-9c47-efcb14384e36.woff") format("woff"),url("Fonts/7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.ttf") format("truetype"),url("Fonts/d9f2752a-8d82-4cf1-b82f-109c1105be7f.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f") format("svg");
}

*
	{
	-webkit-font-smoothing: antialiased;
	}

header
,nav
,section
,article
,aside
,footer
,hgroup 
{ 
display: block;
}

a img
	{border:0px;
}
body	{
	background	: #dddddd;
	width	: 100%;
	margin		: 0 auto 0;
	font-family	: arial, helvetica, sans-serif;
	color	: #444;
	}

header
	{
	background	: #000000 url('../images/header_bgr.jpg') center;
	height			: 500px;
	display		: block;
overflow: hidden;
	}

.header-small{height: 250px;}
header h1	
	{
	font-family	: 'HelveticaNeueW01-UltLt', arial, sans-serif;
	font-weight	: 100;
	font-size	: 60px;
	margin-top	: 20px;
	margin-bottom	: 20px;
	padding		: 0px;
	text-indent	: 0px;
	color		: #a4a4a4;
	}

.header-content
	{
	background	: rgba(0,0,0,0.2);
	color		: #8f8f8f;
	border-bottom	: 1px solid rgba(255,255,255,0.3);
	font-size		: 12px;	
	padding		: 10px 0px 10px 0px;
	}

.header-content b
	{
	color	: #c9c9c9
	}
	
.centerize
	{
	width	: 1032px;
	padding	: 0px;
	margin	: 0 auto 0;
	}

.centerize .left
	{
	float	: left; 
	width	: 50%;
	display	: block;
	}
	
.centerize .right
	{
	float	: left; 
	width	: 50%;
	display	: block;
	text-align	: right;
	}

nav
	{
	width	: 1032px;
	margin	: 0 auto 0;
	margin-top	: 40px;
	position	: relative;
	}

nav img
	{
	position	: absolute;
	}

nav ul.main-navigation
	{
	list-style-type	: none;
	margin	: 0px;
	padding	: 0px;
	float	: right;
	font-size	: 18px;
	font-weight	: 100;
	}

nav ul.main-navigation li
	{
	margin	: 0px;
	padding	: 0px;
	float	: left;
	padding	: 5px 5px 0 5px;
	display	: block;
	}

nav ul.main-navigation li.has-sub:hover, nav ul.main-navigation li.selected
	{
	background	: rgba(0,0,0,0.1);
	border-radius	: 5px;
	}


	
nav ul.main-navigation li .def
	{
	color	: #efefef;
	background	: transparent;
	text-decoration	: none;
	font-size	: 16px;
	font-weight	: 100;
	padding	: 10px;
	display	: block;
	border-radius	: 5px;
	}

nav ul.main-navigation li def:hover
	{
	background	: rgba(0,0,0,0.5);
	}

nav ul.main-navigation li:hover ul, nav ul.main-navigation li ul.selected
	{
	display	: block;
	z-index		: +1;

	}
	
nav ul li ul
	{
	z-index		: -1;
	display		: none;
	position	: absolute;
	margin		: 0px;
	padding		: 10px;
	right		: 0px;
	list-style-type	: none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0)));
	}

nav ul li ul:hover
	{
	display	: block;
	}

nav ul li ul a:link, nav ul li ul a:visited
	{
	background	: transparent
	border-radius	: 5px;
	padding		: 5px 10px 5px 10px;
	font-size	: 13px;
	color		: #ffffff;
	}

nav ul li ul a:hover
	{
	background	: #cecece;
	background	: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#b0b0b0));
	background	: -moz-linear-gradient(top,  #7f7f7f,  #b0b0b0);
	border-radius	: 5px;
	padding		: 5px 10px 5px 10px;
	font-size	: 13px;
	-webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);
	color		: #000000;
	}

.article-container
	{
	border : 1px solid #cccac6;
	margin	: 0 auto 0;
	width	: 1006px;
	background	: #ffffff;
	padding	: 12px;
position	: relative;
top: -80px;
	}

.article-container article
	{
	position	: relative;
	border		: 1px solid #f4f4f4;
	padding		:60px;
	}

.column-container
	{
	clear	: both;
	margin-bottom	: 40px;
	width		: 100%;
	z-index		: +999;
	position	: relative;
	}

.column-container-bgr
	{
	background	: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff));
	background	: -moz-linear-gradient(top,  #f0f0f0,  #ffffff);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
	position 	: absolute;
	height		: 400px;
	width		: 100%;
	margin-left	: -60px;
	margin-top	: -60px;
	}

.column-left
	{
	float	: left;
	width	: 400px;
	}

.column-right
	{
	float	: right;
	width	: 400px;
	}
	
footer
	{
	height	: 300px;
	width		: 100%;
	background	: #202020 fixed;
	background	: -webkit-gradient(linear, left top, left bottom, from(#2a2a2a), to(#131313));
	background	: -moz-linear-gradient(top,  #2a2a2a,  #131313);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#131313');
background-repeat: no-repeat;
background-attachment: fixed;
margin	: -80px 0 0 0;
	}

a:link, a:visited
	{
	color	: #7a40a1;
	text-decoration	: none;
	}


.rounded-button
	{
	display		: inline-block;
	position	: relative;
	border-radius	: 5px;
	padding		: 10px 20px 10px 20px;
	margin		: 0px;
	color		: #ffffff;
/*	text-shadow	: #000000 -1px -1px 1px;*/
	font-weight	: 600;
	font-size	: 18px;
	font-family	: "HelveticaNeueW01-UltLt", arial, sans-serif;
	letter-spacing	: 0;
	-webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);
	}

.rounded-button a
	{
	color	: #ffffff;
	}

.gradViolet
	{
	background	: #aa7cc8;
	background	: -webkit-gradient(linear, left top, left bottom, from(#aa7cc8), to(#522670));
	background	: -moz-linear-gradient(top,  #aa7cc8,  #522670);	
	background	: -o-linear-gradient(top,  #aa7cc8,  #522670);	
	}

.gradGray
	{
	background	: #aaa;
	background	: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888));
	background	: -moz-linear-gradient(top,  #aaa,  #888);	
	background	: -o-linear-gradient(top,  #aaa,  #888);	
	}

.rounded
	{
	border-radius	: 5px;
	}

.violet
	{
	margin-top	: 40px;
	background	: #7a40a1;
	padding		: 10px;
	color		: #ffffff;
	}

.violet h2
	{
	margin-top	: 0px;
	}
	


.home-page-promo
	{
	border-radius	: 5px;
	border			: 1px solid #f2f2f2;
	}

.small
	{
	float	: left;
	width	: 178px;
	margin-left	: 20px;
	padding		: 10px;
	background	: #fbfbfa;
	text-align	: center;
	}


.small h2
	{
		font-weight	: 100;
	}

.testi
	{
	margin-top : 70px;
	}

.small-margin
	{
	margin-top : 30px;
	}

.home-page-promo h1
	{
	font-family	: 'HelveticaNeueW01-UltLt', arial, sans-serif;
	font-weight	: 100;
	font-size	: 60px;
	margin-top	: 20px;
	margin-bottom	: 20px;
	text-align	: center;
	}

.home-page-promo h2
	{
	font-size	: 45px;
	font-weight	: 100;
	font-family	: 'HelveticaNeueW01-UltLt', arial, sans-serif;
	margin-top	: 10px;
	margin-bottom	: 10px;
	margin-left: 3%;
	}

.home-page-promo ul.packets
	{
	list-style-type	: none;
	margin	: 0px;
	padding	: 0px;
	text-align	: center;
	font-family	: 'HelveticaNeueW01-UltLt', arial, sans-serif;
	}

.home-page-promo ul.packets li
	{
	border-top	: 1px solid #ececec;
	padding		: 5px 0 5px 0;
	font-size	: 19px;
	}

.home-page-promo ul.packets li.price
	{
	font-size	: 34px;
	}

.price .price-color
	{
	color	: #7a40a1;
	}
	

ul.check-list
	{
	margin	: 0px;
	padding	: 0px;
	}	

ul.check-list li
	{
	line-height	: 22px;
	vertical-align : top;
	list-style-type: none;
	background	: url('../images/icon_v.png') left no-repeat;
	padding		: 0 0 0 30px;
	width	: 100%;
	margin		: 0 0 5px 0;
	text-align : left;
	}

.three-columns
	{
	width	: 100%;
	}

.three-columns .column-one
	{
	width	: 30%;
	float	: left;
	margin-left	: 3%;
	}

.three-columns .column-two
	{
	width	: 30%;
	float	: left;
	margin-left	: 3%;
	}

.three-columns .column-three
	{
	width	: 30%;
	float	: left;
	margin-left	: 3%;
	}


footer
	{
	-webkit-box-shadow: inset 0px 5px 5px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 5px 5px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 5px 5px 3px rgba(0, 0, 0, 0.5); 
	}

footer h3
	{
	color	: #efefef;
	margin-bottom	: 0px;
	}

footer p
	{
	font-size	: 80%;
	color	: #959999;
	}

footer hr
	{
	height	: 1px;
	border		: 0px;
	border-top	: 1px solid #1c1c1c;
	border-bottom	: 1px solid #373737;
	}


article h1
	{
	font-family	: 'HelveticaNeueW01-UltLt', arial, sans-serif;
	font-weight	: 100;
	font-size	: 60px;
	margin-top	: 0px;
	margin-bottom	: 20px;
	}



table
	{
	width	: 100%;
	text-align	: left;
	border-collapse:collapse;
	}

tr	{
	margin	: 0px;
	padding	: 0px;
	}

th, td
	{
	padding		: 10px 20px 10px 20px;
	}

th	{
	background	: #535557;
	background: -moz-linear-gradient(top, #535557 0%, #242d2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535557), color-stop(100%,#242d2e));
	border		: 0px;
	margin		: 0px;
	color		: #ffffff;
	text-shadow	: #000000 -1px -1px 1px;
	}

tr.head
	{
	-webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
	}
	
tr th:first-child
	{
	border-radius: 5px 0px 0px 0px; 
	}

tr th:last-child
	{
	border-radius: 0px 5px 0px 0px; 
	}

tr:nth-child(even)
	{
	background	: #ededed;
	}

tr:nth-child(odd) 
	{
	background	: #f7f7f7;
	}



/* Clearfix */
* html .clearfix{height	: 1%;}
.clearfix{display: inline-block;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}   
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}


.distro-container
{
width: 100px;
height: 100px;
float: left;
margin-right: 15px;
background-color:#ffffff;
border-width:0px;
border-color:#000000;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
box-shadow:0px 0px 4px rgba(0,0,0,0.3);
background-image: -moz-linear-gradient(top, #ffffff, #d7d7d7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d7d7d7));
background-image: -o-linear-gradient(top, #ffffff, #d7d7d7);
background-image: linear-gradient(top, #ffffff, #d7d7d7);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position	: relative;
}

.distro-container span
	{
	display	: block;
	width	: 65px;
	height	: 65px;
	margin	: 17px 0 0 17px;
	background-position	: 0 -65px;
	}

.distro-selected span
	{
	background-position	: 0 0px;
	}
.centos{background	: transparent url('/images/centos.png') no-repeat;}
.fedora{background	: transparent url('/images/fedora.png') no-repeat;}
.ubuntu{background	: transparent url('/images/ubuntu.png') no-repeat;}
.debian{background	: transparent url('/images/debian.png') no-repeat;}

.slider-container
	{-moz-user-select: none;  
    -webkit-user-select: none;  
    -ms-user-select: none; 
	width	: 300px;
padding	: 2px;
background	: #eee;
border: 1px solid #ccc; border-radius: 5px; position: relative; height: 20px;
}
.slider-bar
	{
height: 20px; width: 1px; position: absolute; left: 0px; top: 2px; 
background-image: -moz-linear-gradient(top, #ab7dc9, #803bae);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ab7dc9), to(#803bae));
background-image: -o-linear-gradient(top, #ab7dc9, #803bae);
background-image: linear-gradient(top, #ab7dc9, #803bae);
border-radius	: 3px;
margin-left	: 2px;
}

.slider-handle
	{
	background: transparent url('/images/slider.png') no-repeat;
	position	: absolute;
top	: 0px;
left	: 0px;
width	: 11px;
height	: 34px;
margin-top	: -6px;	
}

#order
	{
	margin-left	: -40px;
	}
#order ul
	{
	list-style-type: none;
	margin	: 0px;
	padding	: 0px;
	height	: 63px;
	}

#order ul li
	{
	float	: left;
	width	: 212px;
	height	: 63px;
	background	: transparent url('/images/order_tab.png') no-repeat;
	position	: relative;
	margin-left	: -17px;
	text-align	: center;
	vertical-align: middle;
	line-height	: 63px;
	}

.contact-right
	{
	color	: #444245;
	}

.contact-right h2
	{
	font-size	: 22px;
	font-weight	: bold;
	margin-top	: 0px;
	}

.contact-right h3
	{
	font-size	: 16px;
	font-weight	: bold;
	}

.contact-right .separator
	{
	height: 1px; border-bottom: 1px solid #aaa; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	margin: 10px 0 10px 0;
	}

input
	{
	border	: 1px solid #ccc;
	border-radius	: 5px;
	height	: 25px;
	
}
.mustfill
	{
	border	: 1px solid #c88;
	background	: #fee;
	}
.pricefloater
	{
z-index: +999; position: fixed; right:-1px; top : 45%; padding: 10px 20px 0px 10px; background: #fff; border: 1px solid #ccc; -webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.2); width: 300px;
}


.threecolumns
{width: 100%;}

.threecolumns .columnleft{width: 40%;float: left}
.threecolumns .columnmiddle{width: 40%;float: left}
.threecolumns .columnright{width: 20%;float: left}