html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
html { height: 101%; } /* always display scrollbars */
body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 

input { outline: none; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/******************************************************************************/
/*основные стили*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: Marta;
    src: url(../fonts/Marta/Marta_Italic.otf), 
        url(../fonts/Marta_Regular.otf), 
        url(../fonts/Marta_Bold.otf);
}

@font-face {
    font-family: "Open Sans";
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf), 
        url(../fonts/Open_Sans/OpenSans-Bold.ttf), 
        url(../fonts/Open_Sans/OpenSans-ExtraBold.ttf);
}

body{
    font-family: 'Open Sans', sans-serif, serif;
    font-size: 14px;
    line-height: 150%;
    color: #464646;
    /*background: url('../img/BG_NY.png');*/
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input{
    padding: 0 5px;
}

/*базовые классы*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}

form .require{
    background: url('../img/require.png') no-repeat right center;
}

.form-success {
    background-color: #c4ed9c;
    border: 2px solid;
    color: #3f512d;
    padding: 20px;
}
 
/* IE6/7 support */
.clearfix {
    *zoom: 1;
}

.float-left{
    float: left;
}
 
.float-right{
    float: right;
}

.hide {
    display: none;
}
 
.show {
    display: block;
}

.show-inline{
    display: inline;
}

a{
    color: #626262;
}

a:hover{
    color: #e50707;
}

/*верстка*/

/*header*/
#wrapper{
    max-width: 1140px;
    min-width: 1000px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 0 10px gray;
    -moz-box-shadow: 0 0 10px gray;
    -webkit-box-shadow: 0 0 10px gray;
    -ms-box-shadow: 0 0 10px gray;
    -o-box-shadow: 0 0 10px gray;
    -khtml-box-shadow: 0 0 10px gray;
}

header{
    position: relative;
}

.head-shadow-left,
.head-shadow-right{
    position: absolute;
    height: 442px; 
    width: 9px; 
    top: -30px; 
}

.head-shadow-left{
    background: transparent url('../img/shadow-left-bg.png') no-repeat scroll left center; 
    left: -9px;
}

.head-shadow-right{
    background: transparent url('../img/shadow-right-bg.png') no-repeat scroll left center;
    right: -9px;
}

/*меню сайтов*/
/*#sites-nav{
    height: 70px;
    background: url('../img/top-menu-bg.png') repeat-x center right #cccccc;
    position: relative;
}*/

#sites-nav {
    background: #cccccc url("../img/top-line-bg.png") repeat-x scroll right bottom;
    height: 70px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
}

#sites-nav .nav-block {
    left: 140px;
    position: absolute;
    right: 140px;/*210px;*/
    width: auto;
}

#sites-nav > *{
    height: 70px;
}

.site-nav-wrapper{
    margin: 0 auto;    
    max-width: 1140px;
    min-width: 1000px;
    position: relative;
}

#sites-nav .col-1{
    width: 140px;
    background: url('../img/portal-menu-shadow-bg-l.png') no-repeat right 0;
}

#sites-nav .col-2 a, #sites-nav .col-3 a, #sites-nav .col-4 a {
    display: block;
    height: 70px;
    margin: 0 auto;
    padding: 19px 0;
    width: 180px;
    line-height: 20px;
}

#sites-nav a > span{
    background: url('../img/sites-icon.png') no-repeat 0 0;
    display: block;
    height: 35px;
    width: 40px;
    float: left;
    margin-right: 15px;
}

/*#sites-nav .col-2 a:hover, #sites-nav .col-3 a:hover, #sites-nav .col-4 a:hover{
    
}*/

#sites-nav .col-2, #sites-nav .col-3, #sites-nav .col-4{
    width: 33%;
}

#sites-nav .col-2{
    background-color: #ffffff;
}

#sites-nav .col-3{
    /*background: url('../img/portal-menu-shadow-bg-r.png') no-repeat left 0;*/
}

#sites-nav .col-3 a span{
    background-position: left -70px;
}

#sites-nav .col-4 {
    background: rgba(0, 0, 0, 0) url("../img/vert-line-menu-big.png") no-repeat scroll left center;
}

#sites-nav .col-5 {
    padding: 25px 20px 0 0;
    width: 190px;
    text-align: justify;
    font-size: 14px;
}

#sites-nav .col-5 form{
    background: none;
    padding: 0;
}

#sites-nav .col-5 form input{
    width: 169px;
    height: 28px;
    background: url('../img/search-bg.png') no-repeat center center #ffffff;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px;
    border: none;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0 30px 0 5px;
}

#sites-nav .col-5 a:last-child{
    float: right;
}

#sites-nav .col-4 a span{
    background-position: left -140px;
}

#sites-nav .col-2 a:hover span{
    background-position: left -35px;
}

