html,body {
  background-color: white;
  margin:0 100 0 100;
  width:1000px;

        height: 100%;
        margin: auto;
        overflow: hidden;
}
td{
	font-size:12px;
	
}

#layout_Obj{
	position: relative;
	width: 1000px;
	height: 900px;
	overflow: hidden;
}
#divTab{
width:480px;
vertical-align:top;
}
#formulario{
	margin:0 0 0 0;
}
#tablaDatos{
	margin:0 0 0 0;
}
#title{
	padding:5px 10px 5px 10px;
	font-weight:bold;
	border: 0px solid red;
	overflow:auto;
	margin:auto;
}
#subtitle{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding:5px 0px 5px 0px;
	margin: 5 0 5 0;
	width:100%;
	//border-radius: 15px;
	font-weight:bold;
	font-size:1.1em;
	color:white;
	text-align: center;
	background:#4287f5;
}
.userName{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding:3px 0px 3px 0px;
	margin: 0 0 0 0;
	width:100%;
	font-weight:bold;
	font-size:.8em;
	color:Blue;
	text-align: right;
	background:#fff;
}
.userNameP{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding:3px 0px 3px 0px;
	margin: 0 10 0 0;
	width:100%;
	font-weight:bold;
	font-size:.8em;
	color:white;
	text-align: center;
	background:#666666;
}h1 {
  color: blue;
}
p {
  color: black;
}




















td.nada{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	border:0px solid black;
	border-collapse:collapse;
	text-align:left;
	font-size:.7em;
	font-weight: bold;
}
.tituloCol{
		font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
border:0px solid white;
border-collapse:collapse;
text-align:center;
font-weight: bold;
font-size:.7em;
color:black;
background:#99c7ff;
}











.titulo1{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding: 0 5 0 8;
	border:0px solid white;
	border-collapse:collapse;
	text-align:left;
	text-indent: -5px;
	font-weight: bold;
	font-size:.6em;
	color:black;
	//background:#cce3ff;
	background-image: linear-gradient(to right, rgba(255,0,0,.5), rgba(204,227,255,1), rgba(204,227,255,1), rgba(204,227,255,1));
	cursor: help;
}
.titulo2{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding: 0 5 0 8;
	border:0px solid white;
	border-collapse:collapse;
	text-align:left;
	text-indent: -5px;
	font-weight: bold;
	font-size:.6em;
	color:black;
	background:#cce3ff;
	cursor: help;
}
.titulo3{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding: 0 5 0 8;
	border:0px solid white;
	border-collapse:collapse;
	text-align:left;
	text-indent: -5px;
	font-weight: bold;
	font-size:.6em;
	color:black;
	background:WhiteSmoke;
	cursor: help;
}






























































td.notas{
	font-size:.6em;
}
td.notas_t{
	font-size:.7em;
font-weight: bold;
}
input.nada{
	border:0px solid black;
	border-collapse:collapse;
	text-align:right;
	padding-right:15px;
	width:10px;
}
input.coord{
	border:0px solid black;
	border-collapse:collapse;
	text-align:right;
	//font-size:1em;
	padding-right:15px;
	width:10px;
}
input.id{
	border:0px solid black;
	border-collapse:collapse;
	text-align:left;
	width:10px;
}
input.tipoinsp{
	border:0px solid black;
	border-collapse:collapse;
	text-align:left;
	width:80px;
}




#se_dist, td.var, th.var{
border:1px solid LightGray;
border-collapse:collapse;
}
input.num{
border:2px solid Gold;
//background-color: lightblue;
border-style: none solid solid none;
width:45px;
}
input.porcentaje{
border:0px solid;
width:45px;
}
select.select{
border:0px;
font-size:12px;
}
#poly_id{
	width:50px;
}
#texto{
font-size:12px;
color:Gray;
}
#texto2{
font-size:12px;
color:Gray;
}
#texto3{
font-size:12px;
color:Gray;
}
#map, #pano{
//float: left;
//position:relative;
margin:auto;
//padding:10px;
border:1px solid white;
//outline: #4CAF50 solid 10px;
height: 100%;
width: 100%;
}
.button {
  background-color: lightGray;
  border: none;
  color: Gray;
  padding: 2px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}
