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

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

.cellContainerUno { 
    width:100%; 
    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;
}

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

.img_producto{
	padding:15px;
	}

p.nombre{
	font-family:"Century Gothic";
	font-size:13pt;
	color:#3c424a;
    font-weight: bold;
	}

p.modelo{
	font-family:"Futura Md BT";
	font-size:12pt;
	color:#555;
	}

p.precio{
	font-family:"Futura Bk BT";
	font-size:15pt;
	color: #D90000;
	}
	
p.nota{
	font-family:"Futura Bk BT";
	font-size:9pt;
	color:#555;
	}
	
.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:"Futura Md BT";
	font-size:11pt;
	border:1px solid #999;
	color:#666;
	margin:3px;
	}

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

p.nombre_inv{
	font-family:"Century Gothic";
	font-size:20pt;
	color:#3c424a;
	text-align:left;
	}

p.modelo_inv{
	font-family:"Futura Md BT";
	font-size:12pt;
	color:#555;
	text-align:left;
	}

p.precio_inv{
	font-family:"Futura Bk BT";
	font-size:22pt;
	color: #D90000;
	text-align:left;
	}
	
.descripcion{
	font-family:"Futura Bk BT";
	font-size:14pt;
	padding-left:15px;
	color:#555;
	}
	
.pestana{
	font-family:"Futura Bk BT";
	font-size:12pt;
	color:#555;
	}


.modal-title{
	font-family:"Century Gothic";
	font-size:20pt;
	color:#3c424a;
	}
	
.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;
}



	
	
	
@media (max-width: 767px) {
.cellContainer { 
    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;
	}

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

p.precio{
	font-size:13pt;
	}

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