@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') 
  format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
   font-weight: normal;
  font-style: normal; 
}




/* *{margin: 0;
padding: 0;
} */
.flexslider{
width: 100%;
position: relative;

}

.slides{
	overflow: hidden;
	margin: 50px 0 0 0;
	padding: 0 0 0 0;
}
.slides img{
	width: 100%;
		
	
}
.slides,
.flex-control-nav,
.flex-direction-nav{
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-control-nav{
	width: 100%;
	text-align: center;
	display: block;
	margin: 0 -0px;
	
}

/*Círculos enlaces de carrusel*/
.flex-control-nav li{
	display:inline-block;
	margin: 0 6px ;
	padding-top: 10px;
	

}
	
	.flex-control-nav li a{
		display:block;
		background:#777777;
		width: 12px;
		height: 12px;
		border-radius: 12px;
		text-indent: -9999px;
		
		
		}
		
	.flex-control-nav li a:hover {
		background: #2E2E2E;
		}
		
	.flex-control-nav li a.flex-active{
		background: #2E2E2E;
		}
		
	.flex-direction-nav a{
		display: block;
		text-decoration: none;
		position: absolute;
		top: 50%;
		z-index: 9999;
		width: 40px;
		height: 40px;
		overflow: hidden;
		opacity: 0;
		
		}
		
	.flex-direction-nav li{
			text-decoration: none!important;
			z-index: 9999;
			display: block;
			}
		
		
		.flex-direction-nav .flex-prev{
			left: 0;
			
			}
			
		.flex-direction-nav .flex-next{
			right: 0;
			}

.flex-direction-nav a:before{
			font-family: 'flexslider-icon';
			font-size: 40px;
			display: inline-block;
			content: '\f001';
			color: #fff;
			text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
			}
			
.flex-direction-nav a.flex-next:before{
	content: '\f002';
			}
/*Flecha carrusel previo*/			
.flexslider:hover .flex-direction-nav .flex-prev{
	opacity: 0.5;
	left: 50px;
	}
	
.flexslider:hover .flex-direction-nav .flex-prev:hover{
	opacity: 1;
	}

/*Flecha carrusel siguiente*/
.flexslider:hover .flex-direction-nav .flex-next{
	opacity: 0.5;
	right: 10px;
	}
.flexslider:hover .flex-direction-nav .flex-next:hover{
	opacity: 1;
	}
	
#Carrusel {
	
	width: 80%;
	height: auto;
	top: 30px;
	vertical-align: middle;
	margin: auto;
	position: relative;
	visibility: visible;
	max-width: 1300px;
	z-index: 1;
	
}
body {
	background-color: #FFFFFF;
}