#sites-nav .col-3 a:hover span{
    background-position: left -105px;
}

#sites-nav .col-4 a:hover span{
    background-position: left -175px;
}

#sites-nav .col-2 a span{
    /*background-image: url('../img/decor-icon.png'); */
    background-position: left -35px;
}

#head-info {
    height: 120px;
    margin-top: 10px;
    position: relative;
}

#head-info .col-logo {
    position: absolute;
    top: -14px;
    z-index: 102;
    left: 6px;
    width: 130px;
}

#head-info .col-title{
    margin: 45px 0 0 166px;
    float: left;
    width: 500px;
}

#head-info .col-title h1{
    font-family: Marta;
    font-size: 22px;
    color: #ef0000;    
}

#head-info .col-title h1 small{
    font-family: 'Open Sans', sans-serif, serif;
    font-size: 14px;
    color: #464646;    
}

#head-info .col-search{
    position: absolute;
    margin-top: 25px;
    right: 155px;
    width: 290px;
}

#head-info .col-search form {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 5px 20px;
}

#head-info .col-search form input{
    width: 250px;
    background: url('../img/search-loupe.png') no-repeat right center #f8f8f8 !important;
}

#head-info .col-phones{
    width: 145px;
    text-align: right;
    color: #555555;
    font-size: 16px;
    margin: 45px 20px 0 0;    
    float: right;    
}

#main-menu{
    background: url('../img/big-tape-l.png') no-repeat;
    width: 1192px;
    height: 64px;
    position: relative;
    margin: -18px 0 0 -24px;
    z-index: 101;
}

#main-menu .main-menu-wrap{
    background: url('../img/big-tape-r.png') no-repeat center right;
    height: 64px;
    width: 100%;
    padding-right: 2px;
    padding-top: 20px;
}

.main-menu-wrap > ul > li > div {
    display: none;
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    width: 1140px;
    margin-left: -196px;    
}

.main-menu-wrap > ul > li > div ul {
    background: none;
}

.main-menu-wrap > ul > li:hover > div {
    display: block;
}

/*#main-menu ul{
    float: right;
    margin: 28px 0 0 0;
}*/

.main-menu-wrap > ul {
    /*left: 140px;
    position: absolute;
    right: 20px;
    top: 19px;*/
    width: 750px;
    margin: 0 auto;
}

.main-menu-wrap > ul > li{
    float: left;
    background: url('../img/vert-line-menu.png') no-repeat right center;
    line-height: 43px;
    text-align: center;
    padding: 0 1px 0 0;
    position: relative;
}

.main-menu-wrap > ul > li:last-child{
    background: none;    
}

.main-menu-wrap > ul > li > a{
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px;
    font-weight: bolder;
    padding: 4px 40px;
    /*text-shadow: 1px 1px 1px #666666;*/
    text-decoration: none;
}

/*#main-menu a > span{
    padding: 4px 20px;
}*/

.main-menu-wrap > ul > li:hover, .main-menu-wrap > ul > li.active{
    /*font-size: 14px;*/
    color: #eeeeee;
    background-color: #cd0000;
    background-image: none;    
    /*box-shadow: 3px 3px 5px #666666;
    outline: 2px solid #ffffff;*/
    position: relative;
    left: -3px;
}

.main-menu-wrap > ul > li:hover > a, .main-menu-wrap > ul > li.active > a{
    /*left: -3px;*/
    padding: 14px 37px 14px 55px;
    position: relative;
    background-color: #cd0000;
}


#main-menu li:last-child /*a*/{
        /*margin-right: 20px;*/
}

/* category-head */
.category-head{
    width: 100%;
    height: 55px;
    position: relative;
}

.category-head h1 {
    clear: both;
    color: #ef0000;
    font-family: Marta;
    font-size: 30px;
    height: auto;
    line-height: 122px;
    text-align: center;
    width: 100%;
}

.category-menu{
    height: 40px;
    line-height: 40px;
    margin: 30px 20px 0 150px;
    background: url('../img/category-menu-bg.png');
}

.category-menu li{
    float: left;
}

.category-menu li.active {
    background: rgba(0, 0, 0, 0) url("../img/angle-sm.png") no-repeat scroll center bottom;
    height: 49px;
}

.category-menu li a {
    padding: 12px 15px;
    text-decoration: none;
}

.category-menu li a:hover{
    color: #ef0000;
}

.category-menu li.active a {
    color: #ef0000;
    font-weight: bolder;
    outline: 3px solid;
}

.main-menu-wrap > ul > li > div .category-menu{
    width: 730px;
    margin: 30px auto;
}

.main-menu-wrap > ul > li > div .category-menu{
    width: 730px;
    margin: 30px auto;
}

