/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1279px) {
	.container_agenda{
		max-width: 960px;
	}
	.cab_completo{
		max-width: 960px;
	}
	.conteudo{
		max-width: 960px;
	}
	.barra_partilhados {
		max-width: 960px;
	}
	.rodape {
		max-width: 960px;
	}
	.menu {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 960px) {
	.login_painel {
        width: 33,333%;
    }
	.container_insalt{
        padding: 0;
    }
    .metadeesqitem {
        width: 100%;
    }
    .metadediritem {
        width: 100%;
    }
	/* .menu { */
		/* font-size: 1.2em; */
	/* } */
}
@media screen and (max-width: 800px) {
	.login_conteudo {
	margin: 0 auto;
	height:400px;
	}
}
@media screen and (max-width: 683px) {
	.login_painel {
        width: 50%;
    }
	.login_conteudo {
	margin: 0 auto;
	height:623px;
	}
}

@media screen and (max-width: 480px) {
	.login_conteudo {
	margin: 0 auto;
	height:527px;
	}

    .login_logotipo {
        width: 100%;
    }
    .login_logotipo_natal {
        width: 100%;
    }
    .login_logotipo_2017 {
        width: 100%;
    }
    .login_logotipo_2017_a {
        width: 100%;
    }
	.login_cruzeta{
		width: 100%;
	}
	.login_exemplos{
		width: 100%;
	}
	
	.login_formulario {
		width: 80%;
	}
	.gravar_cancelar{	/* botoes	*/
	font-size: 0.8em;
	}
	.eliminar{	/* botoes	*/
	font-size: 0.8em;
	}
	
	.modalDialog> div{
		width: 320px;
	}

}

/* para conter os floats e evitar que elementos entrem em colapso. Funciona basicamente adicionando um espaço vazio antes e depois dos elementos e 
	dando um “clear” nos dois lados */
.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}
 
.clearfix:after {
   clear: both;
}
 
.clearfix {
   *zoom: 1;
}