@charset "utf-8";

.foto_produ {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.separador {
	margin-bottom: 20px;
	border-right: 1px dotted #929292;

}

.bloque_produ {
	padding-bottom: 20px;
	margin-left: 15px;
	margin-right: -56px;
	width: 95%;
}

.precio_color {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 24px;
	text-shadow: 0px 0px;
	font-size: large;
	font-weight: bold;
	background-image: url(../images/triangulo_rojo.png);
	background-repeat: no-repeat;
	background-position: 0% 101%;
	min-width: 163px;
}
.datos {
	font-weight: bold;
	font-size: 14px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #000000;
	padding-left: 20px;
}
.texto_filtros {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: small;
}
a.texto_filtros:link, a.texto_filtros:visited {
    color: #666666 !important;
}
a.texto_filtros:hover, a.texto_filtros:active {
	color: #FF0004 !important;
}
.titulo {
	font-family: 'Lato', sans-serif !important;
	font-size: large;
}




@media (max-width: 575.98px) {
.ubicacion_titu {
	margin-left: 25px;
	padding-right: auto;
	padding-left: auto;
	width: auto;
	margin-right: 25px;

}
    .link_produ {
	font-size: 24px !important;
	display: inline-block;
	margin-top: 25px !important;
}
.boton_start {
	position: relative;
	top: -50px !important;
	margin-bottom: -100px !important;
	right: -30px;
 }
.separador {
	margin-bottom: 8px;
	border-bottom: 1px solid #888888;
	padding-bottom: 2px;
	display: inline;
    border-right: 0px solid;
}
.precio_color {
	padding-top: 14px;
	padding-right: 20px !important;
	padding-bottom: 14px;
	padding-left: 24px;
	text-shadow: 0px 0px;
	font-size: medium;
	font-weight: bold;
	background-image: url(../images/triangulo_rojo.png);
	background-repeat: no-repeat;
	background-position: 0% 133%;
	margin-top: 20px;
	margin-left: -14px;
	width: 200px !important;
	display: inline-block;
}
.separador4 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.titulo {
	font-family: 'Lato', sans-serif !important;
	font-size: large;
	padding-top: 25px !important;
}



}
@media (min-width: 768px) and (max-width: 991.98px) {
	
        .link_produ {
	font-family: 'Spectral SC', serif !important;
	font-size: 24px !important;
	display: inline-block;
}
.precio_color {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 24px;
	font-size: large;
	font-weight: bold;
	background-image: url(../images/triangulo_rojo.png) !important;
	background-repeat: no-repeat;
	margin-left: 17px;
	background-position: 0% 95%;
}


}
@media (min-width: 1200px) {
	.precio_produ
 {
	margin-right: 0px;
	margin-left: 0px;
	right: 0px;
	position: absolute;
	background-image: url(../images/triangulo_rojo.png);
	}
.boton_start {
	position: relative;
	right: -16px;
	margin-top: -60px;
 }

}
.separador2 {
	padding-bottom: 17px;
	padding-left: 27px;

}
.datos_titu {
	font-size: small;
}
.separador3 {
	border-bottom: 1px solid #BCBCBC;
	padding-bottom: 15px;
}
.separador4 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.button-negro {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}

.button-negro:hover, .button-negro:focus, .button-negro:active, .button-negro:hover {
	color: #fff;
	background-color: #8C8C8C;
	border-color: #9F9F9F;
}

.button-negro-outline {
	color: #5d6062;
	background-color: #fff;
	border-color: #ccc;
}

.button-negro-outline:hover, .button-negro-outline:focus, .button-negro-outline:active, .button-negro-outline:hover {
	color: #fff;
	background-color: #000000;
	border-color: #000000;
}
.filtro_box {
	margin-bottom: 17px;
	border-bottom: 2px solid #BDBDBD !important;
}
.seleccionado {
	border: thin solid #B7B7B7;
	border-radius: 5px;
	width: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display: block;
}












/* barrita */

.price-slider {
	width: 90%;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
	/* [disabled]position: relative; */
	height: 20px;
	display: inline;
}
.price-slider svg,
.price-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}
input[type=number] {
	border: 1px solid #ddd !important;
	text-align: center !important;
	font-size: small !important;
	-moz-appearance: textfield !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type=number]:invalid,
input[type=number]:out-of-range {
  border: 2px solid #e60023 !important;
}
input[type=range] {
	-webkit-appearance: none !important;
	width: 100% !important;
}
input[type=range]:focus {
  outline: none !important;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: red !important;
}
input[type=range]:focus::-ms-fill-lower {
  background: red !important;
}
input[type=range]:focus::-ms-fill-upper {
  background: red !important;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100% !important;
  height: 5px !important;
  cursor: pointer !important;
  animate: 0.2s !important;
  background: red !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  border: 0 !important;
}
input[type=range]::-webkit-slider-thumb {
  z-index: 2 !important;
  position: relative !important;
  box-shadow: 0px 0px 0px #000 !important;
  border: 1px solid #FFFFFF !important;
  height: 18px !important;
  width: 18px !important;
  border-radius: 25px !important;
  background: #000000 !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  margin-top: -7px !important;
}
input[type=range]::-moz-range-track {
  width: 100% !important;
  height: 5px !important;
  cursor: pointer !important;
  animate: 0.2s !important;
  background: red !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  border: 0 !important;
}
input[type=range]::-moz-range-thumb {
  z-index: 2 !important;
  position: relative !important;
  box-shadow: 0px 0px 0px #000 !important;
  border: 1px solid #FFFFFF !important;
  height: 18px !important;
  width: 18px !important;
  border-radius: 25px !important;
  background: #000000 !important;
  cursor: pointer !important;
}
input[type=range]::-ms-track {
  width: 100% !important;
  height: 5px !important;
  cursor: pointer !important;
  animate: 0.2s !important;
  background: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
}
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
  background: red !important;
  border-radius: 1px !important;
  box-shadow: 0px 0px 0px #000 !important;
  border: 0 !important;
}
input[type=range]::-ms-thumb {
  z-index: 2 !important;
  position: relative !important;
  box-shadow: 0px 0px 0px #000 !important;
  border: 1px solid #FFFFFF !important;
  height: 18px !important;
  width: 18px !important;
  border-radius: 25px !important;
  background: #000000 !important;
  cursor: pointer !important;
}

.boton_refresh {
	background-color: #000000;
	color: #FFFFFF;
	border-width: 0px;
	border-style: solid;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 23px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
	position: relative;
	top: 8px;
	text-align: center;
	width: 80%;
	display: block;
}
.posicion_num {
    
}
.posicion_num2 {
	margin-top: -34px;
	margin-bottom: 0px;
	position: relative;
	top: 45px;
	width: 80%;
	padding-right: auto;
	padding-left: auto;
	margin-right: auto;
	margin-left: auto;
}
.posicion_enviar {
	margin-top: 29px;    
}