body 
{ 
	font-family: Verdana, sans-serif !important; 
	padding:0 !important; 
	margin:0 !important; 
} 

.image-sliderfade 
{ 
	display: none; 
} 

/* Slideshow container */
.container { 
	position: relative;
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	border: none !important;
	overflow: hidden  !important;
} 

img { 
	position: absolute !important;
	left: -100% !important;
    right: -100% !important;
    top: -100% !important;
    bottom: -100% !important;
    margin: auto !important;
    min-height: 100% !important;
    min-width: 100% !important;
	/* ESCALAS DE GRISES */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%) !important;
} 

/* ANTERIOR
.container { 
	position: relative;
	border-style: solid !important;
	border-color: #ddd !important; 
	border-width: 1px !important;
	width: 100% !important;
	height: 100% !important;
	position: relative !important;
	border: none !important;
} 

img { 
	position: absolute;
	top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
	max-width: 100% !important; 
	max-height: 100% !important;
	object-fit: contain !important;
	ESCALAS DE GRISES 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
} 
*/
/* Caption text */
.text 
{ 
	color: #f2f2f2 !important; 
	font-size: 15px !important; 
	padding: 20px 15px !important; 
	position: absolute !important; 
	left: 20px !important; 
	top: 20px !important; 
	width: 40% !important; 
	background: rgba(0, 0, 0, .4) !important; 
	text-align: center !important; 
} 

/* The dots/bullets/indicators */
.dot { 
	height: 15px !important; 
	width: 15px !important; 
	margin: 0 2px !important; 
	background-color: transparent !important; 
	border-color: #ddd !important; 
	border-width: 5 px !important; 
	border-style: solid !important; 
	border-radius: 50% !important; 
	display: none !important; 
	transition: border-color 0.6s ease !important; 
} 

.active { 
	border-color: #666 !important; 
} 

/* Animation */
.fade { 
	-webkit-animation-name: fade-image !important; 
	-webkit-animation-duration: 1.5s !important; 
	animation-name: fade-image !important; 
	animation-duration: 1.5s !important; 
} 

@-webkit-keyframes fade-image { 
	from {opacity: .4} 
	to {opacity: 1} 
} 

@keyframes fade-image { 
	from {opacity: .4} 
	to {opacity: 1} 
} 

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) { 
	.text {font-size: 11px} 	
}