/*/*************************************************************************
IMPORTANTE
La resolución efectiva que se obtiene al comparar
la resolución en real en pixeles con su densidad 
en pixeles. Ya que esta resolución efectiva, 
y no la real, es la que debe ser considerada al trabajar con las CSS,
las hojas de estilo que definen el aspecto de cualquier web que visitas.
 RESOLUCIONES REALES (No vamos a hacer device por device , algo general)
 
 
 Samsung Galaxy Note 10.1	1280 x 800
 iPhone 6 Plus y 6S Plus	414 x 736 
 Samsung Galaxy S6 y S6 Edge	360 x 640
***********************************************************/
@media screen and (max-width: 980px) {
	.ocultarmobile{
		display:none;
	}
	.ocultardesktop{
		display:table-cell;
	}	
	 .escritorio{
  	height:auto;
  	}
	th.responsive{
	width:20%;
	}
	.contenido{
		max-width:auto;
		margin:10px;
	}
	.loginGral{
		margin:5px;
	}
	div.contenidoFacturacion{
			max-width:auto;
	}
	.tabrmobile.ui-tabs.ui-tabs-top>.ui-tabs-nav{
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.ocultarmobile{
		display:none;
	}
	.ocultardesktop{
		display:table-cell;
	}	
	.contenido .login{
		max-width:300px;
		margin:auto;
	}
	div.informacion-exitoso{
		width:90%;
		height: auto;
	}
	.ui-tabs .ui-tabs-panel{
		padding:0.5em;
	}
	.login{
		max-width:300px;
		margin:auto;
	}
	.contenido{
		max-width:330px;
		margin:auto;
		padding-right:0.3em;
		padding-left:0.3em;
	
	}
	div.informacion-adicional{
		WIDTH:250PX;
	}
	div.informacion-warn{
	width:94%;
	}
	.tabrmobile.ui-tabs.ui-tabs-top>.ui-tabs-nav{
		text-align: center;
	}
}

@media screen and (max-width: 340px) {
	.ocultarmobile{
		display:none;
	}
	.ocultardesktop{
		display:table-cell;
	}	
	.contenido{
		max-width:300px;
		margin:auto;
		padding-right:0.3em;
		padding-left:0.3em;
	}
	input,select{
	   max-width: 150px;
	   font-size:11px;
	   text-align: left;
	}
	.form-group-list > li {
	    position: relative;
	    padding: 5px 5px;
	    width: 80%;
	}
	fieldset{
		border:none
	}
	div.informacion-adicional{
		WIDTH:220PX;
	}
	.login{
		max-width:280px;
		margin:auto;
			min-width:280px;
	}
	
	.tabrmobile.ui-tabs.ui-tabs-top>.ui-tabs-nav{
		text-align: center;
	}
}


@media screen and (max-width: 767px) {
	
	.ui-widget input{
		width: 95%; 
	}
	
	div.informacion-exitoso p {
   		box-sizing: content-box;
	}
}