@media (max-width: 480px) {
.navbar-brand {
  float: left;
  font-size: 1em;
    padding: 15px 10px;
  line-height: 20px;
}
}



@media (max-width: 375px) {
.navbar-brand {
  float: left;
  font-size: 0.9em;
    padding: 15px 10px 15px 10px;

}
}



@media (max-width: 320px) {
.navbar-brand {
  float: left;
  font-size: 0.7em;
    padding: 15px 10px 15px 10px;

}
}


.navbar-inverse {
  background-color: #3114AD;
  border-color:#3114AD
}
.navbar-inverse .navbar-brand {
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;

  font-size: 9pt; 
  padding-right: 9px;
  /*padding-right: 7px;*/
  padding-left: 9px;

}


.navbar-inverse .navbar-toggle {
  border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #3d94aa;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-toggle {
    margin-right: 10px;
}


ul.nav a:hover { 
color: #00ffff !important;  /* hover color of all menu */

}



 body { background-image:url(../images/bg.png);background-repeat:repeat-x;background-attachment:fixed; 
 background-color:#fff;
 line-height:2.2em;
   text-align: justify;
   }

.footer_bg { width:100%;padding:35px 0 0px;margin-bottom:50px;background:url(../images/footer-tail.gif) left top repeat-x #ffffff}





h1,
.h1 {
  font-size: 30px;
  text-align:left;
}
h2,
.h2 {
  font-size: 24px;
    text-align:left;
}
h3,
.h3 {  text-align:left;
  font-size: 18px;
}
h4,
.h4 {  text-align:left;
  font-size: 16px;hover
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

a{color:#511ab7; 
}
a:hover{

 color:#903f98}

.panel-success{border-color:#d8e7f0}
.panel-title{color:#ffffff}
.panel-success>.panel-heading {
color:#511ab7;
background-color:#511ab7;
border-color:#511ab7
}


@media (max-width: 1199px) {
	.switch_button {display:none}

}


span.topic,  span.topic>a
{
font-size:13px;
color:#511ab7;
}