.Stytieudecon{
   font-weight: 700;
    font-size: 14px;
    
    color: #444444;
    line-height: 20px; 
    text-align:left;  
}
.Stytomtatcon{   
    font-size: 13px;
    margin-top: 10px;
    color: #2f363d;
    line-height: 20px;
    text-align: justify;
}
.title-a {
  font-size: x-large;
  font-weight: 600;
}
.panel-default {
    border:thin solid !important;; 
    border-color:#cf0a2c !important;;
}
.panel {
    margin-top:10px !important;
    margin-right:0px !important;
}
.panel-heading {    
    color:#cf0a2c !important; 
    border-bottom: solid !important; 
    border-bottom-color:#cf0a2c !important;
    font-weight:bold;
}
.panel-heading > a {
    color:#33799f;
}
.panel-heading > a:hover {
    color:#333;
}
.image-card:hover {
   opacity: 0.3;
}
/*menu doc*/
.menu_doc_child {
    background-color:#33799f; 
    
    font-weight:bold;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:0px;
}
.menu_doc {
    background-color:#33799f; 
    font-weight:bold;
    padding:10px;
}
.menu_doc_child > a {
    color:white;
}
.menu_doc_child > a:hover {
    color:#333;
}
.menu_doc > a {
    color:white;
}
.menu_doc > a:hover {
    color:#333;
}

/* navbar */
a {
    text-decoration: none;
}
a:hover {  text-decoration: none;}

.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
}
/* Title */
.navbar-default .navbar-brand {
    padding-top:5px;
    color: black;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: black;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #cf0a2c;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #33799f;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #cf0a2c;
    background-color: white;
}
.navbar-default .navbar-nav .dropdown-menu  {
    color: black;
     background-color: white;
}
.navbar-default .navbar-nav .dropdown-menu > li >  a,

.navbar-default .navbar-nav > .active > li > a:focus {
    color: black;
    background-color: white;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
    color: #cf0a2c;
    background-color: white;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}