@import 'normalize.css';

@font-face {
 font-family: Helios;
 src: url("/hostcmsfiles/fonts/Helios.eot")
}

@font-face {
 font-family: Helios;
 src: url("/hostcmsfiles/fonts/Helios.ttf")
}

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

}


h1 {
    font-size: 25px;
	font-family: 'helvetica',sans-serif;
	line-height: 1;
	font-weight: normal;
    font-style: normal;
}
/*------------------------------------*\
$CLEARFIX
\*------------------------------------*/
.clearfix {display:inline-block}
.clearfix {display:block}
.clearfix:after {content:" "; display:block; height:0; clear:both; visibility:hidden}

.rounded {position:relative;}

/*--------------------Разметка--------------------*/
header
{
	position: relative;
	z-index: 100;
}

header .wrapper
{
	padding-top: 100px;
	padding-bottom: 48px;
}

.wrapper
{
	width: 1002px;
	margin: auto;
	position: relative;
}

#logo
{
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 20px;
	padding-right: 22px;
	padding-top: 20px;
	padding-bottom: 28px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	
	-webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
	
	-webkit-box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.5);        
    box-shadow:  0px 2px 3px 0px rgba(0, 0, 0, 0.5);
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(250,250,250,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
	
}

#logo a
{
	background: url(/images/template/logo_us.png) no-repeat;
	display: block;
	width: 155px;
	height: 106px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.top_logo
{
	position: absolute;
	top: 20px;
	left: 250px;
	display: inline-block;
	width: 208px;
	height: 41px;
	background: url(/images/template/top_brend.png) no-repeat;
}
.top_logo .ripe
{
	display: block;
	width: 130px;
	height: 41px;
}

.top_logo_mess
{
	position: absolute;
	top: 85px;
	left: 220px;
	display: inline-block;
	width: 147px;
	height: 45px;
	background: url('/images/Мессенджеры мал.png') no-repeat;
}


.phone_number_mess
{
	position: absolute;
	top: 95px;
	left: 380px;
	font-size: 22px;
	font-family: Helios;
	font-weight: bold;
	color: #747474;
	line-height: 1;
}

.phone_block
{
	position: absolute;
	top: 20px;
	left: 488px;
	display: inline-block;
}

.day
{
	font: normal 11px/1.2 Arial, Helvetica, sans-serif;
	color: #51a6df;
	text-align: right;
}

.phone_number
{
	font-size: 30px;
	font-family: Helios;
	font-weight: bold;
	color: #747474;
	line-height: 1;
}

.phone_number span
{
	font-size: 25px;
	color: #a3a3a3;
}

# .top_pay
{
        position: absolute;
        top: 78px;
        left: 1002px;
        line-height: 1;
}

#.top_pay_text
{
        position: absolute;
        top: 118px;
        left: 822px;
        line-height: 1;
        font-size: 16px;
        font-family: Helios;
        font-weight: bold;
        color: #1E90FF;
        line-height: 0;
}

# .btn_pay
{
        padding: 9px 11px 9px 10px;

        -webkit-border-radius: 5px;
    border-radius: 5px;

        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);        
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);

        background: rgb(255,168,63);
        background: -moz-linear-gradient(top,  rgba(255,168,63,1) 0%, rgba(255,140,0,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,63,1)), color-stop(100%,rgba(255,140,0,1)));
        background: -webkit-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%); 
        background: -o-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%);
        background: -ms-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%); 
        background: linear-gradient(to bottom,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#ff8c00',GradientType=0 );    
}


form
{	position: absolute;
	top: 20px;
	right: 0;
	width: 217px;
}

form p
{
	color: #6f6f6f;
	margin-left: 5px;
	margin-bottom: 2px;
}

form fieldset
{
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background: #05b1f1;
	padding: 7px;
}

form input
{
	border: none;
	font-size: 11px;
	color: #333333;
	line-height: 25px;
	height: 25px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding-left: 23px;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.14);        
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
}

input[type="text"]
{
	margin-bottom: 3px;
	background-image: url(/images/template/inp_bg.png);

}

.inp_wrap
{
	width: 100%;
	display: table;
}

.inp_pass
{
	display: table-cell;
	padding-right: 3px;
	vertical-align: top;
}

.inp_pass input { background-image: url(/images/template/inp_bg2.png); }

.inp_sub
{
	display: table-cell;
	width: 29px;
	vertical-align: top;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}

