/*
   CUSTOM  
*/
@media only screen and (min-width: 768px) and (max-width: 994px){ }
@media only screen and (min-width: 767px) and (max-width: 1260px){ 
    div.controldefault{
        top:40%;
        margin-top:-70% ;
    }
}

@media only screen and (max-width: 1256px){ 
    div.formt{
        width: 70%;
    }

}
@media only screen and (min-width: 1120px){
	
	
}

@media only screen and (min-width:768px) and (max-width: 1070px) {
  
}

@media only screen and (max-width: 1259px) {
    div.menu-interna{
        margin-top: 16px !important;
        margin-bottom: 15px !important;
        
    }
}
@media only screen and (min-width:1071px) and (max-width: 1259px) {
  
}
    
    
    
/* Smaller than standard 1120px (devices and browsers) */
@media only screen and (max-width: 1227px) {
	div.formt{
        display: flex;
        justify-content: center;
        display:-webkit-flex;
    }
}

/* Tablet Portrait size to standard 1120px (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 992px) {
	

}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
    div.controldefault a:nth-child(odd){
        margin-right: 0;
    }
    div.formt{
        width: 100%;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   div.formt form label{
      margin-right: auto;
      margin-left:auto;
    }

    h1.logo a img{
        margin-right: auto;
        margin-left: auto;
    }
    div.controldefault{
        position: relative; 
        top: 30% ;
        margin-top: -30%;
        z-index: 221313; 
        margin-bottom: 10px;
        z-index: 999999;
    }
    div.btnEntreContato,
    div.btnTransparencia,
    div.btnCompras,
    div.btnArquivos{
        margin-bottom: 30px;
    }

    .galeria a img{
       margin-bottom: 30px;
    }
    .noticia-slide-box{
        margin-top: 30px;
    }
    .box-tv{
        margin-top: 30px;
    }
    div.box-lists{
        margin-top: 50px !important;
    }
    .novi-acompanhe span {
        margin-bottom: 30px;
    }

    .end,
    .atendimento,
    .telefone{
        margin-bottom: 30px;
    }
    .breadcrumbs{
        text-align: center;
         width: 100%;
         margin-bottom: 20px;
    }
    .conteudo span{
        margin-top: 30px;
    }
    .comissoes .ul_reset{
       margin-top: 20px;
    }

    .galeria {
        margin-bottom: 30px;
        padding-left: 0;
    }
    .back-img{
        height: 100%;
    }
    .formt{
        margin-top: 30px;
    }
    .conteudo-dir ul{
        margin-top: 30px;
    }
    .table{
        display: block;
        width: 100%;
        min-height: .01%;
        overflow-x: auto;
    }
    .paginator{
        margin-bottom: 30px;
    }
    .back-li li{
    	padding: 8px;
    }
    .back-footer{
    	top: 50px;
    }
    .webmail input,
    .holerite input{
         padding: 6px 25px 8px 37px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 510px) {
    
    
}

@media only screen and (max-width: 479px) {
   div.formt form label{
        float: left;
    } 

    div.formt form .holerite{
        float: left;
        position: relative;
        right: 48px;
    }
    .holerite:before{
        float: left;
    }
    .webmail::before{
        margin-left: 13px;
    }
     div.formt{
        display: block !important;
    }
  
    .search  form label input[type^="text"]{  
        width: auto;
        margin-left: 0;
    }
    div.controldefault{
        position: relative; 
        top: 50%;
        margin-top: -75%;
        z-index: 221313; 
        margin-bottom: 10px;
        z-index: 999999;
    }
    .video-item a::before{
        height: 60%;
    }
    .box-galeria h2, .box-parl h2, .box-tv h2,.noticia-slide-box h2,.box-novidades h2{
    	font-size: 25px;
    }
}



/*
    'PADRÕES' EM RESPONSIVEL 
*/

/* Smaller than standard 1120px (devices and browsers) */
@media only screen and (max-width: 1120px) {
	
}
/* Tablet Portrait size to standard 1120px (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1120px) {
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
     .menu-nav{
        display: block;
        visibility: visible;
    }

    .menu-static{
        display: none;
        visibility: hidden; 
    }
    .back-img {
        height: 240px;
        background-position: right -26px center;
    }
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    /* padrões */
    div.formt{
        position: relative;
        margin-top: 160px;
    }
    .back-img{
        background-position: right -173px center;
        height: 380px;
    }
	.menu-interna{
		display:none;
		visibility:hidden;
	}
    .margtop--6{
		margin-top:10px !important;
	}
	.margtop--2{
		margin-top:0 !important;
	}
	.slide{
		margin-top:30px !important;
	}
    .flex-center,
    .flex-between{ 
        display: block;
    }
    
    .conteudoINDEX > div > div > div > div{
        margin: 5px 0;
    }
    .conteudoINDEX > div > div > div{
    }
    .conteudoINDEX > div > div{
        margin: 20px 0;
    }
    .conteudoINDEX > div{
        margin: 20px 0;
    }
    
    
    .footer .artemsiteLogo{
        width: 200px;
        margin: 50px auto 20px;
        float: none;
        display: block; 
    }
    .footer .copy > span{
        width: 100%;
        text-align: center;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {   
    div[class^='col-xs'],
    article.col-xs-6{
        width: 100%;
    }
}


@media (min-width: 768px) {
    div.container {
        width: 80%;
    }
}
@media (min-width: 1140px) {
    div.container {
        width: 80%;
    }
}
@media (min-width: 1260px) {
    div.container {
        width: 1260px;
    }
    
    
}