body {
	margin: 0;
	padding: 0;
	padding-left: 2%;
	padding-right: 8%;	
	color: #666666;
	background-color: #fff;
	font-family: tahoma, arial, verdana;
	white-space: nowrap;
}
h1 {
	margin-top: 2px;	
	font-size: 18px;
	color: #18459B;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-size: 14px;
	color: #18459B;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
	margin-top: 8px;	 
}
h3, h4, h5, h6 {
	text-transform: uppercase;
	color: #18459B;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px; 
	margin-top: 8px;	 
}
h5 a {
	text-decoration: none;
	color: #666666;
}
body, p, ul {
	font-size: 11px;
	word-spacing: 4px;	
}
ul {
	padding-left:20px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}
li {
	list-style : square;
}
p {
	margin-bottom: 5px; 
	margin-top: 0.5em;	
	font-size: 11px;	
}
hr {
	text-align: left;
	height:0px;
	padding:0;
	margin:0;
	background-color: #fff;
	color: #fff;
	border-top: solid 1px #DFDFDF;
	width: 97%;		
	}
a {
	text-decoration: underline;
	color: #1A49A2;  
}
a:hover {
	color: #448CCB;
	text-decoration: underline;
}





.maintable {

}
.maintable td {

}
.razl {
	width: 27%;
}
.razm {
	width: 46%;
}
.razr {
	width: 27%;
}





.dopaa {
	height:35px;
}
.dlink {padding-right: 10px;}
a.dopa {
	font-size: 10px;
}
.bgcrossleft {
	height: 93px;	background-image: url('http://www.arkal.ru/img/bgcrossleft.gif');	background-repeat: no-repeat;	background-position: left top;	text-transform: uppercase;	font-size: 13px;	font-weight: bold;	margin-left: 20px;		}
