@charset "UTF-8";
/*
* Самые легкие и быстрые вкладки
* минимум кода, максимум функционала
*
* автор: @dobrovoi dbmast.ru
*/ 

/* Стили для табов-вкладок */
.tabs_block {
    width: 100%;
    /*max-width: 600px;
    min-width: 300px;*/
    margin: 0 auto;

}
.tabs_block:after {
    content:"";
    display:block;
    clear:both;
}
/* панель навигации вкладок */
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
}
/* список вкладок */
.tabs li {
    text-align:center;
    float:left;
    padding:3px 5px;
    background:#fff;
    margin-right:1px;
    cursor:pointer;
    border-top:1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-bottom:  1px solid lightgray;
    border-radius: 7px 7px 0px 0px;
    /*color:#fff;*/
    -webkit-transition:all .2s linear 0s;
    -webkit-transition-delay:.2s 0s;
    transition:all .2s linear 0s;
}
/* активная вкладка */
.tabs li.active {
    background:#fdfdfd;
    color:#4F5559; 
    font-weight: 600;
    /*text-decoration: underline;*/
    border-bottom:  1px solid #fff;
}
/* блоки вкладок с содержанием */
.box {
    background:#fdfdfd;
    width:96%;
    padding:5px 2% 6px;
    display:none;
    text-align: left;
    float: left;
    border-left:  1px solid lightgray;
    border-bottom:  1px solid lightgray;
    border-radius: 0px 0px 7px 7px;
/*border-top:1px solid gray;*/
}
/* параграф внутри вкладок */
.box p {
    margin-bottom: 15px;
}
/* активный блок при загрузке */
.visible, .open_tab {
    display: block;
}
/* картинки внутри вкладок */
.box img {
    /*width: 25%;*/
    height: auto;
}
/* картинки слева */
.pl-left {
    float:left;
    margin:5px 15px 5px 0;
}
/* картинки справа */
.pl-right {
    float:right;
    margin:5px 0 5px 15px;
}
/* убираем выравнивание на маленьких экранах */
@media (max-width: 300px) {
  .tabs, .tabs li {
   float: none;
  }
}