/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {	
	
#content {
	width:auto;
}
	/* pagewrap */
	#pagewrap {
		width: 95%;
	}
	
	a.logout {
		top:80px;}
		
	a.usuario {
		top:80px;
		right:70px;}
		
	 #s {
		width: 70px;
		top:78px;
	}
	 #s:focus {
		width: 150px;
	}




}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
    #main-nav li a{
		font-size:13px;
		text-align:center;
		width:120px;
		margin:0;}

#main-nav ul {
		margin-left:auto;
		margin-right:auto;}
	/* header */
	#header {
		height: auto;
		padding-top:0;
	}
	
	
	 #s {
		left:130px;
		top:8px;
	}

a.logout {
	top:0px;}
	
a.usuario {
	top:0px;
	right:100px;}
	
	#sidebar {
		width:100%;}

	/* main nav */
	#main-nav {
	}

	/* site logo */
	#site-logo {
		width:25%;
		margin:3px;
		position: static;
	}



#main-nav li {
	width:120px;
	float:left;
	position:relative;}



	/* content */
	#content {
		width: auto;
		float: none;
		margin: 20px 0;
	}


.widget {
	position:static;
	}
	
	
.widget ul li{
	text-align:center;
	margin:0;
	padding:0;}
	
input {
	float:none;
}

 select {
	 float:none;}


}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	
	#pagewrap {
		width:100%;
		padding:5px;}
		
		
	a.usuario {
	top:0px;
	left:95px;
	width:auto;}
	
	#site-logo {
			width:75px;}
			
	.widget ul  {
		margin-left:0;}
	
	#main-nav li{
		position:relative;
		float:left;
		width:150px;}

	/* main nav */
	#main-nav li a {
		font-size:12px;
		width:150px;
	}
	
	#content {
		padding:5px;
		margin-top:5px;
}
 	#s {
		top:5px;
		left:0px;}
		
	a.logout {
		top:0px;
		left:240px;}

.widget ul {
	width:100%;
	}

.widget li a.long {line-height:40px;}

.widget  li {
	width:100%;}

.widget li a{
	width:100%;
	display:block;}
	
	
	table.grid tr td table.in_cliente th {width:96px;}
	
	table.grid tr.cancelado td {background:#FFCC99;}

}

/************************************************************************************
iPhone portrait
*************************************************************************************/

@media screen and (max-width: 320px) {
	
	
#site-logo {width:81px;}
	
table.Darkwidget {width:300px; min-width:300px; margin-top:5px;}

table.Darkwidget h2 {font-size:17px;}

#main-nav {width:97%; margin-top:37px;}

#content {width:94%;}

#main-nav li {width:100%;}

#main-nav li  a {width:95%;}

.widget {width:97%;}

.welcome_img {background-size:377px auto; height:128px;}

.welcome_img h1 {margin-top:43px; text-align:right; width:60%; font-size:14px; padding:0 5px;}
a.usuario {left:87px; width:100px;}

a.logout {left:225px;}

table.Darkwidget img {max-width:238px;}

.login-window {width:224px;}

#site-logo {
		width:82px;
		margin:3px;
		position: static;}

td.wide input {width:140px;}
td.wide span.ui-combobox input {width:140px;}
#s {width: 70px;top:7px;}
label {width:106px; max-width:106px; min-width:106px;}
.welcome_img p {width:auto;}
.cajaLarga {width:140px;}
span.produc {margin-left:-6px;}
.post-title {width:250px;}
label.one_eighty {width:130px; min-width:130px; max-width:130px; white-space:normal;}
label.one_twenty {width:120px; min-width:120px; max-width:120px; white-space:normal;}
input.ui-combobox-input {width:80px;}
.one_hundred {width:100px; max-width:100px; min-width:100px;}
select {width:150px; max-width:150px; min-width:150px;}
textarea {width:143px;}
table.grid td.ninety {padding-left:6px;}
table.grid td.ninety:before  {width:90%;}
table.grid td.eighty:before  {width:90%;}
table.grid td.eighty {width:98%;}
table.grid td.nine:before {padding:9px; width:40%; vertical-align:middle;}
table.grid td.nine {width:auto;}
span.producto{display:inline-block; width:25%;  font-weight:bold; text-align:left; padding:0px 0px 0px 10px;}
span.descuento{display:inline-block; width:50%; text-align:left; padding:1px;}
table.grid tr td table.in_admin_mov_clie tr {width:100%; padding:0; margin:0;}
table.deudores tr td {width:100%; min-width:100%; max-width:100%;}
.textbox label {width:150px; max-width:150px; min-width:150px;}
table.deudores tr td:before {width:35%;}
table.deudores tr td {width:48%;} 
table.grid tr td table.in_admin_mov_clie th{position:relative;  width:50%; display:table-cell;}
table.grid tr td  table.in_admin_mov_clie td{position:relative;  display:table-cell; width:40%;}
div.abono table tr td select {width:100px; max-width:100px; min-width:100px;}
table.grid tr td  table.in_admin_mov_clie td:nth-of-type(1):before {content:none;}
div.totales h2 {width:48%;}
div.totales h3{width:48%;}