﻿/*---------- общие стили ----------*/
html,body{
	width: 100%;
	height: 100%;
}

body{
	background: #fff;
}

h2 {
	font-size: 18pt !important;
}

.page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.wrap {
	padding-bottom: 83px;
	width: 942px;
	margin: 0 auto;
}

.header{
	background: url("../img/menubg.png") no-repeat center top,
	url("../img/bg.jpg") no-repeat center top;
	height: 401px;
	width: 942px;
	position: relative;
}

.footer {
	height: 51px;
	border-top: 2px solid #eee;
	width: 942px;
	margin: -53px auto 0 auto;
}

.mainmenu{
	float: left;
	padding-left: 10px;
	height: 49px;
}

.mainmenu li{
	float: left;
	list-style:none;
}

.mainmenu a{
	padding: 5px 15px;
	font: 16px/49px 'Droid Sans', sans-serif;
	font-style: italic;
	text-decoration: none;
	color: #262323;
	text-shadow: 1px 1px 0 #fff;
}

.mainmenu .active{
	background: url("../img/active.png") repeat-x center center;
	color: #fff;
	text-shadow: 0 1px 0 #440412;
	border-radius: 10px;
	margin: 0 5px;
    padding: 5px 10px;
}

.loginpanel{
	float: right;
	height: 22px;
	padding: 14px 10px 0 0;
}

.log{
	display: block;
}

.ex{
	display: none;
}

.loginpanel input[type="submit"]{
	background: url("../img/login.png") no-repeat center top;
	font: 11px/22px Arial,sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #115189;
	width: 55px;
	display: block;
	text-decoration: none;
	float: left;
	border:0px;
	height:20px;
}

.exit{
	background: url("../img/exit.png") no-repeat center top;
	font: 11px/22px Arial,sans-serif;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 0 #115189;
	width: 55px;
	display: inline-block;
	text-decoration: none;
	margin: 0 10px;
}

.myac{
	color: #861e22;
	font: 14px/22px Arial,sans-serif;
	float: left;
	margin: 0 10px;
}

.loginpanel input[type="text"],.loginpanel input[type="password"]{
	background: url("../img/input.png") no-repeat center 1px!important;
	display: block!important;
	width: 85px!important;
	height: 14px!important;
	border: 0px!important;
	font: 11px/22px Arial,sans-serif!important;
	color: #4c82c9!important;
	padding-left: 5px!important;
	float: left!important;
	margin: 0 5px 0 0!important;
}

.hi{
	font: 11px/22px Arial,sans-serif;
	color: #4c82c9;
	margin-top: -6px;
}

b{
	font-weight: bold!important;
}

