/**************** MAIN *********************/
#main {
	width: 612px;
	}
/**************** HEADER *********************/
#header {
	display: block;
	}
.home {
	height: 221px;
	background-image: url(/bitrix/templates/4dweb/images/main_image.jpg);
	}	
.all {
	height: 103px;
	background-image: url(/bitrix/templates/4dweb/images/image_level2.gif);
	}	
/**************** NEWS *********************/
#news {
	display: block;
	background-image: url(/bitrix/templates/4dweb/images/back_news.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 20px;
	height: 60px;
	}	
#news ul {
	padding: 0px;
	margin: 0px;
	}
#news li {
	float:left;
	width: 190px;
	margin-left: 10px;
	}
#news li a{
	display: block;
	background-repeat: no-repeat;
	line-height: 12px;
	padding-top: 4px;
	color: #515151;
	}
#news li a:hover{
	display: block;
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
	}
#news_block {
	padding: 0px;
	color: #333333;
	}
#news_block p{
	text-align: justify;
	}
#news_block ul{
	padding: 0px;
	margin: 0px;
	}
#news_block li{
	float:left;
	display: block;
	width: 585px;
	background-position: 90px bottom;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	}
#news_block li a{
	color: #666666;
	}
#news_block li a:hover{
	}
#news_block h4{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #333333;
	}
.many_news p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.one_news {
	background-image: url(/bitrix/templates/4dweb/images/line_porto.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	}
.one_news p{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#date_news {
	display: block;
	float:left;
	margin-right: 5px;
	}
#date_news h5{
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	}
#date_news h4{
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	}

.mon_year {
	font-weight: normal;
	font-size: 14px;
	}
.date_yellow {
	color: #F4E700;
	}
.date_green {
	color: #28AB00;
	}
.date_blue {
	color: #0069AE;
	}
/**************** PRICE *********************/
#price h4{
	margin: 0px;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	}
#price {
	background-image: url(/bitrix/templates/4dweb/images/line_porto.gif);
	background-repeat: repeat-x;
	background-position: 0px 22px;
	margin-top: 30px;
	padding: 0px;
	color: #333333;
	}
#price ul{
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#price li{
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	clear: left;
	}
#price h6{
	font-weight: bold;
	font-size: 12px;
	width: 150px;
	display: block;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
	}
#price span{
	}
.descrip_price {
	width: 250px;
	font-size: 11px;
	font-weight: normal;
	display: block;
	margin-left: 180px;
	}
.price_digit {
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	text-align: right;
	padding-right: 10px;
	float: right;
	}
.light_price {
	background-color: #FFFFFF;
	}
.price_doc {
	display: block;
	margin-right: 23px;
	margin-top: 10px;
	vertical-align: top;
	margin-left: 425px;
	text-align: right;
	}
.price_doc p{
	margin: 0px;
	padding: 0px;
	float: left;
	}
/**************** CONTENT *********************/
#content {
	background-image: url(/bitrix/templates/4dweb/images/back_news.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	color: #333333;
	margin-bottom: 40px;
	}
#content a{
	color: #999999;
	}	
#content a:hover{
	color: #333333;
	}
#content h2 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
	}
.service_h2 {
	float: left;
	padding-top: 30px;
	}
#content h3 a{
	color: #333333;
	text-decoration: underline;
	}
#content h3 a:hover{
	color: #000000;
	}
#content h4 a{
	color: #333333;
	text-decoration: underline;
	}
#content h4 a:hover{
	color: #000000;
	}
#content h5 {
	font-size: 17px;
	font-weight: normal;
	}		
				/*Header *********************/		
#begin_content {
	display: block;
	background-repeat: no-repeat;
	color: #000000;
	height: 40px;
	}
#begin_content p{
	}
.header_about {
	background-image: url(/bitrix/templates/4dweb/images/header_about.gif);
	}
.header_news {
	background-image: url(/bitrix/templates/4dweb/images/header_news.gif);
	}
