/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#barra_logado{
	width: 100%;
	border: 0px solid;	
}
#rodape{
	width: 310px;
}

#conteudo_lateral{
	width: 260px;
}
#conteudo_lateral_tabela td{
	padding: 10px;
}
.barra_logado_nome, .barra_logado_sintect, .barra_logado_perfil, .barra_logado_sair, .barra_logado_estado{	
	/* zoom: 45%; */
	float: none;
	font-size: 20px;
}
.barra_logado_nome img, .barra_logado_sintect img, .barra_logado_perfil img, .barra_logado_sair img, .barra_logado_estado img{
	display:none;
}
.ged_postit{
    /* background-image: url('/template/paralelo/img/durex.png'); 
	background-repeat: no-repeat; */
	background-color: #DFEF97;
	height: auto;
	width: auto;
	padding: 10px 10px 10px 10px;
	 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;	
	-moz-box-shadow: 0px 0px 20px 1px #666666;
	-webkit-box-shadow:0px 0px 20px 1px #666666;
	box-shadow: 0px 0px 20px 1px #666666;	
	margin-bottom: 20px;	
}
.tabela_listagem_protocolo, .tabela_listagem_categoria{
	display:none;
}
#tabela_listagem img{
	zoom: 120%;
}
#tabela_listagem_legenda{
	display: table;
	text-align:center;
	width: 100%
}
#tabela_listagem_legenda img{
	height: 20px;
}
#tabela_listagem_legenda td{
	background-color: #eaeaea;
	width: 25%;
}
.form_tabela{
	margin-left: -4px;
}
#tabela_listagem_rodape{
	zoom: 80%;
}

.tabela_tooltip{
	display: none;
}
/* =====  tooltip======================================================================= */
a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:none;
}
/* =====  jquery notification ======================================================================= */	
.center_auto{
    margin: 0 auto;
    width: 70%
    padding: 15px 25px;
}

	
.documento_campos_mobile{
	width: 300px;
}
.documento_campo_select{
	width: 240px;
}
.documento_campo_longo{
	width: 228px;
}
.documento_campo_medio{
	width:228px;
}
.documento_editar_tipo{
	float: left;
	margin-left: 0px;
}

#descricao{
	zoom: 60%;
}
.editor_html{
	zoom: 70%;
}


}



/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px){

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}


/* iPhone 4 ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape){


	#conteudo, #conteudo_titulo{
		width: 100%;
		/* margin: 0 auto; */
		margin-top: 4px;
	}
	.documento_campos_mobile{
		width: 100px;
	}
	#conteudo_principal{
		padding: 4px;
	}
	.conteudo_titulo{
		margin-bottom: 0px;
	}
	/* ---------------------------- tela de login ------------------------------------- */
	#formlogin{
		width: 300px;
		margin-top: 0;
	}
	#formlogin_campos{
		width: 280px;
		text-align:left;
	}
	#login_logo{
		width: 100px;
		position: relative;
		float: right;
		margin-top: 2px;
	}
	#login_tabela td{
		padding: 2px;
	}
	.login_form_icone{
		/* display:none; */
		zoom: 40%;
		position:relative;
		top: 20px;		
	}	
	.login_form_campos1,.login_form_campos2{
		width: 170px;
		display: table;
		vertical-align: middle;
		margin-bottom: 0px;
	}
	.login_form_campos2{
		width: 240px;
	}
	.login_form_campo{
		position:relative;
		float: left;
		line-height: 48px;
		margin-left: 1px;
	}	
	.login_form_submit{
		position:relative;
		float: left;
		line-height: 18px;
		margin-left: 20px;
	}
	.login_campos{
		width: 130px;
		font-size: 12px;
	}
	#login_campo_ok{
		position:relative;
		top: 5px;
	}
	#login_esqueci{
		zoom: 80%;
	}
	.login_esqueci_botao{
			zoom: 50%;
	}
		/* ---------------------------- cabecalho ------------------------------------- */
	#cabecalho_logo{
		position:relative;
		float: left;
		border: 0px solid;
		margin-top: 16px;
	}
	#conteudo_logo{
		zoom: 40%;
	}
	#barra_logado{
		width:230px;
		border: 0px solid;
		position:relative;
		float:left;
		margin-top: 0px;
	}
	.barra_logado_nome, .barra_logado_sintect, .barra_logado_perfil, .barra_logado_sair, .barra_logado_estado{	
		font-size: 8px;
		width: auto;
	}	
	#conteudo{
		width: 370px;
		border: 0px solid;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
	}
	#conteudo_titulo{
		width: 350px;
	}
	#conteudo_principal{
		padding: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
		width: 360px;
		margin:5px;
		margin-top: 16px;
	}		
	#conteudo_lateral{
		padding: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
		width: 360px;
		margin: 5px;
		margin-top: 10px;
	}	
	#conteudo_lateral img{	
		zoom: 40%;
	}
	#rodape{
		width: 370px;
		border: 0px solid;
		text-align:center;
	}
	#rodape_copy{
		width: 100%;
	}
	#barra_estados, #barra_sintects{
		top: 28px;
	}
	.barra_sintects_links{
		font-size: 14px;
	}

}

/* iPhone 4 ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 

	/* ---------------------------- tela de login ------------------------------------- */
	#formlogin{
		width:300px;
		margin-top: 0;
	}
	#formlogin_campos{
		width: 280px;
	}
	#login_logo{
		width: 240px;
		margin-top: 4px;
	}	
	/* #login_icone_usuario, #login_icone_senha{ */
	#login_tabela td{
		padding: 2px;
	}	
	.login_form_icone{
		/* display:none; */
		zoom: 70%;
		position:relative;
		top: 1px;		
	}	
	.login_form_campos1,.login_form_campos2{
		width: 270px;
		display: table;
		vertical-align: middle;
		margin-bottom: 0px;
		border: 0px solid;
		margin-bottom: 16px;
	}
	.login_form_campos2{
		width: 270px;
	}
	.login_form_campo{
		position:relative;
		float: left;
		line-height: 48px;
		margin-left: 1px;
	}	
	.login_form_submit{
		position:relative;
		float: left;
		line-height: 18px;
		margin-left: 5px;
	}
	.login_campos{
		width: 170px;
		font-size: 16px;
	}
	#login_campo_ok{
		position:relative;
		top: 5px;
	}
	.barra_logado_perfil, .barra_logado_sair{
		width: 148px;
		float: left;
		font-size: 1.4em;
	}
	.barra_logado_nome{
			width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	#barra_logado{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
	}
	#cabecalho_logo{
		zoom: 90%;
	}
	#conteudo, #conteudo_titulo{
		width: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
	}
	.conteudo_titulo{
		width: 100%;
		border: 0px solid;
		font-size: 28px;
	}
	#conteudo_principal{
		padding: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
		width: 310px;
		margin:5px;
		margin-top: 16px;
	}		
	#conteudo_lateral{
		padding: 4px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;	
		width: 310px;
		margin: 5px;
		margin-top: 10px;
	}	
	#conteudo_lateral img{	
		zoom: 40%;
	}
	
	

	
	
	}




/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
		
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}