html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
	margin: 0px;
}
#footer {
    bottom: 0;
    min-height: 15px;
    position: absolute;
}

.clear {clear: both;}

form, body { padding:0; margin:0 /* Убираем отступы */ }

/*
body.mobile  .mobile_only.hidden{display: initial !important;}
body:not(.mobile)  .mobile_only {display: none !important;}
body.mobile  .not_for_mobile{display: none !important;}
*/


img{border:0;}
.gallery_img img, img.gallery_img {margin: 5px;}
img.gallery_img[align="left"] {margin-right: 15px;}
img.gallery_img[align="right"] {margin-left: 15px;}
img.no_margin {margin: 0 !important;}

ul.no-margin, ul.no_margin {
    margin: 0;
    padding: 0;
}

ul.inblock > li {display: inline-block;}
ul.inline > li {display: inline;}
ul.inline > li, ul.inblock > li {
    list-style: none;
}
ul.inline > li.hidden, ul.inblock > li.hidden {display: none;}

p.inline, h2.inline, h3.inline {
    display: inline !important;
}

.flex_block
, .flexblock
, .flex-block
, .flex-bl
, .flex
, .Flx
 {
    display: flex;
}


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

tr, td {vertical-align: top; padding:0;}
table.v_bottom td, tr.v_bottom td, td.v_bottom {vertical-align: bottom;}
table.v_middle td, tr.v_middle td, td.v_middle {vertical-align: middle;}
.up_pad, td.up_pad{padding-top: 10px;}



.CP {cursor: pointer;}

.VA_T{vertical-align:top;}
.VA_B{vertical-align:bottom;}
.VA_M{vertical-align:middle;}

.TL {text-align: left;}
.TC {text-align: center;}
.TR {text-align: right;}

.FL, .FL_L {float: left;}
.FR, .FL_R {float: right;}

.PR {position: relative;}
.PA {position: absolute;}

.M0 {margin: 0;}
.M10 {margin: 10px;}
.M20 {margin: 10px;}
.M10w {margin-left: 10px; margin-right: 10px;}
.M10h {margin-top: 10px; margin-bottom: 10px;}
.M20w {margin-left: 20px; margin-right: 20px;}
.M20h {margin-top: 20px; margin-bottom: 20px;}
.MA {margin: 0 auto;}

.P0 {padding: 0;}
.P10 {padding: 10px;}
.P20 {padding: 20px;}
.P10w {padding-left: 10px; padding-right: 10px;}
.P10h {padding-top: 10px; padding-bottom: 10px;}
.P20w {padding-left: 20px; padding-right: 20px;}
.P20h {padding-top: 20px; padding-bottom: 20px;}


.D_BL, .block_element, .block_el{display: block;}
.main_only, .D_NO, .hidden, .invisible, .pre_load {display: none;}
.hidden_element {display: none !important;}

.h100 {height: 100%;}
.w100 {width: 100%;}
.h100, .w100 {box-sizing: border-box;}


.b, .bold {font-weight: bold;}
.bb, .bolder {font-weight: bolder;}
.i, .italic {font-style: italic;}
.u, .underline {text-decoration: underline;}

.s8 {font-size: 8px;}
.s9 {font-size: 9px;}
.s10 {font-size: 10px;}
.s11 {font-size: 11px;}
.s12 {font-size: 12px;}
.s13 {font-size: 13px;}
.s14 {font-size: 14px;}
.s15 {font-size: 15px;}
.s16 {font-size: 16px;}
.s17 {font-size: 17px;}
.s18 {font-size: 18px;}
.s19 {font-size: 19px;}
.s20 {font-size: 20px;}
.s21 {font-size: 21px;}
.s22 {font-size: 22px;}
.s24 {font-size: 24px;}
.s25 {font-size: 25px;}
.s26 {font-size: 26px;}
.s30 {font-size: 30px;}
.s31 {font-size: 31px;}
.s32 {font-size: 32px;}
.s33 {font-size: 33px;}
.s34 {font-size: 34px;}
.s36 {font-size: 36px;}
.s39 {font-size: 39px;}
.s60{font-size: 60px;}

.Upper{text-transform:uppercase;}



h1 {
 font-size: 150%;
 margin:0;
}

h2 {
 font-size: 110%;
 margin:0;
 padding-bottom: 10px;
}

.category_title {
	font-size: 110%;
	/*font-weight: bold;*/
}


.article_title {
	font-size: 107%;
	/*font-weight: bold;*/
}



