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


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

.cellContainerUno { 
    width:28%; 
    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, .cellContainerUno:hover .overlay_producto, .cellContainerDos:hover .overlay_producto {
  opacity:0.5;
}

.producto{
	padding:0;
	margin:10px;
	}
    
.productoUno{
	padding:0;
	margin:10px;
    margin-left: 100px;
	}

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

p.precio{
	font-family: 'PT Sans' !important, sans-serif;
	color: #000;
    font-size: 12pt;
    text-align: center;
    margin-top:-15px;
	}

p.nota{
	font-size:10pt;
    color: #727272;
    margin-top: -20px;
	}
	
	
.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;
	}

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

p.precio_inv{
	font-family: 'PT Sans' !important, sans-serif;
	font-size: 24px;
	color: #000;
	text-align:left;
	}
	
.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-repeat:no-repeat;
  background-position:center;
}


	
	
	
@media (max-width: 767px) {
.cellContainer, .cellContainerUno { 
    width:100%;
	alignment-adjust:central;
	}

.productoUno{
    margin-left: 10px;
	}
	
p.nombre_inv{
	font-size: 32px;
    margin-top: 0px;
	}

p.precio_inv{
    font-family: 'PT Sans' !important, sans-serif;
	font-size: 20px;
	text-align: center !important;
	margin-top:-15px;
	}

p.descripcion{
font-size: 12pt;
}

p.nota{
	font-size:8pt;
	}

#contenido {
    display: contents;
    margin-right: 0px;
    margin-left: 0px;

}
    
@media (min-width: 992px){
.cellContainer { 
    width:22%;
	alignment-adjust:central;
	}
}