/* FUENTE DE GOOGLE */
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600'); */



@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed&display=swap'); /* <===================== CAMBIAR  */


body {
	
  font-family: 'Fira Sans Condensed', sans-serif; /* <===================== CAMBIAR  */
  letter-spacing: 0px; 
  padding-top: 0px;
  padding-bottom: 0px;
  overflow-x: hidden; /*eliminio el scroll horizontal*/
}



@import url('https://fonts.googleapis.com/css?family=Satisfy&display=swap'); /* <===================== CAMBIAR  */
.letra_titulo_slider {

font-family: 'Satisfy', cursive; /* <===================== CAMBIAR  */
letter-spacing: 0px;
font-size: 300%; /* <===================== CAMBIAR  */

}
/********************************************************************************

/*Saco bordes a imagenes thubnail*/
.img-thumbnail{
	border:none;
	padding:0;
}


/***********************************************PIE DE PAGINA*/
footer {
	/*background-image:url(../img/fondo_pie.jpg);*/
	/*degrade */
    background: -webkit-linear-gradient(#721597,#721597); /* For Safari 5.1 to 6.0 */ /* <========= CAMBIAR  */
    background: -o-linear-gradient(#721597,#721597); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#721597,#721597); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#721597,#721597); /* Standard syntax */
	/*fin */

    color: #fff; /* <===================== CAMBIAR  */
    min-height:100px;
    padding-top:20px;
    padding-bottom:10px;
	margin-top:80px;
	
}
footer .nav>li>a {
    padding:3px;
    color:#FFF; /* <===================== CAMBIAR  */
	 padding-bottom:10px;
	
}

footer .nav>li>a:hover {
    background-color: transparent; /*AL PASAR EL MOUSE POR EL MUNU DE PIE DE PAGINA */
	
	color:#fff;/* <===================== CAMBIAR  */
	
}

footer .nav>li> a:focus {
  background-color: transparent;
  
}

#color_vinculo_pie{	
color:#fff;	/* <===================== CAMBIAR  */
}
/***************************************FIN PIE */

/*************************************************************/
/*************************************************************/
/*************************************************************/

/**********************************ICONOS EN LOS IMPUT COMO @ */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/********************************** FIN ICONOS EN LOS IMPUT COMO @ */

/*************************************************************/
/*************************************************************/
/*************************************************************/





/*********************************************TITULOS */

.precio {
	font-size: 26px;
	text-align:center;
	color: #666; 
	
	}
.precio_agregamas {
	font-size: 24px;
	text-align:center;
	color: #999; 
	
	}
	
.Estilo_nombre {	
	font-size: 12px;
	color: #666666;
}


.agotado  {
	color:#721597;  /* <===================== CAMBIAR  */
	border-radius:0;
	font-size:14px;
}


.terecomendamos {
   background-color:#721597;  /* <===================== CAMBIAR  */
	color: #fff;
	padding:10px;
	width:170px;
	margin-bottom:20px;
	
}
/*********************************************FIN TITULOS */



/**********************************ESTILO PAGINACION ************/

.pagination2>li>a,
.pagination2>li>span {
  
  color: #721597;  /* <===================== CAMBIAR  */
  background-color:#fff;  /* <===================== CAMBIAR  */
}
.pagination2 > li > a:focus,
.pagination2 > li > a:hover,
.pagination2 > li > span:focus,
.pagination2 > li > span:hover {
   
    color: #fff;  /* <===================== CAMBIAR  */
    background-color: #721597;  /* <===================== CAMBIAR  */
   
}

/********************************** FIN ESTILO PAGINACION ************/


/********************************************************* BOTONES */

/* BOTON QUE APARECE AL BAJAR SCROLL */
.arrowtop{
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 40%;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url(../img/up.png) no-repeat;
	cursor: pointer;
	z-index:1002;
}

.btn_comprar  {  /* <===================== CAMBIAR  */
	color: #FFF;
	/*border-color:#FFF;*/
	border-radius:50px;
	font-size:16px;
	background-color:#C540AD;
	/*border-color: #F03;*/
}

a.btn_comprar:hover {   /* <===================== CAMBIAR  */

	background-color:#D70568;
	color: #FFF;
	
}

.btn_comprar_sin_registro {  /* <===================== CAMBIAR  */
	color: #FFF;
	/*border-color:#FFF;*/
	border-radius:50px;
	font-size:14px;
	background-color:#C540AD;
	/*border-color: #F03;*/
}

a.btn_comprar_sin_registro:hover {   /* <===================== CAMBIAR  */

	background-color:#D70568;
	color: #FFF;
	
}

.btn_redes_sociales {  /* <===================== CAMBIAR  */
	color: #000;
	background-color: transparent;
	border-radius:0;
	font-size:14px;
	border-color:#721597;
}


a.btn_redes_sociales:hover {  /* <===================== CAMBIAR  */

	background-color:#721597;
	color: #FFF;
	
}

.btn_buscar  {  /* <===================== CAMBIAR  */
	background-color:#D70568;
	color: #FFF;
	border-color:#018A29;
}


a.btn_buscar:hover {  /* <===================== CAMBIAR  */
	background-color:#C540AD;
	color: #FFF;
	border-color:#9BC04A;
}


.btn_servicio {  /* <===================== CAMBIAR  */
	background-color: #018A29;
	color: #fff;
	border-radius:0;
	font-size:14px;

}

a.btn_servicio:hover {  /* <===================== CAMBIAR  */
	background-color:#9BC04A;
	color: #FFF;
	
}

.close  {
	color: #000;
	font-size:36px;
}


/*********************************************************FIN  BOTONES */


/***********************COLOR DE TOTOS LOS LINK POR DEFECTO */

a {
    color:#1F315F;
}

/***********************INPUT********************** */

.caja_ordenar {
	height:40px;
	/*width:200px; */
	text-align:center;
	border-radius:0;
    color:#999;
}

/*************************************************************/
/*************************************************************/
/*************************************************************/


/************************ICONOS MOVILES PIE DE PAGINA */
div#enlaces_pie 
{
bottom: 0;
background-color:#FFF;
position:fixed;
margin-top:20px;
width:100%;
font-size:30px;
z-index:1001;
}

.color_enlaces_pie {
    color:#D70568;
}

.color_enlaces_pie:hover {
    
    color:#ccc;
	
}

.color_iconos_menu {
    
    color:#D70568;
	
}

.titulos_pie {
	margin-top:10px;
	margin-bottom:20px;
	
}

/************************ FIN ICONOS MOVILES PIE DE PAGINA */


/*************************************************************/
/*************************************************************/
/*************************************************************/


/************************************************** AL AGRANDARSE LA PAGINA */
@media screen and (min-width:993px) {

		#enlaces_pie {
		display:none;
		}
		
		#cabecera {
		display:block;
		}

		/*SEPARACION DE ELEMENTOS AL TOP */
		.separacion_top {
		margin-top:55px;
		}	

}
		