.main-menu-wrap > ul > li > div .category-menu li a{
    color: #ef0000;
}

.main-menu-wrap > ul > li > div .category-menu li a:hover{
    color: #000000;
}

#content{
    position: relative;
}


/* fancybox */
.fancybox-nav span {
    background: rgba(0, 0, 0, 0) url("../img/slider-arrows.png") no-repeat left top !important;
    width: 31px !important;
    height: 44px !important;
}

.fancybox-prev span{
    left: 0 !important;
}

.fancybox-prev span:hover{
    background-position: left bottom !important;
}

.fancybox-next span{
    background-position: right top !important;
    right: 0 !important;
}

.fancybox-next span:hover{
    background-position: right bottom !important;
}

/* элементы администрирования на фронтенде */

.to-edit-element, .to-add-element, .to-edit-content{
    color: red;
}

.to-edit-element{
    background-color: #FFFFFF;
    border: 1px solid #FF0000;
    display: none;
    font-size: 22px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
    z-index: 100;
/*    top: 0;
    left: 0;*/
}

.to-edit-element:hover{
    color: #bbbbbb;
}

.to-edit-element span:before{
    content: "\270E";
}

*:hover > .to-edit-element{
    display: block;
    text-decoration: none;    
}

#portfolio_fb_tools {
    display: block;
}

#portfolio_fb_tools > *{
    margin: 10px 5px;
}

/* forms */
form{
    background-color: #F4F6F3;
    padding: 20px;
}

form input, form textarea{
    background-color: #ffffff !important;
    border: 1px solid #dddddd;
    width: 100%;
    padding: 0 10px;
}

form input{
    height: 37px;
    line-height: 37px;
    margin-top: 15px;
}

form .form-check-input{
    height: auto !important;
    display: inline !important;
    width: auto  !important;
}

form textarea{
    padding: 10px;
    margin-top: 15px;
}

form button{
    background-color: #ea0001;
    border: medium none;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    line-height: 37px;
    width: 100%;
    margin-top: 20px;
}

form label{
    display: block;
    margin-top: 15px;
}

.call_to_input{
    text-decoration: underline;
    cursor: pointer;
}

form button:hover{
    background-color: #fb3333;    
}

form .require {
    background: rgba(0, 0, 0, 0) url("../img/require.png") no-repeat scroll right center;
}

form p{
    margin-top: 10px;
}

form .radio-inline  {
    width: 80%;
    float: left;
    line-height: 37px;
}

form .radio-inline input{
    height: auto;
    width: 10%;
    float: right;
    line-height: 37px;
}

form input[type="radio"]{
    height: 15px;
}

form label input[type="radio"]{
    width: auto !important;
    display: inline;
}

#main-backform label input {
    margin-top: 5px !important;
}

.no-main-label{
    text-decoration: none !important;
    margin-top: 0 !important;
    text-align: left !important;
}

.form_close_btn {
    position: absolute;
    left: 0px;
    bottom: 30px;
    margin: 0 auto;
    width: 100%;
}

/* социальные сети */
.btn_fb, .btn_vk, .btn_ok, .btn_in, .btn_tw{
    display: inline-block;
    background: url('../img/soc-icons.png') no-repeat;
    width: 25px; height: 25px;
}

.btn_fb {
    background-position: -25px 0;
}

.btn_fb:hover {
    background-position: -25px -25px;
}

.btn_vk {
    background-position: 0 0;
}

.btn_vk:hover {
    background-position: 0 -25px;
}

.btn_in {
    background-position: -50px 0;
}

.btn_in:hover {
    background-position: -50px -25px;
}

.btn_ok {
    background-position: -75px 0;
}

.btn_ok:hover {
    background-position: -75px -25px;
}

.btn_tw {
    background-position: -100px 0;
}

.btn_tw:hover {
    background-position: -100px -25px;
}

/* колонки */
.cl30,
.cl70,
.cl50{
    float: left;
    /*padding: 10px;*/
}

.cl30{
    width:30%;
}

.cl30:last-child, .cl70:last-child{
    padding-left: 15px;
}

.cl30:first-child, .cl70:first-child{
    padding-right: 15px;
}

.cl70{
    width:70%;
}

.cl50{
    width: 50%;
}

.container{
    /*padding: 10px;*/
}

.container20{
    /*padding: 20px;*/
}

/* постраничная навигация */

.pagination{
    height: 20px;
    margin: 20px;
}

.pagination li{
    float: left;
    padding: 0 10px;
}

/* общие элементы */
.btn-red, 
.btn-gray,
.btn-trnsp{    
    display: inline-block;    
    padding: 0 40px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
}

.btn-red:hover, 
.btn-gray:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #fb3333;
}

.btn-red{
    background-color: #e90000;
}