.inp_sub input
{	
	background: url(/images/template/inp_sub_bg.png) no-repeat center center;
	padding: 0;
	display: block;
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.32);        
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.32);	
}









#slider
{
	position: relative;
	z-index: 0;
	margin-bottom: 41px;
}

#slider:before
{
	display: block;
	height: 5px;
	width: 100%;
	content: " ";
	position: absolute;
	top: 0;
	background: url(/images/template/border.png) repeat;
}

#slider:after
{
	display: block;
	height: 5px;
	width: 100%;
	content: " ";
	position: absolute;
	bottom: 0;
	background: url(/images/template/border.png) repeat;
}


#slider img
{
	display: block;
	margin: auto;
	width: 100%;
	max-height: 380px;
}

#slider .wrapper
{
	top: 30px;
}

.top_nav
{
	border: 1px solid #dedede;
	padding: 16px 10px 16px 19px;
	font-size: 0;
    letter-spacing: -1px;
    line-height: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
	
	background: rgb(250,250,250); 
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(247,247,247,1)));
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(247,247,247,1) 100%);
	background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(247,247,247,1) 100%);
	background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(247,247,247,1) 100%); 
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(247,247,247,1) 100%);
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.26);        
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

.top_nav .item
{
	display: inline-block;	
	margin-left: 55px;
		
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:  0px 1px 0px 0px #ffffff;        
	box-shadow:  0px 1px 0px 0px #ffffff;
}

.top_nav .item:first-child { margin-left: 0; }

.top_nav > .item > a
{
	height: 27px;
	line-height: 29px;	
	text-decoration: none;
	color: #424242;
	letter-spacing: 0;
	font-size: 12px;	
	background: #FFF;
	padding: 0 15px;
	display: block;	
	text-shadow: 0px 1px 0px #ffffff;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);        
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);
}

.top_nav a.current
{
	color: #ffffff;
	background: #05b1f1;
	text-shadow: 0px 1px 0px #0388ba;
}

.btn_wrap
{
	position: absolute;
	right: 6px;
	top: 6px;
		
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:  0px 1px 0px 0px #ffffff;        
	box-shadow:  0px 1px 0px 0px #ffffff;
}

.btn
{
	padding: 9px 11px 9px 10px;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);        
    box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.21);
	
	background: rgb(255,168,63);
	background: -moz-linear-gradient(top,  rgba(255,168,63,1) 0%, rgba(255,140,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,63,1)), color-stop(100%,rgba(255,140,0,1)));
	background: -webkit-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%); 
	background: -o-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,168,63,1) 0%,rgba(255,140,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa83f', endColorstr='#ff8c00',GradientType=0 );	
}

.btn a
{
	display: block;
	color: #5c5c5c;
	font-size: 10px;    
	height: 29px;
    line-height: 29px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: uppercase;	
	padding: 0 20px;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.32);        
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.32);
	
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
}

.subpages
{
	background: #ff9a1f;
	position: absolute;	
	top: 49px;
	white-space: nowrap;
	padding: 19px 26px 20px 0px;
	z-index: 100;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
	
	-moz-transform: skewX(-8deg);
    -ms-transform: skewX(-8deg);
    -webkit-transform: skewX(-8deg);
    -o-transform: skewX(-8deg);
    transform:skewX(-8deg);
}

.subpages:before
{
	position: absolute;
	left: 36px;
	top: -4px;
	width: 9px;
	height: 7px;
	content: " ";
	display: block;
	background: url(/images/template/arrow.png) no-repeat;
}

.subpages a
{
	color: #ffffff;
	display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1;
	padding-top: 35px;
	white-space: normal;
	margin-left: 20px;
	
	-moz-transform: skewX(8deg);
    -ms-transform: skewX(8deg);
    -webkit-transform: skewX(8deg);
    -o-transform: skewX(8deg);
    transform:skewX(8deg);
}

.contact 		{background: url(/images/template/item_bg/contact.png) no-repeat top center;}
.licen 			{background: url(/images/template/item_bg/licen.png) no-repeat top center;}
.signal 		{background: url(/images/template/item_bg/signal.png) no-repeat top center;}
.home2 			{background: url(/images/template/item_bg/home2.png) no-repeat top center;}
.office 			{background: url(/images/template/item_bg/ofice.png) no-repeat top center;}
.home 			{background: url(/images/template/item_bg/home.png) no-repeat top center;}
.description	{background: url(/images/template/item_bg/description.png) no-repeat top center;}
.television		{background: url(/images/template/item_bg/television.png) no-repeat top center;}
.user			{background: url(/images/template/item_bg/user.png) no-repeat top center;}
.user2			{background: url(/images/template/item_bg/user2.png) no-repeat top center;}
.support		{background: url(/images/template/item_bg/support.png) no-repeat top center;}
.loginto		{background: url(/images/template/item_bg/loginto.png) no-repeat top center;}


















