.nrec{
	text-align: center;
	margin: 0.7em;
}
.boton-success,
.boton-error,
.boton-warning,
.boton-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.recuadro{
	margin-top: 1vh;
	margin-bottom: 2vh; 
	margin-left: 2vw; 
	margin-right: 2vw;
	border-radius:1em;
	border:1;
	border-color:#336633;
	padding:1em;

	color: #E9F5FF;
  background: #0e1725;

	
}.recuadroImagina{
	margin-top: 1vh;
	margin-bottom: 2vh; 
	margin-left: 2vw; 
	margin-right: 2vw;
	border-radius:1em;
	border:1;
	border-color:#336633;
	padding:1em;
  background:  rgba(20, 40, 55, 0.3);

	
}
.boton-success {
	background: rgb(28, 184, 65); /* this is a green */

	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.boton-primario {
	background: #4E4EAC; 
}
.boton-nuevo{
	/*color:#D9E9FF;*/


	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #4EAC5B;


}

.boton-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.boton-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.boton-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}




/* TAGS */
.tags-input-wrapper {
	background: #f9f9f9;
	padding: 10px;
	border-radius: 4px;
	/*max-width: 400px;*/
	border: 1px solid #ccc
}

.tags-input-wrapper input {
	border: none;
	background: transparent;
	outline: none;
	width: 80%;
}

.tags-input-wrapper .tag {
	display: inline-block;
	background-color: #009432;
	color: white;
	border-radius: 40px;
	padding: 0px 3px 0px 7px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.tags-input-wrapper .tag a {
	margin: 0 7px 3px;
	display: inline-block;
	cursor: pointer;
}
/* TOOLTIPS*/

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
	
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.compar
{
	font-size: 85%;
	color: white;
	border-radius: 3px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background: #4EAC5B;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 6px;
}





.contenedor-principal
{
	/*margin-left: 4vw;
	margin-right: 4vw;*/
	height: 75vh;
	width: 100vw;
	margin-bottom: 0.9vh;
	-webkit-overflow-scrolling: touch !important;
	overflow: auto !important;
	-webkit-transform: translateZ(0px);
	margin-top: 0.9vh
}
/*D3CB76*/

@font-face {
    font-family: "bellrose";
    src: url("https://hayarte.app/fuentes/PoiretOne.ttf");
}
.pure-menu{
 font-family: "bellrose";
  font-stretch: expanded;/*
font-weight:	bold;
  font-size: large;*/

}
.pure-menu-horizontal{
	padding-left: 4vw;
	background: #3F4C61;
	color:#fff;
	height: 10vh;
	 background: #8B0000;
	 font-weight: normal;
	 font-size: 1.2em;
}

.pure-menu-children{
	 
	 font-size: 0.9em;
}



.pure-menu-link:hover{
	background: #5A6B85;
	 background: #E21010;
}
.pure-menu-selected .pure-menu-link
{
	color:#FFF;

}
.pure-menu-selected .pure-menu-link:visited
{
	color:#FFF;

	 background: #E21010;
}
.pure-menu-horizontal .pure-menu-children
{
	 background: #8B0000;
	right: 0;
	left:auto;
}
.pure-menu-children{
	left:auto;
}
.pure-form legend {
	 color: #E9F5FF;
}

.icono{
	height: 7vh;
}
 .map 
{
	height: 80vh;
	width: 95%;
} 
.mapEditor
{
	height: 60vh;
	width: 100%;
}
.imagenMap
{
max-width: 100%;
max-height:25vh;
}

.miniMap 
{
	height: 35vh;
	width: 95%;
}
body{
	/*color: #E9F5FF;*/
	font-family: arial, helvetica, sans-serif;
/*  background: #0e1725;*/
  padding-right: 6vw;
  padding-left: 6vw;
}
a{
	color: #28ABD6;
}
table{
	border:1px #E9F5FF solid;
	/*background: #EEE;*/
}
thead{
	background: #E9F5FF;
	color: #0e1725;
}
.pure-table thead{
	background: #E9F5FF;
	color: #0e1725;
}
footer
{
	font-size: 50%;
	padding: 0.429em;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #12161d;
	text-align: center;
	height: 2.5em;
}
.legal-license {
	margin-top: 0;		color: #E9F5FF;

}
.legal-links {
	list-style: none;
	padding: 0;
	margin-bottom: 0;		

}
.legal-copyright {
	margin-top: 0;
	margin-bottom: 0;
		color: #E9F5FF;

}
.alrededor{
	/*background: #0e1725;
	color: #E9F5FF;
*/
background: #E9F5FF;
color: #111;



	top:0;
	height: 100%;
	width: 100%;
	padding: 0;
}
textarea,select,input{
	color: #0e1725;
	background: #FEFEFF;
}
input:invalid { 
	color:#AC774E;
	border: 2px solid #AC774E;
}

label{
	color:#AAAAAA;
}


::-webkit-input-placeholder { /* Edge */
	color: #5A6B85;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #5A6B85;
}

::placeholder {
	color: #5A6B85;
}
body {
/*  background-color: #F5F5F5;*/
}
hr{
color:#E21010;
        background-color: #E21010;
}
h1 {
  color: #0e1725;
  text-align: center;
}
.foto
{
height:50vh;
}


.logo
{
height:15vh;
text-align: center;
}