html{ font-size: 100%;font-size: 16px;  }
body{
	font-family: 'Lucida Sans Unicode', 'Lucida Console', sans-serif;
	padding: 0;
	font-size: 16px;
	font-size:100%; /* equivale a 16 px*/
}
a, a:active { text-decoration: none }


.urb-txt{
	font-size:1rem;
  width: calc(90% - 50px);  height:38px;
  padding: 10px; margin:0.5%;
  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;
/*  box-sizing:border-box;*/
}
.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;
}
.imglupa{padding-left:40px;  background: #fff url('../urb-img/lupainput.png') no-repeat 4px 8px;}

.txtnum{
  text-align: right;
}

.urb-txt-mini{
	font-size:0.840rem;
  width: 94%; height:18px;
  padding: 4px 6px 4px 6px; margin:0.5%;
  background-color: #fff;
  color: #000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	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-mini:hover{border-color: #3399FF;}
.urb-txt-mini: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;
}


/*input{
input[type=text]{
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
  width: calc(90% - 50px);  height:18px;
  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;
}
input:hover{
  border-color: #3399FF;
}
input:focus{
  padding-left:30px;
	border:1px #6B8C00 solid ;
	box-shadow: 0px 0px 20px #C0C0C0;
	-webkit-box-shadow: 0px 0px 20px #C0C0C0;
	-moz-box-shadow: 0px 0px 20px #C0C0C0;
 }



input[type=password]{
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
  width: calc(90% - 50px);  height:18px;
  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;
}
input[type=password]:hover{
  border-color: #3399FF;
}
input[type=password]: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;
 }
*/


.ahref{
/*	float: left; */
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;font-size:16px;
  width: auto;  height:18px;
  padding: 10px;
  background-color: #F3F3F3;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #C0C0C0 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
.ahref:hover{
  background-color: #F4F4F4;
}

.cerrar{
  background: #fff url('../img/cerrar.png') no-repeat 4px 8px;
  background-size:22px 22px;
  padding-left:35px;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;font-size:14px;
  width: 98%;  height:80px;
  overflow:hidden; resize:none;
  padding: 8px;
  background-color: #fff;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #C0C0C0 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
.panelder{
	display:none;
	width:100%; max-width:300px;
	height:100%; min-height:600px;
	position:absolute; top:10px; right:-100%;
	transition: right 1s;
  -webkit-transition: right 1s; /* Safari */
	border:1px #99CCFF solid ;
	z-index:9999;

	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	border:1px #99CCFF solid ;
	box-shadow: 0px 0px 30px #C0C0C0;
  -webkit-box-shadow: 2px 2px 2px #ffc;
  -moz-box-shadow: 2px 2px 2px #ffc;
  padding-left:10px;
   background-color:#FFFFFF;
}
.panelizq{
	width:96%; max-width:360px;
	height:100%; min-height:600px;
	position:absolute; top:10px; left:-100%;
	transition:left 1s;
/*  transition: width 1s;	*/
  -webkit-transition: left 1s; /* Safari */
	border:1px #99CCFF solid ;
	z-index:9999 !important;

	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	border:1px #99CCFF solid ;
	box-shadow: 0px 0px 30px #C0C0C0;
  -webkit-box-shadow: 2px 2px 2px #ffc;
  -moz-box-shadow: 2px 2px 2px #ffc;
  padding-left:10px;
   background-color:#FFFFFF;
}
.botonmini{
  font-family:Arial, Helvetica, sans-serif;font-size:12px; letter-spacing: 0.1em;
  width: calc(90% - 1px);  height:20px;
  padding: 2px;
  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;
}
.botonmini:hover{
    border:1px #6B8C00 solid; cursor: pointer; font-weight:bold;
}
.btnx2{
  width:35%; margin-left:10%; margin-top:2%; 	
}


.boton{
	font-family:Arial, Helvetica, sans-serif;font-size:18px;
  width: calc(90% - 50px);  height:40px;
  padding: 10px;
  background-color: #fff;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	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:8px;
}
.boton:hover{
/*  background-color:#CCCCCC;*/
	border:2px #6B8C00 solid;
}


/*#mask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
}*/
#MasInfo{
	position:absolute;
	z-index:9900;
	background-color:#fff;
	display:none;
	border:1px #C0C0C0 solid ;
	width:95%;
	text-align:center;
	height:auto;
}

#logindiv{
	width:95%;
}
#logindiv span{
	font-family:Arial, Helvetica, sans-serif; font-size:14px;
	width:90%;
}
#logindiv div{
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
	padding:15px;
	width:75%;
}
#logindiv input{
	font-family:Arial, Helvetica, sans-serif; font-size:16px;
	margin-top:2px;
	margin-left:20px;
}

