/*Убираем все предустановленные бутстрапом отступы*/
*{
    margin: 0px;
    padding: 0px;
}

h4 {
    margin-top: 2px;
   
}



/*Отступ над логотипом*/
.logo {
  padding-top:19px;
}

.header-background {
 background-image: url(../img/header-bg.png); 
}

/*Уменьшаем высоту navbar*/
.navbar-nav > li > a {
  padding-top:7px !important; 
  padding-bottom:7px !important;
}
.navbar {
  min-height:35px !important;
  border-radius: 0px;
}

hr {
    border: solid 2px #f3f3f3;
    margin-bottom:10px !important;

}

.info_article {
    margin-bottom: 1px;
    background-color: #ffffff;
    padding: 2%;

}
    
    .info_article img {
        float: left;
        margin-right: 2%;
        border-radius: 2px;
        border: solid 1px #dad7d5;
        width: 140px;
        height: 100px;
        margin-left: 5px;
   
    }

    .article-text {
        margin-bottom: 1px;
        background-color: #ffffff;
        padding: 2%;
        text-align: justify; 
    }
    .article-date {
        
        font-size: small;
        font-weight: lighter;
        padding-top: 5px;
        text-align: right; 
        color: rgb(105, 105, 105);
    }

    .article-text-style {
        margin-bottom: 1px;
        background-color: #ffffff;
        padding: 2%;
        text-align: justify;
    }

    .article-text-style h4 {
        color: #000;
    }

    .img-style-440 {
        
        margin-right: 2%;
        border-radius: 2px;
        border: solid 1px #dad7d5;
        width: 440px;
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
     }    

     .img-style-original {
        
        margin-right: 2%;
        border-radius: 2px;
        border: solid 1px #dad7d5;
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
     } 

     .img-style-original-nb {
        
        margin-right: 2%;
        border-radius: 2px;
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
     } 

     .img-style-left {
        float: left;
        margin-right: 2%;
        border-radius: 2px;
        border: solid 2px #dad7d5;
        width: 440px;
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
   
    }       

    .img-description-text {
        font-size: small;
        text-align: center;
    }

    .article-text img {
        float: left;
        margin-right: 2%;
        border-radius: 2px;
        border: solid 2px #dad7d5;
        width: 440px;
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
   
    }


    .article-2-img {
        float: left; 
        margin-right: 2%;
        margin-top: 15px;
    }

    .spravochnik-text {
        margin-bottom: 1px;
        background-color: #ffffff;
        padding: 2%;
        padding-left: 35px;
        padding-right: 15px;
        text-align: justify;
        color: #000;
    }

    .spravochnik-text-2 {
        margin-bottom: 1px;
        background-color: #ffffff;
        padding: 2%;
        padding-left: 35px;
        padding-right: 15px;
        text-align: justify;
        color: #000;
    }

    .spravochnik-text-style {
        margin-bottom: 1px;
        background-color: #ffffff;
        padding: 2%;
        padding-left: 35px;
        padding-right: 15px;
        text-align: justify;
        color: #000;
    }

    .spravochnik-text-style a {
        color: #06223b;  
    }

    .center-block {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }

    .spravochnik-text img {
        float: left;
        margin-right: 2%;
        border-radius: 2px;
        border: solid 2px #dad7d5;
        /* width: 440px; */
        margin-left: 0px;
        margin-bottom: 5px;
        margin-top: 5px;
   
    }

    /* Заголовки подразделов в справочнике */
    .spravochnik-text h4 {
     color: #000;
     font-weight: bold;
     font-size: medium;
    }

    .spravochnik-text-style h4 {
        color: #000;
        font-weight: bold;
        font-size: medium;
       }

    .text-bold {
    font-weight: bold;
    }

    .ul-list {
        padding-left: 30px;
    }

/* цвет фона и рамки навигационного меню */
.navbar-default {
    /*background-color: #032f42;*/
    background-image: url(../img/nav-background-wide.png);
    border-color: #E7E7E7;
    border-bottom-color: white;
}

/* Цвет текста пунктов навигационного меню */
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

