﻿.pecio_final_{
	color: #3c4858;
}
#divPC .card .card-title {
  padding:0px 10px;
}

.filtros_cucarda2,.cpu-contenedor {
  display: none;
  float: left;
  color: #fff;
}
#cooler-1,#cooler-2,#cooler-3,#cooler-4{
	display:none;
}

#cooler-1 {
 display: block;
  position: absolute;
  z-index: 2;
  width: 97px;
  top: 41px;
  left: 70px;
}

#cooler-2 {
display: block;
  position: absolute;
  z-index: 2;
  width: 63px;
  top: 40px;
  right: 47px
}

#cooler-3 {
 display: block;
  position: absolute;
  z-index: 2;
  width: 68px;
  bottom: 50px;
  left: 201px;
}

#cooler-4 {
 display: block;
  position: absolute;
  z-index: 2;
  width: 39px;
  top: 205px;
  left: 237px;
}
.top-armador{
	position: absolute;
left: 0;
background:#fff;
border: 1px solid lightgray;
top:0px;
transition: all 0.3s ease;
z-index:9998;

}
.fz-3{
	font-size:12px;
}
h3.titulote{
	/*font-family: 'Viga', sans-serif;*/
	/*font-style:italic;*/
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 2.8%;
	/*letter-spacing: -1.7px;*/
	color:#999;
}

#divPC h5 {
	color: #fff;
}

h3.titulote strong{
	color:#fff;
}

@media (max-width:575.98px) {
	#resumenEquipo .removeComponente {
   
    top: -10px;
    left: -20px;
  
}
#resumenEquipo  .productos{
	padding-left: 0px;
padding-right: 0px;
}
	#resumenEquipo .card-body{
		max-width: 150px;
		padding: 0px 10px 0px 10px !important;
	}
	#resumenEquipo .card-category.text-gray{
		margin-top: 0px;
margin-bottom: 2px;
	}
	#resumenEquipo h4.card-title{
		margin-top: 0px;
line-height: 16px;
font-size: 12px !important;
	}
	#resumenEquipo .img-fluid.productDetail.mh-100 {
    max-height: 60px !important;
    min-height: 60px !important;
	padding: 2px 2px 2px 2px !important;
}
	
	.pc_btn_button span, .total_text{
		display:none;
	}
	h3.titulote {		
		margin-top: 25px;
		font-size: 27px;
	}
	.px-sm-0{
		padding-left:0px !important;
		padding-right:0px !important;
	}
	#whatsapp_chat{
		display:none !important;
	}
}

#dock-container {
    position: fixed;
    z-index: 9999999;
    bottom: -200px;
	display:none;
    text-align: center;
    /*right: 5%;*/
    left: 0px;
    width: 100%;
    background: #fff;
    /*background: rgb(157,157,157);
    background: linear-gradient(0deg, rgba(157,157,157,0.8379726890756303) 0%, rgba(200,200,200,0.8463760504201681) 39%, rgba(255,255,255,0.8463760504201681) 100%);
    border-radius: 10px 10px 0 0;
    border: 1px solid lightgray;*/
	transition: all 0.3s ease;
}

#dock-container li {
      list-style-type: none;
	position: relative;
	background-color: transparent;
	margin: 0px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 10px 0px 10px 0px;

}
	
.current .arrow{
	display:block !important;
}
.selected{
	top: -18px;
border: 0px solid #fff;
border-radius: 50%;
width: 35px !important;
height: 35px !important;
padding: 0px !important;
left: 50%;
margin-left: -18px;
}
#dock-container-ul .slick-list {
    
    overflow: visible;
   
}
.iconoImg {
	width: 100% !important;
	text-align:center;
	padding-top:5px;
}
.iconoImg svg{
	max-width: 50px;
height: 40px;
}

        #dock-container li img, #dock-container li div {
            width: 60px;
            height: 45px;
            -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,.5))); /* reflection is supported by webkit only */
            -webkit-transition: all 0.3s;
            -webkit-transform-origin: 50% 100%;
        }

        #dock-container li div img {
            -webkit-box-reflect:unset;
        }

      
/*ARMA TU PC*/
.pc_start {
    display:inline-block;
    cursor:pointer;
    max-width:280px; 
    margin:20px;
}
.pc_start img
{
    width:100%;
}

#resumenEquipo .removeComponente{ position: absolute;
top: 0;
left: -10px;
text-align: center;
padding: 5px 8px 6px 8px;

background: transparent;
box-shadow: none; }

#resumenEquipo,#resumenProducto {	
padding: 20px;
margin-bottom: 20px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
position: fixed;
z-index: 99999999;
top: 0px;
left: 0px;
overflow: hidden;
    overflow-y: hidden;
overflow-y: scroll;
height: 100vh;
padding-bottom:150px;
display:none;
width: 100%;
}
.spinner.eliminate{
    position: absolute;
top: -13px;
margin-left: -13px;
background: #000;
width: 27px;
height: 27px;
border-radius: 50%;
}

.spinner.eliminate::after {
    margin: 4px 0 0 3px;
}

