@media screen and (max-width: 800px) {
	#copyright { font: 500 13px "Open Sans",sans-serif; }	
	#netsigma span { font: 700 0.9em "Open Sans",sans-serif; }
	#netsigma a { font: 700 1.0em "Open Sans",sans-serif; }
	.item_menu .item_title { font: 700 1.35em 'Open Sans', sans-serif; line-height: 1.1em; }
	.titles { font-size: 18px; }
}
@media screen and (max-width: 600px) {
	#div_login_form { width: 320px; }
	.form_login { width: 280px; }
	.titles_form_login { width: 280px; padding: 10px 20px; }
	#left { position: relative; width: 94%; margin: 0 3%; float :left; }
	#right { position: relative; width: 94%; margin: 0 3%; float :left; }
	#copyright { font: 500 0.8em "Open Sans",sans-serif; }	
	#netsigma span { font: 700 0.8em "Open Sans",sans-serif; }
	#netsigma a { font: 700 0.9em "Open Sans",sans-serif; }
	.item_menu .item_title { font: 700 1.1em 'Open Sans', sans-serif; line-height: 0.8em; }
	.titles { font-size: 16px; }
}

@media screen and (max-width: 400px) {
	#left { position: relative; width: 94%; margin: 0 3%; float :left; }
	#right { position: relative; width: 94%; margin: 0 3%; float :left; }
	.item_menu .item_title { font: 700 1.0em 'Open Sans', sans-serif; line-height: 0.7em; }
	.titles { font-size: 15px; }
}

@media screen and (max-width: 320px) {
	#div_login_form { width: 280px; }
	.form_login { width: 240px; }
	.titles_form_login { width: 240px; padding: 10px 20px; }
	.titles { font-size: 14px; }
	#left { position: relative; width: 94%; margin: 0 3%; float :left; }
	#right { position: relative; width: 94%; margin: 0 3%; float :left; }
	#copyright { font: 500 0.8em "Open Sans",sans-serif; }	
	#netsigma span { font: 700 0.8em "Open Sans",sans-serif; }
	#netsigma a { font: 700 0.9em "Open Sans",sans-serif; }
	.item_menu .item_title { font: 700 1.1em 'Open Sans', sans-serif; line-height: 0.8em; }
}


@media 
only screen and (max-width: 500px)  {

	/* Force table to not be like tables anymore */
	/*.tabela, .tabela thead, .tabela tbody, .tabela th, .tabela td, .tabela tr { 
		display: block; 
	}*/
	
	/* Hide table headers (but not display: none;, for accessibility) */
	/*.tabela th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}*/
	
	/*.tabela tr { border: 1px solid #ccc; }*/
	
	/*.tabela td { 		
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}*/
	
	/*.tabela td:before {
		position: absolute;		
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}*/
	
	/*
	Label the data
	*/
	/*.tb_f_cliente td:nth-of-type(1):before { content: "ID Cliente"; }
	.tb_f_cliente td:nth-of-type(2):before { content: "ID Transportadora"; }
	.tb_f_cliente td:nth-of-type(3):before { content: "Tipo Transporte PT"; }
	.tb_f_cliente td:nth-of-type(4):before { content: "Tipo Transporte EN"; }
	.tb_f_cliente td:nth-of-type(5):before { content: "Tipo Transporte ES"; }
	.tb_f_cliente td:nth-of-type(6):before { content: "Tipo Transporte FR"; }*/
}