@charset "utf-8";
/* CSS Document */
body {
    font-family: "Lato", sans-serif;
    height: 100%;
    background-image: url(/images/background.jpg);
    background-repeat: repeat;
}

.shadow {
    box-shadow: 10px 10px 5px black;
}

.zoom {
    padding: 5px;
    background-color: transparent;
    transition: transform .5s; /* Animation */
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

/* ---------------- Alegria Navigation Text ----------*/

.navigation_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #b8867c;
}
.navigation_icon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b8867c;
}

/* ---------------- Alegria Navigation Block ----------*/
.topnav {
  overflow: hidden;
  background-color: #ffffff;
}

.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none!important;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #dddddd!important;;
  color: black;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}
/* ------------------ Alegria Footer -------------------------------*/

footer {
	background-repeat:no-repeat;
}
.footertitle {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#120a06;
	font-size: 15px;
	color: #f8f8f8;
	font-weight: bold;
}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f8f8f8!important;
}
.footertext a:link {
	text-decoration:none;
	color: #f8f8f8!important;
}
.footertext a:visited {
	text-decoration:none;
	color: #f8f8f8!important;
}
.footertext a:hover {
	text-decoration:none;
	color: #cccccc!important;
}
.footertext a:active {
	text-decoration:none;
}
/* ------------------ Alegria Zoom -------------------------------*/
.zoom {
    padding: 5px;
    background-color: transparent;
    transition: transform .5s; /* Animation */
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* ------------------ Alegria Wrapper -------------------------------*/
.wrapper-text {
	position:absolute;
  margin-top: 100px;
	margin-left: 20px;
	width: 300px;
	height: 150px;
	background-color: rgba(255, 83, 44, 0.8);
	color: fff;
	padding: 10px;
	border: #000000;
}
.wrapper-text t {
	font-family: Arial, Verdana;
	font-size: 20px;
	margin: 10px 0;
	color: white;
}
.wrapper-text z {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: white;
}