html {
	height: 100%;
	overflow-y:scroll;
	}
	
body {
	color: #707070;
	font: normal normal 12px arial,tahoma,verdana;
	padding: 0; 
	margin: 0; 
	background: #FFFFFF url("../img/main_bg.gif") repeat-x top;
	height: 100%;	
	text-align: center;
	height:auto;
	}
	
img {border: none} 

 
form {
	margin: 0;
	padding: 0;	
	}
	
table {
	border-collapse: collapse; 	 
	}	
	
td, th {	
	text-align: left;
	vertical-align: top;	
	padding: 0;
	color: #707070;
	font: normal normal 12px arial,tahoma,verdana;
	}
	
p {
   	color: #707070;
	font: normal normal 12px arial,tahoma,verdana;
	padding: 0;
	margin: 0 0 10px 0;
   	}	
	
p sup{
	color: #707070;
	}	
strong {
	font-weight: normal; 
	}	
	
sup	{
	font-size: 10px;
	}

h1 {
	color: #707070;
	font: normal bold 14px arial,tahoma,verdana;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
	}			
	
h2 {
	color: #0072BC;
	font: normal bold 14px arial,tahoma,verdana;
	padding: 0;
	margin: 0 0 10px 0;
	}	

h3 {
   	color: #707070;
	font: normal bold 12px arial,tahoma,verdana;
	padding: 0;
	margin: 0 0 10px 0;
   	}
	
a {
   	color: #0072BC;
	font: normal normal 12px arial,tahoma,verdana;
	padding: 0;
	text-decoration: underline;
	}		

a:hover {
   	text-decoration: none;
	}	

.blue {
	color: #0079D0;
	}	
	
div.clear {
	clear: both;
	}	
	
div.razd {
	background: #545454;
	margin: 20px 0;
	}	

div.razd1 {
	background: #E0E0E0;
	margin: 20px 0;
	}
	
a.download_template {
	display: block;
	margin: 0 50px 0 auto;
	}	

a.download_contract {
	display: block;
	margin: 0 50px 0 auto;
	}	
	
a.download_file	{
	float: left;
	}	

a.to_make_an_order {
	display: block;
	background: url("../img/to_make_an_order.gif") no-repeat left top;
	width: 180px;
	height: 45px;
	}	

a.to_make_an_order:hover {
	display: block;
	background: url("../img/to_make_an_order.gif") no-repeat left bottom;
	width: 180px;
	height: 45px;
	}

#nav {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	

#nav li {
	float: left;
	position: relative;
	}

#nav li.nav1 {
	height: 20px;
	margin: 0;
	}

#nav li.nav2 {
	width: 86px;
	height: 20px;
	margin: 0 0 0 15px;
	}
	
#nav li ul {
	display: none;
	}	
	
#nav li a {
	display: block;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none; 	
	padding: 3px 0 0 0;
	
	}
	

#nav li:hover a, #nav li.jshover a {
	text-decoration: underline; 	
	}

#nav li:hover ul, #nav li.jshover ul {
  display: block;
}	
	
#nav li ul {
	display: none;
	position: absolute;
	width: 148px;
	padding: 5px 0 0 0;
	margin-left: 35px;
	}	

#nav li ul li.sn_border_top {
	background: #F3EBE0 url("../img/ud_sub_nav_top.gif") no-repeat left top;
	}	

#nav li ul li.sn_border_bottom {
	background: #F3EBE0 url("../img/ud_sub_nav_bottom.gif") no-repeat left bottom;
	}
	
#nav li ul li.sn_border_top_bottom {
	background: url("../img/ud_sub_nav_top_bottom.gif") no-repeat left top;
	}	

#nav li li {	
	width: 148px;	
	background: #F3EBE0;
	}
	
#nav li:hover li a, #nav li.jshover li a  {
	width: 128px;
	color: #0174BA;
	padding: 10px 0;
	margin: 0 10px; 
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	}

#nav li li a:hover {
	color: #00704D;
	}	
	
#nav li li.sn_border_bottom a{
	
	border: none;
	padding: 10px 0 0 0;
	margin: 0 10px 10px 10px;
	}	 

	
#footert {
	background: #FFFFFF;
	vertical-align: bottom;
	}
	
#footer .copyright {
	margin: 30px 0 15px 0;
	float: left;
	}

