@charset "utf-8";
/* CSS Document */


#tabs
{
  overflow: auto;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#tabs li
{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

#tabs a:hover{ border:0px;}
#tabs a i{ margin-right: 13px; color: #fff; font-size: 16px;}
#tabs a
{
    background: #1D6FAF;       
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    color: #fff;
    float: left;
    font: bold 14px/35px 'Noto Sans', sans-serif;
    height: 40px;
    padding: 0 30px;
    text-decoration: none;
    width: 100%;
    margin-bottom: 1px;
}

#tabs a:hover
{
    background: #3481C9;            
}

#tabs a:focus
{
    outline: 0;
}
#tabs #current a i{ color:#333;}
#tabs #current a
{
    background: #F1F1F1;       
    text-shadow: none;    
    color: #333;
}
#content div h3{ font-size: 20px; font-weight:300; margin-bottom: 10px; padding: 0px; margin-top: 10px; line-height: 15px; color: #5A7BB4; font-family: 'Economica', sans-serif;}
#content div h2{ font-size: 16px; font-weight:600;}

#content div p{ text-align:justify; margin-bottom: 5px; font-size: 13px;}
#content div ul li{ margin-bottom:0px; font-size: 13px;}
#content
{
    background-color: #fff;    
    padding: 30px;
    padding-top: 5px;
    padding-bottom: 0px;
}

/* Remove the rule below if you want the content to be "organic" */
#content div div.one-fourth{ display: block!important; width: 48%; float: left; margin-bottom: 15px;}
#content div div.one-third{ display: block!important; width: 35%; float: left; margin-bottom: 15px;}
#content div div.one-fifth{ display: block!important; width: 63%; float: left; margin-bottom: 15px;}
#content div div.clear{ display: block!important;  }
#content div
{
    height: 100%;
}