@charset "utf-8";
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
}


/***************Main*****************/

.main {
width:100%; 
padding:0; 
margin:0 auto; 
}

/****************Header top*************/

.header { 
background: url(images/header_bg.gif) top repeat-x; 
padding:0; 
margin:0 auto; 
}

.block_header {
margin:0 auto; 
width:960px; 
padding:0;
}
/**************Logotip******************/
.logo { 
float:left; 
padding:0; 
margin:0; 
width:410px;
}
/****************Navigaciya1******************/	

.menu { 
float:right; 
padding:75px 0 0 0; 
margin:0; 
width:550px; 
height:36px;
}
.menu ul {  
float:right; 
padding:0; 
margin:0; 
list-style:none; 
border:0;
}
.menu ul li { 
float:left; 
margin:0; 
padding:0; 
border:0;
}
.menu ul li a { 
float:left; 
margin:0; 
padding:11px 0; 
color:#454545; 
font:normal 12px Arial, Helvetica, sans-serif; 
text-decoration:none;
}
.menu ul li a span { 
padding:11px 13px; 
background:none;
}
.menu ul li a:hover {
color:#fff;  
background:url(images/r_menu.gif) no-repeat right;
}
.menu ul li a:hover span {
color:#fff;  
background:url(images/l_menu.gif) no-repeat left;
}
.menu ul li a.active { 
color:#fff;  
background:url(images/r_menu.gif) no-repeat right;
}
.menu ul li a.active span { 
color:#fff;  
background:url(images/l_menu.gif) no-repeat left;
}

/***************Header bottom******************/

.header_top { 
background:url(images/top_header.jpg) top center repeat-x; 
padding:0; 
margin:0; 
height:120px;
}
.header_top_resize { 
width:960px; 
margin:0 auto; 
padding:0;
}
.header_top_resize h2 { 
font: bold 30px Arial, Helvetica, sans-serif; 
color:#fff; 
padding:20px 0 0 5px; 
margin:0;
}
.header_top_resize p { 
font: normal 12px Arial, Helvetica, sans-serif; 
color:#fff; 
padding:0 0 0 7px; 
margin:0;
}
.header_top_resize p.add {
float:right;
margin:0px;
padding:0;
}
/*********************Body***************************/

.body { 
margin:0;
padding-bottom: 70px;
}

.body_resize {
width:960px; 
margin:0 auto; 
padding-top:10px;
padding-bottom:20px;
}

