@charset "utf-8";
/* CSS Document */

.cellContainer { 
    width:22%; 
    float: left;
	position:relative; 
}

.cellContainerUno { 
    width:30%; 
    float: left;
	position:relative; 
}

.cellContainerDos {
    width: auto;
    float: left;
	position: relative;
}
.overlay_producto {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #555;
  /*background-image: url(../img/mas-13.png);*/
  background-repeat:no-repeat;
  background-position:center;
}

.cellContainer:hover .overlay_producto {
  opacity:0.5;
}

.cellContainerUno:hover .overlay_producto {
  opacity:0.5;
}

.producto{
	padding:0;
	margin:10px;
	}

p.nombre{
	font-family:  'PT Sans' !important, sans-serif;
	color:#000;
	font-size: 16px;
    font-weight: bold;
    text-align: center;
	
	}

p.precio, p.precioBancas{
	font-family: 'PT Sans' !important, sans-serif;
	color: #BA0505;
    font-size: 16px;
    font-weight: bold;
	}
p.precio{
    text-align: center;
	margin-top:-15px;
	}

p.precioBancas{
    text-align: left;
	}
	
	
.page-item.active .page-link{z-index:1;color:#FFF;background-color:#AE0000;border-color:#AE0000;}
.page-item.disabled .page-link{color:#999;pointer-events:none;cursor:auto;background-color:#FFF;border-color:# CCC;}

.page-link{
	font-family: 'PT Sans' !important, sans-serif;
	font-size:11pt;
	border:1px solid #999;
	color:#666;
	margin:3px;
	}

.page-link:hover{
	background-color:#D90000;
	color:#FFF;
	}
	
	
/*------ESTILO PARA DESCRIPCION DE PRODUCTO------*/

hr.l-roja{
	height: 5px;
  background-color: #ca0041;
	}

p.nombre_inv{
	font-family: 'PT Sans' !important, sans-serif;
	font-size: 36px;
	color: #F00;
	text-align: center;
	margin-top:-15px;
	}

p.precio_inv{
	font-family: 'PT Sans' !important, sans-serif;
	font-size: 24px;
	color: #000;
	text-align:left;
	}
	
	p.nota{
    font-size: 10pt;
    color: #727272;
    margin-top: -20px;
    margin-bottom: 10px;
}
	
.descripcion{
	font-family: 'PT Sans' !important, sans-serif;
	font-size:13pt;
	text-align:left;
	padding-left:15px;
	}
	

.pestana{
	font-family: 'PT Sans' !important, sans-serif;
	font-size:10pt;
	color: #999;
	}


.modal-title{
	font-family: 'PT Sans' !important, sans-serif;
	font-size:20pt;
	color: #F00;
	}
	
.carousel-control-prev-icon{
	background-image: url(../img/prev.svg);
	}
.carousel-control-next-icon{
	background-image: url(../img/next.svg);
	}

.carousel-indicators{
	bottom:-15px;
	}
	
.carousel-indicators li{
	background-color:#999;
	width:10px;
	height:10px;
	margin-right:5px;
	margin-left:5px
	}

.carousel-indicators .active{
	background-color:#AE0000;
	}

/*----ESTILOS COMBINACIONES DE COLORES*/
.img_color {
  display: block;
  width: 100%;
  height: auto;
  padding:8px;
}

.overlay_colores {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  background-color: #555;
  background-image:url(../img/ver-14.png);
  background-repeat:no-repeat;
  background-position:center;
}

.container_colores:hover .overlay_colores {
  transform: scale(1);
  opacity:0.5;
  padding:0px;
}

.overlay_producto {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 1s ease;
  background-color: #555;
  /*background-image: url(../img/mas-13.png);*/
  background-repeat:no-repeat;
  background-position:center;
}


	
	
	
@media (max-width: 767px) {
.cellContainer .cellContainerUno{ 
    width:44%;
	alignment-adjust:central;
	}
	
p.nombre_inv{
	font-size: 32px;
	}

p.precio_inv{
	font-size: 20px;
	text-align: center !important;
	margin-top:-15px;
	}

p.nota{
	font-size:10pt;
	}
#contenido {
    display: contents;
    margin-right: 0px;
    margin-left: 0px;
}
}
    

}