#General
{
    height:98%;
    width:100%;
    background-color:transparent;
}

.carrusel
{
	height:93%;
    width:100%;
	display:block;
	text-align: -moz-center;
}

#Contenido
{
    height:100%;
    width:100%;
	margin:auto;
	background-color:transparent;
	align-items: center;
	display: flex;
}

#Imagenes
{
    height:100%;
    width:100%;
    margin:auto;
	background-color:transparent;
	text-align: center;
}

#Imagenes img
{
	/*width: 100%;*/
  	height: auto;
}

@supports(object-fit: cover)
{
    #Imagenes img
	{
    /*  height: 100%;*/
      object-fit: cover;
      object-position: center center;
    }
}

#BotonAtras
{
	background:url(botones/atras_blanca.png) no-repeat;
	cursor:pointer;
	width: 43px;
	height: 62px;
	position:absolute;
}

#BotonAtras:hover
{
	background:url(botones/atras_negra.png) no-repeat;
	cursor:pointer;
	transition:background 0.4s;
	position:absolute;
}

#BotonAdelante
{
	background:url(botones/adelante_blanca.png) no-repeat;
	cursor:pointer;
	width: 43px;
	height: 62px;
	position:absolute;
	right:15px;
}

#BotonAdelante:hover
{
	background:url(botones/adelante_negra.png) no-repeat;
	cursor:pointer;
	transition:background 0.4s;
	position:absolute;
	right:17px;
}

.Numeros
{
	width: 100%;
	height: 40px;
	padding:3px;
	display: flex;
	justify-content: center;
}

.flotarActivo
{
	width:37px;
	height:37px;
	background-color:#88AA00;
	margin-left:5px;
	border-radius:20px;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flotarSeleccionado
{
	width:37px;
	height:37px;
	background-color:#445500;
	margin-left:5px;
	border-radius:20px;
	cursor:pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flotarActivo:hover
{
	background-color:#FFF;
	color:#000;
	border-color:#FFF;
	border: 2px solid;
	border-style:groove;
}

.flotarSeleccionado
{
	background-color:#FFF;
	color:#000;
	border-color:#FFF;
	border: 2px solid;
	border-style:outset;	
}

/*//////////////////////////////////////ESTILOS MEDIA////////////////////////////////////*/
@media screen and (max-width: 800px) {
	#General
	{
		height:98%;
		width:100%;
		background-color:transparent;
	}
	
	.carrusel
	{
		height:93%;
		width:100%;
		display:block;
		text-align: -moz-center;
	}
	
	#Contenido
	{
		height:100%;
		width:100%;
		margin:auto;
		background-color:transparent;
		align-items: center;
		display: flex;
	}
	
	#Imagenes
	{
		height:100%;
		width:100%;
		margin:auto;
		background-color:transparent;
		text-align: center;
	}
	
	#Imagenes img
	{
		width: 100%;
		height: auto;
	}
	
	@supports(object-fit: cover)
	{
		#Imagenes img
		{
		/*  height: 100%;*/
		  object-fit: cover;
		  object-position: center center;
		}
	}
	
	#BotonAtras
	{
		background:url(botones/atras_blanca.png) no-repeat;
		cursor:pointer;
		width: 43px;
		height: 62px;
		position:absolute;
	}
	
	#BotonAtras:hover
	{
		background:url(botones/atras_negra.png) no-repeat;
		cursor:pointer;
		transition:background 0.4s;
		position:absolute;
	}
	
	#BotonAdelante
	{
		background:url(botones/adelante_blanca.png) no-repeat;
		cursor:pointer;
		width: 43px;
		height: 62px;
		position:absolute;
		right:15px;
	}
	
	#BotonAdelante:hover
	{
		background:url(botones/adelante_negra.png) no-repeat;
		cursor:pointer;
		transition:background 0.4s;
		position:absolute;
		right:17px;
	}
	
	.Numeros
	{
		width: 100%;
		height: 40px;
		padding:3px;
		display: flex;
		justify-content: center;
	}
	
	.flotarActivo
	{
		width:37px;
		height:37px;
		background-color:#88AA00;
		margin-left:5px;
		border-radius:20px;
		cursor:pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.flotarSeleccionado
	{
		width:37px;
		height:37px;
		background-color:#445500;
		margin-left:5px;
		border-radius:20px;
		cursor:pointer;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/*/////////////////////////////TERMINAN ESTILOS MEDIA////////////////////////////////////*/