/* CSS Document */
* {
	box-sizing:border-box
}

/* Slideshow container */
.slideshow-container {
	position: fixed;
	width: 100%;
	border: 0px solid black;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* The dots/bullets/indicators */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation: fadeinout 8s linear forwards;
    animation: fadeinout 8s linear forwards;
}

@-webkit-keyframes fadeinout {
	0%,100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

@keyframes fadeinout {
	0%,100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

#espacador {
	width: inherit;
	height: 88%;
	top: 0;
	left: 0;
	position: relative;
	border: 0px solid red;
	opacity: 0;
	background: #000000;
}
#nomeClinica {
	width: 50%;
	height: 20%;
	position: absolute;
	top: 30%;
	left: 25%;
	text-align: center;
	font-size: 2px;
	border:0px solid green;
}
#fader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border:0px solid green;
	opacity: 0.5;
	background: #555555;

}