.header_services {
	background-image: url(/bitrix/templates/4dweb/images/header_services.gif);
	padding-bottom: 30px;
	}
.header_portfolio {
	background-image: url(/bitrix/templates/4dweb/images/header_portfolio.gif);
	}
.header_contacts {
	background-image: url(/bitrix/templates/4dweb/images/header_contacts.gif);
	padding-bottom: 30px;
	}
.header_price {
	background-image: url(/bitrix/templates/4dweb/images/header_price.gif);
	}
.header_map {
	background-image: url(/bitrix/templates/4dweb/images/header_map.gif);
	}
.header_online {
	background-image: url(/bitrix/templates/4dweb/images/header_online.gif);
	}
#porto_date{
	background-repeat: no-repeat;
	height: 19px;
	padding-top: 5px;
	background-position: 0px 10px;
	color: #333333;
	padding-left: 4px;
	clear: left;
	padding-bottom: 40px;
	}
.date_site {
	background-image: url(/bitrix/templates/4dweb/images/por_h_site.gif);
	padding-left: 70px;
	}
.date_ban {
	background-image: url(/bitrix/templates/4dweb/images/por_h_ban.gif);
	padding-left: 95px;
	}
.date_prez {
	background-image: url(/bitrix/templates/4dweb/images/por_h_prez.gif);
	padding-left: 125px;
	}
.date_flash {
	background-image: url(/bitrix/templates/4dweb/images/por_h_flash.gif);
	padding-left: 133px;
	}
.date_work {
	background-image: url(/bitrix/templates/4dweb/images/por_h_works.gif);
	padding-left: 115px;
	}
				/*Portfolio *********************/
#portfolio {
	background-image: url(/bitrix/templates/4dweb/images/square.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#portfolio img{
	float:left;
	margin-top: 9px;
	margin-left: 38px;
	margin-bottom: 40px;
	}
#portfolio p{
	margin-left: 170px;
	}
#portfolio h4{
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	font-size: 16px;
	}
#portfolio h5{
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	font-weight: normal;
	font-size: 12px;
	}
#portfolio h6{
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
	font-weight: normal;
	font-size: 12px;
	}
#portfolio p a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}
#port_sort a{

	}		
#port_sort ul{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	}
#port_sort li{
	float: left;
	display: block;
	}
.big_sort li{
	width: 592px;
	margin-bottom: 20px;
	}
.mini_sort li{
	width: 148px;
	margin-right: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#port_sort h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
#port_sort h4{
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 14px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
#port_sort span{
	font-size: 12px;
	color: #333333;
	}
#img_folio{
	background-image: url(/bitrix/templates/4dweb/images/line_porto.gif);
	background-repeat: no-repeat;
	padding-top: 25px;
	}
#portfolio_view {
	text-align: center;
	padding: 40px;
	}
#portfolio_view_border {
	background-image: url(/bitrix/templates/4dweb/images/bold_color_line.gif);
	background-repeat: repeat-x;
	}
#portfolio_view_border_2 {
	background-image: url(/bitrix/templates/4dweb/images/back_news.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 20px;
	}
.brackets {
	color: #333333;
	font-weight: normal;
	}
.brackets_mini {
	font-size: 10px;
	color: #333333;
	}									
/**************** CONTACTS *********************/
.regfield {
	width: 200px;
	height: 15px;
	font-size: 11px;
	}
.contact_uliki{
	margin: 0px;
	padding: 0px;
	color: #666666;
	}
.contact_uliki span{
	float: left;
	width: 90px;
	display: block;
	}
.contact_uliki li{
	display: block;
	margin-top: 15px;
	}
/**************** REKLAMA *********************/
#reklamka {
	margin-left: 10px;
	clear: left;
	padding-top: 15px;
	margin-bottom: 30px;
	}
/**************** BUTTON *********************/
#buttons {
	margin-left: 10px;
	}		
#buttons img{
	border: 0px;
	}
