﻿.titleArea{
    height:40px;
    background-color:#f60000;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    line-height: 40px;}
.titleSpan{
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;}
.imgIcon{
    width:20px;
    height: 20px ;
    margin-left:10px;
    margin-bottom: 5px;}
.more{
    position: absolute;
    top: 20px;
    right: 5px;
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;}
.more> a{
    color: #F60000;}



.nav{
    height: 60px;
    background-color: #f60000;
    margin-bottom: 10px;
    line-height: 60px;}
.nav ul{
padding: 0 30px;}
.nav li{
    text-align: center;
    width: 16.6%;
    float: left;
    }
.navSpan{
    font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #FFFFFF;
    font-size: 24px;}
.verticalLine{
    float: right;
    color: #FFFFFF;
    font-size: 24px;
   
    }

.contentDiv{
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;}
.contentI{
    margin:8px 20px;
    width:10px;
    height:10px;
    border-radius:50%;
    background-color:black;
    display: block;}
.contentSpan{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

footer {
    background: #f60000;
    padding-top:20px;}

.footer-info {
    text-align: center;}

.footer-info p,
.footer-info a,
.footer-info span{
    font-size: 16px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;}


#content,#substance{min-height:330px;}