body  { font-family: "Arial", "Helvetica", sans-serif; margin:0; padding:0; font-size: 15px; overflow-y: scroll; background: whitesmoke url('../images/bg.png')}
a {color: MidnightBlue; border:none; outline:none;} a:hover{color: SteelBlue; border:none; outline:none;}input:focus{outline:none;}a img {border:none; outline:none;}
.container{position: relative; margin: 0 auto; padding: 0; width:1000px; text-align: center; clear:both; z-index: 3;}#top {position: absolute;  width:100%; top:0px; z-index: 1;  text-align: center;}

/*-------------Верхняя полоса--------------------------------------*/
.blacktop {background: #2A2A2A url('../images/top.png') bottom center repeat-x; margin:0 0 20px 0;}
#logo {background: url('../images/logo.png') no-repeat center left;  display: inline-block; vertical-align: middle;  margin: 10px 30px 15px 10px; width:132px; height:110px; font-size: 15px;}
/*-------------Горизонтальное меню--------------------------------------*/
#menu {display: inline-block; vertical-align: middle; width:700px;}
#menu ul{ display: block; list-style: none; margin:5px 0 0; padding:0;  text-align: left; font-size: 17px; }

#menu ul li {display: inline-block; padding:0 3px 3px;}#menu  ul li a { display: block; margin: 0px 5px 5px; padding: 0px 10px 0px; color:white;  text-decoration: none;  -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;}
#menu  ul li a:hover {text-decoration: underline; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;} #menu  ul li.active a { font-weight:bold; padding: 0px 9px 0px; }
#menu  ul li.active {}

/*-------------Верхнее подменю--------------------------------------*/
.sub-top {z-index: 2; position: relative; display: block; background:Silver; margin:-20px 0 20px 0;  border-bottom:1px solid DimGray; padding:0;

background: rgb(245,246,246);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkY2UyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4YmFjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRmZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(175,175,188,1) 100%, rgba(219,220,226,1) 100%, rgba(184,186,198,1) 100%, rgba(221,223,227,1) 100%, rgba(245,246,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(100%,rgba(175,175,188,1)), color-stop(100%,rgba(219,220,226,1)), color-stop(100%,rgba(184,186,198,1)), color-stop(100%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));
background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(175,175,188,1) 100%,rgba(219,220,226,1) 100%,rgba(184,186,198,1) 100%,rgba(221,223,227,1) 100%,rgba(245,246,246,1) 100%);
background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(175,175,188,1) 100%,rgba(219,220,226,1) 100%,rgba(184,186,198,1) 100%,rgba(221,223,227,1) 100%,rgba(245,246,246,1) 100%);
background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(175,175,188,1) 100%,rgba(219,220,226,1) 100%,rgba(184,186,198,1) 100%,rgba(221,223,227,1) 100%,rgba(245,246,246,1) 100%);
background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(175,175,188,1) 100%,rgba(219,220,226,1) 100%,rgba(184,186,198,1) 100%,rgba(221,223,227,1) 100%,rgba(245,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}
.sub-top ul {display: block; list-style: none; padding:0 0 0 217px; margin:5px auto; width:740px; text-align:left; font-size: 15px;}
.sub-top ul li {display: inline-block; vertical-align: middle;}
.sub-top ul li a {display: block; padding:10px 17px; color:black;   text-decoration: none; }
.sub-top ul li a:hover { text-decoration: underline;  -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;}
.sub-top .active a { font-weight:bold; padding:10px 19px;}
@media screen and (max-width: 900px) {.sub-top ul {text-align: center; padding:0; font-size: 14px;}}