.urb-flip{
	background-image:url('../ct-img/sino.png') ;
  background-repeat: no-repeat;
  background-size: auto 95%;
  background-position:right ;
  cursor:pointer;
	max-width:150px;
	font-size:1.2rem;
  width: calc(90% - 50px);  height:38px;
  padding: 10px;
  background-color: #fff;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #6B8C00 solid ;
	box-shadow: 2px 2px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;
  text-align:left;

}
.urb-flip:hover{
	border:1px #99CC00 solid;
}
.urb-flipmini{
	background-image:url('../ct-img/sino.png') ;
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position:right;
	cursor:pointer;
	max-width:45px;
	font-size:1.0rem;
	width: calc(90% - 30px);  height:24px;
	padding-left:8px; padding-right:8px;
	/*  padding: 10px;*/
	background-color: #fff;
	color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #6B8C00 solid ;
	box-shadow: 2px 2px 5px #C0C0C0;
	-webkit-box-shadow: 0px 0px 5px #C0C0C0;
	-moz-box-shadow: 0px 0px 5px #C0C0C0;
	text-align:left;

}
.urb-flipmini:hover{
	border:2px #99CC00 solid;
}

#ventana{
	position:absolute;
	background-color:#FFFFFF;
	padding:20px 5px 20px 5px;
	z-index:9994;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;

}
.fondoinfo{
  height:auto !important;
	position:absolute;
	background-color:#FFFFFF;
  border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
  text-align:center; margin-left:1%; padding:2%;
}
.fondoinfo:after{content:"";	display:table; clear:both;}
/*#ventanacpa{*/
	/*position:absolute;*/
	/*background-color:#FFFFFF;*/
	/*padding:20px 5px 20px 5px;*/
	/*z-index:9999;*/
/*}*/



#umsgbox{
	position:absolute;z-index:9999;
	width:100%; min-width:270px; max-width:480px; 
	height: auto; min-height:150px;
	text-align:center;
	display:none;

	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #808080;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;

	box-shadow: 0 1px 10px 10px #999999;
  -webkit-box-shadow: 0px 0px 10px #999999;
  -moz-box-shadow: 0px 0px 10px #999999;
}
#umsgboxtxt{
	width:94%; height:auto;min-height:80px;
	margin-left:3%; margin-top:2%;
	z-index:9000;
	display:block;text-align:center;
}
#umsgboxaceptar{
	font-family:Arial, Helvetica, sans-serif;font-size:18px;
  width: 60%;  height:40px;
  padding: 10px;
  background-color:#F0F0F0;
  color: #000;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #C0C0C0 solid ;
	box-shadow: 0px 0px 8px #C0C0C0;
  -webkit-box-shadow: 0px 0px 8px #C0C0C0;
  -moz-box-shadow: 0px 0px 8px #C0C0C0;
  margin: auto;
  margin-top:8px;
}
.urbbox{
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border:1px #CCCCCC solid ; font-size:16px; margin:2px;
}
.urbbox:after{content:"";	display:table; clear:both;}
.urbsha{
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;	
}
.urbsize{ background-color:#FF9900;
}
.urbtitulo{
	height:25px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:18px; letter-spacing: 0.05em; font-weight: bold;
	color:#333333; padding:4px; margin:5px; 
}

.urbf50{
	height:auto !important;
	font-size:16px;
	color:#006600; padding:1%; margin:1%; 
	text-align:center; width:45%; /*border:1px #CCCCCC solid;*/
	float:left;
}
.urbf50 span{ font-size:14px; width:10%; overflow-x:hidden;}
.urbf50 .urb-txt{ width:70%;}



