html {
	font-family: Arial;
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	margin: 0;
}	

input{
	width: 100%;
}

textarea{
	width:100%;
	height: 10em;
}

#DropZOne {
	border: 2px dashed #6f6969;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   padding: 25px;
   text-align: left;
   font: 20pt bold 'Vollkorn';
   color: #7e7b7b;
   font-size: 12px;
   height: 25px;

}

#visualizadorContenido{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;

	align-items: center;
	justify-items: center;

	border-radius: 15px;
	background-color: white;

	width: 95%; 
	height: 95%;
}

#visualizador{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;

	align-items: center;
	justify-items: center;

	border-radius: 15px;
	background-color: white;

	width: 95%; 
	height: 95%;
}

#visualizadorContenedor{
	display: none;
	grid-template-columns: 1fr;
	grid-template-rows: auto;
	align-items: center;
	justify-items: center;

	width: 99%;
	height: 98%;
	position: absolute;
	opacity: 0.90;
	z-index: 1002;
}

/*
#contenido{
	text-align: left;
	padding-left: 2%;
	width: 87%;
}
*/

#contenido_listado{
	text-align: left;
    padding-left: 2%;
    padding-top: 30px;
}

.contenedor{
	display: grid;
	grid-auto-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	justify-items: center;

	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}




.columnas-3{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	justify-items: center;

	overflow: auto;
}

.columnas-2{
	display: grid;
    grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	justify-items: center;

	overflow: auto;
}

.columna{
	display: grid;
	justify-items: center;

	overflow: auto;

	width: 100%;
	height: 100%;
}

.bloque{
	width: 92%;
	text-align: justify;
}

/*
.dialogo{
	
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 40px 10px auto 10px 40px;

	grid-template-areas:
		"cabecera"
		"separador"
		"contenido"
		"separador"
		"botonera";

	width: 100%;
	
}
*/

.dialogo-cabecera{
	display: grid;
	justify-content: center;
	align-content: center;
	height: 40px;
}

.dialogo-contenido{
	margin-top: 1em;
	margin-bottom: 1em;
}

.menu{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 40px 10px auto;

	grid-template-areas:
		"cabecera"
		"separador"
		"contenido";

    width: 100%;
}

.menu-cabecera{
	grid-area: cabecera;

	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto;

	align-items: center;

	width: 100%;
	color: #008300;
	text-align: left;
}

.separador{
	grid-area: separador;

	display: grid;
	align-items: center;

	width: 100%;
	height: 1px;
	background-color: green;
}

.menu-contenido{
	grid-area: contenido;
	width: 100%;
	padding-left: 3%;
	margin-bottom: 10px;
	padding-bottom: 2em;
	align-content: center;
	text-align: left;
}

.menu-contenido-justificado{
	grid-area: contenido;
	width: 100%;

	display: grid;
	justify-items: right;

	padding-bottom: 2em;
}

#popUpContenido{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;

	align-items: center;
	justify-items: center;

	margin: 2em;
}

#popUp{
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
	justify-items: center;

	border-radius: 15px;
	background-color: white;
}

#popUpContenedor{
	display: none;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
	justify-items: center;

	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.90;
	z-index: 1002;
}

#manto{
	display: none;
	grid-template-columns: auto;
	grid-template-rows: auto;
	align-items: center;
	justify-items: center;

	background-color: black;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.90;
	z-index: 1001;
}

.botonera{
	/*
	display: grid;
	grid-area: cabecera;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	justify-items: center;
	align-items: center;
	width: 200px;
	*/

	/*Nuevo*/
	display: grid;
	grid-template-columns: auto auto;
	width: 100%;
	height: 40px;
	justify-content: right;
	align-content: center;
}

.boton-azul{
	justify-items: center;
	display: grid;
	align-items: center;

	color:white;
	width: 100%;
	height: 2em;
	background-color: #0586E2;
}

.boton-rojo{
	justify-items: center;
	display: grid;
	align-items: center;

	color:white;
	width: 100%;
	height: 2em;
	background-color: #FA5858;
}

.boton-gris{
	justify-items: center;
	display: grid;
	align-items: center;

	color:white;
	width: 100%;
	height: 2em;
	background-color: #A1A1A1;
}

.boton-verde{
	justify-items: center;
	display: grid;
	align-items: center;

	color:white;
	width: 100%;
	height: 2em;
	background-color: rgb(113,186,102);
}

/*
@import compass;

@import compass/css3;
*/

#main-container{
  /*margin: auto 20px;*/
  /*max-width: 900px;*/
  height: 100%;
  /*overflow: hidden;*/
}
/* .block{
  /*background-color: steelblue; //comentado
  width: 59.33%;
  /*height: 150px; //comentado
  float: left;
  margin: .1%;
  box-sizing: border-box;
}

.block-l{
  /*background-color: steelblue;  //comentado
  width: 20%;
  /*height: 150px;  //comentado
  float: left;
  margin: .1%;
  box-sizing: border-box;
}
  
@media screen and (max-width:1365px){
  .block{
    /*background-color: blue; //comentado
    width: 69%;
  	}

  	.block-l{
    /*background-color: blue;  //comentado
    width: 30%;
  	}


    .block-l:last-child{
      width: 69%;
      /*background-color: darkgreen;  //comentado
      clear: both;
      float:right;
  	}
  }
  @media screen and (max-width:320px){
    .block{
      width: 98%
    }
    .block-l{
      width: 98%
    }
  } */

.titulo_1{
	font-size: 20pt;
	color: #808080;
}

.titulo_2{
	font-size: 16pt;
	color: #536253;
}

.titulo_3{
	font-size: 14pt;
	color: #008300;
}

.titulo_4{
	font-size: 14pt;
	color: #008300;
}

.titulo_5{
	font-size: 12pt;
	color: #008300;
}

.version{
	float: left;
	padding: 10 0 0 10;
}

.titulo_tabla{
	color:#808080;
	font-size: 10pt;
}

.herramientas{
	padding-right: 30;
}

.breadcrump{
	color: #7F888E; 
	text-decoration: none; 
}

.separador_tabla{
	grid-area: separador;

	display: grid;
	align-items: center;

	width: 100%;
	height: 1px;
	background-color: #008300;
}

.menu-cabecera_100{
	grid-area: cabecera;

	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto;

	align-items: center;

	width: 100%;
	color: #536253;
	text-align: left;
}

.tabla_80{
	width: 90%;
}