/* Footer */
    .footer, .copyright, .uaBiznes{
    	font-size:11px;
    	font-weight:bold;
    }

    .copyright, .copyright a, .uaBiznes a {color: #fff;}
    .copyright a:hover, .uaBiznes a:hover {color:#222;}

    .copyright{text-align: left;}
    .uaBiznes {text-align: right;}

    .footer_links_zone {text-align: center;}
    .footer_links_zone ul > li {padding: 0 10px; border-right: 1px solid #999;}
    .footer_links_zone ul > li:last-child {border: 0 none;}

/*---------------------------------------*/

.submit_button {
  font-size: 11px;
  font-weight: bold; 
  background-color:#a2a2a2;
  padding: 5px 10px;
}

#Proekt{
    background: transparent url(/images/design/_project_.jpg) no-repeat top center;
    opacity: 0.75;
}


/* Общие Стили для списков новостей, статей, разделов*/
    #articles_ext_columns, #category_ext_columns {text-align:center;}
    #articles_ext_columns ul, #category_ext_columns ul, #news_columns ul{margin:0px; padding:0px;}
    #articles_ext_columns li, #category_ext_columns li/*, #news_columns li*/{
    	display:inline-block;
    	vertical-align:top;
    	padding: 5px;
    	margin:5px 1px;
    }
    #articles_columns, #category_columns{margin:10px 0;}
    #articles_columns a, #articles_ext_columns a, #category_ext_columns a, #category_columns a{text-decoration:none;}
    #articles_columns a:hover, #articles_ext_columns a:hover, #category_ext_columns a:hover, #category_columns a:hover{text-decoration:none;}
    .art_ext_columns li, .cat_ext_columns li, .news_columns li, .img_ico_ext, .img_ico_news {
    	width:210px;
    }
    .img_ico, .img_ico_ext, .img_ico_news{
    	display:table-cell;
    	vertical-align:middle;
    	text-align:center; 
    	overflow:hidden;
    }
    .img_ico{
    	width:110px;
    	height:110px;
    	/*background:url("/images/ico/sample_icon_2.png") top left no-repeat;*/
    }
    .img_ico_ext{
    	height:210px;
    	/*background:url("/images/ico/sample_icon.png") top left no-repeat;*/
    }
    .img_ico_news{height:110px;}

    .img_ico_ext img{
    	max-width:200px;
    	max-height:200px;
    	margin:5px;
    }
    .img_ico img{
    	max-width:100px;
    	max-height:100px;
    	margin:5px;
    }
    .img_ico_news img{
    	max-width:200px;
    	max-height:100px;
    }
    .art_text, .cat_text{margin-left:130px;}
    .article_title, .category_title {
    	padding:0; 
    	font-family: Arial,Tahoma;
    }
/*---------------------------------------*/

ul.table_list {text-align: center;}


/* ---- стили таблиц для мобильной верстки -------- */
    table[class*="table_as_list"] > tbody > tr {
      display: inline;
    }
    table[class*="table_as_list"] > tbody > tr > td, ul.table_list > li {
      display: inline-block;
      /*min-width: 200px;*/
      padding: 10px;
      /*text-align: center;*/
      /*vertical-align: middle;*/
    }
    table.table_as_list_1-5 > tbody > tr > td,
    table.table_as_list.col_1-5 > tbody > tr > td,
    table.gallery_table.col_1-5 > tbody > tr > td {
      width: 19% !important;
    }
    table.table_as_list_1-4 > tbody > tr > td,
    table.table_as_list.col_1-4 > tbody > tr > td,
    table.gallery_table.col_1-4 > tbody > tr > td {
      width: 24% !important;
    }
    table.table_as_list_1-3 > tbody > tr > td,
    table.table_as_list.col_1-3 > tbody > tr > td,
    table.gallery_table.col_1-3 > tbody > tr > td {
      width: 32% !important;
    }
    table.table_as_list_1-2 > tbody > tr > td,
    table.table_as_list.col_1-2 > tbody > tr > td,
    table.gallery_table.col_1-2 > tbody > tr > td {
      width: 49% !important;
    }

    table.table_list img.gallery_img,
    table[class*="table_as_list"] img.gallery_img,
    li img.gallery_img {
        /*max-height: 200px;*/
        max-width: 100%;
    }

    table[class*="table_as_list"] > tbody > tr > td img,
    table.gallery_table > tbody > tr > td img {
        max-width: 100%;
        height:auto;
    }

/* Новости */
    .news_line{
    	margin-right:2px;
    	height:2px;
    	background:#29aee0;
    }
    #news_columns li{
    	padding: 6px 0 16px; 
    	text-align:left; 
    	display:block; 
    	vertical-align:top; 
    	margin:0;
    	}
    .news_title, .news_text{padding-left:1px;}
    #news_columns a .news_title{
    	color:#fef240; 
    	text-decoration:none;
    }
    #news_columns a .news_text{
    	color:#fff;
    	text-shadow:1px 2px 1px #000; 
    	margin-top:4px;
    }
    #news_columns  a:hover .news_title{text-decoration:underline;}
    #chitat{
    	text-align:right; 
    	margin-top:12px;
    }
    #chitat a {
    	color:#037bb5;
    	text-decoration:none; 
    	font-style:italic;
    }
    #chitat a:hover{
    	color:#8ED61D; 
    	text-decoration:underline;
    }