.btn-gray{
    background-color: #909090;
}

.btn-gray:hover{
    background-color: #adadad !important;
}

.btn-trnsp{
    outline: 2px solid #ffffff;
    margin: 0 2px;
}

.btn-trnsp:hover{
    color:#cccccc;
    text-decoration: none;
    outline: 2px solid #cccccc;
}

.btn-100{
    width: 100%;
    text-align: center;
    padding: 0;
}

.decor_page_content{
    padding: 20px;
}


/* формы */

input.required{
    background: url("../img/require.png") no-repeat scroll right center;
}

/* сообщения */

.error{
    color: red;
}

input.error, textarea.error{
    color: red;
    border-color: red;
}

/* footer */
footer {
    margin-top: 20px;
}

#foot-menu{
    line-height: 47px;
    background-color: #d0d0d0;    
}

#foot-menu ul{
    margin: 0 20px;
}

#foot-menu ul li{
    float: left;
    margin-right: 20px;
}

#foot-info-block{
    margin: 40px 20px 20px 20px;
    color: #8b8b8b;
}

#foot-info-block h3{
    font-size: 18px;
    margin-bottom: 5px;
}

#foot-info-block ul{
    margin-bottom: 20px;
    font-size: 12px;
}

.foot-phones{
    float: right;
    text-align: right;
    margin-right: 20px;
    width: 40%;
}

.foot-col-1, .foot-col-2, .foot-col-3, .foot-col-4{
    float: left;
}

.foot-col-1{
    width: 30%;
}

.foot-col-2{
    width: 30%;
}

.foot-col-3{
    width: 20%;
    /*background: rgba(0, 0, 0, 0) url("../img/dashed_v.png") repeat-y scroll right top;*/
}

.foot-col-4{
    width: 20%;
}

.foot-col-4 .locality{
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.foot-copyright {
    background-color: #e90000;
    color: #ffffff;
    left: 0; right: 0;
    line-height: 60px;
    position: absolute;
    width: 100%;
}

.foot-copyright div{
    max-width: 1144px;
    min-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 12px;
}

.load-more{
    display: block;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bolder;
    width: 360px;
    margin: 40px auto;
    background-color: #d0d0d0;
    text-align: center;
}

.load-more:hover{
    background-color: #e6e6e6;
    color: #ffffff;
    text-decoration: none;
}

.arc-slider{
    text-indent: 0;
}

.exlusive-for-alena{
   color: #e90000;
   line-height: 12px;
}

.exlusive-for-alena span{
    position: relative;
    top: 2px;
    font-size: 22px;
}

.exlusive-for-alena > a {
   font-size: 12px;
}

@media (max-width: 1000px) {
    .foot-copyright, #sites-nav{
        width: 1000px;
    }
}

/*голосование*/

.vote_block{
    border: 2px solid #a1a1a1;
}

.vote_block h3{
    background-color: #a1a1a1;
    padding: 20px 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
}

.vote_block h3 span{
    text-transform: none;
    font-size: 14px;    
}

.vote_block form{
    background-color: #ffffff !important;
    padding: 20px 40px;
}

.vote_block form li{
    line-height: 30px;
}

.vote_block form input{
    height: auto !important;
    width: auto !important;
}

.vote_block form label{
    display: inline !important;
}

.vote_block form button{
    display: none;
}

.vote-count{
    margin: 0 40px 20px 0;
    text-align: right;
}

.vote-count span{
    color: red;
    float: left;
    margin-left: 40px;
}


.vote_result{
    padding: 20px 40px;
}

.vote_result li{
    position: relative;
    margin-bottom: 15px;
}

.vote_result li strong{
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 14px;
}

.vote_result li div{
    margin-right: 50px;
    outline: 1px solid #d7d7d7;
    height: 20px;
}

.vote_result li>span{
    position: absolute;
    right: 0;
    top: 25px;
}

.vote_result li div span{
    display: block;
    height: 20px;
    background-color: #a1a1a1;
    text-indent: 10px;
    color: #ffffff;
}

.vote_calling{
    display: block;
    width: 51px;
    height: 284px;
    background: url('/assets/templates/_decor/img/tab_voting.png') no-repeat;
    position: absolute;
    right: -51px; top: 75px;
    cursor: pointer;
}

.vote_calling:hover{
    background-position: right;
}

.vote_calling span{
    display: block;
    background: url('/assets/templates/_decor/img/tab_voting_close.png') no-repeat center bottom;
    width: 13px; height: 10px;
    top: 0; right: 0;
    position: absolute;
}

.vote_calling span:hover{
    background-position: top;
}

.article-item h2 span, 
.article-item h3 span,
.base-left-col h2 span,
.base-left-col h3 span{
    text-transform: lowercase;
}