/* mystyle_view.css */
html { font-family: Candara,Verdana, sans-serif; display: inline-block; margin: 0px auto; text-align: center;}
div {padding: 20px; text-align: left; font-size: 20px;}
.button { background-color: #32cd32;; border: none; color: white; padding: 5px 5px;text-decoration: none; font-size: 18px; margin: 0px; width: 120px; height: 40px; cursor: pointer;}
.button1 { background-color: #6666ff; border: none; color: white; padding: 5px 5px;text-decoration: none; font-size: 18px; margin: 0px; width: 120px; height: 40px; cursor: pointer;}
.button2 { background-color: #ffcc00; border: none; color: white; padding: 5px 5px;text-decoration: none; font-size: 18px; margin: 0px; width: 120px; height: 40px; cursor: pointer;}
input[type=text], select {  width: 100%; height: 36px; padding: 8px 8px;  margin: 8px 0;  display: inline-block;  border: 1px solid #ccc;  border-radius: 4px;  box-sizing: border-box; font-family: Candara,Verdana, sans-serif; font-size:16px;}
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
.slideshow-container {max-width: 100%; position: relative; margin: auto;}
.text {color: black; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 4.5s; animation-name: fade; animation-duration: 2.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
div.scrollmenu {
  background-color: white;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: white;
}
/* unvisited link */
a:link {
  color: white;
}
/* visited link */
a:visited {
  color: white;
}
/* mouse over link */
a:hover {
  color: white;
}
/* selected link */
a:active {
  color: white;
}
.dropbtn {
  background-color: cc0000;
  color: white;
  padding: none;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 10px 5px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {background-color: cc0000;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #000080;}
.broucher {
  color: white;
  animation-name: download;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes download {
  from {color: white;}
  to {color: #000080;;}
}