.body_resize h2 {
font:bold 18px Arial, Helvetica, Verdana, sans-serif;
color:#2b2b2b;
padding:10px;	
margin:0;
text-align:center;
border-bottom:#cccccc solid 2px;
}
.body_resize h3 {
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
color:#2b2b2b;
padding:10px;	
margin:0;
text-align:center;
}
.body_resize h2 span { 
font: normal 12px Arial, Helvetica, sans-serif; 
color:#2b2b2b;
}
.body_resize p { 
font:normal 12px Arial, Helvetica, sans-serif; 
color:#444; 
padding:10px 5px; 
margin:0; 
line-height:1.5em;
}
.body_resize p span {
font:bold 12px Arial, Helvetica, sans-serif; 
color:#444; 
padding:10px 0px; 
margin:0; 
line-height:1.5em;
}
.body_resize a {
color:#509edc;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}

.body_resize img {
float:left;
margin:20px 10px;
padding:0;
}
.body_resize img.ico {
float:right;
padding:0;
border:none;
margin:0px 5px;
}
.body_resize img.iconone {
float:none;
padding:0px;
border:none;
margin:10px 50px 5px 50px;
}
.right  { 
width:650px; 
float:right; 
margin:0; 
padding:10px 5px;
}

.right li {
margin:0; 
font: normal 12px Arial, Helvetica, sans-serif; 
color:#333;
list-style-image:url(images/fspisok.gif);
}

.right li span {
margin:0; 
font: bold 12px Arial, Helvetica, sans-serif; 
color:#333;
list-style-image:url(images/fspisok.gif);
}
.left  { 
width:260px; 
float:left; 
margin:0;
} 

.left li {
list-style:none; 
margin:0; 
font: normal 12px Arial, Helvetica, sans-serif; 
color:#333;

}
.contactleft  { 
width:350px; 
float:left; 
margin:0;
padding:10px 5px;
}
.zayavka  { 
width:350px; 
float:left; 
margin:0;
padding:10px 5px;
border-right:#CCC 1px solid;
}
.contactright  { 
width:560px; 
float:right; 
margin:0; 
padding:10px 5px;
}
.helpinfright {
width:600px; 
float:right; 
margin:0;
padding:10px 5px;
}
.helpinfleft {
width:300px;
float:left;
margin:0;
padding:10px 5px;
border-right:#CCC solid; 
}
.helpinfright li {
margin:0; 
font: normal 12px Arial, Helvetica, sans-serif; 
color:#333;
list-style-image:url(images/fspisok.gif);
}

/**********************Navigaciya2************************/

.boxnavtop {
width:260px;	
}
.boxnavbottom {
width:260px;	
}	
.menunav {
width:260px;	
padding:15px 0px;
}	
.menunav li {
width:222px;
background:url(images/sepnav.gif) repeat-x 0 100%;
float:left;
padding:0 0 3px 0;
}
.menunav li a, .menunav li a:link, .menunav li a:visited {
width:222px;
float:left;
font-size:12px;
padding:9px 0;
color:#333;
}
.menunav li a:hover {
color:#6699cc;
text-decoration:none;
background:url(images/menunav_hover.gif) no-repeat 100% 0;
}
.menunav li a.active {
color:#6699cc;
background:url(images/menunav_hover.gif) no-repeat 100% 0;
}
/**********************Footer*****************************/

.footer_resize {
width:960px; 
margin:0 auto; 
padding:10px 0;
}
.footer { 
background: #f0f0f0 url(images/footer_bg.gif) top repeat-x; 
height: 70px;
width: 100%;
position: absolute;
bottom: 0;
}
.footer p { 
font:normal 11px  Arial, Helvetica, sans-serif; 
/*color:#dedede;*/
}
.footer a { 
font:normal 12px Arial, Helvetica, sans-serif; 
color:#696969; 
text-decoration:underline; 
padding:5px; 
margin:0;
}
.footer p.inleft {
text-align:left; 
width:50%; 
margin:0; 
padding:15px 0 0 20px; 
float:left;
} 
.footer p.inright {
text-align:right; 
width:30%; 
margin:0; 
padding:10px 20px 0 0; 
float:right;
} 
.footer p.inright img.ico { 
margin:0; 
float:right;
} 
/********************Different************************/
.clr { 
clear:both; 
padding:0; 
margin:0; 
background:none;
}
.icoposition{
position:fixed; 
right:0px; 
top:9px; 
margin:0px; 
padding:0px;
}

/******************Forms*******************/
.contactright p {
font:bold 12px Arial, Helvetica, sans-serif; 
color:#333;	
}
.contactright p.forscripts {
font:bold 12px Arial, Helvetica, sans-serif; 
color:#cc3333;	
text-align:center; 
}
.inputtext {
width:300px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}
.inputtext2 {
width:400px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}
.comarea {
width:400px;
height:250px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}
.contactright input,textarea {
font:normal 12px Arial, Helvetica, sans-serif; 
color:#333; 
border:1px solid #ccc;
}
.contactright select {
font:normal 12px Arial, Helvetica, sans-serif; 
color:#333; 
border:1px solid #ccc;
width:300px;
height:20px;
}
input.formbutton {
border:2px #ccc solid;
width:150px;
color:#fff;
font:11px Verdana, Geneva, sans-serif;
background-color:#58A7FF;
font-weight:700;
text-transform:uppercase;
height:25px;
}
.inputtextact {
width:300px; 
background-image: none; 
padding:5px;
}
.inputtextact2 {
width:400px; 
background-image: none; 
padding:5px;
}
.comareaact {
width:400px;
height:250px;
background-image: none; 
padding:5px;
}
.boxnavtop img {
width:200px;
height:50px;
float: right;
padding:5px 0px 5px 0px;
margin:0px;
}

.cpojer-links	{ 
font:normal 12px Arial, Helvetica, sans-serif;
}
.cpojer-links a	{
			display: inline-block;
			padding: 1px 3px 0px 3px;
			outline: 0;
			color: #509EDC;
			-webkit-transition-duration: 0.25s;
			-moz-transition-duration: 0.25s;
			-o-transition-duration: 0.25s;
			transition-duration: 0.25s;
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			-o-transition-property: -o-transform;
			transition-property: transform;
			-webkit-transform: scale(1) rotate(0);
			-moz-transform: scale(1) rotate(0);
			-o-transform: scale(1) rotate(0);
			transform: scale(1) rotate(0);
}
.cpojer-links a:hover {
			background: #6699cc;
			text-decoration: none;
			color: #fff;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			-webkit-transform: scale(1.05) rotate(-1deg);
			-moz-transform: scale(1.05) rotate(-1deg);
			-o-transform: scale(1.05) rotate(-1deg);
			transform: scale(1.05) rotate(-1deg);
}
.cpojer-links a:nth-child(2n):hover {
		  -webkit-transform: scale(1.05) rotate(1deg);
		  -moz-transform: scale(1.05) rotate(1deg);
		  -o-transform: scale(1.05) rotate(1deg);
		  transform: scale(1.05) rotate(1deg);
}