#footer .working {
	margin: 30px 0 15px 0;
	float: right;
	}	
	

#footer .working a {
	color: #707070;
	}	
	
#main_page {
	width: 100%;
	height: 100%;
	}	
	
#main_page .center_row {
	background: url("../img/fill_main.gif") repeat-x center;
	}	

#main_page .main_big_foto {
	width: 940px;
	height: 600px;
	position: relative;
	background: url("../img/main_big_foto.gif") no-repeat left top;
	}	

#main_page a.contact {
	position: absolute;
	display: block;
	width: 80px;
	top: 330px;
	color: #0079D0;
	}

#main_page a.reg {
	position: absolute;
	display: block;
	width: 80px;
	left: 780px;
	top: 330px;
	color: #0079D0;
	}	

#main_page .main_link {
	position: absolute;
	display: block;	
	left: 307px;
	top: 360px;
	}
	
#main_page .exit {
	display: block;
	position: absolute;
	margin: 212px 0 0 763px;
	font-weight: bold;
	color: #0072BC;
	}	
	
#main_page a.kabinet_link_a {
	position: absolute;
	display: block;
	width: 149px;
	height: 20px;
	top: 210px;
	left: 33px;
	}	

#main_page div.flash {
	position: absolute;
	display: block;
	width: 447px;
	height: 60px;
	top: 191px;
	left: 216px;
	}	

#main_page a.ud {
	position: absolute;
	display: block;
	width: 190px;
	height: 24px;
	top: 280px;
	left: 0px;
	}

#foto, #design {
	position: absolute;
	display: block;
	width: 190px;
	top: 380px;
	left: 0px;
	}
#foto {
	top:440px;
	}
#design {
	top:530px;
	}

.login_form {
	position: absolute;
	margin: 182px 0 0 710px;
	}	
	
.header .login_form {
	margin: -30px 0 0 -22px;
	}	

.login_form th {
	text-align: right;
	vertical-align: middle;
	padding: 0;
	}	

.login_form td {
	padding: 0;
	}
	
.login_form label {
	font-weight: bold;
	display: block;
	}	
	
.login_form input {
	width: 106px;
	height: 20px;
	font-size: 11px;
	margin: 2px 0;
	display: block;
	}	

.login_form input.login_botton {
	width: 38px;
	height: 20px;
	background: url("../img/login_button.gif") no-repeat left top;
	border: none;
	margin: 0 0 0 13px;
	cursor: pointer;
	}
	
.login_form a  {
	color: #707070
	}
	
.login_form a.blue {
	color: #0079D0;
	}	

#main_page .text_block {
	width: 420px;
	position: absolute;
	top: 460px;
	left: 230px;
	}	
	
#main {
	width: 990px;
	height: 100%;
	margin: 0 auto;
	}	

.header {
	width: 990px;
	background: url("../img/fill_header.gif") repeat-x bottom; 
	}

.header .logo {
	background: #F6F0D7;
	vertical-align: middle;
	padding: 0 0 0 39px; 	
	}
	
.header .logo_line {
	background: #F6F0D7 url("../img/header_right.gif") no-repeat right bottom; 
	text-align: right;
	vertical-align: bottom;	
	}	
	
.header .line {
	vertical-align: middle;
	}	
	
.header .line  a {
	color: #FFFFFF;
	margin: 0 0 0 39px;
	font-family: tahoma;
	}	

.header .l_right {
	background: url("../img/right_line.gif") no-repeat right top; 
	}

.header .l_right  a.exit {
	display: block; 
	color: #0079D0;
	margin: 0 0 0 30px;
	font-weight: bold;
	}	
	
.header .kabinet_link {
	text-align: right;
	padding: 0 50px 0 0;
	}	

#content {
	width: 100%;
	}	
	
#private_office {
	background: url("../img/private_office_fone.jpg") no-repeat left bottom; 
	padding: 0 0 7px 0;
	}
	
#private_office a {
	display: block;
	margin: 9px 0;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 5px;
	}	

#private_office a.one_row {
	padding: 15px 5px;
	}
	
#private_office a.three_row {
	padding: 4px 5px;
	}	
	
#private_office a:hover, #private_office a.active {
	color: #0E496C;
	text-decoration: none;
	background: url("../img/private_office_hover.jpg") no-repeat left bottom; 
	}	
	
