@media only screen and (min-device-width : 851px) and (max-device-width : 1280px) {
	/*.mobile{
		display: none;
		}*/

	}



	/* iPhone 4 ----------- */
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
		/* Styles */
	}


	/* iPhone 5 ----------- */
	@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}


	/* iPhone 6+ ----------- */
	@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
		/* Styles */
	}


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

	/*.mobile{
		visibility: hidden;
		}*/

		#login {
			width: 240px;
		}

		#formlogin input {
			width: 93%;
		}

		#formlogin button {
			width: 100%;
		}

		#logo{
			width: 130px;
			height: 60px;
		}

		#menu {
			display: block;
			width: 100%;
			position: relative;
			top: 53px;
			position: absolute;
			background: url('../imagens/fundo.png') repeat;
			padding: 2px;
			font-size: 1.0em;
			color: #000000;
		}

		#menu .titulo {
			height: 17px;
			overflow: hidden;
			padding: 6px 10px;
			text-align: left;
		}


		#menu li {
			display: block;
			float: none;
			max-width: none;
		}

		#menu li img {
			display: inline-block;
			vertical-align: middle;
		}

		#menu .nfe {
			background-image: url("../menu/nfe.png");
			width: 45px;
		}

		#menuusuario {
			position: absolute;
			right: 10px;
			top: 14px;
		}


		#menu a,
		#menu a:visited {
			color: #000000;
			display: block;
			float: none;
			padding: 7px;
			text-decoration: none;
		}


		#btn_senha .usuario {
			display: none;
		}

		#menu .icone_menu {
			background-image: url("../menu/menuMob.png");
			height: 80px;
			width: 95%;
		}

		#page-header {
			background: rgba(0, 0, 0, 0) url("../menu/fundo.png") repeat scroll 0 0;
			color: #666;
			height: 61px;
			position: relative;
			width: 101%;
			z-index: 999;
		}


		select:focus,
		textarea:focus,
		input:focus {
			border: 1px solid #006eb3;
		}

		#buttonMenu{
			width: 30px;
			margin-left: 75px;
			padding-top: 6px;
			cursor:pointer;
		}


		#nomeMenu{
			border-left-width: 3px;
			text-align: left;
			padding-bottom: 1px;
			border-bottom-width: 4px;
			margin-top: -23px;
			width: 75%;
			font-size: 15px;
			color: #000000;
			margin-left: 114px;
		}

		#buttonMenu .mnButton {
			display:block;
			margin:3px 0px 4px 9px;
			height:3px;
			background: #000000;
			width:22px;
		}

		#div_FormTrocaSenha{
			height: 241px;
			left: -255px;
		}


		#menu .contratos,
		#menu .importar,
		#menu .cadastro,
		#menu .relatorios,
		#menu .usuarios,
		#menu .compras,
		#menu .ct,
		#menu .nfe,
		#menu .mensageria {
			height: 46px;
			width: 84px;
			margin: auto;
			margin-top: 5px;
			margin-left: 21px;
		}

		#menu .contratos {
			background: url('../menu/contratos.png') no-repeat;
			width:85px;
		}
		#menu .importar {
			background: url('../menu/importar.png') no-repeat;
			width: 43mpx;
		}
		#menu .cadastro {
			background: url('../menu/cadastros.png') no-repeat;
			width: 43mpx;
		}
		#menu .relatorios {
			background: url('../menu/relatorios.png') no-repeat;
			width: 43mpx;
		}
		#menu .usuarios {
			background: url('../menu/usuarios.png') no-repeat;
			width: 43mpx;
		}
		#menu .compras {
			background: url('../menu/compras.png') no-repeat;
			width: 43mpx;
		}
		#menu .ct {
			background: url('../menu/ct.png') no-repeat;
			width: 43mpx;
		}
		#menu .nfe {
			background: url('../menu/nfe.png') no-repeat;
			width: 43mpx;
		}
		#menu .mensageria {
			background: url('../menu/mensageria.png') no-repeat;
			width: 85px;
		}


		#menu a.ativo div.icone_menu, #menu a.clicado div.icone_menu {
			background-position: 0 -110px;
			color: #ffffff;
		}


		.ui-widget {
			font-family: Verdana,Arial,sans-serif;
			font-size: 0.8em;
		}

		.ui-tabs .ui-tabs-nav li a {
			float: left;
			padding: 0.5em 0.6em;
			/*font-weight: bolder;*/
			text-decoration: none;
			font-size: 11px;
		}


		.ui-tabs .ui-tabs-nav li.ui-tabs-active {
			margin-bottom: -1px;
			padding-bottom: 1px;
			background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%;
		}


		.geraForm-textM {
			text-align: left;
			width: 150px;
		}


		.geraTabela tbody tr td {
			border: 1px solid #e6e6e6;
			font-size: 93%;
			padding: 0 2px;
		}


		#conteudo {
			padding-left: 3px;
			padding-right: 3px;
			padding-top: 5px;
		}


		.geraForm-textG {
			text-align: left;
			width: 240px;
		}


		.geraForm-autocompleteM {
			text-align: left;
			width: 190px;
		}

		.avisoMsg {
			color: red;
			font-size: 90%;
		}


		.erro, .aviso, .ajuda {
			/*background: #e99 none repeat scroll 0 0;*/
			border: 1px solid red;
			color: black;
			margin: 1px;
			padding: 10px;
		}

		.fieldSet {
			border: 1px solid #ffffff;
			border-radius: 4px;
			box-shadow: 0 0 5px #e8e8e8;
			font-size: 8pt;
			margin: 18px 0 15px;
			padding: 8px 2px 11px 0;
		}

		select,
		textarea,
		input[type="text"],
		input[type="password"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="date"],
		input[type="month"],
		input[type="time"],
		input[type="week"],
		input[type="number"],
		input[type="email"],
		input[type="url"],
		input[type="search"],
		input[type="tel"],
		input[type="color"] {
			font-size: 16px;
		}


		.ui-tabs .ui-tabs-panel {
			background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
			border-width: 0;
			display: block;
			padding: 2em 0.4em;
		}


		.geraTabela thead tr th {
			background: rgba(0, 0, 0, 0) url("../imagens/tb_head.png") repeat-x scroll left -2px;
			border-color: #f4f4f4 #c9c9c9 #c9c9c9 #e9e9e9;
			border-style: solid;
			border-width: 1px;
			font-size: 11px;
			color: #000000;
			font-weight: bolder;
			height: 28px;
			padding: 0 2px;
		}

		.geraFiltro label {
			display: inline;
			font-size: 100%;
			font-style: normal;
			padding: 0 0 0 8px;
		}

		.ui-state-default,
		.ui-widget-content
		.ui-state-default,
		.ui-widget-header
		.ui-state-default {
			background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;
			border: 1px solid #d3d3d3;
			color: #000000;
			font-weight: normal;
		}

		.ui-dialog {
			font-size: 16px;
		}

	}