@media only screen and (max-width: 979px)
{
	body{
		-webkit-user-select:none;
		-webkit-touch-callout:none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		width:100%;
		height:100%;
	}
	#contenedor,.login fieldset,#menu,.tabla_datos,.dataTable,#bloque_cabecera,.bloque2{
		float:left;
		width:100%;
		min-height:auto;
		padding:0px;
		/*margin:0px;*/
		border-radius:0;
	}
	#cabecera{
		/*background-position:left center;*/
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
		box-sizing:border-box;
	}
	#cntDesconectar
	{
		float:left;
		width:100%;
		margin:0;
	}
	#bloque_cabecera p{
		float:right;
	}
	/*.b_suministro{
		max-width:55%;
		margin:8% 2% 2% 5%;
		text-align:right;
	}*/
	.b_acceso,
	.oculto{
		display:none!important;
	}
	#contenidos
	{
		padding:20px!important;
	}
	.recargar_captcha{
		clear:right;
	}
	.b_suministro{
		width:auto;
	}
	#menu{
		height:auto;
		box-shadow:0px 1px 1px #CCC;
		-moz-box-shadow:0px 1px 1px #CCC;
		-webkit-box-shadow:0px 1px 1px #CCC;
		-o-box-shadow:0px 1px 1px #CCC;
		border-bottom:none;
	}
	.menubar li a{
		padding-left:20px;
		padding-right:20px;
	}
	#contenidos .cols2 h4
	{
		width:100%;
		margin:4% 0;
	}
	#contenidos h4{
		padding-bottom:6px;
		color:#FA4913;
		border-bottom:1px dotted #FA4913;
		margin-top:30px;
	}
	label{
		/*font-size:1em!important;*/
		margin-bottom:11px!important;
	}
	.paginador a{
		color:#fff;
		background:#FA4913;
		text-decoration:none;
	}
	.paginador span{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.paginador a,.paginador span{
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	table td,
	table th{
		vertical-align:middle;
	}
	#fseguridad{
		clear:left;
	}
	/*.seguridad{
		width:300px;
		height:80px;
	}*/
	#captcha{
		clear:both;
	}
	#center2{
		float:left;
		width:100%;
	}
	#pie{
		width:96%;
		margin:20px 2%;
		padding:0%;
		font-size:0.7em;
		background:none;
	}
}
@media only screen and (max-width: 500px)
{
	body{
		-webkit-user-select:none;
		-webkit-touch-callout:none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	#contenedor,#bloque_cabecera,.login fieldset,#menu,.menubar li,.menubar li a,.tabla_datos,.dataTable,.tabla,.bloque2{
		float:left;
		width:100%;
		min-height:auto;
		padding:0px;
		margin:0px;
	}
	.b_acceso,
	.oculto{
		display:none!important;
	}
	#contenidos,
	#bloque_cabecera p,
	#contenidos h3{
		box-shadow:0px 1px 2px #e3e3e3;
		-moz-box-shadow:0px 1px 2px #e3e3e3;
		-webkit-box-shadow:0px 1px 2px #e3e3e3;
		-o-box-shadow:0px 1px 2px #e3e3e3;
	}
	#contenidos{
		padding-top:0!important;
	}
	#cabecera{
		background:none;
		height:auto;
		padding-bottom:10px;
		position:fixed;
		z-index:1000;
		top:0px;
		padding-right:0;
		padding-left:0;
		
	}
	
	.cabecera{
		margin:0px!important;
		padding-bottom:25px;
	}
	.cntComputador {
		float: left;
		width: 92%;
		padding:4%
	}
	#infoESSeleccionada
	{
		padding-top:2%
	}
	.infoTPVSeleccionado, #infoESSeleccionada {
		/*padding-left:2%;*/
		/*float:left;*/
	}
	.cols2
	{
		width:100%;
	}
	.logo{
		width:100%;
		margin:0px;
		height:55px;
		margin-top:25px;
		background:#fff url(../imagenes/logo.png) no-repeat center 7px / auto 100%;
		position:fixed;
		z-index:10;
		top:0px;
		border-bottom:solid 1px #CCC;
	}
	#bloqueUsuarioConectado{
		width:100%;
	}
	#bloque_cabecera p{
		width:100%;
		padding:6px 0%;
		background:#000;
		/*border-bottom:1px solid #fff;*/
		/*position:absolute;
		top:0px;
		left:0px;
		z-index:100;*/
		text-align:center;
		font-size:0.8em!important;
		color:#FFF;
		text-shadow:none;
	}
	#bloque_cabecera p, #bloque_cabecera span{
		color:#fff; 
		text-decoration:none;
		display:inline-block;
	}
	.b_suministro{
		margin:0%;
	}
	.b_suministro span,.cabecera a,.main h3{
		color:#fff; 
		text-decoration:none;
		display:inline-blockt;
	}
	.b_suministro span{
		display:inline-block!important;
	}
	.logo{
		display:none!important;
	}
	/*
	#menu{
		height:auto;
		position:fixed;
		z-index:1000;
		left:0px;
		top:23px;
		box-shadow:0px 1px 1px #CCC;
		-moz-box-shadow:0px 1px 1px #CCC;
		-webkit-box-shadow:0px 1px 1px #CCC;
		-o-box-shadow:0px 1px 1px #CCC;
	}
	*/
	#contenidos h4{
		float:left;
		width:100%;
		margin:8% 0% 10px 0%;
		/*padding-bottom:6px;*/
		color:#FA4913;
		/*border-bottom:1px dotted #FA4913;*/
	}
	table td,
	table th{
		vertical-align:middle;
	}
	.dataTable,.tabla{
		background:#fff;
		padding:0px;
	}
	.dataTable tr,.tabla tr{
		border-bottom:1px solid #fff;
	}
	.dataTable tr:focus,.tabla tr:focus{
		background:#FA4913;
	}
	.dataTable, .tabla{
		background:#fff;
		padding:0px;
	}
	.dataTables_info{
		padding-top:0;
	}
	.dataTables_info, .dataTables_paginate{
		width:100%;
		margin-bottom:5px;
		font-size:0.8em;
		text-align:center;
	}
	.dataTables_paginate{
		margin:10px 0px;
		font-size:0.8em;
		text-align:center;
	}
	.dataTables_paginate .paginate_button{
		color:#fff;
		background:#FA4913;
		text-decoration:none;
	}
	.dataTables_paginate .paginate_active{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active{
		margin: 0 2px;
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	.dataTables_processing{
		width:0;
		height:40px;
		margin-left:0;
		/*visibility:visible!important;*/
		overflow:hidden;
	}
	/*#cntDesconectar
	{
		float:left;
		width:100%;
		margin:0 5%;
		margin-top:-40px;
		padding-top:80px;
	}*/
	#pie{
		width:90%;
		margin:5%;
		padding:0%;
		font-size:0.7em;
		background:none;
	}
	.mostrar,.paginador{
		width:100%;
		margin-bottom:5px;
		font-size:0.8em;
	}
	.paginador{
		margin:10px 0px;
	}
	.paginador a{
		color:#fff;
		background:#FA4913;
		text-decoration:none;
	}
	.paginador span{
		font-weight:bold;
		border:1px solid #ccc;
		background:#F4F4F4;
	}
	.paginador a,.paginador span{
		padding:5px 8px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
	}
	.cabeceraInicio{
		display:block!important;
	}
	#bloque_cabecera .logo{
		display:none;
	}
	#enlaceDesconectarSup, .cntNombreUsuario {
		display:none!important;
	}
	/*select{
		font-size:1em!important;
	}*/
	.menubar li:first-child, .menubar li:last-child{
		display:block;
	}


}
@media only screen and (max-width: 979px){
	.menubar li{
		width:20%;
		text-align:center;
	}
	.menubar li a{
		padding-left:0;
		padding-right:0;
	}
}
@media only screen and (max-width: 800px){
	.menubar li{
		width:25%;
	}
}