.baners{
	height: 103px;
	width: 942px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.baner{
	background: url("../img/baner.png") no-repeat center top;
	display: block;
	float: left;
	width: 313px;
	height: 103px;
	margin-right: 1px; 
	position: relative;
	text-decoration: none;
}

.baner2{
	background: url("../img/part.png") no-repeat 119px top,
	url("../img/baner.png") no-repeat center top!important;
}

.baner span{
	position: absolute;
	color: #3a3a3a;
	font:italic 15px/15px 'Droid Sans', sans-serif;
	text-shadow: 1px 1px 0 #fff;
	top: 67px;
	left: 76px;
}

.none{
	margin: 0px!important;
	padding:0px!important;
}

.baner p{
	font:bold 20px/103px 'Droid Sans', sans-serif;
	color: #be0c16;
	text-shadow: 1px 1px 0 #fff;
	font-style: italic;
	text-align: right;
	padding-right: 40px;
}

.ico{
	background: url("../img/banerico.png") no-repeat 5px top;
}

.sec{
	background-position: -5px center;
	padding-right: 25px!important;
}

.ther{
	background-position: 5px bottom;
}

.logo{
	background: url("../img/logo.png") no-repeat left top;
	width: 166px;
	height: 167px;
	display: block;
	position: absolute;
	left: 27px;
	top: 78px;
}

.slogan{
	background: url("../img/slogan.png") no-repeat left top;
	width: 263px;
	height: 152px;
	position: absolute;
	left: 223px;
	top: 93px;
}

.lang{
	width: 200px;
	height: 24px;
	position: absolute;
	top: 60px;
	right: 2px;
}

.lang a{
	background: url("../img/lang.png") no-repeat left top;
	width: 40px;
	height: 24px;
	display: block;
	float: left;
	margin: 0 5px;
}

.l2{
	background-position: left -24px!important;
}

.l3{
	background-position: left -48px!important;
}

.l4{
	background-position: left -72px!important;
}

.body{
	padding-top: 20px;
	clear:both;
}

.tblock{
	width: 312px;
	float: left;
	min-height: 300px;
	margin-right: 3px;
}

.tarif{
	background: url("../img/tarifbg.png") repeat-x left top;
}

.clear{
	clear: both;
}

.cen{
	text-align: center;
}

.ttitle{
	background: url("../img/tariftitle.png") no-repeat left top;
	width: 292px;
	padding-left: 20px;
	height: 56px; 
	font:italic bold 16px/56px 'Droid Sans', sans-serif;
	color: #3d3d3d;
	text-shadow: 1px 1px 0 #fff;
}

.cost{
	color: #b32830;
	font:italic bold 26px/56px 'Droid Sans', sans-serif;
	text-shadow: 1px 1px 0 #fff;
	padding-left: 20px;
}

.cost span{
	font:italic 17px/56px 'Droid Sans', sans-serif;
	color: #838383;
}

.text{
	padding: 0 20px;
	font: 12px/22px Arial, sans-serif;
}

.text li, .lg li {
	/* text-decoration: underline; */
	font: 12px/22px Arial, sans-serif;
}

.text li:before, .lg li:before{
/*    content: "> ";  */
}

.more{
	background: url("../img/more.png") no-repeat left top;
	width: 79px;
	height: 33px;
	margin: 20px 0 20px 190px;
	display: block;
}

.wetex p{
        margin: 10px 0 0 0;
}

.cop{
	width: 500px;
	height: 51px;
	border-top: 2px solid #dadada;
	font: 12px/51px Arial, sans-serif;
	color: #858484;
	margin-top: -2px;
	text-align: left;
}

.cop span{
	color: #3a3a3a;
}

.cop a{
	color: #7e080e;
	text-decoration: none;
}

.contact .us{
	width: 518px;
	padding-left: 15px;
	float: left;
}

.body h2{
	font: 26px/36px 'Droid Sans', sans-serif !important;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #3a3a3a !important;
}

.contact .us table{
	background: #ececec;
	width: 100%;
}

.contact .us  td{
	border: 1px solid #dfdfdf;
	padding: 20px;
	width: 50%;
	color: #454545;
	font: 13px/17px Arial, sans-serif;
}

.contact .us .tit td{
	font-style: bold;
	color: #3a3a3a;
	font:italic bold 15px/20px 'Droid Sans', sans-serif;

}

.red{
	color: #eb1125;
}

.contact .us td a{
	color: #1382b5;
}

.contact .form{
	margin-left: 20px;
	width: 370px;
	float: left;
}

.contact form, .report form, .invoice form, .password form{
	border: 1px solid #dfdfdf;
	width: 330px;
	padding: 20px;
	background: #ececec;
	color: #454545;
	font: 11px/16px Arial, sans-serif;
}

.over form{
	border: 1px solid #dfdfdf;
	width: 358px;
	margin-left: 50px;
	padding: 20px;
	background: #ececec;
	color: #454545;
	font: 11px/16px Arial, sans-serif;
}

.invoice form{
	width: 430px;
	padding-bottom: 0px!important;
	margin-bottom: 20px;
}

.ful{
	font:italic bold 15px/20px 'Droid Sans', sans-serif;
}

form input[type="text"],textarea{
	border: 1px solid #c2c1c1;
	width: 160px;
	padding-left: 10px;
	height: 20px;
	box-shadow: inset 1px 1px 1px #dedede;
	border-radius: 4px;
	margin: 5px 0;
}
form textarea{
	height: 50px!important
}

.form tr td, .report td, .password td{
	width: 140px;
	vertical-align: middle;
}

.form table, .report table, .password table{
	margin-top: 10px;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.ob{
	color: #3c75af;
}

.send{
	background: url("../img/send.png") no-repeat left top;
	width: 105px !important;
	height: 31px;
	border: 0px;
	margin: 20px 0 15px 150px;
	text-indent: -9999px;
	cursor: pointer;
}

.pad{
	padding: 0 20px;
	width: 900px;
}

.downloads table{
	background: #ececec;
	width: 100%;
}

.downloads td{
	border: 1px solid #dfdfdf;
	color: #454545;
	font: 13px/17px Arial, sans-serif;
	vertical-align: middle;
}

.ftd{
	width: 85%;
	padding: 10px 30px;
}

a.downloads{
	background: url("../img/downloads.png") no-repeat left top;
	width: 75px;
	height: 22px;
	display: inline-block;
}

.b{
	font-weight: bold;
}

.rep{
	width: 460px;
	display: inline-block;
}

.repo{
	width: 400px;
	display: inline-block;
	color: #858484;
	font: 14px/18px Arial, sans-serif;
	vertical-align: top;
}

b{
	font-weight: bold!important;
}

.repo p{
	padding: 5px 0;
}

.inv{
	width: 470px;
	display: inline-block;
	vertical-align: top;
}

.sel{
	background: url("../img/grad3.jpg") repeat-x left bottom #f4f4f4;
	width: 210px;
	margin: 20px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	border:1px solid #dedede;
}

.sel2{
	background: url("../img/grad3.jpg") repeat-x left bottom #f4f4f4;
	
}

.sel select{
	background: #dfdfdf;
	color:#BE0C16;
	border: 1px solid #b2b2b2;
	width: 180px;
	margin-top: 12px;
}

.view{
	background: url("../img/view.png") no-repeat left top;
	width: 84px;
	height: 31px;
	display: block;
	margin: 10px;
	border: 0px;
	cursor: pointer;
	text-indent: -9999px;
}

.but{
	width: 150px;
	display: inline-block;
	margin: 20px 0;
}

.but2{
	width: 350px;
	display: block;
	margin: 0px 0 20px 0;
}

#FailureReportForm_type input[type="checkbox"]{
	margin:4px 4px 0 0!important;
	float:left!important;
}

.get{
	background: url("../img/get.png") no-repeat left top;
	width: 84px!important;
	height: 31px;
	display: block;
	margin: 10px;
	border: 0px;
	cursor: pointer;
	text-indent: -9999px;
}

.invoice h3{
	color: #366fb3;
	font: 14px/20px 'Droid Sans', sans-serif;
}

.ivot{
	background: #ececec;
	width: 100%;
	margin-bottom: 20px;
}

.finv td{
	border: 1px solid #dfdfdf;
	color: #454545;
	font: 13px/17px Arial, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-weight: bold!important;
}

.ivot tr{
	border: 1px solid #dfdfdf;
	color: #454545;
	font: 13px/17px Arial, sans-serif;
	vertical-align: middle;
	text-align: center;
	height: 30px;
}

.ivot td{
	vertical-align: middle;
}

.go{
	background: url("../img/go.png") no-repeat left top;
	width: 38px;
	height: 23px;
	border: 0px;
	margin: 20px 0 15px 150px;
	text-indent: -9999px;
	cursor: pointer;
}

.apply {
    border: 0 none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    height: 31px;
    margin-right: 25px;
    text-shadow: 1px 1px 0 #115189;
    width: 94px !important;
    background: #3772BA;
    background: -o-linear-gradient(#71A6D5, #3772BA);
    background: -webkit-gradient(linear, left top, left bottom, from(#71A6D5), to(#3772BA));
    background: -moz-linear-gradient(top, #71A6D5, #3772BA);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#71A6D5', endColorstr = '#3772BA');
}


.cancel{
	background: url("../img/cancel.png") no-repeat left top;
	width: 84px;
	height: 31px;
	border: 0px;
	margin-right: 25px;
	text-indent: -9999px;
	cursor: pointer;
	display: inline-block;
}

.inv2{
	width: 270px;
	display: inline-block;
	margin-left: 100px;
}

.inv2 table{
	background: #ececec;
	width: 100%;
}

.inv2 td{
	border: 1px solid #dfdfdf;
	color: #454545;
	font: 13px/17px Arial, sans-serif;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}

.we{
	float: left;
	margin: 20px 0;
}

.wetex{
	float: left;
	margin: 20px 0 20px 30px;
	width:590px;
	color: #858484;
	font: 12px/18px Arial, sans-serif;

}

.wtitle{
	font:bold italic 15px/22px Arial, sans-serif;
	padding-bottom: 10px;
	color: #454545;
}

.wetex .more, .lg .more, .over .more{
	display: inline-block!important;
	margin:10px 0 0 0!important;
}

.avail{
	width: 481px;
	min-height: 300px;	
	float: left;
	font: 12px/18px Arial, sans-serif;
}

.avail2{
	width: 458px;
	min-height: 300px;
	float: left;
	margin-left: 3px;
}

.pad2{
	padding: 20px;
}

.titleblue{
	background: url("../img/titleblue.png") no-repeat left top;
	width: 443px;
	padding-left: 40px;
	height: 56px;
	color: #ffffff;
	font:italic bold 16px/56px 'Droid Sans', sans-serif;
	text-shadow: 1px 1px 0 #115189;
}

.graytitle{
	background: url("../img/graytitle.png") no-repeat left top;
	width: 429px;
	padding-left: 30px;
	height: 56px;
	color: #3d3d3d;
	font:italic bold 16px/56px 'Droid Sans', sans-serif;
	text-shadow: 1px 1px 0 #fff;
}

.avail a{
	color: #b32830;
	font-style: italic;
	font: 14px/18px Arial, sans-serif;
}

.texts{
	color: #858484;
	font: 12px/16px Arial, sans-serif;
}

.pb{
	padding-bottom: 10px;
}

.lg,.rg{
	width: 209px;
	float: left;
}

.rg .sel{
	margin: 0 0 20px 0!important;
}

.over{
	width: 50%;	
	float: left;
}

.over h2.title{
	padding-left: 30px;
	background: url("../img/qo.png") no-repeat left center;
}

.over p{
	font: 13px/16px Arial, sans-serif;
}

.over2{
	width: 50%;
	float: left;
}

.over2 .pad2{
	border: 1px solid #dfdfdf;
	background: #ececec;
}

.over2 h4{
	font:italic bold 16px/24px 'Droid Sans', sans-serif;
	color: #3a3a3a;
}

.mb{
	margin-bottom: 20px;
}

.fff td{
	border: 1px solid #dfdfdf!important;
	padding: 10px;
}

.lamp{
	background: url("../img/lamp.png") no-repeat left center!important;	
}

.over input[type="text"]{
	width: 95px!important;
}

.over .go{
	margin: 0px!important;
}

.zip input[type="text"]{
	width: 242px!important;
}
.header_inn {
	background:#efefef;
}
.errorMessage{color: red;}
.body ul {
    margin: 0 0 10px 25px !important;
    padding: 0;
}
.mailbox {color:#000000;}
a.downloads {color:#FFF;padding-top: 2px;}