/*********************************************+++ AL ACHICARSE LA PAGINA */
@media screen and (max-width:992px) {

			#cabecera {
			display:none;
			}
			
			#enlaces_pie {
			display:block;
			}	

			/*SEPARACION DE ELEMENTOS AL TOP */
			.separacion_top {
			margin-top:55px;
			}
			
			
			
 }

/**************************************************FIN AL ACHICARSE Y AGRANDARSE LA PAGINA */


/*************************************************************/
/*************************************************************/
/*************************************************************/


/************************ESTILOS MAS Y MENOS CANTIDAD PRODUCTO FICHA**************************/
  
.caja_cantidad {
	height:40px;
	text-align:center;
	border-radius:0;
    color:#666;	
}

input[readonly].caja_cantidad{
  background-color:transparent;
  border: 0;
  font-size:18px;
  
}

/************************FIN ESTILOS MAS Y MENOS CANTIDAD PRODUCTO FICHA**************************/


/***************************************SOMBRA********************/
.sombra {
-webkit-box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);
-moz-box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);
box-shadow: 10px 10px 5px -8px rgba(161,161,161,1);

/***************************************FIN SOMBRA********************/
}

/***************************************CHECK Y RADIO SITIO********************/
.switch_sis {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  
}
/* Hide default HTML checkbox */
.switch_sis input {display:none;}