#private_office a.three_row:hover, #private_office a.active {
	color: #0E496C;
	text-decoration: none;
	background: url("../img/private_office_hover_three.jpg") no-repeat left center; 
	}	
	
a.order_now {
	display: block;
	padding: 20px 0;
	}	
	
.rec_field sup{
	color: #FF0000
	}	
	
.rec_field {
	margin: 23px 39px;
 	}
	
	
	
.reg_table {
	margin: 15px;
	}
	
.reg_table sup{
	color: #FF0000
	}
	
.reg_table label {
	display: block;
	color: #545454;
	font: normal normal 11px arial,verdana,tahoma;
	}

.reg_table input  {
	display: block;
	width: 197px;
	border: 1px solid #7F9DB9;
	color: #0072BC;
	font: normal normal 12px arial,verdana,tahoma;
	}

.reg_table textarea  {
	display: block;
	width: 197px;
	border: 1px solid #7F9DB9;
	color: #0072BC;
	font: normal normal 12px arial,verdana,tahoma;
	}	
	
.reg_table input.button_register	{
	display: block;
	float: right;
	width: 148px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/button_register.gif") no-repeat left top; 
	}

.reg_table input.button_change {
	display: block;
	width: 148px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/button_change.gif") no-repeat left top; 
	margin: 0 auto;
	}	

.reg_table input.button_templ {
	display: block;
	width: 148px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/button_templ.gif") no-repeat left top; 
	color: #000000;
	margin: 0 auto;
	}

.reg_table input.clear_button {
	display: block;
	width: 113px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/clear_button.gif") no-repeat left top; 
	color: #000000;
	margin: 0;
	float: left;
	}

.reg_table input.another_button {
	display: block;
	width: 113px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/another_button.gif") no-repeat left top; 
	color: #000000;
	margin: 0;
	float: right;
	}
	
.reg_table input.ch_box {
	width: 20px;
	float: left;
	border: none;
	}	

.reg_table div {
	text-align: left; 
	width: 200px; 
	margin: 0 auto;
	}

.reg_table div.pi_fone {
	text-align: left; 
	width: 234px; 
	height: 376px;
	background: url("../img/personal_info_bg.gif") no-repeat left top; 
	}	

.reg_table div.pi_fone img {
	display: block;
	margin: 0 0 10px 0;
 	}	
	
.reg_table div.pi_fone div {	
	margin: 0 17px;	
	padding: 14px 0;
	}
	
.reg_table  span {
	color: #545454;
	font: normal normal 11px arial,verdana,tahoma;
	}	

.reg_table td.field {
	background: #FFFFFF;
	padding: 10px;
	border: none;
	text-align: center;
	color: #545454;
	font: normal normal 11px arial,verdana,tahoma;
	}
	
.reg_table td.first_field {
	background: #FFFDF3;
	padding: 15px;
	border: 1px solid #DDDDDD;
	text-align: center;
	color: #545454;
	font: normal normal 11px arial,verdana,tahoma;
	} 

.reg_table td.second_field {
	background: #FFFFFF;
	padding: 15px;
	border: 1px solid #DDDDDD;
	text-align: center;
	color: #545454;
	font: normal normal 11px arial,verdana,tahoma;
	} 
	
	
	
.reg_table td table td {
	height: 40px;
	vertical-align: bottom;
	} 	
	
.order_form	{
	margin: 5px 0 0 0;
	background: url("../img/order_form_bg.gif") no-repeat center top;
	width: 255px;
	height: 442px;
	float: left;
	} 	

.order_form	td {
	padding: 0 26px;
	height: 40px;
	} 	
	
.order_form	td.order_form_col_bg {
	height: 45px;
	background: url("../img/order_form_col_bg.gif") no-repeat center top;
	vertical-align: middle;
	}	
	
.agreement_form	{
	margin: 0 10px 0 0;
	background: url("../img/agreement_form_bg.gif") no-repeat center top;
	width: 255px;
	height: 500px;
	float: left;
	}
	
.agreement_form	td {
	padding: 0 26px;
	height: 38px;
	} 	
	
	
input.clear_button {
	display: block;
	width: 113px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/clear_button.gif") no-repeat left top; 
	color: #000000;
	margin: 0;
	float: left;
	text-align: center;
	}

