/* Move down content because we have a fixed navbar that is 50px tall */
body {
   background-coloR:gray;
    
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}
.texto-resposta {
    color:#0c0c0c;
    font-family:'Times New Roman';
    text-align:justify;
}

.comentario {
    font-weight:bold;
    color:gray;
    
}

.texto-pergunta {
    color:red;
    font-family:'Times New Roman';
   text-align:justify;
    font-weight:bolder;
}

.fundo {
   
    width:3000px;
    top:0;
    left:0;
    height:3000px;
    color:black;
    display:none;
    position:absolute
}

.corpo-principal {
    width: 960px;
    margin: auto;
    background-color: #e2e2e2;
}
.artigo {
    width:100%;
    background-color:#f3f3f3;
    margin:1px auto;
    box-shadow:-2px 2px 6px gray;
    padding:10px;
    border:1px solid white;
    position:relative;

}

    .artigo  {
        text-align:justify;
        
    }

    .artigo header p {
       
        float:left;
        background-color:#6f8193;
        color:#fff;
        margin-left:5px;
        border-radius:0px 5px  5px 0px;
        width:100%;
        padding-top:3px;
        padding:5px;
        border:2px solid #fff;
        box-shadow:-2px 2px 5px gray;
        text-indent:5px; 
        
      
            }

     .titulo-materia-pagina {
                font-family:Arial;
                color:#a70000;
                transition:0.5s;
            }

            .titulo-materia-pagina :hover {
                color:red;
                box-shadow:-3px 3px gray;
            
            }


#menu-principal {
   
    top: 0;
    height: 120px;
    background-color: #e2e2e2;   
   
    z-index: 1000;
}

    #menu-principal ul {
        list-style: none;
        margin-left: 80px;
        float: right;
        margin-top:-100px;



    }

        #menu-principal ul li a {
    color: #808080;
    text-decoration: none;
    transition: 0.4s;
    font-size:10pt;
    font-weight:bolder;
    transition:0.3s;
    margin-top:20px;
    padding-right:27px;
   
        }

            #menu-principal ul li a:hover {
                color:white;
                font-size:13pt;
            }



.barra-nav ul li a {
    color: #808080;
    text-decoration: none;
    transition: 0.4s;
    
}

    .barra-nav ul li a:hover {
        color: #fff;
        text-decoration: none;
    }

.li-menu p {
    color: #808080;
    text-decoration: none;
    transition: 0.4s;
}

    .li-menu p:hover {
        color: white;
    }

#menu-principal ul li {
    float: left;
    color: white;
    padding-left: 20px;
    cursor: pointer;
    font-family: Arial;
    font-size: 09pt;
    position: relative;
    margin-top: 20px;
}



#menu-principal ul li {
    top: 0;
    left: 0;
    display: block;
}

@media(max-width:480px) {
    #menu-principal ul {
        display: block;
        top: 0;
        position: absolute;
    }

  
}

#menu-principal ul li ul {
    display: none;
    position: absolute;
    left: -50px;
    background-color: #0c0c0c;
    top: 30px;
    padding-bottom: 10px;
    border-radius: 0px 0px 8px 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: red;
}
.artigo img {
    padding-left:5px;
    padding-right:5px;
}

    #menu-principal ul li ul li {
        border-bottom: 1px solid red;
        background-color: #0c0c0c;
    }

.rodape {
    overflow: hidden;
    width: 100%;
    background-color: black;
    height: 50px;
    margin-bottom: -30px;
    z-index:1500;
}

    .rodape p {
    color:white;
    font-family:Arial;
    margin-left:400px;
    margin-top:6px;
    margin-right:auto;
    }

#logo-01 {

   width: 15%;
   top: 5px;  
    margin-left: -15%;
    margin-top:-62p;
     
}

#contato-01 {
    width: 15%;
    top: 5px;
    position: absolute;
    margin-left:60%;
}

body {
   background-color:white;
}

#sessao-banner {
    width: 100%;
    height: 530px;
    position: relative;
    background-color: #fff;
    margin-bottom: 20px;
}

#principal {
    float: left;
    width: 50%;
    background-color: #808080;
    height: 100%;
    border-right: 2px solid #000;
}

.principal {
    float: left;
    width: 58%;
    background-color: #808080;
    height: 100%;
    position:relative;
    
}

#aside-secundario {
    width: 100%;
    height: 100%;
    background-color: #d0cfcf;
    float: right;
    margin-top:-50%;
    margin-left:50px;
}

.linha-artigo {
    width: 100%;
    margin: 0;
    height: 5px;
    background-color: white;
}

.aside-artigo {
    width:40%;
    float:right;
    background-color:#cacaca;
    margin:auto;
    border-left:15px solid #cacaca;
   
}
.artigo-foto img {
   padding-right:5px;
}

.artigo-foto {
    
    background-color: #f1f1f1;   
    height:200px;
    width:100%;
    border:3px solid #cacaca;
    
}

   .col1 {
    width:50%;float:left; display:block; height:90%;
    }

    .rod {
        width:100%;  height:10%; display:block; overflow:hidden; margin-left:0px; 
    }

        .rod p {
            font-family:Aharoni;
            font-size:8pt;
            margin-top:-8px;
           
        }

    .artigo-foto p {
        font-family: Arial;
        text-align: left;
        padding: 5px;
    }

.pagina-titulo {
    width: 100%;
    height: 50px;
    border-bottom: 3px solid #fff;
    box-shadow: -3px 3px 6px #808080;
    position: relative;
    margin-top:-10px;
   
   
}

 .pagina-titulo p {
        font-family: 'Times New Roman';
        font-size: 30px;
        position: absolute;
        margin-left: 5%;
        margin-top: 3px;
        font-weight: 900;
        font-kerning: normal;
        letter-spacing: 4px;
    }
@media(max-width:480px) {
    #menu-principal ul li{
        
    }
    .artigo-foto {
        width:100%;
        display:block;
    }
}





.noticia {
    background-color:#f3f3f3;
    padding: 15px;
    box-shadow: -3px -3px 5px gray;
    font-family:Arial;
    font-size:15px;
   
}

    .noticia h3 {
        background-color:gray;
        color:#fff;
        text-align:left;
        padding-left:8px;
        font-family:'Times New Roman';
    }

.linha-divisoria {
    width: 100%;
    height: 30px;
    background-color:#808080;
    margin-top: -10px;
    border-bottom:2px solid white;
    margin-bottom:30px;
    box-shadow:3px 3px 5px gray;
        
}

#slides {
    width: 100%;
    margin-right: auto;
    margin-left: auto;   
    box-shadow:-3px 3px 6px gray;     
}

    #slides ul {
        width: 100%;
        margin:auto;
        list-style:none;       
    }

    #slides img {
        width:95%;
        height:300px;
       
      
    }

.barra-nav ul  {  
   
}