/*--------------------------------------------------
 Basic Style Sheat 
(for document structure)
Date:  14/11/2008
Autor:   Zidyganov A. V. (Aseran)
e-mail: av-zidiganov@yandex.ru
ICQ:   388-114-421
Skype: html-az
---------------------------------------------------*/
html {
	height:100%; 
}
body {
	background: transparent url("../images/fone.jpg") repeat scroll 0% 0% ; 
	font-size: 62.5%;
	height:100%;
	width: 100%;

}

/************************************************************
********************** main-page*********************************
**************************************************************/
#site {
	margin:0 auto;
	width: 1024px;
	position:relative; 
	min-height: 100%;
	background-color: #fff;
}
a img{
	border: 0px;
	text-decoration: none;
}
/********************** heder*********************************
**************************************************************/
.head {
	height: 383px;
	position: relative;
} 
.hhd1{background: transparent url(../images/head-comp123.jpg) no-repeat scroll 0% 0% ;}
.hhd2{background: transparent url(../images/banner.jpg) no-repeat scroll 0% 0% ;}
.hhd3{background: transparent url(../images/banner2.jpg) no-repeat scroll 0% 0% ;}
.hhd4{background: transparent url(../images/error-ban.jpg) no-repeat scroll 0% 0% ;}
.head img{
	position: absolute;
	top: 0px;
	right: 0px;
} 
.head ul {
	position: absolute;
	top: 40px;
	left: 15px;
}
.head ul li{
	float: left;
	padding-right: 25px;
}
.head ul #home a{
	background: transparent url(../images/home.gif) no-repeat scroll 0% 0% ;
	display: block;
	width: 30px;
	height: 20px;
	text-indent: -2000px;
}
.head ul #sitemap a{
	background: transparent url(../images/map.gif) no-repeat scroll 0% 0% ;
	display: block;
	width: 30px;
	height: 20px;
	text-indent: -2000px;
}
.head ul #mail a{
	background: transparent url(../images/mail.gif) no-repeat scroll 0% 0% ;
	display: block;
	width: 30px;
	height: 20px;
	text-indent: -2000px;
}

/************************COntent******************************/
.content {
	padding-bottom: 176px;
	overflow: hidden;
}

/************************COntent-top-menu******************************/
.content .top {
	width: 1024px;
	height: 68px;
}
.content .top li{
	float: left;
	width: 200px;
	height: 56px;
	text-align: center;
	font: normal 180%/300% Arial, sans-serif;
	color: #1985c1;
	background: transparent url(../images/menu.jpg) no-repeat scroll 0% 0% ;	
}
.content .top li.first{
	background: transparent url(../images/menu.jpg) no-repeat scroll 0% 0%;
}
.content .top li.last{
	background: transparent url(../images/a-last.jpg) no-repeat scroll 0% 0% ;	
	width: 224px;
}
.content .top li.last a{
	display: block;
	width: 224px;
	height: 56px;
	background: transparent url(../images/a-menu.jpg) repeat-x scroll 0% 0% ;	
}
.content .top li.first{
	background: transparent url(../images/a-first.jpg) no-repeat scroll 0% 0% ;	
	height: 56px;
}

.content .top li a {
	display: block;
	font-size: 18px;
	width: 200px;
	height: 56px;
	color: #1985c1;
	text-decoration: none;
	background: transparent url(../images/a-menu.jpg) no-repeat scroll 0% 0% ;	
}
.content .top li a:hover {
	text-decoration: underline;
	background: none;		
}
/************************Content - img******************************/
.top-img {
	height: 130px;
}
.top-img img {
	margin: 5px 19px;
}
/************************Content - left-sidebar******************************/
.left {
	width: 360px;
	float: left;
	padding-top: 10px;
}
/************************Content - left-sidebar-search******************************/
.left form {
	padding: 10px 0px 10px 0px;
}
.search {
	display: block;
	height: 20px;	
	font: normal 140%/140% Arial, sans-serif;
	background-color: transparent;
	color: #000;
	margin-left: 8px;
	border: 0px;
	float: left;
}
.searchp {
	height: 24px;
	width: 80%;
	background: transparent url(../images/seach-fone.jpg) no-repeat scroll 0% 0% ;
	margin-left: 20px;
}
.go {
	display: block;
	height: 24px;
	font: normal 140%/140% Arial, sans-serif;
	color: #28343a;
	border: 0px;
	margin-left: 15px;
	float: left;
	background-color: transparent;
	text-decoration: underline;
	cursor:pointer;
}
.go:hover {
	text-decoration: none;
}
/************************Content - left-sidebar-menu******************************/
.left ul {
	width: 292px;
	margin: 10px 0px 10px 20px;
}
.left ul li{
	width: 292px;
	margin-bottom: 5px;
}

