/*Css/autor
 * @author José María González Núñez
 * @copyright 2023
 * @category programación web
 * @company Intendencia Departamental de Paysandú
 */ 

/* Set a background image by replacing the URL below */
/*body {
	background: url('../images/background.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}*/

.bg-orange{
	background-color: orange;
}

.bg-lila{
  background-color: #764B8F;
}

.bg-green{
  background-color: #45A041;
}

.bg-silver{
  background-color: #504F51;
}

.bg-cream{
  background-color: #ECE49A;
}

/* unvisited link */
a:link {
  color: none;
  text-decoration:none;
}

/* visited link */
a:visited {
  color: none;
  text-decoration:none;
}

/* mouse over link */
/*a:hover {
  color: blue;
}*/

/* selected link */
a:active {
  color: none;
  text-decoration:none;
} 

.box{
	width: 165px; 
	height: 140px;
	border: 1px solid white;
	z-index: 9;
	color: #504F51;
	font-size: 1em;
	text-align: center;
  background-color: white;
}

.box:hover{
	border: 3px solid white;
}

/* Cards Blockquote */
.blockquote-custom {
  position: relative;
  font-size: 1.1rem;
}

.blockquote-custom-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -40px;
  left: 19px;
}

.active-amber-textarea-2 textarea.md-textarea {
  border-bottom: 1px solid #ffa000;
  box-shadow: 0 1px 0 0 #ffa000;
}
.active-amber-textarea-2.md-form label.active {
  color: #ffa000;
}
.active-amber-textarea-2.md-form label {
  color: #ffa000;
}
.active-amber-textarea-2.md-form .prefix {
  color: #ffa000;
}
.active-amber-textarea-2.md-form textarea.md-textarea:focus:not([readonly])+label {
  color: #ffa000;
}


.img-alineadoTextoImagenCentro{
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}

.zoom {
  padding: 50px;
  transition: transform .2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.responsive {
  width: 100%;
  height: auto;
}

.button_map{
  width: 35px; 
  height: 35px;
  border: 1px solid white;
  z-index: 9;
  color: #504F51;
  font-size: 1em;
  text-align: center;
  background-color: silver;
  z-index: 11;
  position: absolute;
}