/*-------------Широкий блок с тенью и баннер--------------------------------------*/
#wrapper {background:white;  padding:20px 0 0; text-align:center; margin:0 auto 30px; -webkit-box-shadow: 1px 1px 8px gray; -moz-box-shadow: 1px 1px 8px gray; box-shadow: 1px 1px 8px gray; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; border:1px solid DarkGray; width:1000px;  text-align: center; clear:both; z-index: 2; position: relative;}
.wrapper, .wrapper-m  {position: relative; margin: 0 auto; padding: 0; max-width:1000px; width:95%; text-align: center; clear:both; z-index: 3;}
.wrapper .wrapper  {margin:10px 0 30px; padding:30px 4%; -webkit-box-shadow: 1px 1px 8px gray; -moz-box-shadow: 1px 1px 8px gray; box-shadow: 1px 1px 8px gray; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background:white; vertical-align: top; min-height:250px; text-align: left; line-height: 1.5; width:92%; font-size: 13px; }
.wrapper-m .wrapper-m  {margin:10px 0 30px; padding:30px 12%; -webkit-box-shadow: 1px 1px 8px gray; -moz-box-shadow: 1px 1px 8px gray; box-shadow: 1px 1px 8px gray; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background:white; vertical-align: top; min-height:250px; text-align: left; line-height: 1.5; width:76%; }
.banner { border-bottom:1px solid whitesmoke; margin:10px 40px;}
.slide {display: block; height:270px; padding:10px 5%; margin:10px 0; width:90%; overflow: hidden;} .slide img{margin:0 30px 0 0; float:left; width:40%;} .slide h2, .slide p, .slide img {vertical-align: middle;}
#nav { text-align:center; padding:0; height:35px;} #nav a { display: inline-block; margin: 0 7px; width:10px; height:10px; text-decoration: none; font-size: 1px;  color:silver; background: silver;   -webkit-border-radius: 7px;  -moz-border-radius: 7px; border-radius: 7px;} #nav a.activeSlide { color:black; background: black;}