.buttonCls {
  background-color: #4287f5;
  border: none;
  color: White;
  padding: 2px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}
.buttonDemo {
  background-color: LightSteelBlue;
  border: none;
  color: White;
  padding: 2px 20px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
}
.buttonRev {
  background-color: Brown;
  border: none;
  color: White;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}
.camaraLabel{
	font-style: normal;
	text-shadow: 0px 0px 2px #000;
}
.casaLabel{
	font-style: normal;
	text-shadow: 0px 0px 2px #000;
}
.camara_mnzLabel{
	font-style: italic;
	text-shadow: 0px 0px 2px #000;
}

#notaTitulo{
	font-size: 10px;
	font-style: italic;
	width:80px;
	background-image: linear-gradient(to right, rgba(255,0,0,.5), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0));
}
.tabContent{
	font-family: 'Titillium Web','Segoe UI',Arial,sans-serif;
	padding:10px;

}
#foto{
	height:100%;
	overflow-y: scroll;
}
#myImg{
	width: -webkit-fill-available;
}
#divTab1{
	height:95%;
	width:95%;
	text-align: justify;
	text-justify: inter-word;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#divTab2{
	height:100%;
	width:100%;
	text-align:center;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#divTab2::-webkit-scrollbar,#divTab1::-webkit-scrollbar{
	display: none;
}
#divTab4{
	height:100%;
	width:100%;
	text-align:center;
	overflow-y: scroll;
	box-sizing: border-box;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#divTab4::-webkit-scrollbar,#divTab1::-webkit-scrollbar{
	display: none;
}












#h3Tab1{
	font-size: 16px;
}
#pTab1 ,#tipTab1{
	font-size: 12px;
}
#ptab1Title,#tipTab1Title{
	font-size: 12px;
}

.info {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
  padding:2px;
  margin:4px;
}

.graf{
	width:90%;
	padding:14px 0px 0px 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
#muestreo {
	margin:auto;
}
#muestreo td{
	font: 12px 'Titillium Web','Segoe UI',Arial,sans-serif;
	border:0px solid LightGray;
	margin:2px 0px 5px;
	text-align: center;
}

#muestreo th{
	font: bold 12px 'Titillium Web','Segoe UI',Arial,sans-serif;
	border-bottom:1px solid LightGray;
	margin:2px 0px 5px;
}
.classCat{
	width:5em;
	border: 1px solid lightgray;
}

.imgEj {
  position: relative;
  max-height: 400px;
  width:100%;
  margin: 0 auto;
  display:inline-block;
}

.imgEj img {vertical-align: middle;}

.imgEj .imgEjDesc {
  position: absolute;
  bottom: 0;
  //background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
#img_{
	max-height:400px;
	width:100%;
}
#titImg{
	color: darkgray;
	font-weight: bold;
	font-size: 1.2em;
	margin:auto;
	text-shadow: 0px 0px 6px black;
}
#tipImg{
	font-size: 0.7em;
	font-style: italic;
	color: white;
	text-shadow: 0px 0px 6px black;
	margin:auto;
}
.foto{
	color:blue;
}
.fotoFuente{
	color:white;
	text-shadow: 0px 0px 6px black;
	font-size: 0.6em;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: -56px 0 0 -56px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

/* Callout */
.callout {
  position: fixed;
  top: 50px;
  left: 10px;
  margin-left: 10px;
  max-width: 300px;
  font-family: Arial, Helvetica, sans-serif;
}

.callout-header {
  padding: 15px 15px;
  background: #555;
  font-size: 20px;
  color: white;
}

.callout-container {
  padding: 15px;
  background-color: #ccc;
  color: black;
  text-align: justify;
}

.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.closebtn:hover {
  color: lightgrey;
}