.ha{ height:auto !important;}
.ha:after{content:"";	display:table; clear:both;}
.bg1{background-color:beige;}
.bg2{background-color:aqua;}

.uw05{ width: 4.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw10{ width: 9.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw15{ width: 14.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw20{ width: 19.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw25{ width: 24.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw30{ width: 29.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw35{ width: 34.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw40{ width: 39.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw45{ width: 44.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw50{ width: 49.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw55{ width: 54.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw60{ width: 59.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw65{ width: 64.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw70{ width: 69.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw75{ width: 74.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw80{ width: 79.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw85{ width: 84.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw90{ width: 89.0% !important; margin-left:0.5% !important; margin-right:0% !important; }
.uw95{ width: 94.0% !important; margin-left:0.5% !important; margin-right:0% !important; }

.fs20{ font-size:	1.25rem !important;}
.fs19{ font-size:1.1875rem !important;}
.fs18{ font-size:1.125rem !important;}
.fs17{ font-size:1.0625rem !important;}
.fs16{ font-size:1rem !important;}
.fs15{ font-size:0.9375rem !important;}
.fs14{ font-size:0.875rem !important;}
.fs13{ font-size:0.8125rem !important;}
.fs12{ font-size:0.75rem !important;}
.fs11{ font-size:0.6875rem !important;}
.fs10{ font-size:0.625rem !important;}
.fs9{ font-size:0.5625rem !important;}
.fs8{ font-size:0.5rem !important;}

.uw75 input {width: 95% !important;}
.uw50 input {width: 95% !important;}
.uw45 input {width: 90% !important;}
.uw40 input {width: 90% !important;}
.uw25 input {width: 95% !important;}
.uw20 input {width: 88% !important;}
.uw15 input {width: 88% !important;}
.uw10 input {width: 88% !important;}

.uh40 {height: 40px !important;}	
.uh50 {height: 50px !important;}	
.uh60 {height: 60px !important;}	
.uh80 {height: 80px !important;}	
.uh100{height:100px !important;}	
.uh120{height:120px !important;}	
.uh140{height:140px !important;}	
.uh160{height:160px !important;}	
.uh180{height:180px !important;}	
.uh200{height:200px !important;}	
.uh300{height:300px !important;}	

.uh-auto{overflow-y: auto;}
.uh-scroll{overflow-y: scroll;}
.uh-hidden{overflow-y: hidden;}
.ib{ display:inline-block; }
.fr{ float:right; }
.fl{ float:left; }

.contenedor{
	font-size:0.85rem; float:left;
  width: 98%; margin:10px 0.5% 4px 0.5%;
  padding:2px 0.5% 2px 0.5%; display:block;
}
.label{
	float:left; display: inline-block; width:9%;
	text-align:right; margin-right: 1% !important; margin-top:6px;
}
.labelcampo{
	margin-top:6px !important; font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	margin-left:0.1%; margin-right:0.5%;
	width: 6%; float:left; font-size:0.875rem; 
	text-align:right;
}
.recuadro{
	font-size:1rem;
  width: 98%; margin:4px 0.5% 4px 0.5%;
  padding:2px 0.5% 2px 0.5%;
  height:auto; min-height:30px;
  background-color: #fff;  color: #C0C0C0;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border:1px #3399FF solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
.recuadro:hover{border-color: #6B8C00; color: #000;}

.emulaboton{
	box-sizing: border-box;
	border:1px #3399FF solid ;	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	display:inline-block;
  height:36px; /*max-height:30px !important;*/
  margin:4px 1.5% 4px 0.5%;
  margin-right:1% !important;
	padding-top:calc((26px - 1rem) * 0.8);
	text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:1rem;  
	cursor:pointer; color:#000000;
}
.emulaboton:hover{ font-weight:bold; background-color:#99CCFF;}
.emulaboton_mini{

	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
  height:24px;
  margin:4px 1.5% 4px 0.5%;
  margin-right:1% !important;
	padding-top:calc(22px - 1rem);
	font-size:0.725rem;  

}
#separador{width:100%; height:5px !important; float:left;}
/*
	Clases generícas para Urbano

*/
/*		Título en divs o frames emergentes*/

.gcontenido{
	padding: 1%; margin:1%;
}

.tituloemergente{
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif; padding-left:2% !important;		
	box-sizing: border-box;
	height:30px; width:100%; background-color:#8cb3d9; color:#fff;
	font-size:1.125rem;  font-weight:bold;
	padding-top:calc((22px - 1rem) * 0.8);
	letter-spacing: 0.03rem;
}
.tituloemergente div{ float:right; text-align:right; width:4%;
	height:24px; margin-top:0px;  margin-right:0.5%;
 }
.tituloemergente div img{ width:60%; max-height:20px; display:inline-block;margin-top:0px !important; cursor:pointer;}

.subtituloemergente{

	box-sizing: border-box;
	height:28px; width:96%; background-color:#8cb3d9; color:#fff;
	margin: 5px 2% 0px 2%;display:block; float: left;
	font-size:1rem;  font-weight:bold;
	padding-top:calc((22px - 1rem) * 0.8);
	letter-spacing: 0.03rem;
	
}





.div-main-pup{
	font-family:Arial, Helvetica, sans-serif; font-size:0.875rem; text-align:center;
	width: 97%;
	height:auto;
	min-height:250px !important; 	max-height:600px !important;
	overflow-y:auto;
	float:left;
	margin:1%;	
	border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;
	border: 1px solid #808080;	
	background-color:#ffffff;
	box-shadow: 0px 10px 20px 5px #C0C0C0 ;	-webkit-box-shadow: 0px 5px 10px 2px #C0C0C0 ;-moz-box-shadow: 0px 5px 10px 2px #C0C0C0 ;
}
.div-main-pup img{margin-top:225px;}
.div-barra-opc{
	font-size:1rem;
  width: 98%; margin:4px 0.5% 4px 0.5%;
  padding:2px 0.2% 2px 0.2%;
  height:auto; min-height:30px; max-height:35px !important;

  background-color: #fff;  color:#666666;
  display:block !important; float:left;
}
.div-barra-opc #ops-detalle{
	display:inline-block; width:98%;
	height:28px;
	padding:0.5%;
	margin: 0.5%;
	text-align:left;
	font-size:0.675rem;
	padding-top:calc((28px - 1rem) * 0.9);
}
.box-sha-5{box-shadow: 0px 0px 5px #C0C0C0; -webkit-box-shadow: 0px 0px 5px #C0C0C0; -moz-box-shadow: 0px 0px 5px #C0C0C0;}
.box-sha-10{box-shadow: 0px 0px 10px #C0C0C0; -webkit-box-shadow: 0px 0px 10px #C0C0C0; -moz-box-shadow: 0px 0px 10px #C0C0C0;}
.box-borde{border:1px #3399FF solid;}
.box-borde:hover{border-color:#336699; color: #000;}
.box-radio6{border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
.box-radio4{border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

/* Nueva clase para inputs dentro de una tabla*/

.newtxtbox{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.75rem;	letter-spacing: 0.03rem;
	box-sizing: border-box;
	width:auto; height:22px;
  padding:1%;  margin:0.5%;
  padding-bottom:1px;padding-top:1px;
  margin-bottom:1px;margin-top:0px;
  background-color:#fff; color:#000000;
	border:1px #3399FF solid ;	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;  
}
.newtxtbox:hover{border-color: #000; color:#808080;}
.newtxtbox:focus{border-color: #3399FF; color:#333333;}
 



/*Boton grabar + div contenedor*/
.btngrabar{
	height:auto !important;
	font-size:0.875rem !important;
	display:block; float:left; width:100%;
	font-family:Arial, Helvetica, sans-serif; 
	background-color:#C0C0C0;
}
.btngrabar:after{content:"";	display:table; clear:both;}
.btngrabar div{
	width: 74.0% ; margin-left:0.5% ; margin-right:0% ; 
	float:left; display:inline-block;
	padding-left:2%; padding-top:7px; text-align:right;
}
	
.btngrabar input{
	width:19.0%; font-family:Arial, Helvetica, sans-serif;
	float:right; display:inline-block; font-size:0.75rem;
	margin:4px 1.5% 4px 0.5%; margin-right:1% !important;
	height:24px;
	box-sizing: border-box;
	border:1px #3399FF solid ;	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;	
	cursor:pointer; color:#000000; background-color:#fff;	
}	
.btngrabar input:hover{ font-weight:bold; background-color:#99CCFF;}

.wait{
	-webkit-animation-name: esperar; -webkit-animation-duration: 3s;
	animation-name: esperar;         animation-duration: 5s;    
	animation-iteration-count: infinite; 	-webkit-animation-iteration-count: infinite;
}
@keyframes esperar{
    from{ background-color: #e6e6e6;}
    25% { background-color: #d9d9d9;}
    50% { background-color: #a6a6a6;}
    75% { background-color:#4d4d4d;}
    to { background-color: #e6e6e6;}
}		
#msgnomodal{
	position:fixed;
	left:20px; bottom:20px;
	height: 32px; width:200px;
	color:#FFFFFF; background-color: #000000;
	line-height:30px;
	text-align:left; padding-left:10px;
	font-size:1rem; z-index:9900; 
	border:1px #FFF solid ;	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;		
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
#u_tt{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size:0.75rem;
	display:none; position:absolute; z-index:5000;
	background-color:#000; color:#fff;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	box-shadow: 5px 5px 15px #C0C0C0;  -webkit-box-shadow: 5px 5px 15px #C0C0C0;  -moz-box-shadow: 5px 5px 15px #C0C0C0;
	width:160px; padding:10px 10px 10px 10px;
	max-height:100px; overflow-y:auto;
}
#msgboxdiv{
	position:absolute !important;
	text-align:center;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size:1rem;
	background-color:#fff; color:#000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	box-shadow: 5px 5px 15px #C0C0C0;  -webkit-box-shadow: 5px 5px 15px #C0C0C0;  -moz-box-shadow: 5px 5px 15px #C0C0C0;
	width:60%; padding:10px 10px 10px 10px;
	height:150px !important; max-height:150px; 

	
}
#msgboxdiv div{
	width:90%; margin-left:5%; margin-top:10px;
	height:100px !important; max-height:100px; overflow-y:auto;
}
#msgboxdiv input{
	margin-left:35% !important;

}


#divloader {
	background-color:#fff;
	margin-left:calc(50% - 50px) !important;
	width:100px;
	height:80px;
}

.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;  height: 2.5em;
  -webkit-animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  margin: 8em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:before {left: -3.5em;}
.loader:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loader:before,
.loader:after {
  content: ''; position: absolute; top: 0;
}
@-webkit-keyframes load7 {
  0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em #c0c0c0;}
  40% {box-shadow: 0 2.5em 0 0 #c0c0c0;}
}
@keyframes load7 {0%, 80%, 100% {box-shadow: 0 2.5em 0 -1.3em #c0c0c0;}
  40% {box-shadow: 0 2.5em 0 0 #c0c0c0;}
}

.a_btn{
	text-decoration:none;
	box-sizing: border-box;
	border:1px #3399FF solid ;	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  height:24px;font-size:0.875rem;  
	display:inline-block;
  margin:4px 1.5% 4px 1%;
	margin-left:2% !important;
  margin-right:1% !important;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer; color:#000000; background-color:#fff;
	text-align:center; padding-top:5px;
}
.a_btn:hover{ font-weight:bold; background-color:#99CCFF;}



/* MODIFICADOS PARA MOVILES*/
.textbox{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.75rem;	letter-spacing: 0.03rem;
	box-sizing: border-box;
	width:auto; height:1.2rem;
  padding: 0.2rem; 
  margin:0.5%; margin-bottom:0.1875rem;margin-top:0.1875rem;
  background-color:#fff; color:#999999;
	border:1px #3399FF solid;	border-top: 0px;border-left: 0px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  display:inline-block;
}
.textbox:focus{border-color: #3399FF; color:#333333;}
.textbox-lupa{padding-left:40px !important;  background: #fff url('../.img/lupainput.png') no-repeat 2px 0px;}

.btn{
	box-sizing: border-box;
	border:1px #3399FF solid ;	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	display:inline-block;
  height:1.8rem;
  margin:3px 1.5% 4px 0.5%;
  margin-right:1% !important;
	font-family:Arial, Helvetica, sans-serif;font-size:0.875rem;  
	cursor:pointer; color:#000000; background-color:#fff;
}

.newcombo{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.875rem;	
	box-sizing: border-box;
  width: 96%;  height:20px;
  padding: 3px;  
  margin:0.5% 1px 1px 1.5% !important; 

  background-color:#DBEDFF; color: #000;
	border:1px #000 solid ;
	border-top: 0px;border-left: 0px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  display:inline-block;
}

.combomovil{
  width: 96%;  height:20px;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.875rem;	
	box-sizing: border-box; padding: 3px;  
  margin:0.5% 1px 1px 1.5% !important; 
  background-color:#fff; color: #000;
	border:1px #3399FF solid ; border-top: 0px;border-left: 0px;
/* 	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0; */
  display:inline-block;	
	appearance: none;	-moz-appearance: none;	-webkit-appearance: none;
	background: url("../portal/imgs/flechadw.png") no-repeat scroll 95% 2px transparent ;
	text-indent: 0.01px;text-overflow: "";
}
.combomovil::-ms-expand{display: none;}
.titulomovil{
	width:98%; height:1.25rem;
	margin-top:3px !important; font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-weight:bold;
	margin-left:1%; margin-right:0.1%; margin-bottom:10px;
	float:left; font-size:0.875rem; 
	text-align:left;
	box-sizing: border-box;
	border-bottom:1px #C0C0C0 solid ;	
}

.renglonfiltro{
	margin:5px 0.5% 1px 0.5%; padding:0;
	background-color:#fff;
	width: 98%; margin-left: 1%;
	height:40px !important;
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size:0.85rem;

}
.renglonfiltro #labelfiltro{
	margin:0px !important; padding:0;
	width: 34%; margin-left: 1%; margin-top:3px;
	height:30px !important;
	display:inline-block; float:left; 
}