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

#contenido {
	font-family: arial;
	color:#000;
}

#contenido h1 {
	color: #000f84;
	font-size: x-large;
	font-weight: bold;
}

#contenido h2 {
	color: #000f84;
	font-size: large;
	font-weight: bolder;
}

#contenido h3 {
	color: #000f84;
	font-size: medium;
	font-weight: bold;
}

#contenido h4 {
	color: #000f84;
	font-size: medium;
}

#contenido a {
	color: #000f84;
	text-decoration:underline;
}

#contenido a:hover {
	color: #007eff;
	text-decoration:none;
}

#contenido h4{
	font-size: medium;
}

#contenido p {
	font-size: small;
	color:#666;
}

.etiquetas {
	border: thin solid #cccccc;
	padding: 3px;
	border-radius: 3px;
	color:#666;
	font-size: small;
}

#subcategoria {
	border: thin solid #000f84;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(207,207,207,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(207,207,207,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(207,207,207,1.00) 100%);
}

.tabla_producto {
	border: thin solid #ee5f00;
	background:#ffffff;
	border-bottom: heavy solid #ee5f00;
	border-radius:0.1em;
	margin:2px;
	padding: 0.1em;
}

.texto_naranja {
	color:#ee5f00;	
}

.precio_naranja_tachado {
	color:#ee5f00;
	text-decoration:line-through;
}



#contenido summary:hover {
	cursor:pointer;
	text-decoration: none;
}

#contenido .boton_avanzar{
	color: #060;
	text_decoration: underline;
}

#boton_avanzar {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,192,22,1.00)),color-stop( 100% , rgba(0,87,6,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,192,22,1.00) 0%,rgba(0,87,6,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,192,22,1.00) 0%,rgba(0,87,6,1.00) 100%);
	color: #FFFFFF;
	/* [disabled]margin-top: 10px; */
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-bottom: 5px; */
	/* [disabled]margin-left: 5px; */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-radius: 5px;
	border-width: 0px;
	font-size: medium;
}
#boton_avanzar:hover {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,87,6,1.00)),color-stop( 100% , rgba(0,192,22,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,87,6,1.00) 0%,rgba(0,192,22,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,87,6,1.00) 0%,rgba(0,192,22,1.00) 100%);
	cursor: pointer
}

#boton_carrito {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,133,14,1.00)),color-stop( 100% , rgba(205,70,0,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,133,14,1.00) 0%,rgba(205,70,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,133,14,1.00) 0%,rgba(205,70,0,1.00) 100%);
	color: #FFFFFF;
	/* [disabled]margin-top: 10px; */
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-bottom: 5px; */
	/* [disabled]margin-left: 5px; */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-radius: 10px;
	border-width: 0px;
	font-size: medium;
}
#boton_carrito:hover {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(205,70,0,1.00)),color-stop( 100% , rgba(255,133,14,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(205,70,0,1.00) 0%,rgba(255,133,14,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(205,70,0,1.00) 0%,rgba(255,133,14,1.00) 100%);
	cursor:pointer
}
#boton_carrito a {
	text-decoration: line-through;

}

.boton_carrito {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,133,14,1.00)),color-stop( 100% , rgba(205,70,0,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,133,14,1.00) 0%,rgba(205,70,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,133,14,1.00) 0%,rgba(205,70,0,1.00) 100%);
	color: #FFFFFF;
	/* [disabled]margin-top: 10px; */
	/* [disabled]margin-right: 5px; */
	/* [disabled]margin-bottom: 5px; */
	/* [disabled]margin-left: 5px; */
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border-radius: 5px;
	border-width: 0px;
	font-size: medium;
}
.boton_carrito:hover {
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(205,70,0,1.00)),color-stop( 100% , rgba(255,133,14,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(205,70,0,1.00) 0%,rgba(255,133,14,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(205,70,0,1.00) 0%,rgba(255,133,14,1.00) 100%);
	cursor:pointer
}
.boton_carrito a {
	text-decoration: line-through;

}

summary { cursor: pointer; }
summary:hover {  }
summary::-webkit-details-marker {display: none}
summary:before{
	content: "+";
	border: thin solid grey;
	float: left;
	font-size: 1 em;
	font-weight: bold;
	margin: -2px 5px 0 5px;
	padding: 0;
	text-align: center;
	width: 1em;
	padding-left: 0.5em;
	padding-right: 1em;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(255,255,255,1.00)),color-stop( 100% , rgba(211,211,211,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(211,211,211,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(211,211,211,1.00) 100%);
}
details[open] summary:before {content: "-"; }

#chat-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #3498db;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}