.campo{
  width: 94%;
  height:auto; min-height:42px;
  margin:0.2%;
	background-color:#fff;
	text-align:center;
	overflow-x:hidden; display:inline-block;
	background-color:#E2E2E2;
	 font-family:Arial, Helvetica, sans-serif;
}
.campo div{
	text-align:left;  margin-left:2%; width: 90%; font-size: 0.840rem; /*font-weight:bold;*/
	color:#0066CC
}
.campo input{ 
	font-size:0.840rem; 
  width: 96%; height:18px;
  padding: 3px 3px 3px 3px; margin:0.3%; margin-top:0px;
  color: #000;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #3399FF solid ;
	border-top: 0px;border-left: 0px;
}
.campo input:hover{border-color: #6B8C00;  background-color:#FFFFF4;}
.campo input:focus{border-color: #6B8C00;  background-color:#FFFFF4;}
.campo840{font-size: 0.840rem !important;}

.campo p{ 
	font-size:0.840rem; background-color:#FFFFFF;
  width: 94%; height:18px;
  padding: 3px 3px 3px 3px; margin:0.3%; margin-top:0px;
  color: #000; text-align:left;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #999999 solid ;
	border-top: 0px;border-left: 0px;
}
.campo img{ 
  width: 70%; cursor:pointer;
	margin-top:10px;
}


.campo-inline{
  width: 94%;
  height:auto; min-height:42px;
  margin:0.2%;
	background-color:#fff;
	text-align:center;
	overflow-x:hidden; display:inline-block;
	background-color:#E2E2E2;
}
.campo-inline div{
	text-align:left;  margin-left:2%; width: auto; font-size: 0.840rem;
	color:#0066CC;display:inline-block !important;
	padding-top:8px;
}
.campo-inline input{ 
	font-size:0.840rem; 
  width: 96%; height:18px;
  padding: 3px 3px 3px 3px; margin:0.3%; margin-top:0px;
  color: #000;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #3399FF solid ;
	border-top: 0px;border-left: 0px;
	display:inline-block !important; float:right
}
.campo-inline input:hover{border-color: #6B8C00;  background-color:#FFFFF4;}
.campo-inline input:focus{border-color: #6B8C00;  background-color:#FFFFF4;}

.campo-inline p{ 
	font-size:0.840rem; background-color:#FFFFFF;
  width: 94%; height:18px;
  padding: 3px 3px 3px 3px; margin:0.3%; margin-top:0px;
  color: #000; text-align:left;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #999999 solid ;
	border-top: 0px;border-left: 0px;
}
.campo-inline img{ 
  width: 70%; cursor:pointer;
	margin-top:10px;
}

.num{text-align:right;}

.boton{
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
  width: 90%;  height:30px;
  padding: 5px;
  background-color: #fff;
  color: #000;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border:1px #C0C0C0 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  margin: auto;
  margin-top:3px;
}
.boton:hover{	border:2px #3399FF solid;}
.botonx2{
	width:35%;margin-left:10%;
}
.txtnum{
  text-align: right; padding-right:1%;
}


/*
	Compatibilidad con diseño anterior
*/
.urb-txt{
	font-size:1rem;
  width: calc(90% - 50px);  height:18px;
  margin-top:10px; margin-bottom:10px;
  padding: 10px;
  background-color: #fff;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;    
	border:1px #6B8C00 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
.urb-txt:hover{border-color: #3399FF;}
.urb-txt:focus{
	border:1px #6B8C00 solid ;
	box-shadow: 0px 0px 20px #C0C0C0;
	-webkit-box-shadow: 0px 0px 20px #C0C0C0;
	-moz-box-shadow: 0px 0px 20px #C0C0C0;
}
.upload{
	height:38px;
}

.imglupa{padding-left:40px !important;  background: #fff url('../.img/lupainput.png') no-repeat 4px 8px;}

.Combo{
	font-family:Arial, Helvetica, sans-serif;font-size:16px;letter-spacing: 0.07em;
  width: 75%;  height:40px;
  padding: 10px;
  background-color: #fff;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #6B8C00 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;

}
.Combomini{
	font-family:Arial, Helvetica, sans-serif;font-size:0.840rem;letter-spacing: 0.07em;
  width: 96%;  height:25px;
  padding: 3px;  margin:0.3%; margin-top:0px;
  background-color: #fff;
  color: #000;
/*	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;*/
/*	border:1px #6B8C00 solid ;*/
	border:1px #6B8C00 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;
}
/*
	font-size:0.840rem; 
  width: 96%; height:18px;
  padding: 3px 3px 3px 3px; margin:0.3%; margin-top:0px;
  color: #000;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border:1px #3399FF solid ;
	border-top: 0px;border-left: 0px;
*/

textarea{
	font-family:Arial, Helvetica, sans-serif;font-size:14px;
  width: 96%;  height:80px;
  overflow:hidden; resize:none;
  padding: 8px;
  padding-bottom:8px !important;
  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;
}


/*Radio buton y Checkbox nuevos
	Ambos elementos van dentro de un contenedor, creo que las propiedades del contenedor sera a medida de urbano
<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>
	
*/

/* Customize the label (the container) */
.check {
  display: block;
  position: relative;
	height:17px; padding-top:3px;
  padding-left: 35px;
  margin-bottom: 2px;margin-top: 2px;
  cursor: pointer;
  font-size:0.75rem; text-align:left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check input {position: absolute; opacity: 0; cursor: pointer;}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0.5%;
  height: 20px;
  width: 20px;
  background-color: #eee;
 	box-sizing: border-box;	border:1px #C0C0C0 solid ;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
  background-color: #ccc; 
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
  background-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;

}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/********************************  RADIO */
.radio {
  display: block;
  position: relative;
	height:1.0625rem; padding-top:0.1875rem;
  padding-left: 1.56rem;
  margin-bottom: 0.125rem;margin-top: 0.125rem;	
color:#fff; margin-right:1%;
  cursor: pointer;
  font-size:0.75rem; text-align:left;	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio input {
  position: absolute;
  opacity: 0;
 }

/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0.5%;	
  height: 1.25rem;
  width: 1.25rem;
  background-color: #eee;
  border-radius: 50%;
	box-sizing: border-box;	border:1px #C0C0C0 solid ;
 }

/* On mouse-over, add a grey background color */
.radio:hover input ~ .radiomark {
  background-color: #ccc;
 }

/* When the radio button is checked, add a blue background */
 .radio input:checked ~ .radiomark {
  background-color: green;
 }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;

	
	
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
 .radio .radiomark:after {
  top: 0.3125rem;
  left: 0.3125rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: white;
}



.gcombo{
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-size:0.750rem;	
	box-sizing: border-box;
  width: 96%;  height:20px;
  padding: 3px;  
  margin:0.5%; margin-bottom:3px;margin-top:3px; margin-left:5px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  display:inline-block;
	
	background-color:#fff !important; 
	
	border: 0px #fff solid !important;
	appearance: none;	-moz-appearance: none;	-webkit-appearance: none;
 	background: url("../.img/flechadw.png") no-repeat scroll 95% 2px transparent ;
/* 	background: url("http://ntserver/.uweb/.img/flechadw.png") no-repeat scroll 90% 5px transparent ; */
	text-indent: 0.01px;
	text-overflow: "";

}
.gcombo::-ms-expand{display: none;}

.g_img_button{
  height: 2rem !important;
  width: 2rem !important; display:inline-block !important; float:left;margin:0.2%; margin-left:0.5%; margin-top:4px;
  background-color: #eee; cursor:pointer;
  border-radius: 50%;
	box-sizing: border-box;	/* border:1px #C0C0C0 solid ; */
	/* para contenido por letras*/
	font-family:"Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-size:1.2rem; font-weight:bold;
	text-align:center; padding-top:0.3rem; /*pasar a fijo que no ajuste*/
 }
.g_img_button:hover{background-color: #ccc;}

/* CSS ESPECIFICA DEL BUSCADOR DE CONSULTAS*/
.g_input_txt{
	font-size:1rem;
  width: calc(40% - 40px);  height:32px; float:left;
  padding: 4px; margin:0.1%; margin-left:0.2%;
  background-color: #fff;
  color: #C0C0C0;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border:1px #eee solid ;
/* 	box-shadow: 0px 0px 5px #C0C0C0; -webkit-box-shadow: 0px 0px 5px #C0C0C0; -moz-box-shadow: 0px 0px 5px #C0C0C0; */
  display:inline-block !important; box-sizing: border-box;
	padding-left:40px;  background: #fff url('../.img/lupainput.png') no-repeat 4px 8px;
}
.g_input_txt:hover{border-color: #ccc; color: #000;}
.g_input_txt:focus{
	border:1px #ccc solid; color: #000;
}
/* .imglupa{padding-left:40px;  background: #fff url('../.img/lupainput.png') no-repeat 4px 8px;} */

.g_input_button{
	box-sizing: border-box;
	border:1px #ccc solid ;	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	display:inline-block;
  height:28px;
  margin:4px 1.5% 4px 0.5%;
  margin-right:1% !important;
	font-family:Arial, Helvetica, sans-serif;font-size:0.875rem;  
	cursor:pointer; color:#666; background-color:#fff;
}
.g_input_button:hover{ font-weight:bold; background-color:#eee; color:#000;}