/*-------------------------------------------------------------------

	
-------------------------------------------------------------------*/

@media Screen  {
	
/* GLOBAL
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
* {margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif; min-width: 980px;}
a img {border: none;}
a {outline: none;}


/* HEADER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.header {padding: 0 273px 30px 455px; overflow: hidden;}
* html .header {overflow: visible; height: 1%;}
.header a {color: #00b0d8; text-decoration: none;}
.header a:hover {text-decoration: underline;}

/* header left column */
.header_left {float: left; margin: 27px 0 0 -405px; width: 405px;}
* html .header_left {display: inline;}
.header_left div.logo {float: left; padding: 0 15px 0 0; width: auto; background: none;}

.header_left p {font: 26px "Myriad Pro", Tahoma, serif; color: #00b0d8; padding: 10px 0 8px 8px; float: left; width: 296px;}
.header_left p span {padding: 0 0 0 52px; display: block;}
/*
.header_left div.h2 {font: 26px "Myriad Pro", Tahoma, serif; color: #00b0d8; padding: 10px 0 8px 8px; float: left; width: 296px;}
.header_left div.h2 span {padding: 0 0 0 52px; display: block;}
*/
.header_left div {background: url(../img/slogan_b_r.gif) 100% 100% no-repeat; position: relative; width: 304px; float: left;}
.header_left div div.t_l {position: absolute; top: 0; left: 0; background: url(../img/slogan_t_l.gif) no-repeat; width: 21px; height: 21px;}
.header_left div div.t_r {position: absolute; top: 0; right: 0; background: url(../img/slogan_t_r.gif) no-repeat; width: 21px; height: 21px;}
.header_left div div.b_l {position: absolute; bottom: 0; left: 0; background: url(../img/slogan_b_l.gif) no-repeat; width: 21px; height: 21px;}
.header_left div p {padding: 17px 12px; font-size: 10px; color: #7f7f7f;}

/* header center column */
.header_center {width: 100%; float: left;}
.header_center ul {list-style: none; padding: 1px 0 0;}
.header_center ul li {font: 24px "Myriad Pro", Tahoma, serif; color: #00b0d8; overflow: hidden;}
* html .header_center ul li {overflow: visible; height: 1%;}
.header_center ul li a {display:inline; height: 53px; overflow: hidden; line-height: 48px; float: left;}
.header_center ul li a span {border-bottom: 1px dashed #00b0d8;}
.header_center ul li.how_much a {background: url(../img/ico_how_much.gif) no-repeat; padding: 0 0 0 45px; margin: 0 0 0 3.67%;}
.header_center ul li.warranty a {background: url(../img/ico_warranty.gif) no-repeat; padding: 0 0 0 60px; margin: 0 0 0 15.07%;}
.header_center ul li.period a {background: url(../img/ico_period.gif) no-repeat; padding: 0 0 0 47px; margin: 0 0 0 36.76%;}
.header_center ul li a:hover {text-decoration: none; background-position: 0 -53px;}
.header_center ul li a:hover span {border-color: #fff;}
.header_center ul li.warranty {padding: 11px 0 5px;}

/* header right column */
.header_right {float: right; margin: 0 -234px 0 0; width: 234px; /*overflow: hidden;*/ position: relative;}
* html .header_right {display: inline; overflow: visible; height: 1%;}
.header_right ul {list-style: none; float: right;}
.header_right ul li {padding: 20px 0 0 40px; float: left;}
.header_right ul li a {display: block; float: left; width: 36px; height: 36px; text-indent: -9999px; overflow: hidden;}
.header_right ul li a.home {background: url(../img/ico_home.gif) no-repeat;}
.header_right ul li a.search {background: url(../img/ico_search.gif) no-repeat;}
.header_right ul li a.mail {background: url(../img/ico_mail.gif) no-repeat;}
.header_right ul li a:hover, .header_right ul li.active a {background-position: 0 -36px;}
.header_right p {font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8; clear: right; float: right; padding: 0 0 5px; width: 100%; text-align: right;}
.header_right b {font-size: 36px; font-weight: normal; padding: 0 5px 0 10px;}
.header_right span {display: block; text-align: right; font-size: 18px; padding: 0 10px 0 0}
.header_right span a {border-bottom: 1px dashed #00b0d8;}
.header_right span a:hover {border-color: #fff; text-decoration: none;}

.header_right .for_blue_btn
{
	position: absolute;
	right: -15px;
	bottom: -30px;
	/*text-align: right;*/
}

.header_right .blue_btn_grad
{
	display: -moz-inline-box;
	display: inline-block;
	height: 23px;
	background: url(../img/for_blue_btn_bg.gif) repeat-x top left;
	text-align: center;
	padding: 0px;
	cursor: pointer;
}

.header_right .blue_btn_grad span
{
	float: left;
	height: 23px;
	background: url(../img/for_blue_btn_left.gif) no-repeat top left;
	text-align: center;
	padding: 0px;
}

.header_right .blue_btn_grad span span
{
	float: left;
	height: 23px;
	background: url(../img/for_blue_btn_right.gif) no-repeat top right;
	padding: 0px 14px 0px 14px;
}

.header_right .blue_btn_grad span span strong
{
	background: url(../img/arrow_white_right.gif) no-repeat right 8px;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	padding: 0px 12px 0px 0px;
	line-height: 19px;
	white-space: nowrap;
}

.header_right .blue_btn_grad span span strong em
{
	border-bottom: 1px dashed #ffffff;
	text-decoration: none;
	font-style: normal;
}

/* header top menu */
.header_top_menu {padding: 0 15px 0 50px;}
.header_top_menu ul {list-style: none; width: 100%;}
.header_top_menu ul li {float: left; font: 18px "Myriad Pro", Tahoma, serif; width: 24.5%; white-space: nowrap;}
.header_top_menu ul li a {color: #00b0d8; text-decoration: none; padding: 0 0 0 20px; background: url(../img/header_top_menu_separator.gif) 0 10px no-repeat;}
.header_top_menu ul li a span {border-bottom: 1px dashed #00b0d8; position: relative;}

* html .header_top_menu ul li a, * html .header_top_menu ul li a span {display: block; float: left; cursor: pointer;}
* +html .header_top_menu ul li a span {position: relative;}

.header_top_menu ul li a:hover span {border-color: #fff;}

/* header content */
.header_content {padding: 30px 212px 22px 230px; overflow: hidden; clear: both;}
* html .header_content {overflow: visible; height: 1%;}

/* header content left */
.header_content_left {float: left; margin: 0 0 0 -180px; width: 180px;}
* html .header_content_left {display: inline;}
.header_content_left .login_form strong {font: 24px "Myriad Pro", Tahoma, serif; color: #00b0d8; display: block; padding: 0 0 20px;}
.header_content_left .login_form strong span {padding: 0 0 0 25px; display: block;}
.header_content_left .login_form label {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f; display: block; float: left; clear: left; width: 65px; padding: 0 7px 0 0; margin: 2px 0 6px; text-align: right;}
.header_content_left .login_form input {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f; border: 1px solid #7f7f7f; display: block; float: left; width: 90px; padding: 1px 3px; margin: 0 0 6px;}
* html .header_content_left .login_form input {float: none;}
.header_content_left .login_form input.button {border: none; margin: 15px 0 0 37px; background: url(../img/login_button.gif) no-repeat; padding: 3px 0 5px 37px; font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; cursor: pointer; width: auto;}
* +html .header_content_left .login_form input.button {padding-left: 22px;}
.header_content_left .login_form ul {list-style: none; padding: 10px 0 0 37px; clear: both;}
.header_content_left .login_form ul li {font-size: 11px; color: #7f7f7f; padding: 0 0 5px;}
.header_content_left .login_form ul li a {color: #7f7f7f; border-bottom: 1px dashed #7f7f7f; text-decoration: none;}
.header_content_left .login_form ul li a:hover {border-color: #fff;}

/* header content center */
.header_content_center {float: left; width: 100%; text-align: center; padding: 7px 0 0;}

/* header content right */
.header_content_right {float: right; margin: 0 -200px 0 0; width: 200px;}
* html .header_content_right {display: inline;}
.header_content_right ul {list-style: none;}
.header_content_right ul li {text-align: right; overflow: hidden; font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8;}
.header_content_right ul li a {display: block; float: right; padding: 4px 53px 5px 0; background: url(../img/header_cont_menu_sep.gif) 100% 0 no-repeat; color: #00b0d8; text-decoration: none;}
* +html .header_content_right ul li a {padding-top: 5px; padding-bottom: 6px;}
* html .header_content_right ul li a {padding-top: 5px; padding-bottom: 6px;}
.header_content_right ul li a span {border-bottom: 1px dashed #00b0d8;}
.header_content_right ul li a:hover {background: url(../img/header_cont_menu_sep_hover.gif) 100% 0 no-repeat;}
.header_content_right ul li a:hover span {border-color: #fff;}
.header_content_right ul li strong {display: block; float: right; padding: 4px 36px 5px 0; background: url(../img/header_cont_menu_sep.gif) 100% 3px no-repeat; color: #00b0d8; font-weight: normal;}
.header_content_right ul li strong span {background: url(../img/header_cont_menu_r-l.gif) 100% 0 repeat-y; display: block;}
.header_content_right ul li strong span span {background: url(../img/header_cont_menu_r-l.gif) 0 0 repeat-y;}
.header_content_right ul li strong span span span {background: url(../img/header_cont_menu_t_l.gif) no-repeat;}
.header_content_right ul li strong span span span span {background: url(../img/header_cont_menu_t_r.gif) 100% 0 no-repeat;}
.header_content_right ul li strong span span span span span {background: url(../img/header_cont_menu_b_l.gif) 0 100% no-repeat;}
.header_content_right ul li strong span span span span span span {background: url(../img/header_cont_menu_b_r.gif) 100% 100% no-repeat; padding: 3px 17px;}

/* header sub menu */
.header_sub_menu {width: 100%;}
.header_sub_menu ul {list-style: none;}
.header_sub_menu ul li {width: 33%; float: left; text-align: center; color: #00b0d8; font: 18px "Myriad Pro", Tahoma, serif;}
.header_sub_menu ul li a {display: block; margin: 0 auto; padding: 115px 0 0; text-decoration: none; color: #00b0d8;}
.header_sub_menu ul li a span {cursor: pointer;}
.header_sub_menu ul li a span {border-bottom: 1px dashed #00b0d8;}
* +html .header_sub_menu ul li a span {position: relative;}
.header_sub_menu ul li.advertising a {background: url(../img/ico_advertising.gif) 50% 0 no-repeat; width: 185px;}
.header_sub_menu ul li.promotion a {background: url(../img/ico_promotion.gif) 50% 0 no-repeat; width: 225px;}
.header_sub_menu ul li.click a {background: url(../img/ico_click.gif) 50% 0 no-repeat; width: 100px;}
.header_sub_menu ul li a:hover span {border-color: #fff;}
.header_sub_menu ul li.advertising a:hover {background: url(../img/ico_advertising_hover.gif) 50% 0 no-repeat;}
.header_sub_menu ul li.promotion a:hover {background: url(../img/ico_promotion_hover.gif) 50% 0 no-repeat;}
.header_sub_menu ul li.click a:hover {background: url(../img/ico_click_hover.gif) 50% 0 no-repeat;}

/* header sub content */
.header_sub_content {clear: both; padding: 36px 15px 0 50px; overflow: hidden;}

/* header sub content left */
.header_sub_content_left {width: 45%; margin: 0 5% 0 0; float: left;}

/* progress box */
.progress {width: 100%; position: relative;}
.progress .cup {background: url(../img/ico_cup.gif) no-repeat; width: 83px; height: 109px; overflow: hidden; position: absolute; top: -19px; left: -12px;}
.progress h3, .right_column .progress h3 {padding: 0 0 5px 100px; font: 24px/22px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase;}
.progress p.smoll {font-size: 10px; color: #7f7f7f; padding: 0 0 5px 100px;}
.progress ul.tab_menu_item_list {list-style: none; padding: 0 0 0 100px; overflow: hidden;}
.progress ul.tab_menu_item_list li {font-size: 12px; color: #7f7f7f; margin: 0 1px 0 0; float: left;}
.progress ul.tab_menu_item_list li a {text-decoration: none; display: block; float: left; color: #00b0d8;}
.progress ul.tab_menu_item_list li a span {padding: 5px 20px; display: block; float: left; cursor: pointer;}
.progress ul.tab_menu_item_list li a.current, .progress ul.tab_menu_item_list li a:hover {background: #f2f2f2 url(../img/angle_t_l.gif) no-repeat; text-decoration: none; color: #7f7f7f;}
.progress ul.tab_menu_item_list li a.current span, .progress ul.tab_menu_item_list li a:hover span {background: url(../img/angle_t_r.gif) 100% 0 no-repeat;}
.progress .tab_item_content {background: #f2f2f2 url(../img/angle_b_r.gif) 100% 100% no-repeat; position: relative; width: 100%; clear: both;}
.progress .tab_item_content div.tab_item_content_t_l {background: #f2f2f2 url(../img/angle_t_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; left: 0; font-size: 1px; overflow: hidden;}
.progress .tab_item_content div.tab_item_content_t_r {background: #f2f2f2 url(../img/angle_t_r.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; right: 0; font-size: 1px; overflow: hidden;}
.progress .tab_item_content div.tab_item_content_b_l {background: #f2f2f2 url(../img/angle_b_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; font-size: 1px; overflow: hidden;}
.progress .tab_item_content ul {list-style: none; padding: 20px 12px 10px; overflow: hidden;}
* html .progress .tab_item_content ul {overflow: visible; height: 1%;}
.progress .tab_item_content ul li {float: left; width: 50%; font-size: 11px; color: #7f7f7f; padding: 0 0 10px;}
.progress .tab_item_content ul li a {color: #00b0d8;}
.progress .tab_item_content ul li a:hover {text-decoration: none;}
.progress div.and_above {overflow: hidden; padding: 10px 0 0;}
.progress div.and_above strong {font: 18px/12px "Myriad Pro", Tahoma, serif; color: #00b0d8; display: block; width: 30%; float: left;}
* html .progress div.and_above strong {width: 29.5%;}
.progress div.and_above ul {list-style: none; width: 70%; float: left;}
.progress div.and_above ul li {width: 50%; float: left; font-size: 12px; color: #7f7f7f;}
* html .progress div.and_above ul li {width: 49.5%;}
.progress div.and_above ul li a {color: #00b0d8;}
.progress div.and_above ul li a:hover {text-decoration: none;}

/* header sub content right */
.header_sub_content_right {width: 50%; float: left;}
.header_sub_content_right h3 {padding: 0 0 27px; font: 24px/22px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase;}

.clients_list {list-style: none; overflow: hidden;}
* html .clients_list {overflow: visible; height: 1%;}
.clients_list li {font-size: 11px; color: #7f7f7f; overflow: hidden; padding: 0 0 25px;}
.clients_list li span {display: block; padding: 0 0 0 70px;}
.clients_list li img {margin: 0 0 0 -70px; float: left;}
.clients_list li a {color: #7f7f7f;}
.clients_list li a:hover {text-decoration: none;}



/* CONTENT
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.content_column_position {padding: 25px 315px 25px 50px; overflow: hidden; clear: both;}
* html .content_column_position {overflow: visible; height: 1%;}
.inner {padding-top: 90px;}

/* right column */
.right_column {float: right; width: 256px; margin: 0 -300px 0 44px;}
* html .right_column {display: inline;}
.inner .right_column {padding: 20px 0 0;}
.right_column h3 {font: 17px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 0 0 30px;}
.right_column h4 {font: 13px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 0 0 22px;}

/* correct right */
.right_column .progress h3, .right_column .progress p.smoll, .right_column .progress ul.tab_menu_item_list {padding-left: 80px;}
.right_column .progress ul.tab_menu_item_list li a span {padding: 5px;}
.right_column .progress .tab_item_content ul li {width: 100%;}

.right_column .progress div.and_above {padding: 20px 0 65px;}
.right_column .progress div.and_above ul, .right_column .progress div.and_above strong {width: 50%;}
.right_column .progress div.and_above ul li {width: 100%; padding: 0 0 20px;}

/* feedback box */
.feedback_header {position: relative; padding: 0 114px 0 0;}
.feedback_header .piggy {position: absolute; top: 19px; right: -9px; background: url(../img/piggy.jpg) no-repeat; width: 116px; height: 101px;}
.feedback_header h3 {line-height: 18px; text-align: right; padding: 0 0 15px;}
.feedback_header h4 {font: 15px/20px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-align: right; padding: 0 0 22px; text-transform: none;}
.feedback_form {overflow: hidden; padding: 0 0 50px;}
.feedback_form label {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f; display: block; float: left; clear: left; width: 55px; padding: 0 10px 0 0; margin: 2px 0 6px; text-align: right;}
.feedback_form label.padding_top {padding-top: 10px;}
.feedback_form input {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f; border: 1px solid #7f7f7f; display: block; float: left; width: 160px; padding: 1px 3px; margin: 0 0 6px;}
.feedback_form textarea {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f; border: 1px solid #7f7f7f; display: block; clear: left; width: 190px; padding: 1px 3px; margin: 0 0 6px 35px;}
.feedback_form input.button {background: url(../img/button_122.jpg) no-repeat; width: 123px; height: 24px; overflow: hidden; border: none; padding: 0; margin: 10px auto 0; cursor: pointer; font: 16px "Myriad Pro", Tahoma, serif; text-transform: uppercase; color: #fefefe; float: none;}
.feedback_form input.button:hover {background: url(../img/button_122_hover.jpg) no-repeat;}

/* news list */
.news_list {list-style: none;}
.news_list li {font-size: 11px; color: #7f7f7f; line-height: 18px; padding: 0 0 50px;}
.news_list li.end {padding: 0;}
.news_list li div {overflow: hidden; padding: 10px 0 0;}
* html .news_list li div {overflow: visible; height: 1%;}
.news_list li span.date {float: left; font-size: 14px; color: #7f7f7f;}
.news_list li span.date strong {font-size: 30px; color: #00b0d8; line-height: normal;}
.news_list li span.more {float: right; padding: 10px 0 0 16px; background: url(../img/news_ico.gif) 0 15px no-repeat;}
.news_list li span.more a {color: #00b0d8; border-bottom: 1px dashed #00b0d8; text-decoration: none;}
.news_list li span.more a:hover {border-color: #fff;}
.news_list li p {font-size: 11px; color: #7f7f7f; padding: 20px 40px 10px 0;} 

/* thumbs_list*/
.thumbs_list {background: url(../img/rocket.gif) 3px 0 no-repeat; overflow: hidden; padding: 0 126px 0 241px; position: relative;}
* html .thumbs_list {float: left; overflow: visible; height: 1%;}
/*
.thumbs_list h2 {font: 36px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 40px 0;}
*/
.thumbs_list div.t_l {font: 36px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 40px 0;}

.thumbs_list ul {list-style: none; overflow: hidden; padding: 0 0 58px;}
* html .thumbs_list ul {overflow: visible; height: 1%;}
.thumbs_list ul li {float: left; width: 33%; text-align: center;}
.thumbs_list a.arrow_left {background: url(../img/arrow_left.gif) 50% 0 no-repeat; width: 80px; text-align: center; color: #00b0d8; text-decoration: none; font: 24px "Myriad Pro", Tahoma, serif; padding: 88px 0 0; position: absolute; top: 122px; left: 173px;}
.thumbs_list a.arrow_left:hover {background: url(../img/arrow_left_hover.gif) 50% 0 no-repeat;}
.thumbs_list a.arrow_right {background: url(../img/arrow_right.gif) 50% 0 no-repeat; width: 80px; text-align: center; color: #00b0d8; text-decoration: none; font: 24px "Myriad Pro", Tahoma, serif; padding: 88px 0 0; position: absolute; top: 122px; right: 58px;}
.thumbs_list a.arrow_right:hover {background: url(../img/arrow_right_hover.gif) 50% 0 no-repeat;}

/* right_menu */
ul.right_menu {overflow: hidden; padding: 0 0 40px;}
ul.right_menu li {font-size: 12px; padding: 0 0 20px 14px; list-style: none;}
ul.right_menu li a {color: #00b0d8;}
ul.right_menu li a:hover {text-decoration: none;}
ul.right_menu li a img {float: left; padding: 0 12px 0 0;}

/* content */
.content {width: 100%; float: left;}

.content a {color: #00b0d8;}
.content a:hover {text-decoration: none;}
.content h1 {font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8; padding: 0 0 30px; text-transform: uppercase; clear: both;}
.content h2 {font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8; padding: 0 0 30px; text-transform: uppercase; clear: both;}
.content h3 {font: 18px "Myriad Pro", Tahoma, serif; color: #00b0d8; padding: 0 0 30px; clear: both;}
.content h4 {font: 16px "Myriad Pro", Tahoma, serif; color: #00b0d8; clear: both;}
.content p {font-size: 12px; color: #7f7f7f; padding: 0 0 30px; line-height: 24px; clear: both;} 

.content ul {list-style: none; padding: 0 0 30px;}
.content ul li {font-size: 12px; color: #7f7f7f; padding: 0 0 10px 25px; background: url(../img/li_sep.gif) 8px 5px no-repeat;}

.content ol {margin: 0 0 30px 10px;}
.content ol li {padding: 0 0 10px 13px; font-size: 12px; color: #7f7f7f;} 

.color_blue {color: #00b0d8!important;}
.no_bottom {padding-bottom: 0!important;}
.image_left {padding: 0 25px 5px 0;}
.clear {clear: both; height: 1px; overflow: hidden;}

/* correct news list */
.content .news_list li {font-size: 11px; color: #7f7f7f; line-height: 18px; padding: 0 0 30px; background: none;}

/* correct clients_list */
.content .clients_list {padding: 0;}
.content .clients_list li {padding: 0 0 25px; background: none; font-size: 11px;}
.content .clients_list li a {color: #7f7f7f;}

/* clisnt_list_thumbs */
ul.clisnt_list_thumbs {width: 100%; clear: both;}
ul.clisnt_list_thumbs li {padding: 0 0 50px; background: none; float: left; width: 25%; margin: 0 8% 0 0;}
* html ul.clisnt_list_thumbs li {display: inline;}
ul.clisnt_list_thumbs li span {display: block; position: relative; text-align: center; float: right;}
ul.clisnt_list_thumbs li a {display: block; float: right;}
ul.clisnt_list_thumbs li a img {display: block; margin: 0 auto; padding: 0 0 18px;}
ul.clisnt_list_thumbs li span a.about {position: absolute; top: -20px; right: -15px; float: none; display: inline; text-decoration: none; font-size: 10px; background: url(../img/ico_about.png) 100% 0 no-repeat; height: 31px; padding: 0 35px 0 0;}
* html ul.clisnt_list_thumbs li span a.about {top: 0; right: 0;}
ul.clisnt_list_thumbs li span a.about:hover {text-decoration: underline;}

ul.crumbs {padding: 0 0 50px; overflow: hidden; list-style: none; margin: 0 0 0 -6px;}
ul.crumbs li {float: left; background: url(../img/crumbs_sep.gif) 100% 5px no-repeat; padding: 0 16px 0 6px; font-size: 11px;}
ul.crumbs li.end {background: none;}

.content div.angle_gray {position: relative; background: #f2f2f2 url(../img/angle_b_r.gif) 100% 100% no-repeat; margin: 0 -15px 30px;}
* +html .content div.angle_gray {float: left;}
* html .content div.angle_gray {float: left;}
.content div.angle_gray p {position: relative; padding: 12px 15px;}
.content div.angle_gray span.angle_t_l {background: #f2f2f2 url(../img/angle_t_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; left: 0; font-size: 1px; overflow: hidden;}
.content div.angle_gray span.angle_t_r {background: #f2f2f2 url(../img/angle_t_r.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; right: 0; font-size: 1px; overflow: hidden;}
.content div.angle_gray span.angle_b_l {background: #f2f2f2 url(../img/angle_b_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; font-size: 1px; overflow: hidden;}

/* order_form */
.order_form p {font-weight: bold; padding: 0 0 13px; color: #00b0d8;}
.order_form label, .order_form textarea, .order_form input {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f;}
.order_form .first_part {width: 100%; overflow: hidden;}
* html .order_form .first_part {overflow: visible; height: 1%;}
.order_form .first_part ul {list-style: none; width: 45%; margin: 0 5% 0 0; padding: 0 0 5px; float: left;}
.order_form .first_part ul li {background: none; padding: 0; width: 100%; overflow: hidden; padding: 0 0 15px;}
.order_form .first_part ul li p {margin: 0 0 0 45%; clear: left; color: #c67f7b; padding: 0; line-height: normal; font-weight: normal;}
.order_form .first_part label {display: block; float: left; clear: left; width: 43%; margin: 2px 2% 0 0; text-align: right;}
.order_form .first_part label span {color: #00b0d8;}
.order_form .first_part input {border: 1px solid #7f7f7f; display: block; float: left; width: 52%; padding: 1px 2px;}
.order_form .first_part textarea {border: 1px solid #7f7f7f; display: block; float: left; width: 52%; padding: 1px 2px; height: 90px;}

.order_form .two_part {width: 100%; overflow: hidden; padding: 0 0 20px;}
* html .order_form .two_part {overflow: visible; height: 1%;}
.order_form .two_part ul {list-style: none; width: 45%; margin: 0 5% 0 0; padding: 0; float: left;}
.order_form .two_part ul li {background: none; padding: 0; width: 100%; overflow: hidden; padding: 0 0 15px;}
.order_form .two_part ul li input {float: left; margin: 3px 10px 0 0;}
* html .order_form .two_part ul li input {margin-top: 0;}
.order_form .two_part ul li a {margin: 0 0 0 10px;}
.order_form .two_part ul li p {margin: 0 0 0 25px; color: #c67f7b; padding: 0; line-height: normal; font-weight: normal;}

.order_form .three_part {overflow: hidden; padding: 0 0 30px;}
* html .order_form .three_part {overflow: visible; height: 1%;}
.order_form .three_part label {display: block; float: left; width: 18%; text-align: right; margin: 0 2% 0 0;}
.order_form .three_part textarea {border: 1px solid #7f7f7f; display: block; float: left; width: 74%; padding: 1px 2px; height: 90px;}

.order_form input.button {background: url(../img/button_172.gif) no-repeat; display: block; width: 172px; height: 23px; overflow: hidden; border: none; padding: 0; clear: both; margin: 0 auto; cursor: pointer; font: 16px "Myriad Pro", Tahoma, serif; color: #fefefe; float: none;}
.order_form input.button:hover {background: url(../img/button_172_hover.gif) no-repeat;}

/* question_form */
.question_form {overflow: hidden; padding: 0 0 70px;}
.question_form label, .question_form textarea, .question_form select {font: 12px Arial, Helvetica, sans-serif; color: #7f7f7f;}
.question_form ul {width: 100%; overflow: hidden; padding: 47px 0 27px;}
.question_form ul li {width: 45%; margin: 0 4% 0 0; padding: 0; float: left; padding: 0; background: none;}
.question_form ul label {display: block; float: left; clear: left; width: 42%; margin: 2px 2% 0 0; text-align: right;}
.question_form ul select {border: 1px solid #7f7f7f; display: block; float: left; width: 52%; padding: 1px 2px;}
.question_form label {display: block; float: left; width: 18%; text-align: right; margin: 0 2% 0 0;}
.question_form textarea {border: 1px solid #7f7f7f; display: block; float: left; width: 74%; padding: 1px 2px; height: 90px;}
.question_form input.button {background: url(../img/button_218.gif) no-repeat; display: block; width: 218px; height: 26px; overflow: hidden; border: none; padding: 0; clear: both; margin: 30px auto 0; cursor: pointer; font: 12px Arial, Helvetica, sans-serif; color: #fefefe; float: none;}
.question_form input.button:hover {background: url(../img/button_218_hover.gif) no-repeat;}

div.diogramma {position: relative; width: 100%;}
div.diogramma a.see_position {float: right; font-size: 12px; position: absolute; top: 280px; right: 0;}

/* services_list */
ul.services_list {overflow: hidden; padding: 0;}
ul.services_list li {background: none; padding: 0 0 40px; margin: 0; width: 50%; float: left; font: 18px "Myriad Pro", Tahoma, serif;}
* html ul.services_list li {width: 49.5%;}
ul.services_list li a {display: block; padding: 115px 0 0; margin: 0 auto; text-align: center; text-decoration: none;}
ul.services_list li a span {border-bottom: 1px dashed #00b0d8;}
ul.services_list li a:hover span {border-color: #fff;}
ul.services_list li.advertising a {background: url(../img/ico_advertising.gif) 50% 0 no-repeat; width: 170px;}
ul.services_list li.promotion a {background: url(../img/ico_promotion.gif) 50% 0 no-repeat; width: 210px;}
ul.services_list li.click a {background: url(../img/ico_click.gif) 50% 0 no-repeat; width: 90px;}
ul.services_list li.marketing a {background: url(../img/ico_diogramma.gif) 50% 0 no-repeat; width: 180px;}
ul.services_list li.www a {background: url(../img/ico_www.gif) 50% 0 no-repeat; width: 190px;}
ul.services_list li.magazine a {background: url(../img/ico_purse.gif) 50% 0 no-repeat; width: 250px;}

ul.services_list li.advertising a:hover {background: url(../img/ico_advertising_hover.gif) 50% 0 no-repeat;}
ul.services_list li.promotion a:hover {background: url(../img/ico_promotion_hover.gif) 50% 0 no-repeat;}
ul.services_list li.click a:hover {background: url(../img/ico_click_hover.gif) 50% 0 no-repeat;}
ul.services_list li.marketing a:hover {background: url(../img/ico_diogramma_hover.gif) 50% 0 no-repeat;}
ul.services_list li.www a:hover {background: url(../img/ico_www_hover.gif) 50% 0 no-repeat;}
ul.services_list li.magazine a:hover {background: url(../img/ico_purse_hover.gif) 50% 0 no-repeat;}


/* article_list */
ul.article_list {width: 100%; overflow: hidden; padding: 0;}
ul.article_list li {font-size: 11px; background: none; padding: 0 0 25px; margin: 0 10% 0 0; width: 40%; float: left;}
ul.article_list li.right {margin: 0 0 0 10%;}
ul.article_list li a {color: #7f7f7f; font-weight: bold;}
ul.article_list li p {padding: 8px 0 0; color: #7f7f7f; font-size: 11px; line-height: normal;}

/* page_navigation */
ul.page_navigation {text-align: center;}
ul.page_navigation li {padding: 0 7px 0; font-size: 11px; display: inline; background: none;}
ul.page_navigation li a:hover {color: #7f7f7f;}

ul.management_content {overflow: hidden;}
ul.management_content li {float: left; width: 50%; padding: 0; margin: 0; background: none;}
ul.management_content li a img {float: left; margin: 0 7px 0 0;}

div.angle_blue_box {background: #00b0d8 url(../img/angle_blue_b_r.gif) 100% 100% no-repeat; position: relative; padding: 0 13px;}
* html div.angle_blue_box {float: left;}
div.angle_blue_box .angle_blue_t_l {background: url(../img/angle_blue_t_l.gif) no-repeat; width: 14px; height: 13px; overflow: hidden; position: absolute; top: 0; left: 0; font-size: 1px; overflow: hidden;}
div.angle_blue_box .angle_blue_t_r {background: url(../img/angle_blue_t_r.gif) no-repeat; width: 14px; height: 13px; overflow: hidden; position: absolute; top: 0; right: 0; font-size: 1px; overflow: hidden;}
div.angle_blue_box .angle_blue_b_l {background: url(../img/angle_blue_b_l.gif) no-repeat; width: 14px; height: 13px; overflow: hidden; position: absolute; bottom: 0; left: 0; font-size: 1px; overflow: hidden;}
* html div.angle_blue_box .angle_blue_b_l {bottom: -1px;}
div.angle_blue_box ul {overflow: hidden; padding: 0;}
div.angle_blue_box ul li {float: left; padding: 8px 0; background: url(../img/white_separation.gif) 100% 0 repeat-y; color: #fff; font-weight: bold; text-align: center;}
div.angle_blue_box ul li.end {background: none;}

div.angle_gray_box {position: relative; background: #f2f2f2 url(../img/angle_b_r.gif) 100% 100% no-repeat; padding: 0 13px;}
* html div.angle_gray_box {float: left;}
div.angle_gray_box span.angle_t_l {background: #f2f2f2 url(../img/angle_t_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; left: 0; font-size: 1px; overflow: hidden;}
div.angle_gray_box span.angle_t_r {background: #f2f2f2 url(../img/angle_t_r.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; top: 0; right: 0; font-size: 1px; overflow: hidden;}
div.angle_gray_box span.angle_b_l {background: #f2f2f2 url(../img/angle_b_l.gif) no-repeat; display: block; width: 13px; height: 13px; position: absolute; bottom: 0; left: 0; font-size: 1px; overflow: hidden;}
div.angle_gray_box ul {overflow: hidden; padding: 0;}
div.angle_gray_box ul li {float: left; padding: 8px 0; color: #7f7f7f; font-size: 10px; text-align: center; background: none;}
div.angle_gray_box ul li a {font-size: 11px;}

ul li.col_5 {width: 5%;}
ul li.col_45 {width: 34%;}
ul li.col_12 {width: 12%;}

/* FOOTER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* .footer_additional */
.footer_additional {clear: both; padding: 20px 15px 10px 0; overflow: hidden; background: #f2f2f2;}
* html .footer_additional {overflow: visible; height: 1%; float: left; width: 100%;}
/*
.footer_additional h2 {font: 36px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 0 0 30px; margin: 0 0 0 5%;}
*/
.footer_additional div.f_a {font: 36px "Myriad Pro", Tahoma, serif; color: #00b0d8; text-transform: uppercase; padding: 0 0 30px; margin: 0 0 0 5%;}

/* correct client list */
.footer_additional .clients_list {padding: 0 15px 0 0;}
.footer_additional .clients_list li {margin: 0 0 0 5%; width: 45%; float: left;}
* html .footer_additional .clients_list li {display: inline;}

ul.three_column {list-style: none; overflow: hidden;}
* html ul.three_column {overflow: visible; height: 1%;}
ul.three_column li {float: left; width: 28.3%; margin: 0 0 0 5%; font: 11px Arial, Helvetica, sans-serif; color: #7f7f7f; padding: 0 0 25px;}
* html ul.three_column li {display: inline;}
ul.three_column li p {color: #7f7f7f; padding: 13px 0 0;}
ul.three_column li a {font-weight: bold; color: #00b0d8;}
ul.three_column li a:hover {text-decoration: none;}

.footer {clear: both; width: 100%;}
.footer ul.main_footer_menu {padding: 25px 0 40px; text-align: center;}
.footer ul.main_footer_menu li {display: inline; background: url(../img/footer_menu_separation.gif) 100% 50% no-repeat; padding: 0 13px 0 12px; font-size: 11px;}
.footer ul.main_footer_menu li.end {padding-right: 0; background: none;}
.footer ul.main_footer_menu li a {color: #00b0d8;}
.footer ul.main_footer_menu li a:hover {text-decoration: none;}

ul.footer_info {list-style: none;}
ul.footer_info li {float: left; width: 28.3%; margin: 0 0 0 5%; font-size: 11px; color: #7f7f7f; padding: 0 0 25px;}
* html ul.footer_info li {display: inline;}
ul.footer_info li a {color: #00b0d8;}
ul.footer_info li a:hover {text-decoration: none;}
ul.footer_info li.color_blue {color: #00b0d8;}

ul.footer_info ul {list-style: none; padding: 0 15px 0 0;}
ul.footer_info ul li {text-align: right; float: none; width: 100%; margin: 0; padding: 0 0 9px; float: right;}
ul.footer_info ul li a {color: #7f7f7f; text-decoration: none; border-bottom: 1px dashed #7f7f7f;}
ul.footer_info ul li a:hover {border-color: #fff;}

.content ul.li_sep_2 li {background: url(../img/li_sep_2.jpg) 0 4px no-repeat; padding-left: 20px;}
.content ul.two_col {overflow: hidden; margin: 0 0 0 -50px;}
.content ul.two_col li {width: 49%; float: left; padding: 0; background: none; overflow:hidden;}
.content ul.two_col li p, .content ul.two_col li ul, .content ul.two_col li ol, .content ul.two_col li h2, .content ul.two_col li h3 {padding: 0 0 0 50px;}
.content ul.two_col li div.angle_gray {margin: 19px 0 0 50px;}
.content ul.two_col li div.angle_gray p {padding: 12px 15px}

.content ul.three_col {overflow: hidden; margin: 0 0 0 -30px;}
.content ul.three_col li {width: 33%; float: left; padding: 0; background: none;}
.content ul.three_col li p, .content ul.three_col li ul, .content ul.three_col li ol, .content ul.three_col li h2, .content ul.three_col li h3 {padding: 0 0 0 30px;}
.content ul.three_col li div.angle_gray {margin: 19px 0 0 30px;}
.content ul.three_col li div.angle_gray p {padding: 12px 15px}

.content ul.link {padding: 0 0 5px; margin: 0;}
.content ul.link li {font-size: 11px;}
.content ul.link li a {background: url(../img/link_sep.gif) 0 3px no-repeat; padding: 0 0 0 15px; margin: 0 0 0 22px;}

.image_right {float: right; padding: 0 0 5px 25px;}
.padding_bottom {padding-bottom: 30px!important;}


.prizent_box {position: relative; width: 100%; padding: 0 0 40px;}
.prizent_box .decor {background: url(../img/prizent_ico.jpg) no-repeat; width: 107px; height: 63px; font-size: 1px; overflow: hidden; position: absolute; top: 0; left: -19px;}
/*
.prizent_box h2 {padding: 2px 0 15px 88px; color: #00b0b8; font: 24px/20px "Myriad Pro",Tahoma,serif; text-transform: uppercase;}
.prizent_box h2 span {font: 10px Arial, Helvetica, sans-serif; color: #7f7f7f; display: block; text-transform: none;}
*/
.prizent_box .p_b {padding: 2px 0 15px 88px; color: #00b0b8; font: 24px/20px "Myriad Pro",Tahoma,serif; text-transform: uppercase;}
.prizent_box .p_b span {font: 10px Arial, Helvetica, sans-serif; color: #7f7f7f; display: block; text-transform: none;}

.prizent_box ul {list-style: none;}
.prizent_box ul li {padding: 0 0 15px 44px; font: 18px/24px "Myriad Pro",Tahoma,serif; overflow: hidden;}
.prizent_box ul li span {margin: 10px 0 0 -44px; float: left; display: block; width: 44px;}
.prizent_box ul li a {color: #00b0d8; text-decoration: none; border-bottom: 1px dashed #00b0d8;}
.prizent_box ul li a:hover {border-color: #fff;}

.block_podskazka {
    font-family: Myriad Pro, Arial, Tahoma, sans-serif;
    font-size: 16px;
   
	color: #7f7f7f;
    border: 1px solid #02afd7;
    padding: 10px;
    zoom:1;
    float: left;
    background: #f2f2f2;
}

.block_podskazka a {
    color: #02afd7;
    text-decoration: none;
    border-bottom: 1px dashed #02afd7;
}

.block_podskazka a:hover
{
    border: 0px;
}

}