/**************** RIGHTER *********************/
#righter {
	float:right;
	width: 320px;
	padding-left: 20px;
	}
#navi {
	margin-top: 10px;
	}
#navi_menu {
	color: #B2B2B2;
	font-weight: bold;
	font-size: 11px;
	display: block;
	padding-top: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	padding-left: 18px;
	}
#navi_menu a{
	color: #B2B2B2;
	text-decoration: none;
	}
#navi_menu a:hover{
	color: #888888;
	}
#keys_web {
	background-image: url(/bitrix/templates/4dweb/images/keys.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: right top;
	font-size: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	margin-bottom: 15px;
	clear: left;
	color: #CCCCCC;
	}
#keys_web a{
	display: block;
	color: #515151;
	text-decoration: none;
	}
#keys_web a:hover{
	background-image: url(/bitrix/templates/4dweb/images/motion_line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #000000;
	}
#keys_web p{
	padding-left: 139px;
	margin: 0px;
	padding-top: 10px;
	}
.keys_margin {
	margin-top: 30px;
	}
#header_keys {
	display: block;
	float:left;
	text-align: right;
	width: 122px;
	padding-top: 10px;
	}
#header_keys h5{
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	color: #959595;
	}
#header_keys h4{
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	}
				/*Por Menu *********************/
#por_menu {
	clear: both;
	font-size: 10px;
	padding-bottom: 30px;
	margin-top: 50px;
	margin-left: 35px;
	}
#por_menu ul {
	padding: 0px;
	margin: 0px;
	}
#por_menu li {
	background-repeat: no-repeat;
	margin-bottom: 15px;
	height: 29px;
	width: 151px;
	}
#por_menu li a{
	display: block;
	height: 29px;
	width: 151px;
	background-repeat: no-repeat;
	}
.p_site {
	background-image: url(/bitrix/templates/4dweb/images/por_link_site_act.gif);
	}
.p_site a{
	background-image: url(/bitrix/templates/4dweb/images/por_link_site.gif);
	}
.p_site a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_link_site_act.gif);
	}
.p_ban {
	background-image: url(/bitrix/templates/4dweb/images/por_link_ban_act.gif);
	}
.p_ban a{
	background-image: url(/bitrix/templates/4dweb/images/por_link_ban.gif);
	}
.p_ban a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_link_ban_act.gif);
	}
.p_prez {
	background-image: url(/bitrix/templates/4dweb/images/por_link_prez_act.gif);
	}
.p_prez a{
	background-image: url(/bitrix/templates/4dweb/images/por_link_prez.gif);
	}
.p_prez a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_link_prez_act.gif);
	}
.p_flash {
	background-image: url(/bitrix/templates/4dweb/images/por_link_flash_act.gif);
	}
.p_flash a{
	background-image: url(/bitrix/templates/4dweb/images/por_link_flash.gif);
	}
.p_flash a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_link_flash_act.gif);
	}
.p_work {
	background-image: url(/bitrix/templates/4dweb/images/por_link_work_act.gif);
	}
.p_work a{
	background-image: url(/bitrix/templates/4dweb/images/por_link_work.gif);
	}
.p_work a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_link_work_act.gif);
	}
#all_clients {
	background-image: url(/bitrix/templates/4dweb/images/por_all_clients_act.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B2B2B2;
	background-position: 65px 30px;
	padding-top: 30px;
	padding-left: 65px;
	margin-bottom: 50px;
	display: block;
	height: 63px;
	width: 171px;
	}
#all_clients a{
	background-image: url(/bitrix/templates/4dweb/images/por_all_clients.gif);
	display: block;
	height: 63px;
	width: 171px;
	}
#all_clients a:hover{
	background-image: url(/bitrix/templates/4dweb/images/por_all_clients_act.gif);
	}
/**************** FOOTER *********************/
#footer {
	clear: both;
	font-size: 10px;
	padding-bottom: 50px;
	padding-top: 50px;
	}
#footer img{
	float:left;
	display: block;
	margin-right: 5px;
	}