/* The slider */
.slider_sis {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_sis:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider_sis {
  background-color:#9BC04A; /* COLOR FONDO */  /* <===================== CAMBIAR  */
}

input:focus + .slider_sis {
  box-shadow: 0 0 1px #018A29;   /* <===================== CAMBIAR  */
}

input:checked + .slider_sis:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider_sis.round {
  border-radius: 34px;
}

.slider_sis.round:before {
  border-radius: 50%;
}

/***************************************FIN CHECK Y RADIO SITIO********************/



/*********************************************************ESTILOS SLIDER */

.btn_slider  {
	color: #FFF;
	/*margin-top:120px; */
	background-color:transparent;  /* <===================== CAMBIAR  */
	border-color: #D70568;  /* <===================== CAMBIAR  */
	border-radius:0;
	font-size:18px;
	
}


a.btn_slider:hover {  /* <===================== CAMBIAR  */
	color: #FFF;
	background-color: #D70568;
	
}


/*FONDO CAPTION CARRUSEL */
.carousel-caption {
   /* background: rgba(0, 0, 0, 0.4); */
	top: 25%;
    bottom: auto;
	/*left: 0;*/
    max-width: 500px;
		
}

/*imagen ajustable CARRUSEL */
/* .carousel-inner .item{
	
    width: 100%;
    height: 500px;  <===================== CAMBIAR  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	cursor: pointer;
 
}*/

/*******************CONTROL LEFT Y RIGHT***/
.control_slider {
	color: #FFF;  /* <===================== CAMBIAR  */

}

/*******************SACAR SOMBRA A FLECHAS DE CARRUSEL***/
.carousel-control {
    background-image:none !important;
    filter:none !important;
}

/*********************************************************ESTILOS SLIDER */

/*************************************************************/
/*************************************************************/
/*************************************************************/

/********************************DIV QUE CONTIENE BOTON ATRAS Y PAGAR EN LA FICHA Y FORMULARIO***********************/

div#pie_ficha 
{
bottom:0;
position:fixed;
margin-top:20px;
margin-bottom:20px;
width:100%;
z-index:102;

}

/*******************************************************/



/**************************** DESTACADOS Y DESCUENTOS CONTENEDOR PRODUCTO / LISTON IMAGENES CATEGORIAS ******************/

.liston_oferta_producto{
position:absolute;
color:#FFF;  /* <===================== CAMBIAR  */
margin-right:5px;
margin-left:5px;
font-size:10px; 
margin-top:0px; 
z-index:999;
background-color: #FE7E00;   /* <===================== CAMBIAR  */
padding:10px;
text-align:center;
border-radius:50px;

}

.liston_destacado_producto{
 color:#FFF;  /* <===================== CAMBIAR  */
 font-size:9px;
 position: absolute;  
 margin-top:0px; 
 right:0px; 
 z-index:999;
 background-color:#721597;  /* <===================== CAMBIAR  */
 padding:10px;
 text-align:center;

}

.liston_descuento_producto{
position:absolute; 
right:10%;
margin-top:30%; 
background-color:#018A29;  /* <===================== CAMBIAR  */
color:#FFFFFF;  /* <===================== CAMBIAR  */
z-index:999;
text-align:center;
padding:10px;
height:70px;
width:70px;
border-radius:200px;
}
   
   

.liston_descuento_categoria{
position:absolute; 
right:10%;
margin-top:20%; 
background-color:#018A29;  /* <===================== CAMBIAR  */
color:#FFFFFF;  /* <===================== CAMBIAR  */
z-index:999;
text-align:center;
padding:10px;
height:70px;
width:70px;
border-radius:200px;

}

/*********************************SECCION CATEGORIAS CON IMAGENES*************/
.liston_imagen_categoria{
position:absolute; 
z-index:999; 
margin-top:10%;
left:10%; 
color:#FFF;  /* <===================== CAMBIAR  */
background-color: transparent;  /* <===================== CAMBIAR  */
text-align:center;
padding:10px;



/*****************************radios del liston
-webkit-border-radius: 50px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 50px;
-moz-border-radius-bottomleft: 0;
border-radius: 50px;
border-bottom-left-radius: 0;*/

}

.texto_categoria{

text-shadow: 1px 1px 0 #000;
}

.contenedor_categoria {
	width:100%;
	margin:5px auto;
}


.elemento_categoria {
	float:left;

}
 
 
.elemento_categoria img {
	width:100%;
}
/*********************************FIN SECCION CATEGORIAS CON IMAGENES*************/






/***************************AUTO COMPLETA BUSQUEDA */

.typeahead li ul {
   
    background-color:#D70568;  /* <===================== CAMBIAR  */
   
}

.typeahead .active > a,
.typeahead .active > a:hover {
    color: #FFF;  /* <===================== CAMBIAR  */

    /* Change the typeahead background color here if you'd like */
    background-color:#721597;  /* <===================== CAMBIAR  */

    /* Turns off the default background gradients */
    background-image: none;
}

/****************************RESPONSIVE IFRAME */
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/***************************FIN RESPONSIVE IFRAME***************/




/*******************LISTONES COMPRA SIN REGISTRO,SESION ,REGISTRO PASOS FORMULARIO****/

.liston_subtotal_carro{

background-color:#D70568;  /* <===================== CAMBIAR  */
color:#FFFFFF;  /* <===================== CAMBIAR  */
padding:20px;

}



.pasos_redondos{
background-color:#C540AD;  /* <===================== CAMBIAR  */
font-size:24px;
color:#FFFFFF; 
text-align:center;
padding:10px;
height:40px;
width:40px;
border-radius:200px;
float: left;
display: flex;
justify-content: center;
align-items: center;
text-align: center;

}


/*********************************BOTON QUE HACE APARECER EL MENU LATERAL*****/
.btn_categorias_sidebar {
	color: #FFF;  /* <===================== CAMBIAR  */
	/*border-color:#FFF;*/
	border-radius:0;
	font-size:14px;
	background-color:#D70568;  /* <===================== CAMBIAR  */
	/*border-color: #F03;*/
}


a.btn_categorias_sidebar:hover {

	background-color:#C540AD;  /* <===================== CAMBIAR  */
	color: #FFF;  /* <===================== CAMBIAR  */
	
}

/***********************************************FIN*/

.iconos_en_ficha {
	color:#721597;  /* <===================== CAMBIAR  */
	
}

.fondo_cabecera {
	background-color:#D70568;  /* <===================== CAMBIAR  */
	color:#FFFFFF;
}

.btn_agotado {
	color: #721597;  /* <===================== CAMBIAR  */
	background-color: transparent;
	text-decoration:none;

}

a.btn_agotado:hover {

	text-decoration:none;
	
}


/********************************************************* TOLTIP */
/* Tooltip container */
.tooltip1 {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;  If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip1 .tooltiptext1 {
  visibility: hidden;
  width: 120px;
  background-color: #721597;  /************ <------ CAMBIAR AQUI   */
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip1 .tooltiptext1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
  visibility: visible;
  opacity: 1;
}

/**********************MENSAJE EMERGENCIA GENERAL SITIO PARTE SUPERIOR SITIO****************/
.info-general {
	
	background-color:#D70568;
	color:#FFFFFF;
	margin-bottom:0px;
	border-radius: 0px;
	
  
}

/* LOADING ICONO PROCESOS PARA CARGAS AJAX*/

.animar_loading {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
	color:#D70568; /****************************** <=====   CAMBIAR AQUI  */
	
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}




/*************************ESCONDER LOGO RECAPCHAP***/

.grecaptcha-badge{
display:none !important;
}


/*************************FIN ESCONDER LOGO RECAPCHAP***/

/****************************ESITLOS CAJAS INPUT SIN AMIMACION*******************/

.cajas_input {
  border: 0;
  outline: 0;
  width:100%;
  max-width:400px;
  background: transparent;
  border-bottom: 1px solid #999;  
  
}

.cajas_input:focus {
	
 border-bottom: 2px solid #721597; /*************<=== CAMBIAR AQUÍ */
 -webkit-transition :  border-bottom 250ms ease-in-out;
 -moz-transition:  border-bottom 250ms ease-in-out;
 transition :  border-bottom 250ms ease-in-out;

}
/********************EFECTO INPUT ANIMACION LABEL SE DESPLAZA*************/
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

input {
 display: block;
  width: 100%;
  max-width:400px;
  background: transparent;
  height: 3em;
  padding: 16px 8px;
  border: 0;
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  outline: 0;
 border-bottom: 1px solid #999;
}

.form-label fieldset {
  position: relative;
}
.form-label fieldset:first-child input {
  border-radius: 4px 4px 0 0;
}
.form-label fieldset:last-child input {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}
.form-label fieldset + fieldset {
  border-top: 0px solid #ddd;
}
.form-label label {
  position: absolute;
  top: 15px;
  left: 8px;
  color: #909090;
  -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
  transition: all 0.2s ease-in-out;
}

.form-css-label input[data-empty="false"], .form-css-label input:valid, .form-css-label input:focus {
  padding: 22px 8px 10px;
}
.form-css-label input:focus {
  outline: 0;

  border-bottom: 2px solid #721597; /*************<=== CAMBIAR AQUÍ */
  
 -webkit-transition :  border-bottom 250ms ease-in-out;
 -moz-transition:  border-bottom 250ms ease-in-out;
 transition :  border-bottom 250ms ease-in-out;
  
  
}


.form-css-label input[data-empty="false"] + label, .form-css-label input:valid + label, .form-css-label input:focus + label {
  /*color: #999; color texto animado*/
  
  
  font-weight: 700;
  font-size: 12px;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

*,
*:before,
*:after {
  box-sizing: border-box;
}


/*******************HASTA QUI SIRVE****/


/****************SACO EL EFECTO NEGRITA A LOS LABEL*/
label {
    font-weight: normal !important;
}



/**********************TICKET ANIMADO OK PARA VENTANAS DE EXITO**********/

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 2% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}


/**************************ESTILO PARA INPUT CHECK ACEPTA CONDICIONES, MISMOS DATOS Y MOSTRAR FACTURA**************/

/* Customize the label (the container) */
.contendor_check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.contendor_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark_form {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.contendor_check:hover input ~ .checkmark_form {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contendor_check input:checked ~ .checkmark_form {
  background-color: #721597;   /*********************** <======= CAMBIAR AQUI */
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_form:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.contendor_check input:checked ~ .checkmark_form:after {
  display: block;
}

/* Style the checkmark/indicator */
.contendor_check .checkmark_form:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/***********************CIRCULO ITEM CARRO********/

.circulo_items_carro {
position:absolute;
top:20px;
left:20px;
margin-right:5px;
margin-left:5px;
width: 1rem;
height: 1rem;
border-radius: 50%;
background:#C540AD; /*******************<===== CAMBIAR AQUI **************/
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin:0px auto;
padding:10px;
color:#FFF;
text-decoration:none;
}

/*********PERMITO DAR OSCURIDAD INICIAL A CATEGORIAS**********/

.difumina_imagen_categoria {  
 background-color: rgba(0,0,0,0.7);
 filter:brightness(0.6);
}

.difumina_imagen_categoria:hover {
	
	filter:brightness(1);
	
}

/*****************EFECTO IMAGENES*************************/
.marcoFoto {
    overflow: hidden; /*esta propiedad evita que la imagen ocupe mas espacio que su contenedor*/
    width:100%;
    border: 0px solid #FFF;
    box-sizing:border-box;
    
}
 
.marcoFoto img {
    transition: all .4s ease;
    width:100%;
}
 
.marcoFoto img:hover {
    transform:scale(1.5) rotate(20deg); /*cuando nos posicionamos sobre la imagen con esta propiedad aumentamos su escala y ademas la giramos*/
    /*opacity:0.6;*/
	
}