/*--- Разное ---*/

    .scroll_cover { /* обёртка для таблиц в моб.версиях */
        overflow: scroll;
        overflow-x: scroll;
        overflow-y: initial;
    }


    /* --------- слайдер ------------ */
        .slider_wrapper>.slide_link, .slider_wrapper>.slide_info {
            position: absolute;
            width: 100%;
            box-sizing: border-box;
        }
        .slider_wrapper>.slide_link {height: 100%;}
        .slider_wrapper>.slide_info {
            bottom: 0;
            padding: 15px 20px;
            background: rgba(41, 0, 0, 0.32);
            color: #fff;
            font-size: 1.7em;
            font-weight: bold;
            text-shadow: 1px 3px 5px rgba(0, 0, 0, 0.8);
        }

        .slider_wrapper>.slide_info p {
            padding: 0;
            margin: 0;
        }

        .slider_wrapper>.slide_info>.slider_title {
            text-transform: uppercase;
            font-size: 1.5em;
        }

        .slide_controls {
            position: absolute;
            bottom: 0;
            right: 4%;
            width: 150px;
            height: 40px;
            padding: 10px;
            z-index: 100;
        }

        .slide_controls>.control {
            width: 35px;
            float: right;
            height: 40px;
            margin: 0 0 0 10px;
            background: transparent url(/images/slider/arrows.png) no-repeat center left;
            opacity: 0.5;
            cursor: pointer;
        }
        .slide_controls>.control:hover {
            opacity: 1;
        }

        .slide_controls > .slide_next {
            background-position: right center;
        }


    /* --------- пагинация ------------ */

        .page_link_active > a, .page_link_inactive > a {
            background: rgba(0, 0, 0, 0) url("/images/ico/page_number.gif") no-repeat scroll center top;
            display: block;
            font-family: sans-serif,Arial;
            font-size: 10px;
            min-height: 30px;
            min-width: 20px;
            padding: 7px 0 0 1px;
            text-align: center;
        }
        .page_link_active > a {
            font-size: 110%;
            font-weight: bold;
        }


    /* --------- шрифты ------------ */
        @font-face {font-family: 'Arial Narrow';font-weight:normal;font-style:normal;src: local('Arial Narrow'), local("ArialNarrow"), url("/includes/fonts/ARIALN.ttf") format("truetype");}
        @font-face {font-family: 'Arial Narrow Полужирный';font-weight:700;font-style:normal;src: local('Arial Narrow Полужирный'), local("ArialNarrow"), url("/includes/fonts/ARIALN.ttf") format("truetype");}
        @font-face {font-family: 'Arial Narrow Bold';font-weight:700;font-style:normal;src: local('Arial Narrow Bold'), local("ArialNarrow"), url("/includes/fonts/ARIALN.ttf") format("truetype");}



    /* --------- спец.эффекты ------------ */

        .png_shadow{
            -webkit-filter: drop-shadow(5px 5px 3px rgba(4, 4, 4, 0.3));
            filter: drop-shadow(5px 5px 3px rgba(4, 4, 4, 0.3));
        }

        .hover_div_for_hover_img > img {transition: all 300ms ease 0s;}
        .hover_div_for_hover_img:hover > img {opacity: 1 !important;}

        *:focus {outline: none;}


        /* фоновое изображение с прокруткой а-ля параллакс */
            .img_bg_parallax {
                background-attachment: fixed;
                background-position: center center !important;
                background-repeat: no-repeat;
                background-size: 100% auto;
                max-width: none !important;
            }
            /* 
            .img_bg_parallax.bg_top {
                background-position: top center !important;    
            }
            .img_bg_parallax.bg_bottom {
                background-position: bottom center !important;    
            }
            .img_bg_parallax.bg_left {
                background-position: center left !important;    
            }
            .img_bg_parallax.bg_right {
                background-position: center right !important;    
            }
            .img_bg_parallax.bg_top_left {
                background-position: top left !important;    
            }
            .img_bg_parallax.bg_bottom_left {
                background-position: bottom left !important;    
            }
            .img_bg_parallax.bg_top_right {
                background-position: top right !important;    
            }
            .img_bg_parallax.bg_bottom_right {
                background-position: bottom right !important;    
            }
             */

        /* --- отражение картинок --- */
            img.mirror_h
            , img.MH
            , .mirror_h > img
            , .flip-horizontal > img
            , img.flip-horizontal
            {
                -moz-transform: scale(-1, 1);
                -webkit-transform: scale(-1, 1);
                -o-transform: scale(-1, 1);
                transform: scale(-1, 1);
                filter: FlipH;
                -ms-filter: "FlipH"; 
            }

            img.mirror_v
            , img.MV
            , .mirror_v > img
            , .flip-vertical > img
            img.flip-vertical
            {
                -moz-transform: scale(1,-1);
                -webkit-transform: scale(1, -1);
                -o-transform: scale(1, -1);
                transform: scale(1, -1);
                filter: FlipV;
                -ms-filter: "FlipV"; 
            }

    /* --------- фиксы и коррекции ------------ */
        /* все "слайдерные" таблицы после загрузки картинок преобразовываются в списки для слайдинга, поэтому пользователь видит "мелькание" */
        table.table_slider > tbody > tr > td:not(:first-child) {display: none;}

        /*  устанавливаем в полях ввода текст черным независимо от цвета стиля 'text'  */
        body input[type='text'], body input.text[type='text']
        , body textarea, body textarea.text
        , body select, body select.text
        {color: #000;} 

        .abs2rel{
            position: relative !important;
            top: 0px !important;
            left: 0px !important;
            width: auto !important;
        }


        /* ---- pretty photo correction ---- */
            @media screen and (max-width:780px) {
                div#prev-modal  {
                    padding: 5% !important;
                }
                div#prev-modal, div.pp_pic_holder  {
                    position: fixed !important;
                    overflow: auto !important;
                    top: initial !important;
                    left: initial !important;
                    top: 0 !important;
                    left: 0 !important;
                    width: 96% !important;
                    height: 96% !important;
                    margin: 2% !important;
                }

                div#prev-content {
                    width: 96%;
                    padding: 2%;
                }

                div#prev-modal iframe
                , .pp_default .pp_content_container iframe
                 {
                    width: 100%;
                    height: inherit;
                }

                a#prev-close {top: 5px !important; right: 5px !important;}


                div.pp_pic_holder .ppt {
                    width: initial !important;
                    box-sizing: unset !important;
                    margin: 0 15px !important;
                }

                div.pp_pic_holder.pp_default .pp_content {
                    width: 100% !important;
                    position: relative !important;
                    height: inherit !important;
                }

                .pp_hoverContainer, #pp_full_res {
                    width: 100% !important;
                    height: 100% !important;
                    padding-right: 10px !important;
                    box-sizing: border-box !important;
                }

                div#pp_full_res > img {
                    width: 100% !important;
                    height: auto !important;
                }

                div.pp_default .pp_content_container .pp_details {
                    width: 100% !important;
                    margin-top: 15px !important;
                }

                .pp_loaderIcon {
                    position: relative !important;
                    padding: 10px !important;
                }
                
                /* ---------- кнопку закрытия галлереи поднимаем наверх для удобства мобильного пользователя ---------- */
                    .pp_details {position: initial !important;}
                    a.pp_close {
                        top: 5px !important;
                        right: 15px !important;
                        z-index: 5000 !important;
                    }
                    /* ---------- и подсвечиваем в красный цвет ---------- */
                    div.pp_default .pp_close:after {
                        content: '';
                        position: absolute;
                        border-radius: 50%;
                        background: red;
                        opacity: 0.25;
                        top: 1px;
                        left: 2px;
                        width: 26px;
                        height: 26px;
                        /*
                        top: -1px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        */
                    }

                /* ---------- кнопку просмотра в полном размере прячем, так как из-за "мобильных ограничений по max-width" она все-равно не может работать ---------- */
                    a.pp_expand, a.pp_contract {display: none !important;}

            }






        #debug_info {padding-bottom: 500px;}

        div#debug_info img {
          max-width: 100px !important;
          display: inline-block;
        }