@font-face {
    font-family: 'roboto_regular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.labels {
	color: #1e4e7e; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 16px;  
	line-height: 22px;
}
.tabactive {
   margin: 2px;
   padding: 3px;
   background-color:#e86819;
   border-color: #e86819;
   border: 1px solid #e86819;
   border-radius: 6px;
   -moz-border-radius: 6px;
   cursor: pointer;
}
.tabinactive {
   margin: 2px;
   padding: 3px;
   background-color:#ffffff;
   border-color: #e86819;
   border: 1px solid #e86819;
   border-radius: 6px;
   -moz-border-radius: 6px;
   cursor: pointer;
}
.btnTag {
   padding-left:10px;
   padding-right:10px;
   background:#ffffff;
   border-radius:9px;
   color:#000000;
   font-family: 'Open Sans', sans-serif; 
   font-size: 14px;  
   cursor: pointer;
}
.btnInf {
   padding:8px;
   background:#f09138;
   border-radius:9px;
   color:#FFFFFF;
   font-family: 'Open Sans', sans-serif; 
   font-size: 16px;  
   cursor: pointer;
}
.selectCool {
   padding-left:15px;
   padding-right:15px;
   background:#FFFFFF;
   border-radius:10px;
   color:#000000;
   font-family: 'Open Sans', sans-serif; 
   font-size: 15px;  
}
.TitsSearch {
   padding-left:5px;
   padding-right:5px;
   color:#222222;
   font-family: 'roboto-regular', sans-serif; 
   font-size: 18px;  
}
.QueryResTxt {
   padding-left:5px;
   padding-right:5px;
   color:#444444;
   font-family: 'roboto-regular', sans-serif; 
   font-size: 18px;  
}

.ui-resizable-helper { border: 1px dotted gray; }
.resizable{display:block; width:400px; height:400px; padding:30px; border:2px solid gray; overflow:hidden; position:relative;}
iframe{ width:100%; height:100%; resize:both; overflow:auto;background:#FFFFFF;min-height:400px}

.labeltabactive {
   color: #ffffff;
   font-family: 'Open Sans', sans-serif; 
   font-size: 20px; 
}
.labeltabinactive{
   color: #e86819;
   font-family: 'Open Sans', sans-serif; 
   font-size: 20px; 
}

.recuadro {
	padding: 20px;
	border-color: #68a0d8;
	border-radius: 9px;
	-moz-border-radius: 9px;
	border: 1px solid #68a0d8;
	background-color:#ffffff;
}

.labelsb {
	color: #1e4e7e; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 16px; 
	font-weight: 300; 
	line-height: 22px;
}

.labels2 {
	color: #111; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 22px;
}
.boton3 {
    background-color:#1e4e7e;
    color:#ffffff;
    border-radius: 9px;
	-moz-border-radius: 9px;
    font-size: 14px; 
    width: 180px;
    height: 40px;
}
.boton4 {
    background-color:#e86819;
    color:#ffffff;
    border-radius: 9px;
	-moz-border-radius: 9px;
    font-size: 14px; 
    width: 180px;
    height: 40px;
}
.botmas {
    background-color:#e86819;
    color:#ffffff;
    border-radius: 9px;
	-moz-border-radius: 9px;
    font-size: 14px; 
    padding: 5px;
}
a {
	text-decoration: none;
}
.boton5 {
    background-color:#e86819;
    color:#ffffff;
    border-radius: 9px;
	-moz-border-radius: 9px;
	text-align: center;
	padding:15px;
	font-family: 'Open Sans', sans-serif; 
    font-size: 18px; 
    width: 180px;
    height: 70px;
}

.tit {
	color: #FFFFFF; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 55px; 
	font-weight: 300; 
}
.txt {
	color: #FFFFFF; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 13px; 
	font-weight: 300; 
}
.txt2 {
	color: black; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 18px; 
	font-weight: 300; 
}
.txt3 {
	color: black; 
	font-family: 'Open Sans', sans-serif; 
	font-size: 24px; 
	font-weight: 300; 
}
.blanco {
	color: #FFFFFF; 
}
.narqdata {
	color:#f75f10;
}
.azulqdata {
	color:#184a7b;
}
.contenidos {
	padding: 10px;

}
.recuadro2 {
	padding: 20px;
	border-color: #ffffff;
	border-radius: 9px;
	-moz-border-radius: 9px;
	border: 1px solid #68a0d8;
	padding-left:20px;
	padding-right:20px;
}

.anim {
  position: fixed;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  transform: translate(-50%, -50%);
}

#mapDiv {
	/*position: absolute;*/
	z-index:1;
	top:0px; 
	bottom:0; 
	right:0; 
	left:0; 
	overflow:hidden; 
	background-color:grey;
	cursor:pointer;
	width:100%;
	height:600px;
	}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #FF0000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }