.cleared:after {content: ".";  display: block;   height: 0;    clear: both;    visibility: hidden;}
* html .cleared {    display: inline-block;    height: 1%;}

html, body, #wrap { height: 100%; margin: 0; }

body > #wrap { height: auto; min-height:880px; margin-bottom:10px;}

/* Общая структура страницы */
body{display:block; min-width:1001px;}
#wrap{float:left;display:block; width:100%;position:relative;}
header{display:block; width:100%;position:relative;float:left; top:0px;left:0px;height:180px;z-index:2}
.nav-wrap{display:block; width:100%;position:relative;float:left; top:0px;left:0px;height:40px;}
/*---------Центральная часть----------*/
#main{display:block;position:relative;float:left;width:100%;}
/*---------Левый блок----------*/
#main aside.left{position:absolute; z-index:3; display:block; float:left; width:224px;margin-bottom:5px;}
/*---------Правый блок----------*/
#main aside.right{z-index:3;position:absolute; top:0px;display:block; right:0px; width:238px;margin-bottom:5px;}
/*---------Центр----------*/
#main section.center{z-index:1; position:relative; display:block; width:100%;height:100%;}
#content{position:relative;margin-left:225px; margin-right:240px; min-height:850px;line-height: 1.3; font-size: 12px!important;}
/*---------Подвал----------*/
footer{width:100%;bottom: 0px;position: relative; float:left; display:block;height:40px;}