.left ul li a{
	font: normal 15px/160% Arial, sans-serif;
	display: block;
	width: 292px;
	height: 30px;
	color: #1985c1;
	padding-left: 5px;
	text-decoration: none;
	background: transparent url(../images/left-menu-fone.jpg) no-repeat scroll 0% 100%;
	
}
.left ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/left-menu-fone.jpg) no-repeat scroll 0% 0%;	
}
.left ul li span{
	font: normal 15px/160% Arial, sans-serif;
	display: block;
	width: 292px;
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
	background: transparent url(../images/left-menu-fone.jpg) no-repeat scroll 0% 0%;	
}
.left .ul-in {
	overflow: hidden;
	width: 260px;
	margin: 2px 0px -4px 20px;	
}
.left .ul-in li  {
	background: transparent url(../images/kapelka.jpg) no-repeat scroll 0% 0%;	
	padding-left: 20px;
}
.left .ul-in li a {
	background: none;
	width: 85%;
	height: 100%;
	font-size: 12px;
	text-decoration: underline;
}
.left .ul-in li a:hover {
	background: none;
	text-decoration: none;
	color: #1985c1;
}
.left .ul-in li span {
	background: none;
	font-size: 12px;
	text-decoration: none;
	color: #1985c1;
}

/************************Content - right-sidebar******************************/
.right {
	width: 660px;
	float: left;
	padding-top: 10px;
	overflow: hidden;
	line-height: 1.5!important;
}
.right h2 {
	font-size: 29px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1985c1;
}
.right p {
	font: normal 14px/140% Arial, sans-serif;
	color: #28343a;
	padding: 0px 10px 10px 0px;

}
.right ol
{
	font: normal 140%/140% Arial, sans-serif;
	color: #28343a;
	list-style:square;
	margin-left: 15px;
	margin-bottom: 5px;
	margin-top:-10px;
}
.right ul
{
	font: normal 140%/140% Arial, sans-serif;
	color: #28343a;
	/*margin-bottom: 5px;
	margin-top:-10px;*/
	margin: 0;
	padding: 0;
}
.right ul li  {
	background: transparent url(../images/kapelka.jpg) no-repeat scroll 0% 0%;	
	padding-left: 20px;
	line-height: 1.5;
}

.right table
{
	margin: 0px 0 10px 3px;
}
.right TABLE.gal
{
	margin: 0px 0 10px -20px!important;
}
.right ul li A
{
	font-size: 14px!important;
	float: left;
}

#res_form td{
	font: normal 140%/140% Arial, sans-serif;
	color: #28343a;
}
#res_form td a{
	color: #28343a;
}
#res_form td a:hover{
	text-decoration:none;
	color: #28343a;
}
.right p span {
	font: bold 100%/100% Arial, sans-serif;
	color: #1985c1;
}
.right p b {
	font: bold 300%/100% Arial, sans-serif;
}

.right .zadacha {
	color: #1985c1;
}
.right .colonka {
	width: 330px;
	float: left;
}


/************************Content - right-sidebar -img******************************/
.img-content {
	height: 140px;
	margin-left: -40px;
}
.img-content img {
	margin: 5px 0px 0px 38px;;
}

/***********************Footer******************************/

.fffoo2{
	background: transparent url(../images/footer.jpg) no-repeat scroll 0% 0%;	
}
.fffoo3{
	background: transparent url(../images/footer-1.jpg) no-repeat scroll 0% 0%;	
}

#footer {
	margin: 0 auto;
	height: 176px;
	width: 1024px;
	position: relative;
	
	margin-top: -176px;
}
#footer .rabota {
	color: #1985c1;
	font: normal 160%/160% Arial, sans-serif;
	position: relative;
	top: 40px;
	left: 30px;
}
#footer p {
	position: absolute;
	top: 145px;
	right: 20px;
	color: #d7e8f2;
	font: normal 120%/120% Arial, sans-serif;

}
#footer p a {
	color: #d7e8f2;
	text-decoration: underline;
}
#footer p a:hover
{
	text-decoration: none;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/************************************************************
********************** 2-page*********************************
**************************************************************/
#gallery .left img {
	margin: 10px 0px 10px 18px;
}
#gallery #footer {
	margin: 0 auto;
	height: 176px;
	width: 1024px;
	position: relative;
	background: transparent url(../images/footer-gallery.jpg) no-repeat scroll 0% 0%;	
	margin-top: -176px;
}
#gallery h3 {
	font: bold 160%/220% Arial, sans-serif;
	color: #1985c1;
}
#gallery .right img {
	margin: 10px 30px 10px 0px;
}
#gallery .head {
	height: 383px;
	background: transparent url(../images/head-gallery.jpg) no-repeat scroll 0% 0% ;
	position: relative;
} 
em {
font-style: italic;
}