.content
{
	line-height: 1.7;
	margin-bottom: 44px;
}


aside
{
	float: right;
	width: 250px;
}

h1.title
{
	color: #595858;
	background: url(/images/template/titl_bg.png) no-repeat 0 1px;
	padding-left: 34px;
	padding-bottom: 7px;
	margin-bottom: 13px;	
	border-bottom: 3px solid #f4f4f4;	
}

h1.title span { color: #05b4f5; }

.block { margin-bottom: 20px;}

.news
{
	border-bottom: 1px solid #ececec;
	padding-bottom: 13px;
	padding-top: 3px;
}

.news article {	margin-bottom: 13px; }

.date
{
	background: url(/images/template/data_bg.png) no-repeat 0 0;
	font-size: 11px;
	color: #a1a1a1;
	padding-left: 18px;
	min-height: 14px;
}

article a { color: #05b4f5; }

.all_news { text-align: right; }

.all_news a
{
	font-size: 11px;
	color: #5c5c5c;
}

.all_news a:hover {text-decoration: none;}

.banner { margin-bottom: 20px}

.banner.big
{
	border: 2px dashed #e9e9e9;
	padding: 2px;
}

.banner.big p
{
	background: #ffffff;
	height:100%;
	font-size: 23px;
	color: #b4b4b4;
	text-align: center;
	line-height: 278px;
}

/*aside end*/

section
{
	margin-right: 280px;
	color: #5c5c5c;
}

.text { margin-bottom: 17px; }

.text p { margin-bottom: 7px; }

.big
{
	font-size: 16px;
	color: #353535;
}

article.box
{
	margin-bottom: 12px;
	padding: 25px 27px 27px 204px;
	border: 1px solid #f4f4f4;
	
	-webkit-border-radius: 5px;
    border-radius: 5px;
}

article.first  { background: url(/images/template/internet.png) no-repeat 44px 60px , url(/images/template/asd.png) no-repeat left top #ffffff; }
article.second { background: url(/images/template/tv.png) no-repeat 43px center , url(/images/template/asd.png) no-repeat left top #ffffff; }
article.third  { background: url(/images/template/phone.png) no-repeat 47px center , url(/images/template/asd.png) no-repeat left top #ffffff; }

.box h1
{
	color: #595858;
	margin-bottom: 10px;
}

.clearfloat
{
	clear: both;
	height: 0;
}

/*conent end*/

footer
{
	border-top: 3px solid #f4f4f4;
	line-height: 1.6;
	color: #878787;
}
footer .wrapper
{
	padding-top: 17px;
	padding-bottom: 14px;
}


.footer_nav
{
	font-size: 0;
    letter-spacing: -1px;
    line-height: 0;
	white-space: nowrap;
	position: absolute;
	right: 5px;
	top: 50px;
}

.footer_nav a
{
	display: inline-block;
	line-height: 1;
	letter-spacing: 0;
	font-size: 12px;
	color: #878787;
	text-decoration: none;
	white-space: normal;
	margin-left: 33px;
}

.footer_nav a:hover ,.adress a:hover {text-decoration: underline;}

.adress
{
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.adress a
{
	color: #878787;
	text-decoration: none;
}

/*footer end*/

.copyright
{
	border-top: 1px solid #f4f4f4;
	color: #878787;
}
.copyright .wrapper
{
	padding: 21px 0 35px 0;
	color: #878787;
}

.copyright a {color: #05b4f5;}
.copyright a:hover {text-decoration: none;}

.copyright p {display: inline;}
.creation {float:right;}
.creation a {color: #05b4f5;}
.creation a:hover {text-decoration: none;}

/*page*/

.main_wrap_page
{
	margin-bottom: 26px;
	height: 125px;
}

.main_wrap_index
{
	margin-bottom: 41px;
	height: 380px;
}
.copyright p {display: inline;}
.creation {float:right;}
.creation a {color: #05b4f5;}
.creation a:hover {text-decoration: none;}