/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17/02/2017, 14:18:32
    Author     : Lucio
*/
body{
    margin:0;
    font-family: arial;
    font-size: 12px;
    /**background-color: #ffffc6;**/
}

.botoes_comando{
    display: none;
}

.noticia{
    padding: 10px;
    font-size: 16;
   
}

.treino{
    padding: 50px;
    margin: 100px;
    background-color: red;
}

hr{
    border-style: inset;
    border-width: 2px;
}

.mesmo-tamanho{
    width: 100px;
    white-space: normal;
}

 .obrigado{
       width: 100%;
       height: 40px;
       background-color: #F9BF3B;
       text-transform: uppercase; 
       text-align: center; 
       vertical-align: middle;
       display: table-cell;
    }

input{
    background-color: #ffffff;
}

form-control{
    background-color: #ffffff;
}

.barra_botoes{
    background-color: black;
    padding: 10px;
}

.barra_titulo{
    
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #696969;
    color:white;
}
    
.barra_titulo_ocorrencia{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000000;
    color:white;
}
        


 .barra_subtitulo{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f3f1ef;
    color:#24252a;   
    
}

.separa{
    background-color: #000000;
    height: 10px;
    width: 100%;
}

.topo{
    height: 60px;
    background-color: #000;
    color: #ffffff;
}

.topobanner img{
    height: 50px;
}

.apresenta img{
          background-color: greenyellow;
}
.apresenta img{
     width: 100%;
     background-color: greenyellow
}


.topoint{
    width: 100%;
    max-width: 1040px;
    height: 60px;
    margin:auto;
    
        
}
.topoleft{
    width: 100%;
    height: 60px;
    float:left;
 
}




.topoleft ul{
    margin:0;
    padding:0;
    list-style:none;
    
}

.topoleft li{
    float: left;
    height: 60px;
    line-height: 40px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 16px;
    padding-top: 5px;
    
}
.topoleft li a{
    text-decoration: none;
    color: white;
    
}
.topoleft li .ativado{
    color: blue;
}

.toporight{
   
    height: 60px;
    float:right;
    margin-top: 5px;
}


.toporight a {
 float:right;
    
}

.toporight img{
    margin-right: 4px;
    
}

.titulo{
   margin-top: 0px;
   font-size: 24px;
   text-align: center;
   background-color: #F9690E;
   color:#ffffff;
   width: 100%
}


.containerint{
    width: 100%;
    max-width: 1140px;
    margin: auto;
    
    
}
.leftside{
    float:left;
    width: 853px;
    
}

.matricula{
    border: #ffcc66 Solid 5px; background-color: #FFF;  font-size: 16px;
    padding: 20px;
}

.rightside{
    width: 275px;
    min-height: 200px;
    float:right;
    margin-left: 12px;
}

.widget{
    
    border:1px solid #CCC;
    margin-bottom: 10px;
    
}
.linha {
    width: 100%;
    height: 250px;
    font-size: 18px;
}

.widget_titulo{
    height: 30px;
    background-color: #95A5A6;
    border-bottom: 1px solid #CCC;
    line-height: 30px;
    padding-left: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: bold
}

.widget_conteudo{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FDE3A7;
}

.noticia_item{
    font-size: 14px;
    margin:0px 10px;
    padding: 10px 0px;
    text-align: left;
    border-bottom: 1px solid #CCC;
    
}

.noticia_item a{
    text-decoration: none;
    color: #000;
}

.slideshow{
    height: 335px;
    background-color: #CCC;
    overflow: hidden;
    margin-bottom: 20px;
    
}

.slideshowarea{
    width: 10000px;
    height: 335px;
    background-color: #DDD;
    transition: all 1s;
}

