/* CSS de la seccion de productos, autogenerado por productos_conf */


/** Menu de productos **/

div.menu_w3cp {
	background-color: #75302D;
	line-height:1;
	}

ul.menu_w3cp {
	font-size: 16px; 
	font-family: Arial, Helvetica, sans-serif; 
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

li.menu_w3cp {
	float: left;
	margin: 0px;
	background-color: #75302D;
	}


li.menu_w3cp a {
	display: inline-block;
	color: #CFBE7B;
	text-align: center;
	/* padding: 4px 4px; */
	padding-bottom: 6px;
	text-decoration: none;
	}
	
.dropbtnp {
	display: inline-block;
	color: #CFBE7B;
	text-align: center;
	padding: 4px 4px;
	paddig-bottom: 6px;
	text-decoration: none;
	}
	
li.menu_w3cp a:hover:not(.mselectedp), .dropdownp:hover .dropbtnp {
	background-color: #912C2C;
	color: #CFBE7B;
	}

li.dropdownp {
  background-color: #75302D;
  color: #CFBE7B;
  display: inline-block;
  float: left;
}

.dropdown-contentp {
display: none;
position: absolute;
background-color: #75302D;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(105,105,105,0.8);
z-index: 1;
}

.dropdown-contentp a {
  color: #CFBE7B;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-contentp a:hover { background-color:  #912C2C !important;}

.mselectedp {
	background-color: #923B38;
	}
	
.separap {
	border-right: 1px solid grey;
}



.dropdownp:hover .dropdown-contentp {
display: block;
color: #CFBE7B;
outline: 0 none; 
}


.dropdownp:hover {
background-color: #923B38;
outline: 0 none; 
}

.dropbtnp {
background-color: #75302D;
outline: 0 none; 
}

.prod_img_menu {
	width: 120px;
	height: 90px; 
	padding-bottom:4px;
}

.prod_cesta_seg {
	height: 44px; 
	padding-bottom:4px;
	vertical-align: top;
}

.productos_menu_tex
	{
	padding:3px;
}

.buscaprod {
	float:right;
	padding: 4px 15px;
}

.buscaprod_campo {
	margin-top: 2px;
	font-size: .9em; 
	width:80%;
}

.botones a {
	color: #f5e995;
	background-color: #172a07;
	border: 1px solid grey;
	padding: 3px;
	border-radius: 5px;

}
.botones a:hover {
	background-color: #074103;
}

/* ******* cesta ******* */

.cesta_menu {
	padding: 0px 0px;
	padding-left: 4px;
	color: #CFBE7B;
	float:right;
}

.boton_seguir {
	border: 1px solid grey;
	font-size: .7em;
	color: #f5e995 !important;
	background-color: #172A07;
	letter-spacing: 0.1em;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	font-weight: normal;
	margin: 4px !important;
	padding: 4px 4px;
}

.boton_seguir:hover {
	background-color: #074103;
	color: #f5e995;
	cursor:pointer;
}

.cesta {
	padding:12px;
	font-size: .9em;
}

.cesta_menu:hover {
	background-color: #912C2C;
}
	
.cesta_tit{
	width: 99%;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 0.5em;
}
.cesta_caja{
	width: 99%;
	float: left;
	padding-bottom: 7px;
	margin-top: 7px;
	border-bottom: 1px solid #cfbe7b;
}
.cesta_campo{
	width: 60%;
	float: left;
	font-size: 1.1em;
	/* background-color: #EAEAEA; */
	/* margin-right: 0.5em; */
	padding-top: 0.3em;
	/* padding-right: 0.5em; */
	padding-bottom: 0.3em;
	padding-left: 0.4em;
	font-size: .9em;
}
.cesta_import{
	float: right;
	text-align: right;
	font-weight: bold;
	padding: 2px;
	width: 17%;
	padding-right: 9px;
}
.cesta_cancaj{
	float: left;
	width: 17%;
	padding: 2px;
	font-size: 1.1em;
	text-align: center;
}
.cesta_canuni{
	float: left;
	/* width: 11em; */
	margin-right: 0.8em;
}
.cesta_cantex {
	float: left;
}
.cesta_cannum{
	float: right;
	font-weight: bold;
}
.cesta_anadir{
	font-size: 0.9em;
	float: left;
	padding-top: 0.1em;
	width: 22em;
}
.cesta_totcaj{
	width: 98%;
	float: left;
	/* border: 1px solid #CCCCCC; */
	background-color: #ece4dd;
	padding-right: 0.5em;
	/* margin-top: 0.5em;*/
	margin-bottom: 1em;
	padding-top: 5px;
    padding-bottom: 5px;
}
.cesta_totcam{
	width: 76%;
	float: left;
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	padding-top: 0.3em;
	margin-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
.cesta_notas{
	font-size: .8em;
}
.cesta_totimp{
	/* float: right; */
	text-align: right;
	font-weight: bold;
	color: #333333;
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}
/* ****************************************************************************************************** */
/* ******* productos ******* */
#g_pro {
	width: 100%;
	float: left;
	font-size: 0.9em;
	padding-bottom: 0.5em;
}
.g_pro_cab{
	width: 100%;
	float: left;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.1em;
}
.g_pro_cab h3{
	font-size: 1.5em;
	font-weight: bold;
}

.g_pro_centrar {
	margin:0px auto;
	width:fit-content;
}

.g_pro_bloq {
	width: 200px;
	float: left;
	color: #4E400B;
	margin: 5px;
}
.g_pro_cue {
	width: 100%;
	float: left;
	text-align: center;
	margin: 5px;
	border-bottom: 1px solid gray;
	border-radius: 8px;
background-color:#75302D;}

.g_pro_cue:hover {
	background-color: #923B38;
	color: #2F2500;
}
.g_pro_img {
	/* width: 80%; */
	/* margin: 15px auto; */
	 
}
.g_pro_img img{
	width: 100%;
	aspect-ratio: 4/3;
		}

.g_pro_img:hover {
     
	
}

.g_pro_tit{
	margin: 8px 2%;
	height: 2.5em;
}
.g_pro_tit h4{
	font-size: 1.1em;
	font-weight: bold;
}
.g_pro_tit a {}
.g_pro_tit a:hover p{}

.g_pro_precaj{
	padding-top: .5em;
	margin: 0.5em;
}

.g_pro_precan {
	font-size: 1.2em;
}
.g_pro_pretex {
	width: 4.5em;
	overflow: hidden;
	float: left;
	font-size: 0.7em;
	text-align: right;
}


/* ******* producto ******* */


.g_producto_img {
	width: 48%;
	float: left;
	margin-top: 3%;
	margin-right:3%;
}

.g_producto {
	float: left;	
	margin-bottom: 0.5em;
	margin-top: 3%;
	width:48%;

}

.g_producto_ruta {
	font-size: .8em;
	padding: .3em;
	margin: .3em 0;
	border: 1px solid #dbdbdb; 
	border-radius: 5px;
	background-color: #ffffff;
}

.g_producto_ruta a{
		color: #363219;
}

.g_producto_tit {
	float: left;
	width: 98%;
	font-size: 1.3em;
	color: #363219;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #772d2d;
	/* background-color: #EAEAEA; */
	padding: 1%;
}
.g_producto_tit a{
	text-decoration:none;
}
.g_producto_tit a:hover{
	text-decoration:underline;
}
.g_producto_subtit {
	font-size: 0.9em;
	font-weight: bold;
}

.variante {
	color: #363219 !important;
	background-color: #ffffff !important;
}
	
.g_producto_pre {
	height: 1.2em;
	width: 27%;
	float: right;
	font-size: 1.2em;
	text-align: right;
	font-weight: bold;
	/* border-bottom-width: 1px; */
	/* border-bottom-style: solid; */
	/* border-bottom-color: #CCCCCC; */
	/* background-color: #DFDFDF; */
	padding: 1%;
}
.g_producto_tex {
	float: left;
	width: 97%;
	font-size: 1em;
	padding: 1em .6em;
	margin: 1em 0;
	/* background-color: rgba(255,255,255,0.6); */

}

.g_producto_tex p{
	padding-bottom:.5em;
	line-height: 1.4;
}
	

.g_producto_piecaj {
	float: left;
	width: 100%;
}

.g_producto_piecaj a:hover{
	color: #cfbe7b !important;
	background-color: #772d2d;
}

.g_producto_cesta {
	color: #585135;
	font-weight: bold;
	/* width: 27%; */
	float: right;
	background-color: #FAF0E3;
	border-radius: 5px;
	background-image: url(../img/cesta2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 2.8em;
	padding-right: .4em;
	/* margin-top: .5em; */
	border: 1px solid #727272;
}
.g_producto_cesta a{
	text-decoration:none;
	color: #333333;
}
.g_producto_cesta:hover{
	cursor: pointer;
	background-color: #FFE5C3;  
}

/****** cesta aside ********/

.aside {
  min-width: 500px;
  width: 15%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f2f0eb;
  font-family: Helvetica, Arial, sans-serif;
  border-left: 1px solid #333;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 0px;
  min-width: 0px;
  /* overflow: hidden; */
  transition: 0.2s width ease, 0.2s min-width ease;
}

.aside .aside-header {
  background-color: #D4D0C1;
  padding-top: 1em;
  padding-left: 0.5em;
  padding-right: 0em;
  padding-bottom: 3em;
  border-bottom: 3px solid #2980B9;
  font-size: 1.2em;
  color: #000;
}

.aside .aside-header .close {
  float: right;
  cursor: pointer;
  font-size: 1.2em;
}

.aside .aside-contents {
  padding: 0.5em;
  padding-bottom: 1em;
}

.aside.in {
  width: 15%;
  min-width: 500px;
  overflow: auto;
}

.aside-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  transition: 0.2s opacity ease;
  opacity: 0;
  display: none;
}

.aside-backdrop.in {
  display: block;
  opacity: 0.5;
}


/******************************************************/
/* Media Queries Max Width 910px */
/******************************************************/

@media screen and (max-width: 910px) {
.g_producto_img {
	width: 94%;
}
.g_producto {
	width: 94%;
}

.aside.in {
  min-width: 100vw;
}
}

/**************************************************/
/* Media Queries Max Width 610px */
/******************************************************/

@media screen and (max-width: 610px) {
.g_producto_cesta {
	 margin-top: 1em;
 }
.g_pro_tit h4{
	font-size: 1em;
}
.productos_menu_tex {
	display:none;
}
.cesta{
	padding: 5px;
}
.prod_img_menu{
	width: 90px;
    height: 60px;
}
li.menu_w3cp a {
	padding-bottom: 0px;
}