#footer ul {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	}
#footer li {
	float:left;
	margin-left: 0px;
	padding-left: 15px;
	}
#footer p{
	margin-top: 0px;
	margin-bottom: 0px;
	}

/**************** MENU *********************/
#menu {
	display: block;
	height: 66px;
	}	
#menu ul {
	padding: 0px;
	margin: 0px;
	}
#menu li {
	float:left;
	height: 66px;
	width: 102px;
	}
#menu li a{
	height: 66px;
	width: 102px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	}
.menu_01_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_01.gif);
	}
.menu_01 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_01.gif);
	}
.menu_01 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_01.gif);
	}
.menu_02_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_02.gif);
	}
.menu_02 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_02.gif);
	}
.menu_02 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_02.gif);
	}
.menu_03_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_03.gif);
	}
.menu_03 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_03.gif);
	}
.menu_03 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_03.gif);
	}
.menu_04_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_04.gif);
	}
.menu_04 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_04.gif);
	}
.menu_04 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_04.gif);
	}
.menu_05_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_05.gif);
	}
.menu_05 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_05.gif);
	}
.menu_05 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_05.gif);
	}
.menu_06_active {
	background-image: url(/bitrix/templates/4dweb/images/menu_active_06.gif);
	}
.menu_06 a{
	background-image: url(/bitrix/templates/4dweb/images/menu_06.gif);
	}
.menu_06 a:hover{
	background-image: url(/bitrix/templates/4dweb/images/menu_hover_06.gif);
	}
/**************** PAGES *********************/
#button {
	margin-top: 20px;
	margin-left: 91px;
	}
#button a{
	display: block;
	height: 18px;
	width: 100px;
	text-align: center;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #FDFDFD;
	color: #666666;
	border: 1px solid #A5ACB2;
	}
#button a:hover{
	color: #666666;
	background-color: #EFEFEF;
	}
/**************** PAGES *********************/
#pages {
	color: #000000;
	clear: left;
	font-size: 16px;
	padding-left: 5px;
	}
#pages a {
	font-size: 13px;
	margin-right: 5px;
	margin-left: 5px;
	}
#pages span {
	margin-right: 5px;
	margin-left: 5px;
	}
.page_news {
	margin-left: 400px;
	padding-top: 20px;
	}
.page_portfolios {
	margin-top: 40px;
	margin-left: 190px;
	}
/**************** LAYOUT*********************/
html {
  	height:100%;
	}
* html body {
 	height:100%;
	}
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana;
	color: #333333;
	font-size: 13px;
	width: 955px;
	min-height:100%;
	position:relative;
	background-color: #F7F7F7;
	}
a:link {
	color: #333333;
	}
a:hover {
	color: #333333;
	}
a:visited {
	color: #999999;
	}
ul {
	list-style:none;
	}
.leftmargin {
	margin-left: 10px;
	}
.float_left {
	float: left;
	}
.float_right {
	float: right;
	}
.image_content {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	}
.navigator {
	margin: 0px;
	display: block;
	height: 18px;
	color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	}
.navigator li{
	float: left;
	display: block;
	padding-right: 4px;
	}
.navigator li a{
	text-decoration: underline;
	}
#view_all {
	clear: both;
	}
#view_all_left {
	clear: left;
	padding-top: 1px;
	padding-bottom: 1px;
	}
.map_ul li{
	margin-top: 7px;
	}
.map_ul {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	}
.map_ul_inside{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	}
.map_ul_inside li{
	margin-top: 3px;
	}
.serv_link {
	font-weight: normal;
	font-size: 11px;
	margin-top: 5px;
	padding-left: 220px;
	}
.serv_link img{
	margin-right: 5px;
	float: left;
	}
.serv_link li{
	float: left;
	padding-left: 15px;
	}
.marginli li{
	padding-bottom: 6px;
	font-size: 12px;
	}
.counter88 {
	padding-left: 20px;
	}