/* funciona en todos menos en IE
:root{
  --colorfuente:red;
}
.pp{color:var(--colorfuente)}
*/
.campocl{
	/*Campo para ingreso de datos con label*/
 	box-sizing: border-box; float:left;
  width: 98%; margin:0.3rem 1% 0.3rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:2rem; margin-bottom:1rem ;
	background-color:#fff;
	font-family: 'Proxima Nova', sans-serif; font-size: 0.8rem; letter-spacing: 0.06rem;
}

.campocl label{
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5rem;
  height:1.8rem; padding-top:0.5rem; padding-bottom:0.5rem; 
  background-color:#fff; color:#404040;
	text-align:right;
  display:inline-block; 
}


.campocl input{
	font-size: 0.8rem; letter-spacing: 0.01rem;
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#808080;
	border:1px #bfbfbf solid ;
	/* box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0; */
  display:inline-block;
}
.campocl input:hover{border-color: #009933; color:#262626;  }
.campocl input:focus{border-color: #009933; color:#404040; background-color:#e6ffe6 !important;}

.campocl input[type=date]{text-align:center;}

.campocl input[type=text]{

}
.campocls input[type=text]:hover{border-color: blue; color:#262626;}
.campocls input[type=text]:focus{border-color: #009933; color:#404040;  background-color:#ccffcc !important;}


.campocl input[type=password]{
  text-align:center;
}

.campocl input[type=file]{
	font-size: 1rem; letter-spacing: 0.06rem;
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040;
	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;
}
.campocl input[type=file]:hover{border-color: #000; color:#262626;}
.campocl input[type=file]:focus{border-color: #3399FF; color:#404040;}


.campocl_list{
	font-size: 1rem; letter-spacing: 0.06rem;	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040;
	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;
}
.campocl_list:hover{border-color: #000; color:#262626;}
.campocl_list:focus{border-color: #3399FF; color:#404040;}



.campocl select{
	box-sizing: border-box; float:left;
  font-size: 1rem;
	width:48%; margin:0.4rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;	
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
	 margin-top:0 !important;
  background-color:#DBEDFF; color: #808080;
	border: 0px #fff solid !important;

	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("../img/flechadw.png") no-repeat scroll 95% 5px transparent ;
	text-indent: 0.01px; text-overflow: "";cursor:pointer;
}
.campocl select::-ms-expand{display: none;}
.campocl select:hover{border-color: #000; color:#262626; background-color:#e6ffe6;}
.campocl select:focus{border-color: #3399FF; color:#404040;  background-color:#e6ffe6;}

.campocl input[type=button]{

  font-family: 'Proxima Nova', sans-serif;
	font-size: 0.8rem; letter-spacing: 0.05rem;
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; 
 margin-left:2%;
  padding-left:0.5%; padding-right:0.5%; padding-top:0.1rem; padding-bottom:0.1rem; 

  height:1.8rem; 
  background-color:#fff; color:#404040; 
	border:1px #3399FF solid ;

	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  display:inline-block;
	cursor:pointer;
}

.campocl input[type=button]:hover{border-color: #3399FF; color:#000;font-weight:bold; background-color:#99CCFF;}
.campocl input[type=button]:focus{border-color: #3399FF; color:#404040;}





.campocl input[type=submit]{
	font-size: 1rem; letter-spacing: 0.06rem;
	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.8rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#e6f2ff; color:#404040; 
	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;
	cursor:pointer;
}
.campocl input[type=submit]:hover{border-color: #3399FF; color:#000;font-weight:bold; background-color:#99CCFF;}
.campocl input[type=submit]:focus{border-color: #3399FF; color:#404040;}



.campocl input[type=checkbox]{
	box-sizing: border-box; float:left;
	
	width:auto; margin:.5rem 1% 0.1rem 1%;/*  padding-left:0.5%; padding-right:0.5%; */
	
  height:1.2rem; padding-top:1.5rem; padding-bottom:0.1rem; 
	
  background-color:#fff; color:#404040;
  display:inline-block;
}
.campocl img{
  box-sizing: border-box;    float:left;
  width:10%; display:inline-block; max-width:32px;
  cursor:pointer;
}
.campocl img:hover{	border:1px #000 solid ;}









.txtnum{ text-align: right; padding-right:1%; }

textarea{
 	box-sizing: border-box; 
  font-family: 'Proxima Nova', sans-serif; font-size: 0.8rem; letter-spacing: 0.06rem;  

  width: 96%;  height:6rem; margin-left:2%;
  overflow-y:auto; resize:none;
  padding: 0.5rem;

  background-color: #fff; color: #000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border:1px #C0C0C0 solid ;
	box-shadow: 0px 0px 5px #C0C0C0; -webkit-box-shadow: 0px 0px 5px #C0C0C0; -moz-box-shadow: 0px 0px 5px #C0C0C0;
}

/************************************************************/
.cpmini{
	/*Campo para ingreso de datos con label padding-left:0.5%; padding-right:0.5%;  margin:0.3rem 1% 0.3rem 1%;   */
 	box-sizing: border-box; float:left;
  width: 100%;
  height:1.8rem; 
	background-color:#fff;
	font-family: 'Proxima Nova', sans-serif; font-size: 0.8rem; letter-spacing: 0.03rem;
  padding:0.1rem; margin-top:0.5rem;
}

.cpmini label{
	box-sizing: border-box; float:left;
  
	/* width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5rem;  padding-top:0.1rem;  bfbfbf*/
  
	width:50%; margin-right:1%; margin-top:0.1rem; padding-top:0.15rem;
  height:1.4rem; font-size: 0.75rem;
  background-color:#fff; color:#404040;
	text-align:right;
  display:inline-block; 
}


.cpmini input{
	box-sizing: border-box; float:left;
	font-size: 0.8rem; letter-spacing: 0.02rem;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.4rem; padding-top:0.1rem; padding-bottom:0.1rem; 
	border:1px #e2e2e2 solid ;
  display:inline-block;
  background-color:#fff; color:#808080;  
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;  
}
.cpmini input:hover{border-color: #009933; color:#262626;  }
.cpmini input:focus{border-color: #009933; color:#404040; background-color:#e6ffe6 !important;}

.cpmini input[type=date]{text-align:center;}

.cpmini input[type=password]{ text-align:center; }

.cpmini input[type=file]{
	box-sizing: border-box; float:left;
	font-size: 0.7rem; letter-spacing: 0.06rem;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.4rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040;
	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;
}
.cpmini input[type=file]:hover{border-color: #000; color:#262626;}
.cpmini input[type=file]:focus{border-color: #3399FF; color:#404040;}


.cpmini_list{
	font-size: 1rem; letter-spacing: 0.06rem;	box-sizing: border-box; float:left;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.4rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040;
	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;
}
.cpmini_list:hover{border-color: #000; color:#262626;}
.cpmini_list:focus{border-color: #3399FF; color:#404040;}



.cpmini select{
	box-sizing: border-box; float:left;
	width:50%; font-size: 0.75rem; letter-spacing: 0.04rem;
  height:1.4rem; padding:0.1rem;  padding-top:0.25rem;
	
  background-color:#DBEDFF; color: #808080;
	border: 0px #fff solid !important;

	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("../img/flechadw.png") no-repeat scroll 95% 5px transparent ;
	text-indent: 0.01px; text-overflow: "";cursor:pointer;
}
.cpmini select::-ms-expand{display: none;}
.cpmini select:hover{border-color: #000; color:#262626; background-color:#e6ffe6;}
.cpmini select:focus{border-color: #3399FF; color:#404040;  background-color:#e6ffe6;}

.cpmini input[type=button]{
	box-sizing: border-box; float:left;
  font-family: 'Proxima Nova', sans-serif;
	font-size: 0.8rem; letter-spacing: 0.04rem;
	width:48%; margin:0.1rem 1% 0.1rem 1%; padding-left:0.5%; padding-right:0.5%;
  height:1.4rem; padding-top:0.1rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040; 
	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;
	cursor:pointer;
}

.cpmini input[type=button]:hover{border-color: #3399FF; color:#000;font-weight:bold; background-color:#99CCFF;}
.cpmini input[type=button]:focus{border-color: #3399FF; color:#404040;}


.cpmini input[type=submit]{
}
.cpmini input[type=submit]:hover{border-color: #3399FF; color:#000;font-weight:bold; background-color:#99CCFF;}
.cpmini input[type=submit]:focus{border-color: #3399FF; color:#404040;}



.cpmini input[type=checkbox]{
	box-sizing: border-box; float:left;
	width:auto; margin:.5rem 1% 0.1rem 1%;/*  padding-left:0.5%; padding-right:0.5%; */
  height:0.8rem; padding-top:0.5rem; padding-bottom:0.1rem; 
  background-color:#fff; color:#404040;
  display:inline-block;
}
.cpmini img{
  box-sizing: border-box;    float:left;
  width:5%; display:inline-block; max-width:32px;
  cursor:pointer;
}
.cpmini img:hover{	border:1px #000 solid ;}