.greenlinel {
	background-image: url('http://www.arkal.ru/img/bgcross.gif');	background-repeat: no-repeat;	background-position: right top;	width:100%;	height: 93px;	padding-left: 20px;	padding-top: 22px;	color: #1A49A2;}
.telefon {	padding-top: 5px; 	font-size: 22px;	color: #0099CC;}
.greenliner {	width:100%;	height: 93px;	padding-top: 22px;	color: #0099CC;		}
.bgcrossright {
	background-image: url('http://www.arkal.ru/img/bgcrossright.gif');	background-repeat: no-repeat;	background-position: right top;	text-transform: uppercase;	font-size: 13px;	font-weight: bold;}
.slogan {	padding-left: 10px;}
table.hnavi {
	margin-top: 12px;
}
.hnavi td {
}
.hnavilefttd {
	color: FCFCFC;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;		
}
.hnavirighttd {
	padding-top: 7px;
	padding-left: 10px;		
}

.bgrubrleft {
	background-image: url('http://www.arkal.ru/img/bgrubrleft.gif');
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;	
}
.bgrubrcn {
	background-image: url('http://www.arkal.ru/img/bgrubrcn.gif');
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;		
}
.bgrubrright {
	background-image: url('http://www.arkal.ru/img/bgrubrright.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height:41px;
	width: 100%;	
	padding-top: 9px;		
}
.topnavi {
	color: #303030;
	font-weight: bold;
	font-size: 11px;
	padding-top: 3px;
	text-align: center;
}
.vl {
	margin-left: 10px;
	margin-right: 10px;	
}
div.hendo {
	border-left: solid 25px #fff;
	margin-left: -30px;
	width: 5px;
	z-index : auto;
	position : relative;
}
div.hend {
	border-left: solid 5px #fff;
	margin-left: -18px;
	width: 5px;
	z-index : auto;
	position : relative;
}
div.hend {
	border-left: solid 5px #fff;
	margin-left: -18px;
	width: 5px;
	z-index : auto;
	position : relative;
}
table.topnavi td a {
	color: #656565;
	text-decoration: none;		
	}
table.topnavi td a:hover {
	text-decoration: underline;
	color: #448CCB;		
	}
table.topnavi td span.tnactive {
	color: #448CCB;
}



table.leftcolomn {
}
td.leftcolomntd {
}
td.rightcolomntd {
}
div.lnavi {
	color: #303030;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding-top: 3px;
	width: 92%;	
}
div.tnavi {
	color: #448CCB;	
	font-weight: bold;
	font-size: 13px;
	padding-top: 10px;	
	padding-bottom: 10px;
	padding-right: 0px;	
	border-bottom: solid 3px #1A489C;		
	width: 92%;
}
div.tnavi a {
	color: #0099CC;
	font-weight: bold;
	font-size: 13px;
	padding-right: 0px;	
	width: 92%;
	text-decoration: none;	
}
.m, .ma {
	padding: 8px;
	padding-left: 0px;	
	border-bottom: solid 1px #E0E0E0;
}
div.mend  {
	padding-left: 0px;
	border-top: solid 5px #fff;
	margin-top: -5px;
	height: 12px;
	z-index : auto;
}
div.m a {
	color: #656565;
	text-decoration: none;	
	width: 92%;
	padding-right: 25px;
	background-image: url('http://www.arkal.ru/img/marknavi.gif');
	background-repeat: no-repeat;
	background-position: right;	
	}
div.m a:hover, div.ddmend a:hover {
	text-decoration: underline;
	color: #448CCB;
	background-image: url('http://www.arkal.ru/img/amarknavi.gif');
	background-repeat: no-repeat;
	background-position: right;		
}	
div.m div.mm {
	width: 92%;
	background-image: url('http://arkal.ru/img/amarknavi.gif');
	background-repeat: no-repeat;
	background-position: right;	
	padding-right: 25px;	
	color: #448CCB;	
}

td.mainmain {
	padding-top: 10px;	
}
.mainleft {
}
.mainright {
}
.page {
	margin-left: 25px; 
	margin-right: 20px;
	}
.mainr {
	width: 95%;
}
.ban1left {
	background-image: url('http://www.arkal.ru/img/b1l.gif');
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 20px;
	padding-left: 20px;
	background-color: #F8F8F8;	
}
.ban1right {
	background-image: url('http://www.arkal.ru/img/b1r.gif');
	background-repeat: no-repeat;
	background-position: right top;	
}





.spe {
	font-size: 11px;
	color: #666666;
}
.stitle	{
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #0099CC;		
	padding-top: 10px;		
}
.s1, .s2, .s3, .s4, .s5, .s6 {
	word-spacing: 4px;
	padding-bottom: 25px;
	padding-top: 25px;	
	border-bottom: solid 1px #EEEEEE;		
}
.send {
	word-spacing: 4px;
	padding-bottom: 25px;
	padding-top: 25px;	
}
.slink {
	padding-left: 78px;
}
.slink a {
	background-image: url('http://www.arkal.ru/img/slink.gif');
	background-repeat: no-repeat;
	background-position: right;	
	padding-right: 6px;	
}
.vbl {
	border-left: solid 3px #104498;
	padding-left: 7px;	
	margin-bottom: 15px;
}
.spe h5 {
	font-size: 14px;
	margin:0;
	padding:0;
	color: #666666;;	
}
.qr {
	font-size: 12px;
	padding-top: 15px;	
}
.qr div {
	background-image: url('http://www.arkal.ru/img/markqr.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px;	
	padding-left: 15px;
	padding-bottom: 8px;	
	border-bottom: solid 1px #EEEEEE;		
}
.qr2 {
	font-size: 12px;
	padding-top: 15px;	
}
.qr2 div {
	background-image: url('http://www.arkal.ru/img/markqr.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding: 4px;	
	padding-right: 15px;
	padding-bottom: 8px;	
	border-bottom: solid 1px #EEEEEE;
	text-align:right			
}
table.forma {
	margin-left: -7px;
	width: 93%;
}
table.forma td {
	background-color: #1543A1;
	width: 33%;
	height: 111px;
	font-size: 11px;
}
.f1 a, .f2 a, .f3 a {	
	text-decoration: underline;
	color: #fff;	
	}
.fm {
	padding: 12px;
	padding-top: 45px;	
}	
.f1 a:hover, .f2 a:hover, .f3 a:hover {	
	text-decoration: none;
	color: #fff;	
	}
.dd {
	width:100%;
	height:100%;
	background-image: url('http://www.arkal.ru/img/dd.gif');
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.ddl {
	background-image: url('http://www.arkal.ru/img/ddl.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	width:100%;
	height:100%;
}
.ddt {
	background-image: url('http://www.arkal.ru/img/ddt.gif');
	background-repeat: no-repeat;
	background-position: right top;
	width:100%;
	height:100%;
}
table.forma td.f1 {
	background-image: url('http://www.arkal.ru/img/forma1.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
table.forma td.f2 {
	background-image: url('http://www.arkal.ru/img/forma2.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
table.forma td.f3 {
	background-image: url('http://www.arkal.ru/img/forma3.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
.bnavi {
	border-top: solid 1px #B2DCE8; margin-top:15px;
	width: 100%;
}

.blefttd, .brighttd {
	font-size: 11px;
	padding-top: 18px;	
	padding-bottom: 30px;	
}
table.botnavi td {
	font-weight: bold;
	font-size: 10px;
}
span.na {
	color: #448CCB;		
}
table.botnavi td a {
	color: #656565;
	padding-right: 7px;
	padding-left: 5px;	
	text-decoration: none;		
	}
table.botnavi td a:hover {
	text-decoration: underline;
	color: #448CCB;		
	}		
div.copy {
	font-size: 11px;
}
div.garan {
	font-size: 10px;
	width: 330px;		
}

div.htr {
	background-image: url('http://www.arkal.ru/img/hrt.gif');
	padding-bottom: 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}
div.more {
	background-color: #EEEEEE;
	margin-top: 8px;	
	padding: 15px;
	padding-top: 6px;	
}
a.garan {color:#ffffff;}
a.garan a {color:#ffffff;}
a.gar { 
	font: 11px tahoma; font-weight: bold; text-decoration: underline; color: #929292;
}
a.gar2 {
	font: 11px tahoma; font-weight: normal; text-decoration: none; color: #929292;
}
a.gar2:hover {
	text-decoration: underline;
	color: #448CCB;		
}
.ttt5 {
	background-color: #EEEEEE;
}
table.t1 {
	background-color: #EEEEEE;
	font-size: 10px;
	word-spacing: 4px;
	width: auto;
	margin-right: 10px;	
}
table.t1 td  {	
	padding: 5px;
	background-color: #ffffff;
	margin:1px;	
}
table.t1 th {	
	background-color: #FAFAFA;
	font-weight: bold;
	padding: 10px;
	margin:1px;
}
.n {
	padding-top: 2px;	
	padding-bottom: 15px;		
}
.tl-n {	
	background-image: url('http://www.arkal.ru/img/tl-n.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #F3F3F3;
	height: 100%;	
	}
.tr-n {	
	background-image: url('http://www.arkal.ru/img/tr-n.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 100%;	
	}	
.bl-n {	
	background-image: url('http://www.arkal.ru/img/bl-n.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100%;	
	}
.br-n {	
	background-image: url('http://www.arkal.ru/img/br-n.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100%;
	}		
.n-n {
	font-size: 10px;
	padding: 11px;
}
input.text {
	width: 100px; 
	height: 17; 
	border: solid 1px #DAD9D9; 
	font-family: Tahoma; 
	font-size: 10px; 
	background-color: #fff;
}
input.text-m {
	width: 60px; 
	height: 17; 
	border: solid 1px #DAD9D9; 
	font-family: Tahoma; 
	font-size: 10px; 
	background-color: #fff;
}
table.light td, tr.light td, tr.dark td {
	border-top: solid 1px #DAD9D9;
	padding: 5px;
	font-size: 11px;
}
th {
	background-color: #FAFAFA;
	font-weight: bold;
	padding: 10px;
	margin:1px;
}
tr.light th, tr.dark th, {
	background-color: #FAFAFA;
	font-weight: bold;
	padding: 10px;
	margin:1px;
	font-size: 11px;	
}
a.knop, a.knop:hover, input.knop {
	padding-top: 0px; 
	font-size: 10px; 
	font-family: Tahoma; 
	color: #ffffff; 
	text-decoration: none; 
	background-color: #4388C0; 
	background-image: url(http://www.arkal.ru/img/knop.gif); 
	width: 73px; 
	height: 27px;
	border:0; 	
}
input.knop {
	cursor: pointer;
}
form {
	font-size: 11px;
	border:0px; 
	margin:0px; 
	padding:0px
}
input.text-f, textarea.text-f {
	width :200px; 
	height : 17; 
	border: solid 1px #DAD9D9; 
	font-family: Verdana; 
	font-size : 10px;  
	background-color: #fff;
}
textarea.text-a {
	width :420px; 
	border: solid 1px #DAD9D9; 
	font-family: Verdana; 
	font-size : 10px;  
	background-color: #fff;
}
input {
	font-family: Verdana; 
	font-size : 10px;  
}
textarea {
	font-family: Verdana; 
	font-size : 10px;  
}
type.check {
	background-color: #fff;
}


table.tpanel{ font-size: 12px; width: 100%}
table.tpanel td{ height: 30px; background-color: #B5D1E4; padding-left: 20px; border-bottom: 1px solid #CEE4F2; vertical-align: middle;}
table.tpanel td.header {
vertical-align: middle;
background-color: #A2C3D8;
height: 28px;
}

img {border: 0px}

.sapidcms_sysblock_top{
	background: url(../../usr/system/images/bg_top2.gif) repeat-x;
	border-top: solid 5px #003263;
}
.sapidcms_sysblock_top .menu {
	padding: 10px 12px 0px 13px;
	vertical-align: top;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.sapidcms_block_subtop {
	color: #003263;
	font-size: 12px;
	vertical-align: middle;
}

.sapidcms_block_subtop .cell { vertical-align: middle; padding: 3px 5px 3px 5px; border-right: 1px solid white; }

.block_bottom {
	font-size: 11px;
	background: #003263;
	border-top: solid 1px #FFFFFF;
	padding: 4px 20px
}

.block_bottom a {color: #E4EAEF}

.block_middle .left {
	background: #E2E8EE;
	width: 180px
}
.block_middle .left a {color: #000000}




div.panel{

	padding-top: 10px;
	font-family: Verdana, Arial;
	font-size: 12px;
}

a.sapidcms_white{
	color: #E4EAEF;
	font-family: Verdana, Arial;
	vertical-align : middle;
	font-size: 11px;
	padding: 0px 20px 0px 10px;
	font-weight: bold;
	text-decoration: none;
}

a.sapidcms_white:hover{
	color: #A2C3D8;
	text-decoration: none;
}

a.treeitem{
	color: Black;

	font-weight: normal;
	vertical-align : middle;
	font-size: 11px;
	text-decoration: none;
}

a.treeitem:hover{
	color: Blue;
	font-weight: normal;
	text-decoration: none;
}

div.button{
	padding: 2px 10px 2px 10px;
	font-family: Verdana, Arial;
	font-size: 12px;
	border: 1px solid white;
	background-color: #8FB4D1;
	
}

.sapidcms_cont_btn { 
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	font-family: Verdana, Arial; font-size: 11px; color: white; 
	border: 1px solid #000000; background: #316EA3 url(../../usr/system/images/btnbg.jpg) 
}

.context_menu {
	border: 1px solid #666666;
	visibility: hidden;
	position: absolute;
	background-color: #B5D1E4; padding: 5px;
	padding: 2px;
}

.context_menu div.item{
	cursor: default;
	font-family: Verdana, Arial; 
	font-size: 11px;
	padding: 4px;
}

.context_menu hr{
	width: 100px;
	height: 1px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #666666;
}
.brcr {
	padding-left: 4px;
	padding-right: 4px;	
}
input.forma {
	width : 200; 
	height : 17; 
	border: solid 1px #DAD9D9; 
	background-color: #fff;
}
textarea.forma {
	width : 200; 
	height : 100; 
	border: solid 1px #DAD9D9; 
	background-color: #fff;
} 