.urbf25{
	height:auto !important;
	font-size:14px;
	color:#006600; padding:0.4%; margin:0.4%; 
	text-align:center; width:23%; /*border:1px #CCCCCC solid;*/
	float:left;
}
.urbf25 span{ font-size:12px; width:6%; overflow-x:hidden;}
.urbf25 .urb-txt{ width:90%;}


.ha{ height:auto !important;}
.ha:after{content:"";	display:table; clear:both;}

.dcolor{background-color:antiquewhite;}

.urb50{ width:46% !important;}
.urb25{ width:23% !important;}
.urb-label{
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
	border:1px #6B8C00 solid ;
  margin-top:12px;
  height:30px !important;
	padding-top:15px;
	display:inline-block;	
	width:96%; margin-left:2%;
}
.urb-label label{
	position:relative; top:-25px; left:10px; background-color:#6B8C00; color:#FFFFFF;
	padding-left:10px; padding-right:10px;
	font-size:13px;
}
.urb-label span{
	position:relative; top:-23px;left:15px;
	font-size:14px;
}

.urb-grp{
  margin-top:8px;
  height:45px !important;
	padding-top:15px;
	display:inline-block;	 text-align:left;
	width:96%;
}
.urb-grp input {
	position:relative; top:-25px; left:10px;
	padding-left:10px; padding-right:10px;
	font-size:14px; width:92%; 
}
.urb-grp span{
	position:relative; top:-15px;left:18px;
	font-size:14px; z-index:2000;
	background-color:#6B8C00; color: #FFFFFF;
	padding-left:8px; padding-right:8px;
		border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
}
.urb-grp:hover span{
	background-color:#3399FF;
}
.urb-grp .Combo{
	position:relative; top:-20px; left:10px;
	padding-left:10px; padding-right:10px;
	font-size:16px; width:96%; 
}
.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:14px;letter-spacing: 0.07em;
  width: 75%;  height:30px;
  padding: 5px; margin-left:0.5%;
  background-color: #fff;
  color: #000;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border:1px #6B8C00 solid ;
	box-shadow: 0px 0px 5px #C0C0C0;
  -webkit-box-shadow: 0px 0px 5px #C0C0C0;
  -moz-box-shadow: 0px 0px 5px #C0C0C0;

}
/* un div que contiene un turbtxt y le pone titulo automatico*/
.urbtxtbox{
	width:98% !important; background-color:#F9F9F9; height:60px; display:inline-block;
	margin-left:1%;   margin-top:12px;
}
.urbtxtbox label{
	position:relative; top:-0px; left:10px; background-color:#6B8C00; color:#FFFFFF;
	padding-left:10px; padding-right:12px; 
	font-size:13px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.urbtxtbox input{
	width:96%; margin-top:-10px;
}
.urbtxtbox textarea{
	height:100px;width:96%;
}
.urbtxtbox:hover label{
	background-color:#3399FF;
}

.w50{ width: 47.5% !important;}
.w25{ width: 23.5% !important;}


#predictivo{
	display:none; position:absolute; z-index:5000;
	background-color:#FFFFFF; font-size:14px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	box-shadow: 0px 0px 5px #C0C0C0;  -webkit-box-shadow: 0px 0px 5px #C0C0C0;  -moz-box-shadow: 0px 0px 5px #C0C0C0;
}
#predictivo ul{
	list-style-type:none; padding-left:8px;
}
#predictivo ul li a{color:#808080;}
#predictivo ul li a:hover{color:#000000;}
#predictivo ul li{color:#808080; cursor:pointer;}
#predictivo ul li:hover{color:#000000;}

@media only screen and (min-width : 280px)  and (max-width : 580px){
	.urbf50{width:90%;}
	.urbf25{width:45%;}	
	
	.urb50{ width:92% !important;}
	.urb25{ width:46% !important;}
	.urb-label{height:60px !important;}
	.urb-grp span{font-size:12px;}

	.urbtxtbox input{	width:92%;}

	.w50{ width: 98% !important;}
	.w25{ width: 47.5% !important;}