body {
}


      .titulo {
        
            width:100%;
            border-radius:2px;
            height:50px;
            text-align:center;
            font-size:20pt;
            color:#1d5061;
        }
        .img-principal {
        margin-left:2.5%;
        width:99%;
        }

        .DestacadosLateral {
        width:100%;
       
        }
        .DestacadosLateral li {
        list-style:none;
        margin-left:-20%;
        float:left;
        margin-bottom:5px;
      
        }
          .DestacadosLateral li a  {
     
    
   /*   background-color:#000;*/
 
        }
           .DestacadosLateral li img {
       width:100%;
       height:150px;
        }

             
                  .DestacadosLateral li a span  {
      width:100%;
      /*background-color:#000;*/
     /* color:#ffffff;*/
    float:left;
    padding:5px;
    font-size:12pt;
        }

        h3 {
        
        background-color:#808080;
        color:#ffffff;
        }
        .container {
      
        }
        .css-face {
        
            background-color:#4b4afb;

         font-family:Arial;
            height:35px;
            border-radius:2px;
            border:0px;
            color:#ffffff;
            margin:1px;
            width:100%;
     
        }
           .css-twitter{
        
            background-color:#46c395;

        font-family:Arial;
            height:35px;
            border-radius:2px;
            border:0px;
            color:#ffffff;
            margin:1px;
               width:100%;
        
        }

                 .globo-video {
            border:1px solid #c4c4c4;
           
        }
            .globo-video .tit {
                color:#808080;
                font-size:15pt;
                font-family:roboto;
              
        padding-bottom:10px;
            }
               .globo-video .more {
                color:#808080;
                font-size:11pt;
                font-family:roboto;
                cursor:pointer;
              text-decoration:none;
              margin-top:-5px;
            }
                 .globo-video .more span {
               font-weight:lighter;
             padding-left:9px;
              padding-right:9px;
               padding-top:3px;
              padding-bottom:3px;
       
               border:1px #c4c4c4 solid;
           border-radius:10px;
            }

                   .globo-video .more:hover {
            color:#4a4a4a;  font-weight:500;
            }
                         iframe {
        
        width:100%;
        height:170px;
        }


@media (max-width: 800px) {

      .container {
        width:100%;
        }

              .img-principal {
        margin-left:0%;
        width:99%;
        }

}