@font-face
{
    font-family: cyber;
		src: url('/bitrix/templates/web_at_nn/fonts/cyber.eot?') format('eot'), 
			url('/bitrix/templates/web_at_nn/fonts/cyber.woff') format('woff'),
			  url('/bitrix/templates/web_at_nn/fonts/cyber.ttf')  format('truetype'),
			url('/bitrix/templates/web_at_nn/fonts/cyber.svg#svgFontName') format('svg');
}
@font-face
{
    font-family: Swan;
		src: url('/bitrix/templates/web_at_nn/fonts/7125364.eot?') format('eot'), 
			url('/bitrix/templates/web_at_nn/fonts/7125364.woff') format('woff'),
			  url('/bitrix/templates/web_at_nn/fonts/7125364.ttf')  format('truetype'),
			url('/bitrix/templates/web_at_nn/fonts/7125364.svg#svgFontName') format('svg');
}
body
{
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: Tahoma,Arial,Verdana;
    font-size:14px;
    line-height:20px;
    color:#585858;
background: #bbddff;
    /**added pros**//*
    background-image: url(images/fon2.gif);
    background-repeat: no-repeat;
    background-position: top center;

   *//*************/
}
body a:hover {text-decoration:none;}

h1 {color:black;font-size:24px;font-weight:bold;font-family:'cyber'; margin-top: 13px; margin-bottom: 15px;line-height:25px;margin-left: -10px;}
h1.for_main{margin-bottom: 0px;font-size:18px;font-family:'Tahoma';font-weight:normal;}
h2 {color:#0076a4;font-size:18px;font-weight:bold;font-family:'cyber';}

.bold {font-weight:bold;}
div.clear {clear:both;}
div#wrapper {width:1000px; margin:0px auto; text-align:left;}
div#bg_img
{
    /*background-image: url(images/fon2.gif);
    background-repeat: no-repeat;
    background-position: top center; rem pros*/

    /**added pros**/
    /*position: relative;
    z-index: -9;*/
    /*************/
}
/*div#bg_header {background-image: url(images/gradient.gif); background-repeat: repeat-x;padding-bottom:80px;}*/
div#bg_fon
{
z-index: 0;
position: relative;
min-width: 1000px;   
background: -moz-radial-gradient(180px 50px, circle farthest-side, #E9EDF3, #bbddff, #bbddff);
background: -webkit-radial-gradient(180px 50px, circle farthest-side, #E9EDF3, #bbddff, #bbddff);
background: -o-radial-gradient(180px 50px, circle farthest-side, #E9EDF3, #bbddff, #bbddff);
background: -ms-radial-gradient(180px 50px, circle farthest-side, #E9EDF3, #bbddff, #bbddff);
background: radial-gradient(180px 50px, circle farthest-side, #E9EDF3, #bbddff, #bbddff);
    /*background: #bbddff;
    min-height: 100%;
    position:relative;rem pros*/
    
    /* background-repeat: repeat;/* margin:0px;*/

    /**added pros**/
    /*position: relative;
    z-index: -10;*/
    /*************/
}
/*div#bg_fon {background: #9ccdff; background-repeat: repeat-x;}*/
.mp0{
margin:0;
padding:0;}
.pl20px{
padding-left:20px;
}
div#header {height: 85px; position:relative;}
div#header a {font-size:12px;text-decoration:none; color:#000;}
div#header1 {position: absolute;
top: 21px;
left: 25px;
width: 679px;
background: url(images/at_log.png) no-repeat;
padding: 31px 0 11px 275px;
}
div#header2 {position:absolute; right:26px; top:23px; font: 12px Arial; color: #616163; }
div#header2 a {color:#616163;text-decoration:underline;font-size:14px;}
div#header2 a:hover {text-decoration:none;}
div#header2 span {padding: 0px 13px;}

div#top_menu {
padding:0px 10px;
margin:0 15px 0;
}
.topmenu-table{
background:#8C8C8D; padding:0px; margin:0px;}

div#area {/*height: 675px;*/ position:relative; padding: 00px 10px 20px 15px; }
div#area_right { float:right; width:227px; font: 6px Arial; color: #585859;font-family: 'cyber'; margin-right:-38px; }
div#area_right table {font: 18px Arial; color: #585859;font-family: 'cyber'; margin-left: 2px; }
div#area_right td.zakazat a{font: 14px Arial; color:#009be0; }
div#area_right img {border-width: 0px; margin-right: -14px;margin-left: -25px;}
div#area_contacts {width:215px;height: 243px; margin-top:17px; margin-left: -12px; }
div#area_left{float:left; width:720px;}
/*div#area_right div {}*/
div#bitrix24{position: relative;top: -83px;height: 86px;margin-left: -42px;}

/*div#bg_podval {background: #f5f5f6; height: 80px; width:100%; position:absolute; padding: 10px 17px; margin:0px; bottom: 0;/*background-position:bottom;}*/
div#podval {width:900px;height: 140px; position:relative;  color:#555;font-size:12px;padding:0px;margin:0px auto;background-position:bottom;}
/*div#podval {width:1000px;height: 80px; position:relative; padding: 10px 17px; color:#555;font-size:12px;}*/
div#podval a {color:#555;}
div#podval1 {position:absolute; top: 24px; left: -32px; text-align:left;width:237px;}
div#podval2 {position:absolute; top: 21px;left: 258px; text-align:left;}
div#podval3 {position:absolute; top: 39px; right: 152px; font: 12px Arial; color: #8c8c8d;}
div#podval4 {position:absolute; top: 50px; right: 36px; font: 12px Arial; }
div#podval3 span {padding: 6px 25px;display: table-cell;}
div#podval3 a:hover {text-decoration:none;}

div.inner_div_bg {background: transparent; padding:15px;height:228px;}
/*div.inner_div_bg {background: #cee6ff; padding:15px;color:#585858;font-size:12px;}*/
div.inner_div_bg a {color:#585858;}
div.inner_div_banner {text-align:left; color:#585859; font-size:12px;}
div.inner_div_banner a {color:#009be0;}
div.inner_div_1 {background: white; margin-bottom: 10px; padding: 5px 10px 20px 30px; font: 15px Arial; color: #585859; }

div.bitrix_srec{width: 743px;height:245px;}
div.bitrix_srec_1{float:left;width:355px;height:245px;background-image:url(/bitrix/templates/web_at_nn/images/bitrix_spec_1.png);}
div.bitrix_srec_2{float:right; width:355px;height:245px;background-image:url(/bitrix/templates/web_at_nn/images/bitrix_spec_2.png);}
div.bitrix_srec_text{padding-left:110px;padding-right:5px;height:200px;}
div.button_buy{position:relative;left:130px;}

div.inner_div_2_3{width: 743px; height:206px; top: -7px;left: 35px;position:relative;top:-18px;}
div.inner_div_2_3_4{margin-left: -52px;}
div.inner_div_2_3_0{top: 17px;
/*height: 383px;*/
left: -37px;}
div.inner_div_2 {float:left; /*width:340px;*/ padding: 0px 0px 0px 20px;height:auto;}
div.inner_div_2 h2 a{color:red;font-size:16px;}
div.inner_div_2 .news_link h2 a{color:#438CCB;text-decoration:none;padding-left: 4px;}
div.inner_div_3 {float:left; /*width:340px;*/ margin-bottom: 00px; padding: 0px 15px 10px 15px; }
div.inner_div_3 table { font: 12px Arial; color: #585859;}
div.inner_div_3 h2 a{color:red;font-size:16px;}
div.inner_div_4 {float:right; /*width:340px;*/ margin-bottom: 00px; padding: 0px 15px 10px 15px; }
div.inner_div_4 table { font: 12px Arial; color: #585859;}
div.inner_div_4 h2 a{color:red;font-size:16px;}

div.inner_div_5 {float:left; margin-right:10px; width:213px; padding: 0px 15px 10px 15px; }
div.inner_div_5_h2  a  {text-decoration:none;}
div.inner_div_5 {float:left; width:213px; padding: 0px 15px 10px 15px;}
div.inner_div_6 {float:right; width:214px; padding: 0px 15px 10px 15px; }

table.main_ready td {font-size:14px;}
table.main_ready td a {color:#616163;}
table.main_ready td.price {color:red;}

.but_reg{
    width: 154px;
    height: 49px;
    float: left;
    background: url('http://at-website.ru/news/but_reg3.png') 0 57px;
    margin:0 10px 0 0;
}

a:hover  .but_reg {background: url('http://at-website.ru/news/but_reg3.png') 0px 0;}

table.main {
    border-top: 1px solid #6B93B9;
    border-left: 1px solid #6B93B9;
}
table.main td {
    border-bottom: 1px solid #6B93B9;
    border-right: 1px solid #6B93B9;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.footss {
    padding: 2px 35px;
}
.kn {
    text-align:center;
    margin-left: 200px;
    width:321px;
    height:36px;
    background-image:url(/ready/portal/kn.jpg);
    /*background:  #48B6D3; /* Цвет фона */
    /* Цвет текста */
    /*padding: 10px; /* Поля вокруг текста */
    /* -moz-border-radius: 5px; /* Для Firefox 3 */
    /*-webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
    /*border-radius: 5px; /* Для современных браузеров */
    /*-webkit-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); /* Для Safari 3.0 */
    /*-moz-box-shadow: 7px 7px 5px rgba(0,0,0,0.6); /* Для Firefox 3.5 */
    /*box-shadow: -3px 3px 3px rgba(0,0,0,0.6); /* Для современных браузеров */
}
/*.kn input {
background: none repeat scroll 0% 0% transparent; border: medium none; cursor: pointer; text-decoration: none; color: #fff; font-weight:bold;
}*/
.iml {
    width:130px;
    height:90px;
    float:left;
    /*margin-bottom:10px;*/
}
#vnsocs {
    background:url(http://at-website.ru/ready/portal/ikon.png) -23px -34px;
}
#mobil {
    background:url(http://at-website.ru/ready/portal/ikon.png) -23px -136px;
}
#bezop {
    background:url(http://at-website.ru/ready/portal/ikon.png) -26px -241px;
}
#tdost {
    background:url(http://at-website.ru/ready/portal/ikon.png) -27px -344px;
}
#mails {
    background:url(http://at-website.ru/ready/portal/ikon.png) -28px -447px;
}
#socint {
    background:url(http://at-website.ru/ready/portal/ikon.png) -28px -548px;
}
a #strel {
    background:url(http://at-website.ru/ready/e-shop/str4.png) 0px 0px no-repeat;
    height:40px;
    padding-top:8px;
    /*width:39px;*/
    padding-left:20px;
    margin-left:20px;
    margin-top:5px;
}
a:hover #strel {
    background:url(http://at-website.ru/ready/e-shop/str3.png) 0px 0px no-repeat;
    height:40px;
    /*width:39px;*/
    padding-top:8px;
    padding-left:20px;
    margin-left:20px;
}
a.videost {
    font-size:18px; color:#33A3D0; font-weight:bold; text-decoration:none;
}
a.videost:hover {
    text-decoration:underline;
}
.thumbnail, .thumbnail2{
    position: relative;
    z-index: 0;
}
.thumbnail:hover, .thumbnail2:hover{
    background-color: transparent;
    z-index: 50;
}
.thumbnail span, .thumbnail2 span{ /*CSS для увеличенного изображения*/
    position: absolute;
    background-color:#fff;
    padding: 5px;
    left: -1000px;
    border: 0px solid black;
    visibility: hidden;
    color: black;
    text-decoration: none;
}
.thumbnail span img, .thumbnail2 span img{ /*CSS для увеличенного изображения*/
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span{ /*CSS для увеличенного изображения при наведении*/
    visibility: visible;
    top: 0;
    left: 60px; /*смещение по горизонтали увеличенного изображения */
}
.thumbnail2:hover span{ /*CSS для увеличенного изображения при наведении*/
    visibility: visible;
    top: 0;
    left: -250px; /*смещение по горизонтали увеличенного изображения */
}


form[name="arFilterPortfolio_form"]{
float: left;
/*margin-top: -43px;*/
margin-right: 21px;
}

.uslug{background: #E2EEFC;border: 1px solid #B3B4B6;}
.uslugplus{width: 223px; float: left; margin-right: 10px; position: relative;}

.uslughead{font-family: 'cyber';
margin-left: 17px;
font-size: large;
padding-top: 10px;
color:#000;
margin-bottom: 8px;}

.uslug>hr{background: #B3B4B6;
border: none;
color: #B3B4B6;
height: 1px;}

.uslugbot{color: #33A3D0;
margin-left: 17px;
font-size: 14px;
padding-bottom: 12px;
font-weight: bold;
padding-top: 5px;
line-height: 24px;
font-family: 'cyber';}


.uslugbot a{color: #33A3D0;
font-size: 14px;
font-weight: bold;
font-family: 'cyber';
text-decoration: none;}

.uslugbot a:hover{
text-decoration: underline;}

.uslug:after
{
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);

    right: 2px;
    left: auto;
}
.uslug::before,
.uslug::after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 16px;
    left: 2px;
    width: 40%;
    top: 88%;
    max-width: 220px;
    background: rgba(0, 0, 0, 0.7);

    -webkit-box-shadow: 0 16px 22px rgba(0,0,0, 0.7);
    -moz-box-shadow: 0 16px 22px rgba(0, 0, 0, 0.7);
    box-shadow: 0 16px 22px rgba(0, 0, 0, 0.7);

    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
.uslug::after
{
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);

    right: 2px;
    left: auto;
}
.uslugwrap{position: relative;
width: 195px;
background: #E2EEFC;
margin-right: -14px;
margin-left: -25px;
margin-top: 22px;}


.swan {
	color:#0076a4;
	font-family:"swan"; 
	font-size: 48px;
 }

.paddingright10{padding-right:10px;
}
.ta{
	text-align:center;
}
.tal{text-align:left;}
.tal a:link{
color:#f16522;
}
.ta b span{
color: #f16522;
	font-size: 24px;
}
.ta b a:link{
	color:#f16522;
}
.ta a:link{
color:#f16522;
}
.colorf16522{
color:#f16522;}

.color0076a4{
color:#0076a4;
}
.ml49{
margin-left:-49px;}

.ml22mt46{
margin-left: -8px; 
margin-top: 46px;
}
.mt40{
margin-top: 40px;
}
.mb113{
margin-bottom: -113px;
}
.mt66{
margin-top: 66px;
}
.mt70{
margin-top: 70px;
}
.ml149{
margin-left: 149px;
}
.bordercollapse{
border-collapse: collapse;
}
.blockquote{
margin: 0px 0px 0px 40px; 
border: medium none; 
padding: 0px;
}
.color438CCB{ 
color: #438CCB;
}
.color585858{
color:#585858;
}
.color555{
color:#555;}
.background2552550{background-color: rgb(255, 255, 0);
}
.font22px{font-size: 22px;}
.font5{
	font-size: 23px;
}
.font4{font-size: 18px;}
.font7{font-size:48px;}
.tac{text-align:center;}
.pr15px{padding-right:15px;}
.cont-with-us{
color:#009be0;font-size: 19px; 
}