﻿html{
	font-size:16px;
}
body{margin:0;padding:0; padding-top:40px; text-align.center;}
header{
	width:100%; height:2.5rem; /*31px;*/
	border-bottom:1px #EAEAEA solid;
	min-width:280px; max-width:420px;
	min-height:44px;
	background-color:#fff;
	box-sizing: border-box;

	left: 0;
	top: 0; 
	position: fixed;
	padding-top:6px; padding-right:4px; padding-left:4px;
}



header #lnkmenu{
	margin-left:0.1%;
	width: 8%; float:left;  max-height:32px !important;
}

header #logo-air{
	/* margin-top:calc(24px - 1rem) !important; */
	margin-left:1%;
	width: 30%; max-height:32px !important;
}

header #lnkrestart{
	margin-left:0.5%;
	width: 8%; float:right; max-height:32px !important; /* max-width:28px !important; */
	display:inline-block; 
}

header #datoscuenta{
	font-family:Arial, Helvetica, sans-serif; font-size:0.65rem; 	
	width:50%; height:auto;max-height:44px !important; float:left; 
	margin:0;padding:0; margin-left:1%; text-align:right; padding-top:4px;
	
}
header #datoscuenta #labelcuenta{width:100%; max-height:16px !important; display:block;}
header #datoscuenta #labeldolar{width:79%; max-height:16px !important; display:inline-block;}


.clsdatos{
	margin-top:20px !important;
	margin-left:1%;
	width: 99%; float:left !important; font-size:1rem; 
}
.clsdatos input{
	width:80%; margin-left:10%;
	float:left; font-size:0.875rem;
	margin-top:20px !important;
	height:1.8rem !important;	
}
.clsdatos #olvido{
	width:60%; margin-left:20%;
	float:left; font-size:0.85rem;
	
}





#divbusca{
	margin-top:0px!important;
	margin-left:1%;
	width: 98%; float:left; font-size:1rem; 
}
#divbusca img{
	margin-top:4px!important;
	margin-left:2%;  max-height:22px !important;
	width: 10%; float:left; cursor:pointer;
}

/*
.clsdatos #labelcuenta{
	font-family:Arial, Helvetica, sans-serif; font-size:0.85rem; 
	margin-top:calc((26px - 1rem) * 0.8);
	margin-left:1%;
	width: 55%; float:left; 
}

.clsdatos #labeldolar{
	margin-top:calc((26px - 1rem) * 0.8);
	margin-left:1%; font-size:0.75rem;
	width: 15%; float:left;
}
.clsdatos img{
	margin-top:calc((20px - 1rem) * 0.8);
	margin-left:1%; cursor: pointer;
	width: 5%; float:left; max-height:32px !important;
}
*/
#tipolog{
/* 	display:none; */
}
#nolog{
	text-align:center; display:inline-block;
	width:90%;
	margin-top:30px; margin-left:4%; 
}
#nolog iframe{display:inline-block;width:50%;}
#nolog a{display:inline-block;width:50%;}

#panelizq{
	width:95%; float:left; display:none;
	margin:5px 1.5% 5px 2%;
	padding-left:0.5%;
	/* min-height:400px; */
	height:calc(100% - 60px);
	position:absolute;
	z-index:9000;
	background-color:#fff;
	border: 2px #999 solid; 
	border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px;
	overflow-y:auto;
	
	
/*	
	left: 2;
	top: 32; 
	position: fixed;	
*/	
	
}

#mainmain{
	width:99%; float:left; display:none;
	margin:3px 0.5% 0px 0.5%; /* t r b l*/
	padding-left:0.1%;
	background-color:#fff;
	min-height:300px;height:auto !important;

}
#filtros{
	height:26px; background-color:#fff; overflow-y:hidden; margin-top:3px
}
#filtros #sele_destino{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.725rem;
	width:100%;
}
#filtros #sele_destino div{ margin-top:5px;font-size:0.875rem;}




#framemain{
	width:100%; height:auto !important; min-height:300px;
	background-color:#FFFFFF;	
}
#opciones{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	color:#333333;
	width:98%; float:left;
	padding-left:0.5%;
	font-size:1.2rem;
/*	amax-height:250px;
	aoverflow-y:auto;
	background-color:aqua;*/
}

#opciones ul{
	padding-left:0.5%;font-size:1.2rem !important;
	list-style:none;
	height:auto;
}
#opciones ul li{
	height:auto; padding-top:5px; padding-left:2%; padding-bottom:5px;
	cursor:pointer; 
}
#opciones ul li img{height:0.6rem; margin-top:0.25rem; margin-right:2.5%;}
/*
#opciones ul li:hover{
  background-color:#e6e6e6;
	border-left: 2px #999 solid;
	border-radius: 0px 12px 12px 0px; -webkit-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px;
}
*/
/*arranca el segundo nivel*/
#opciones ul li ul{
 padding-left:8%; list-style:none;
 margin-top:7px; display:none; 
}
#opciones ul li ul li{
	height:auto; padding-top:5px; padding-left:5%; padding-bottom:5px;
	cursor:pointer; 
}
#opciones ul li ul li img{height:0.6rem; margin-top:0.25rem; margin-right:2.5%;}
/*
#opciones  ul li ul li:hover{
  background-color:#f2f2f2;
	border-left: 1px #999 solid;
	border-radius: 0px 12px 12px 0px; -webkit-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px;
}
#opciones  ul li ul li ul li:hover{
  background-color:#b3d9ff;
	border-left: 1px #999 solid;
	border-radius: 0px 12px 12px 0px; -webkit-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px;
}

.ulhover{}
.ulhover:hover{
  background-color:#b3d9ff !important;
}
*/

/**********************************************/
#subfiltro{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	color:#333333;
	width:98%; float:left;
	padding-left:0.5%;
	font-size:0.875rem;
	max-height:350px;
	overflow-y:auto;
}

#subfiltro ul{
	padding-left:0.5%;font-size:0.675rem !important;
	list-style:none;
	height:auto;
}
#subfiltro ul li{
	height:auto; padding-top:1px; padding-left:2%; padding-bottom:1px;
	cursor:pointer; 
}
#subfiltro ul li:hover{
  background-color:#e6e6e6;
	border-left: 2px #999 solid;
	border-radius: 0px 12px 12px 0px; -webkit-border-radius: 0px 12px 12px 0px; -moz-border-radius: 0px 12px 12px 0px;
}

#licencia{
	
}