/* Стили макета */
header{background:url(../images/site/diagonal.png) repeat;border-bottom:solid #a9b1b6 3px;
-webkit-box-shadow: 0px 3px 5px 0px rgba(111, 116, 120, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(111, 116, 120, 0.75);
box-shadow:         0px 3px 5px 0px rgba(111, 116, 120, 0.75);}
header .head-gerb{width:137px; height:152px; display:block; position:absolute;left:50%; margin-left:-69px;background:url(../images/site/gerb.png); top:10px;z-index:4;}
header .head-left{display:block; position:absolute; width:50%;top:0px;left:0px;height:179px;}
header .head-left .head-links{display:block; position:absolute; top:23px; left:23px; width:80px;height:14px;}
header .head-left .head-links a{display:block;position:relative; float:left; width:14px; height:12px;margin-right:12px;}
header .head-left .head-links a.link-home{background:url(../images/site/head-icons.png) 0px 0px no-repeat; }
header .head-left .head-links a.link-map{background:url(../images/site/head-icons.png) -24px 0px no-repeat; }
header .head-left .head-links a.link-contact{background:url(../images/site/head-icons.png) -46px 0px no-repeat; width:13px;}
header .head-left h1{display:block; position:absolute; width:100%;top:70px;height:111px; text-align:right;z-index:1;
background: rgb(220, 221, 221);
background: -moz-linear-gradient(343deg, rgb(220, 221, 221) 0%, rgb(254, 254, 254) 100%);
background: -webkit-linear-gradient(343deg, rgb(220, 221, 221) 0%, rgb(254, 254, 254) 100%);
background: -o-linear-gradient(343deg, rgb(220, 221, 221) 0%, rgb(254, 254, 254) 100%);
background: -ms-linear-gradient(343deg, rgb(220, 221, 221) 0%, rgb(254, 254, 254) 100%);
background: linear-gradient(73deg, rgb(220, 221, 221) 0%, rgb(254, 254, 254) 100%);
}
header .head-left h1 a{margin-right:100px;margin-top:10px;display:block;text-transform:uppercase; text-decoration:none;font-size:28px;font-family: Georgia, Times, serif; font-style: italic;color:#9b1111;text-shadow: 0px 0px 1px #ffffff;}
header .head-left h1 a:hover{color:#9b1111;}
header .head-left h1 a .big{font-size:31px;}
header .head-right{display:block; position:absolute; width:50%;top:0px;right:0px;height:179px;}
header .head-right form{display:block; position:absolute;top:23px; right:23px;width:207px;}
header .head-right form input[type='text']{display:block; position:relative; width:132px;padding:3px 70px 3px 5px; height:15px;border:none; background:url(../images/site/input-bg.png) no-repeat;}
header .head-right form input[type='submit']{display:block;padding:0px; position:absolute;width:65px; height:15px; text-align:center;cursor:pointer; top:3px;right:0px;border:none;background:transparent; color:#6b0f0f;font-size:11px;text-shadow: 1px 1px #ffffff;}
header .head-right form input[type='submit']:hover{color:#000000;}
header .head-right .head-info{display:block; position:absolute; width:100%;top:70px;height:111px; z-index:3;background: url(../images/site/head-right-bg.png) repeat;color:#ffffff;text-shadow: 0px 0px 1px #ffffff;}
header .head-right .head-info .inner{margin-left:100px;margin-top:20px;display:block;line-height: 1.3;}
header .head-right .head-info .inner a{color:#ffffff;}

.nav-wrap{display:block; position:relative;z-index:10;}
.nav-wrap nav.horisontal-menu{display:block; position:relative;background:#bac2c6 url(../images/site/diagonal.png) repeat;}
.nav-wrap nav.horisontal-menu #horisontal-menu{list-style:none;width:auto;border:0px;display:block; position:relative;background:transparent;height:30px;text-align:center;}
.nav-wrap nav.horisontal-menu #horisontal-menu > li{display: inline;list-style: none;}
.nav-wrap nav.horisontal-menu #horisontal-menu > li > a{color:#43403b;text-decoration:none;display: inline-block;height:25px;padding:9px 1% 0px;margin:0px;margin-top:-3px;font-size:13px;text-shadow: 0px 1px 1px #ffffff;background:transparent;border-radius: 0px;}
.nav-wrap nav.horisontal-menu #horisontal-menu > li > a.ui-state-active,.nav-wrap nav.horisontal-menu #horisontal-menu > li >a.ui-state-focus{background:#c15656 url(../images/site/red-bg.png) bottom repeat-x; color:#ffffff;margin:0px;margin-top:-3px;border:none;margin-left:0px;}
.nav-wrap nav.horisontal-menu #horisontal-menu > li > a > span{display: none;}
.nav-wrap nav.horisontal-menu #horisontal-menu .ui-menu{list-style: none;width:200px;border-radius: 0px;text-align:left;padding:0px;}
.nav-wrap nav.horisontal-menu #horisontal-menu .ui-menu li{list-style: none;margin:0px;}
.nav-wrap nav.horisontal-menu #horisontal-menu .ui-menu li > a{display:block;border-bottom: solid #cecece 1px;margin:0px;border-radius: 0px;padding:5px 20px;}
.nav-wrap nav.horisontal-menu #horisontal-menu .ui-menu li > a.ui-state-focus{border-left:none; border-right:none;}
.nav-wrap nav.horisontal-menu #horisontal-menu .ui-menu li:last-child > a{border-bottom:0px;}



nav.vertical-menu{display:block; position:relative;
-webkit-box-shadow: -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
-moz-box-shadow:    -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
box-shadow:         -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
background: #ffffff url(../images/site/menu-grad.jpg) bottom repeat-x;
background: -moz-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -webkit-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -o-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -ms-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
border:solid #e0e0e0 1px;
margin-bottom:10px;
}
nav.vertical-menu ul{list-style: none;padding:0px;background:transparent;border:none;}
nav.vertical-menu .menu-arrow {display:none; position:absolute;width:8px; height:12px; background: url(../images/site/menu-arrow.png) no-repeat;top:50%; margin-top:-6px;right:-8px;}
nav.vertical-menu .ui-menu .ui-menu-item{list-style: none;display:block; position:relative; width:auto;padding:0px; margin:0px;}
nav.vertical-menu .ui-menu .ui-menu-item > a{margin:0px;color:#161616;padding:7px 20px;color:#333333;border:none;border-top:solid #b9b8a7 1px; border-bottom:solid #ffffff 1px;width:auto;border-radius: 0px;line-height:1;}
nav.vertical-menu .ui-menu .ui-menu-item a.ui-state-focus,nav.vertical-menu .ui-menu .ui-menu-item a.ui-state-active{color:#ffffff;background:#c05555 url(../images/site/red-bg.png) bottom repeat-x;
}
.ui-menu-item a.ui-state-current{font-weight:bold!important;text-shadow:none!important;}

nav.vertical-menu .ui-menu .ui-menu-item:hover > .menu-arrow{display:block;}
nav.vertical-menu > .ui-menu .ui-menu{background:#EDEDED;width:224px;border:solid #b9b8a7 1px;border-top:0px;border-radius: 0px;z-index:1;margin-top:0px;}
nav.vertical-menu > .ui-menu .ui-menu .ui-menu-item{}
nav.vertical-menu .ui-menu .ui-menu-item:first-child > a{border-top:0px;}
nav.vertical-menu .ui-menu .ui-menu-item:last-child > a{border-bottom:0px;}

aside.right nav.vertical-menu{
	-webkit-box-shadow: 1px 3px 5px 0px rgba(111, 116, 120, 0.75);
	-moz-box-shadow:    1px 3px 5px 0px rgba(111, 116, 120, 0.75);
	box-shadow:         1px 3px 5px 0px rgba(111, 116, 120, 0.75);
}
aside.right nav.vertical-menu .ui-menu .ui-menu-item a.ui-state-focus,aside.right nav.vertical-menu .ui-menu .ui-menu-item a.ui-state-active{
	width:199px;margin-left:-2px;
}

.informer{display:block; position:relative; margin-top:18px;}
.informer a.informer-head{display:block; position:relative;padding:10px 20px;color:#8d2929; font-weight:bold;font-size:16px; text-decoration:none;
text-shadow: 0px 0px 1px 1px #ffffff;
-webkit-box-shadow: -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
-moz-box-shadow:    -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
box-shadow:         -2px 3px 5px 0px rgba(111, 116, 120, 0.75);
background: #ffffff url(../images/site/menu-grad.jpg) bottom repeat-x;
background: -moz-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -webkit-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -o-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -ms-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
border:solid #e0e0e0 1px;}
.informer.news{}
.materials-list{display:block; position:relative;padding:10px 20px;}
.materials-list article{display:block; position:relative;margin:10px 0 15px;color:#767676;font-size:11px;line-height: 1;}
.materials-list article .article-date{display: block; position:relative;color:#636363;font-size:12px;font-weight:bold;margin-bottom:5px;}
.materials-list article .article-link{display: block; position:relative;color:#b34848;text-decoration:none;margin-top:5px;}

#content article{font-size:14px;}
#content article .article-link{font-size:12px;}
#content form{display:block; position:relative; width:550px;margin-bottom:10px;}
#content form fieldset{display:block; position:relative;border:solid #CECECE 1px;
 -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px;
}
#content form div.p{display:block; position:relative; margin-bottom:10px;}
#content form label{display:block; position:relative;font-size:14px;color:#B41311; margin-bottom:5px;}
#content select{width:99%;margin-bottom:5px;}
#content input[type='text']{width:98%;margin-bottom:5px;}
#content form .manageButtons{display:block; position:relative; text-align: center;margin-top:5px;}
#content form .case-number select{width:80px;display:inline;}
#content form .case-number input {width:205px; display:inline;margin:0px 5px;}
#content .breadcrumbs a{color:#959699;}

.informer.vas-services{margin-top:0px; 
-webkit-box-shadow: 1px 3px 5px 0px rgba(111, 116, 120, 0.75);
-moz-box-shadow:    1px 3px 5px 0px rgba(111, 116, 120, 0.75);
box-shadow:         1px 3px 5px 0px rgba(111, 116, 120, 0.75);
background: #ffffff url(../images/site/menu-grad.jpg) bottom repeat-x;
background: -moz-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -webkit-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -o-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: -ms-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
background: linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(235, 235, 235) 100%);
}
.informer.vas-services{padding-bottom:15px;}
.informer.vas-services a{display:block; position:relative;width:227px; height:62px;margin:0px auto 5px;}
.informer.vas-services a.vas.kad{background:url(../images/site/vas-icons/kad.jpg)}
.informer.vas-services a.vas.ras{background:url(../images/site/vas-icons/ras.jpg)}
.informer.vas-services a.vas.bras{background:url(../images/site/vas-icons/bras.jpg); }

aside.right .informer a.informer-head{
	-webkit-box-shadow: 1px 3px 5px 0px rgba(111, 116, 120, 0.75);
	-moz-box-shadow:    1px 3px 5px 0px rgba(111, 116, 120, 0.75);
	box-shadow:         1px 3px 5px 0px rgba(111, 116, 120, 0.75);
}

.informer.calendar h2.informer-head{display:block; position:relative;padding:0px 20px;margin-bottom:5px;color:#8c8c8c; font-weight:bold;font-size:16px; text-decoration:none;}
.informer.calendar #calendar .ui-datepicker{width:195px;margin:0px auto; border:0px;}
.informer.calendar #calendar .ui-datepicker .ui-datepicker-calendar th{color:#9e9e9e; font-weight:normal; text-transform:uppercase;font-size:11px;}


#content{padding:20px;border: solid #e1e1e1 1px;background:#ffffff;color:#3d3d3d;
-webkit-box-shadow: 0px 3px 5px 0px rgba(111, 116, 120, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(111, 116, 120, 0.75);
box-shadow:         0px 3px 5px 0px rgba(111, 116, 120, 0.75);}




footer{color:#909090; text-align:center; background:#ffffff;padding-top:10px;}
footer .foot-left{display: block; position:absolute; width:215px; height:1px;top:-10px; left:0px;background:#cecece;}
footer .foot-right{display: block; position:absolute; width:230px; height:1px;top:-10px; right:0px;background:#cecece;}
