/***********/
/* TABLETS */
/***********/
@media (max-width :1000px){
div.centerpanel{
	width:100%;
}
div.top-sep,
div.bottom-sep{
	display:none;
}
div.header{
	height:70px;
}

a.openpanel{
	display:block;
}
    
div.sidebar{
	float:left;
	width:100%;
	display:none;
}

div.sidebar{
	display:none;
}
div.sidebar.sideover{
	margin-left:auto;
	right:0;
}

a.sideover-botao{
	display:none;
}

div.principal{
	padding-left:20px;
	padding-right:20px;
}
div.principal.short{
	width:100%;
}

div.menu ul.menu{
	float:left;
	overflow:hidden;
	width:80%;
}
div.menu ul.menu li a{
	padding-left:14px;
	padding-right:14px;	
}

/*===================
 FORMS
=================== */
ul.formulario li{
	width:100%;
}
ul.formulario li input.l300,
ul.formulario li input.l400,
ul.formulario li input.l500,
ul.formulario li input.l600,
ul.formulario li select.l300,
ul.formulario li select.l400,
ul.formulario li select.l500,
ul.formulario li select.l600,
ul.formulario li textarea.l300,
ul.formulario li textarea.l400,
ul.formulario li textarea.l500,
ul.formulario li textarea.l600{
	width:100% !important;
}

ul.formulario li input{
	font-size:16px;
	padding:10px;
}
ul.formulario li select{
	font-size:16px;
	line-height: 35px;
    height: 35px;
    padding-left: 10px;	
}
ul.formulario li textarea{
	font-size:16px;
	padding:8px;
}

/*EXTERNAL*/
body.external div.menu{
	display:none;
}
body.external div.main div.centerpanel{
	width:100%;
}
body.external div.box-external,
body.external div.box-external.long{
	width:100%;
}
body.external div.box-content p{
	margin:10px;
	font-size:14px;
}
body.external div.botoes{
	margin-left:5px;
}
body.external div.top-sep,
body.external div.bottom-sep{
	display:none;
}
}

@media (max-width :500px){
div.sidebar{
	float:left;
	width:100%;
	display:none;
}

div.sidebar.sideover{
	position:static;
	margin-left:0;
	width:100%;
}
div.header div.user{
	width:82px;
}
div.user span{
	display:none;
}
div.icones a{
	width:120px;
}
div.icones h2{
	font-size:16px;	
}
div.popinterno{
	max-width:none;
}
a.botao{
	width:100%;
	text-align:center;
	padding-left:0;
	padding-right:0;
	margin-bottom:10px;
}
}

/***************/
/* SMARTPHONES */
/***************/
@media (max-width :400px){
ul.formulario li input,
ul.formulario li select,
ul.formulario li textarea{
	width:100% !important;
}	
	
div.breadcrumb{
	display:none;
}
div.menu ul.menu li a{
	padding-left:4px;
	padding-right:4px;	
}
div.botoes a.botao,
div.popbotoes a.botao{
	width:100%;
	margin-bottom:10px !important;
	margin-left:0 !important;
	margin-right:0 !important;
}
}