/* Цвет пункта меню, при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF; 
    background-color: #2379b5;
}

/* Цвет и фон активного пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: black;
    font-weight: bold;
    background-color: white;
}

.under-navigation-ads {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
   
}

.above-footer-ads {
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: center;
    height: 80px;
}

.long-line {
    height: 5px;
    background-color: #052733;
}

.directory-header {
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 1.4em;
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.directory-header a {
    color: #06223b;
}

/* Заголовок страниц в справочнике */
.directory-header2 {
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 1.4em;
    padding-left: 20px;
   
    padding-top: 1%;
    padding-bottom: 1%;
}

.table a {
    color: #06223b;
    
}

.table-style1 a {
    color: #06223b;
    font-weight: bold;
}


.breadcrumb {
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 0.9em;
    padding-left: 1%;
    padding-top: 8px;
    padding-bottom: 0px;   
    background-color: #FFF;
}

.breadcrumb a {
    color: #06223b;
}


.small-header {
    font-weight: bold;
    padding: 0px;
    padding-top: 10px;
    width: 260px;
}

.small-header a {
    color: #06223b;
    
}

/* Заголовки в разделе Морской справочник */
.small-header2 {
    font-weight: bold;
    padding: 0px;
    width: 230px;
    padding-top: 10px;
}

.small-header2 a {
    color: #06223b;
    
}

.normal-text {
    text-align: justify;
}

.bluelink {
    color: #06223b;
}

.bluelink a {
    color: #06223b;
}

.margin-8 {
    margin-top: 90px;
}

/* .article-articles-list {
    margin-left: 2%;
} */


.general-catalog-list {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.catalog-list {
    padding-left: 15px;
}

.catalog-list li {
    width: 320px;
    color: #042e41;
}

.catalog-list-uzly {
    padding-left: 15px;
}

.catalog-list-uzly li {
  
    color: #042e41;
}

.catalog-list-uzly li a {
  
    color: #062c3d;
}

.catalog-list li a {
    width: 320px;
    color: #062c3d;
}

.catalog-list li a:hover {
    width: 320px;
    color: #1b6385;
}

.right-block {
    text-align: center; 

}




/* CSS стили для мобильных устройств */
/* Цвет рамки у кнопки, которая открывает меню */
.navbar-default .navbar-toggle {
    border-color: #DDD;

}
/* Цвет фона кнопки (которая открывает меню) при поднесении к ней курсора мышки или при нахождении её в фокусе */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #043f58;
}
/* Цвет полосочек в кнопочке, которая открывает меню */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
 
@media (max-width: 767px) {
/* Цвет пунктов меню в раскрывающихся списках */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: red;
     }

  /*Закрашиваем цвет под выпадающим меню в цвет фона меню, чтобы убрать полоски снизу и сверху*/
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: lightgrey;
   }

   /*Цвет фона пунктов (мобильном) меню в выпадающем списке*/
   /*Цвет текста пунктов меню в выпадающем списке*/
   .navbar-default .navbar-nav > li > a {
    color: black;
    background-color: lightgrey;
   }

   .article-text img {
    width: 400px;
   }
   .article-2-img {
    width: 400px;
   }




}  /*@media (max-width: 767px)*/




/*Сдвигаем кнопку меню влево*/
.navbar-default .navbar-toggle {
    border-color: #DDD;
    float: left;
    margin-left: 2%;
}

/*нижний отступ над футером*/
.clear {
	clear: both;
	height: 43px;
}

/* классы, чтобы прижать футер - начало*/
/* .main-content {
	min-height: 100%;
}

html, body {
	height: 100%;
} */
/* классы, чтобы прижать футер - конец*/

.catalog-list {
    width: 200px;
}



footer {
	color: #ffffff;
	background-color: #052733;
	padding: 5px 0 0 0;
	border-top: 1px solid #000;
}

footer a {
	color: #ffffff; 
}

footer a:hover {
	color: #999;
}

.underfooter {
	color: #666;
  
    background-image: url(../img/header-bg.png); 
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #000;
}

.footer-text {
    font-size: 0.7em;
    color: #000;
    text-align: right;
    padding: 0px;
}