.right p strong {
     font: bold 16px/100% Arial, sans-serif;
     color: #1985c1;
}
.ininput,.inselec{margin-top: 2px;display: block; width: 335px;margin-left: 33px;}
.ssi{color: #001775; background-color: #C8D1D1;}
.ssi:hover{background-color: #B7E2FF;}

A { 

	color:#1985c1; 
	text-decoration:underline; }
A:Hover { 
	text-decoration:none; }

/*>>>>>>>>CALC<<<<<<<<<*/
TABLE.calc
{
	margin:25px 0 25px 0;
	font-size: 70%!important;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
TABLE.calc TR TD TABLE TR
{
	border-top: 2px solid #fff;
}
TABLE.calc TR TD TABLE TR TD
{
	padding: 0 5px 0 5px;
}
TABLE.calc TR TD TABLE TR TD INPUT
{
	margin-right: 10px;
}
.calc_size
{
	background-image: url(../images/calc_size.jpg);
	background-repeat: no-repeat;
	width: 199px;
	height: 102px;
	float: left;
	margin: 100px 0 0 60px;
	display: inline;
}
.calc_size P.c_width
{
	margin: 80px 0 0 0;
	text-align: center;
}
.calc_size P.c_height
{
	text-align: center;
	float: right;
	width: 10px;
}
.calc_size P.c_top
{
	float: left;
	margin:	25px 0 0 70px;
}
.punkt
{
	border-bottom: 1px dashed;
}
A.punkt
{
	text-decoration: none;
}
/*>>>>>>>>>calc<<<<<<<<<<<<*/
.calc
{
	background-image: url(/images/top-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 587px;
	padding-top: 17px;
	color: #1985c1;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.calc INPUT
{

}
.calc STRONG
{
	font-weight: bold;
	font-size: 14px;
}
.calc .bord
{
	background-image: url(/images/bot-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #e1f8ff;
	margin: 0;
	float: left;
	width: 507px;
	padding: 0 40px 25px 40px;
}
.calc .bord TABLE
{
	width: 100%;
	margin: 0;
}
.calc .bord TABLE TR TD
{
	font-size: 14px;
}
.calc .bord  HR.min, .calc .bord  HR, .calc .bord D HR.big
{
	border-top: 1px solid #1985c1;
	display: block;
	height: 2px;
	margin: 0.5em auto;
}
.calc .bord  HR
{
	border-top: 2px solid #1985c1;
}
.calc .bord  HR.big
{
	border-top: 2px solid #1985c1;
	margin: 0px 0 15px 0;

}
.calc .bord TABLE TR#dd2 TD, .calc .bord TABLE TR#dd3 TD, .calc .bord TABLE TR.ddcl TD
{
	padding-bottom: 14px;
}
.calc .bord TABLE TR#dd1 INPUT, .calc .bord TABLE TR#dd2 INPUT, .calc .bord TABLE TR#dd3 INPUT, .calc .bord TABLE TR.ddcl INPUT
{
	border: 1px solid #2e91c8;
	width: 90px;
	height: 19px;
	background-color: #f3fcff;
}
.calc .bord TABLE TR#dd1 label, .calc .bord TABLE TR#dd2 label, .calc .bord TABLE TR#dd3 label, .calc .bord TABLE TR.ddcl label
{
	width: 90px;
	float: left;
	background-image: url(/images/men-bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 17px;
}
.calc_menu
{
	width: 228px;
	float: left;
	font-size: 14px;
	color: #1985c1;
}
.calc_menu UL
{
	padding-right: 10px;
	float: left;
	width: 218px;
}
.calc_menu UL LI
{
	background-image: url(/images/men-bg.jpg);
	background-position: left 7px;
	color: #1985c1;
	font-size: 14px;
	float: left;
	width: 198px;
	height: 24px;
	padding-top: 3px;
}
.calc_menu UL LI.brd
{
	border-bottom: 1px solid #1985c1;
}
.calc_menu UL LI SPAN
{
	float: left;
}
.calc_menu UL LI INPUT
{
	float: right;
}
.calc_menu INPUT#ssum
{
	float: left;
	width: 70px;
}
.both
{
	clear:both;
}
.calc_rght
{
	float: right;
	width: 234px;
}
.calc_rght IMG
{
	margin-bottom: 20px;
}