input.another_button {
	display: block;
	width: 113px;
	height: 27px;
	border: none;
	cursor: pointer;
	background: url("../img/another_button.gif") no-repeat left top; 
	color: #000000;
	margin: 0;
	float: right;
	text-align: center;
	}	
	
	
.rich_table {
	
	}	
	
.rich_table th {
	background: url("../img/table_header.gif") no-repeat center top;
	height: 30px;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
	color: #0E496C;
	font-size: 12px;
	}

.rich_table th.razd {
	background: url("../img/rt_razd.gif") no-repeat center top;
	padding: 0;
	width: 3px;
	}	
	
.rich_table th.first  {
	background: url("../img/table_header.gif") no-repeat left top;
	}	
	
.rich_table th.last  {
	background: url("../img/table_header.gif") no-repeat right top;
	}	

.rich_table td {
	background: #F6F0D7;
	padding: 12px 10px;
	vertical-align: middle;
	text-align: left;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	border-bottom: 1px solid #99CD50;
	}	
	
.rich_table td.razd {
	background: url("../img/rt_razd_td.gif") repeat-y left;
	padding: 0;
	width: 3px;
	}	
	
.rich_table td.first  {
	border-left: 1px solid #99CD50;
	}	
	
.rich_table td.last  {
	border-right: 1px solid #99CD50;
	}

.rich_table td.cent {
	text-align: center;
	}	

.rich_table td.icon {
	vertical-align: middle;
	text-align: center;
	padding: 0;
	}		
	
.rich_table .new {
	color: #F5522C;
	}

.rich_table .grn {
	color: #547825;
	}
	
.rich_table .distribution {
	color: #2266E3;
	}	
	
.rich_table .execut {
	color: #6A9530;
	}	
	
	
.rich_table1 {
	
	}	
	
.rich_table1 th {
	border: 1px solid #D6D5D5;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	background: #FFFBEB;
	color: #545454;
	font-size: 11px;
	}


.rich_table1 td {
	border: 1px solid #D6D5D5;
	padding: 7px 5px;
	vertical-align: middle;
	text-align: center;
	background: #FFFFFF;
	color: #545454;
	font-size: 11px;
	}	
	
.rich_table1 td.sec {
	background: #EBF9A8;
	}	
	
div.pager {
	float: right;
	text-align: right;
	}		

.pager a {
	color: #707070;
	text-decoration: none;
	}	
	
.pager a:hover {
	text-decoration: underline;
	}		

.pager span {
	color: #117BC0;
	font-weight: bold;
	}
	
.vizitka  i {  
	color: #0079D0;
	font-size: 14px
	}	
	
.vizitka  img {  
	display: block;
	margin: 5px 0 10px 0;
	border: 1px solid #000000;
	}	
	
.razrab {
	padding: 13px; 
	border: 1px solid #EBEBEB;
	background: #FFFEFC;
	color: #117BC0;
	margin: 0 0 10px 0;
	}	

.razrab input {
	display: block;
	float: left;
	}	
	
.razrab textarea {
	width: 500px;
	}	
	
.terms {
	width: 270px;
	height: 200px;
	border: 1px solid #7F9DB9;
	font: normal normal 12px arial,verdana,tahoma;
	overflow: auto;
	padding: 5px;
	}	
	
.prise_table td {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px 10px; 
	}	

.prise_table th {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #000000;
	padding: 5px 10px;
	font-weight: bold;
	}	
	
.view_makets {
	float: right;
	width: 180px;
	position: relative;
	text-align: center;
	}	

.view_makets a {
	display: block;
	}	
	
.view_makets h2 {
	margin: 0 0 5px 0;
	}
	
.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #0072BC;
	background-color: #FFFFFF;
	margin: 10px 10px; 
	width: 160px;
	}	

.tooltip div {
	text-align: left;
	padding: 5px; 
	color: #707070;
	}	

.mockups a {
	display: block;
	} 
	
.table_mockups td {
	text-align: center;
	vertical-align: middle;
	padding: 0 20px;
	} 	 
	
.table_mockups td.opis {
	text-align: left;
	vertical-align: top;
	padding: 5px 20px;
	}	
	
.table_mockups td.del {
	text-align: center;
	vertical-align: top;
	padding: 5px 20px 20px 20px;
	}