#wrapper.left, #wrapper.right{margin:0px 1% 15px; padding:20px 1%; display: inline-block; vertical-align: top; font-size: 14px;}
#wrapper.left h3 {background: #2A2A2A; color:white; padding:8px; font-size:17px; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; border:none;} #wrapper.left h3 a {color:white; text-decoration:none;}
#wrapper.left .latestnews {list-style: none; margin:10px 0 0; padding:0; }
#wrapper.left{width:582px; text-align:left; padding:20px 3%;}
#wrapper.right {width:307px;}
.drn{background:#2A2A2A; color:white; text-decoration:none; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; padding:2px 8px; border:none; float:right; position:relative; bottom:18px;}
.drn:hover {color:white}

/*-------------Блок с контентом--------------------------------------*/
#main {margin:10px 0 30px; padding:30px 11%; -webkit-box-shadow: 1px 1px 8px gray; -moz-box-shadow: 1px 1px 8px gray; box-shadow: 1px 1px 8px gray; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; background:white; vertical-align: top; min-height:400px; text-align: left; line-height: 1.5; }
h1{ color:#2A2A2A; padding:0; margin:5px 0 20px; text-align:center; border-bottom:1px solid gray; font-size: 25px;}
h2 {background: #2A2A2A; color:white; padding:8px; font-size:17px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;}
h2 a{color:white; text-decoration:none; padding:0; margin:5px 0 15px;} h2 a:hover {color:white;}
h3 {border-bottom:1px solid silver; color:#2A2A2A; padding:10x; margin:5px 0 20px;}
.breadcrumbs {background:whitesmoke url('../images/bg.png') right; padding:10px; color:dimgray; text-align:right; margin:30px 0 0 0;  border:1px silver solid; -webkit-border-radius: 4px;  -moz-border-radius: 4px; border-radius: 4px; font-size:12px;}
.readmore {padding:0 0 20px 0; border-bottom:1px whitesmoke solid; text-align:right;} .readmore a, a.readmore {background:#2A2A2A; color:white; text-decoration:none; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; padding:2px 8px; border:none;} .readmore a:hover {background:dimgray;}
ul.tick {list-style-image: url(../images/tick.png);}
#main img {max-width:100%; }


/*-------------Подвал--------------------------------------*/
#footer { background:#2E2E2E url('../images/bottom.png') top center repeat-x; color:silver; text-align: center; margin: 5px 0 0 0; padding:7px 5px 20px; -webkit-box-shadow: 1px 1px 10px gray; -moz-box-shadow: 1px 1px 10px gray; box-shadow: 1px 1px 10px gray; font-size:12px;}
#if-menu {display: inline-block; max-width:400px; width:45%; vertical-align:middle; text-align: left; margin-left:10%; }
#if-menu ul{list-style: none;  padding:20px 0; }#if-menu ul li {display: block;  vertical-align: top; margin: 5px 1.5% 0px;}
#if-menu ul li a{display: block; color:silver;  padding-bottom:5px; text-decoration:none;}#if-menu ul li a:hover { text-decoration:underline;}
#if-menu ul li ul{display: block; margin: 0;}#if-menu ul li ul li{display: block; margin: 0;}#if-menu ul li ul li a {padding:2px 0; font-weight:normal; color:dimgray; }


/*-------------Управление контентом--------------------------------------*/
ul.actions {position: relative; display: block; list-style: none; margin:0; padding:0;}
ul.actions li {position: absolute; text-align:right; right:0;}
#adminForm fieldset {border:1px solid silver; display:block; margin:10px auto; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; background:whitesmoke;}
#adminForm fieldset  label {display: inline-block;  vertical-align: middle;  width:120px; font-size: 10px; }
div.formelm-buttons {text-align: center; } div.formelm-buttons button {display: inline-block;  vertical-align: middle;  width:120px; text-align: center; background:steelblue; padding:10px; margin:10px; color:white;  cursor: pointer;}

/*-------------Форма регистрации--------------------------------------*/
#login-form fieldset.userdata{display: inline-block; border:1px solid silver;  vertical-align: top; max-width:700px; border:1px solid silver; margin:10px 22px; background:whitesmoke; -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;} #login-form  ul{display: none;}#login-form fieldset.userdata label {display: inline-block;  vertical-align: middle; width:50px;}#login-form fieldset.userdata p#form-login-remember label {width:100px; font-size: 10px; }
.logout-button {text-align: center; margin:10px 0;}
#login-form fieldset.userdata p {display: inline-block; vertical-align: middle; text-align: center; margin: 5px 10px; padding:0;}

/*-------------Правое подменю--------------------------------------*/
#sub-menu{ float:right; display: none; vertical-align: top;  width:29%; max-width:250px; border-left:1px solid Gainsboro; margin:0 0 20px 0; padding:20px 20px 50px;  min-height:300px;}
#sub-menu ul{  list-style: none; margin: 3px; padding:0; text-align:left;}
#sub-menu ul li {display: block;}
.sub-menu ul  li a {display: block; margin: 2px; padding: 5px ; color:black;}
#sub-menu ul  li a:hover {text-decoration: none; color:DarkSlateGray;}

/*-------------Кнопка--------------------------------------*/
a.become, a.berez{margin:10px auto; width:180px; text-align:center; padding:7px 90px 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px; background:#83CCF9 url('../images/but.png') repeat-x; color:black; text-decoration:none; font-size:17px; font-weight:norn=mal; box-shadow: 0px 0px 1px blue; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; text-shadow:0 0 1px white;}
.become:hover, a.berez:hover{ -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;box-shadow: 0px 0px 7px SkyBlue; background:#83CCF9;}
.become:active, a.berez:active {color:white; border:1px solid Gray; box-shadow: inset 0px 0px 3px gray;}


.memb{display:inline-block; vertical-align:top; position: relative; padding:10px;}
.team{color:gray; font-size:12px; width:170px;} .team img {width:170px; height:170px;}
.team-desc {display:none; position: absolute; top:187px; left:-50px; background:white; width:300px;  box-shadow:0px 0px 3px gray; padding:0 10px 10px 10px; z-index:1; font-size:12px;}
.team-desc ul { padding:0 0 0 10px;} .team-desc h4 {font-size:15px;}
.treu{background: #FFFFFF;box-shadow: -1px -1px 2px silver;height: 9px;left: 160px; position: absolute;top:-4.5px;transform:rotate(45deg);  -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg);width: 9px; z-index:1;}


.cotz{display:block; padding:11px 0; vertical-align:middle; text-decoration:none; color:black;}
.cotz img {vertical-align:middle; display:inline-block; margin:0 10px 0 50px;}

.list_carousel {display: inline-block; width:90%; text-align:center; height:120px;}
.list_carousel ul#foo0 {margin: 0 auto;  padding: 0;  list-style: none;display: inline-block; text-align:center; vertical-align: middle; height:120px;}
.list_carousel li {display: inline-block; font-size: 40px;text-align: center; width: 109px;padding: 0;margin: 6px; min-vertical-align:middle;} .list_carousel li img {vertical-align:middle;}
#prev, #next {display: inline-block; vertical-align: middle;}

.reslist{display:block;padding:20px; vertical-align:middle; text-decoration:none; color:black; margin-bottom: 20px;}
.reslist img {vertical-align:middle; display:inline-block; margin:8px 8px 0 8px;}