.slide{
    height: 335px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slideinfo{
    height: 70px;
    background-image:url('assets/images/image4.jpg');
    background-size: auto 70px;
    margin-top: 265px;
}

.slideinfo_titulo{
    font-size: 20px;
    color:#FFF;
    padding-top: 15px;
    padding-left: 500px;
}

.slideinfo_subtitulo{
    font-size: 13px;
    color:#FFF;
    padding-left: 500px;
}

.slidebolinhas{
    position: absolute;
    width: 200px;
    height: 20px;
    
}

.bolinha{
    width: 10px;
    height: 10px;
    float: left;
    margin-right: 5px;
    cursor:pointer;
    border-radius: 10px;
    background-color: #CCC
}
.noticias_area1{
    margin-top: 10px;
    margin-left: 20px;
    width: 600px;
    float: left;
    height: 360px;
    
}

.noticias_area2{
    margin-top: 10px;
    width: 490px;
    float: left;
    height: 335px;
    text-align: left;
    font-size: 14px;
    border: #ffcc66 Solid 5px;  
}

.anonimo{
    margin-left: 40px;
    width: 50px;
    
    
}

.video{
    margin-top: 50px;
}

.area_introducao{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

.area_pergunta{
    font-size: 14px;
    padding: 20px;
}

.pergunta_dia{
    background-color: #FFF;
    width: 500px;
    float: left;
    text-align: left;
    font-size: 14px;
    height: 282px;
    border: #ffcc66 Solid 5px;
    margin-top: 50px;
}
.noticiaimg{
    width: 80px;
    height: 80px;
    border: 1px solid #CCC;
    padding: 3px;
    float: left;
}

.noticiaitem{
    text-align: left;
    height: 88px;
    margin-top: 7px;
    margin-bottom: 7px;
}
.noticiatitulo{
    float: left;
    margin-left: 6px;
    font-size: 16px;
    width: 220px;
}
.noticiainfo{
    font-size: 12px;
    margin-left: 6px;
    color: #999;
    float: left;
    
}

.noticiabig{
    margin-left: 10px;
}

.noticiabig .noticiaimg {
    width: 484px;
    height: 222px;
    
    
}

.noticiabig .noticiaimg img{
    width: 484px;
    height: 222px;
  
}

.noticiabig .noticiatitulo{
    font-size: 35px;
    width: 484px;
}

.menumobile{
    display: none;
}
.imagem{
    width: 500px;
    align-content: center;
}



@media only screen and (min-width:906px) and (max-width:1057px){
    .topoint
    .topo2int
    .menuint
    .ultimasnoticiasint
    .containerint{
        max-width: 890px;
    }
    
    .botoes_comando{
        display: block !important;
        margin-left: 10px;
    }
    
    #menu{
        display: block !important;
    }
    .leftside{
        width: 600px;
    }
    .noticias_area1{
        width: 278px;
    }
    .noticiabig .noticiaimg{
        width: 245px;
    }
    
    .noticiabig .noticiaimg img{
        width: 245px;
    }
    
    .noticiabig .noticiatitulo{
        width: 245px;
        font-size: 25px;
    }
    
    
}

@media only screen and (min-width:783px) and (max-width:906px) {
    .topo{
        display: none;
    }
    .topoint
    .topo2int
    .menuint
    .ultimasnoticiasint
    .containerint{
        max-width: 768px;
    }
    
    .botoes_comando{
        display: block !important;
        margin-left: 10px;
    }
    .topo2 .banner{
        display:none;
    }
    
    #menu{
        display: block !important;
    }
    
    .logo{
        float: none;
        margin: auto;
    }
    
    .rightside{
        display: none;
        
    }
    
    .leftside{
        float: none;
        width: auto;
    }
    .noticias_area1{
        width: 546px;
    }
    .noticiabig .noticiaimg{
        width: 515px;
    }
    
    .noticiabig .noticiaimg img{
        width: 515px;
    }
    
    .noticiabig .noticiatitulo{
        width: 515px;
        font-size: 25px;
    }
}

@media only screen and (max-width:783px) {
    .topo{
        display: none;
    }
    .topoint
    .topo2int
    .menuint
    .ultimasnoticiasint
    .containerint{
        max-width: 320px;
    }
    
     .botoes_comando{
        display: block !important;
        margin-left: 10px;
    }
     .topoleft{
        display: none;
        
    }
    
    .toporight{
        width: 100%;
    }
    .topo2 .banner{
        display:none;
    }
    
    .logo{
        float: none;
        margin: auto;
    }
    
    .menuint{
      
    }
    .menumobile{
        display: block;
    }
    
    .menu ul{
        position: absolute;
        background-color: #F9BF3B;
        z-index: 10;
        display: none;
		
    }
    
    .menu li{
        float: none;
        height: auto;
		
    }
    
    .menu li img{
        display: none;
    }
    
    .submenu{
        position: static;
        display: block;
        
    }
	
	
       
    .ultimasnoticias{
        display: none;
    }
    .rightside{
        display: none;
        
    }
    
    .leftside{
        float: none;
        width: auto;
        margin-top: 10px;
    }
    .noticias_area1{
        width: 320px;
    }
    .noticiabig .noticiaimg{
        width: 320px;
    }
    
    .noticiabig .noticiaimg img{
        width: 320px;
    }
    
    .noticia_item{
        clear: both;
    }
    .noticiabig .noticiatitulo{
        width: 320px;
        font-size: 25px;
    }
    .noticias_area2{
        width: 300px;
        margin: auto;
        float: none;
        clear: both;
        padding-top: 20px;
    }
    .noticiatitulo{
        width: 306px;
        
    }
    .noticiainfo{
        width: 306px;
    }
    
 
}