* {
	box-sizing: border-box;
	-ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	margin: 0 auto;
	padding:0 auto;
}

html
{
font-size: 100%; /* base de 800px*/
}

body
{
box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
	font-family: Helvetica;
}

/*Enlaces Inteligentes*/
/*
a.enlace-intel
{
text-decoration: none;
}*/

a.enlace-intel,
span.a.enlace-intel
{
color:inherit;
text-decoration: none;
}

a.enlace-intel:hover,
span.a.enlace-intel
{
text-decoration: underline;
font-weight: bold;
}

a[href^="tel:"].enlace_intel_symbol:before {
    content: "\260E";
    display: inline-block;
    margin-right: 2px;
}

a[href^="mailto:"].enlace_intel_symbol:before {
    content: "\1F4E7";\ /*1F584*/
    display: inline-block;
    margin-right: 3px;
}

/*
html img:hover
{
	border-width: 1rem;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
}
*/
.conten-shadow-myhover:hover
{
	border-radius: 1rem;
	box-shadow: 0 0 20px #fff;
	margin-left: 10px;
	/*cursor: url('../images/loadings/loading01.gif'), auto;*/

}

.conten-opaca-myhover:hover
{
	filter: alpha(opacity=80);
	/* IE */
	-moz-opacity: 0.8;
	/* Mozilla */
	opacity: 0.8;

}

.conten-tiembla-myhover:hover
{
	-webkit-animation: tiembla 0.1s infinite;
}


}
@-webkit-keyframes tiembla{
	0%  { -webkit-transform:rotateZ(-5deg); }
	50% { -webkit-transform:rotateZ( 0deg) scale(.8); }
	100%{ -webkit-transform:rotateZ( 5deg); }
}


.conten-rotate-270deg{
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* opaca todo el div */
/*
.container_backg
{
background-color: #d8d8d8;
filter: alpha(opacity=60);
/* IE */
/* -moz-opacity: 0.6;*/
/* Mozilla */
/*  opacity: 0.6;*/

/*border: 10px inset #3333ff;*/
/*background: rgb(54, 25, 25);/* Fall-back for browsers that don't
support rgba */
/*  background: rgba(54, 25, 25, .5);*/

/*}*/






/*------  Mensajes Interactivos --------*/
.mesainterac
{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 2rem 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	font-weight: bold;
	color:red;
	font-size: 1.3rem;
	font-family: Helvetica;
	z-index: 20;
	/*background: orange;*/
}
/*------  Mensajes Interactivos --------*/

/*------  Mensajes --------*/

.msg_class
{

background: orange;
font-size: 1.3rem;
font-family: Helvetica;
color: black;
}

.msg
{
background: orange;
font-size: 2rem;
font-family: Helvetica;
color: black;
text-align: center;
margin: 0 auto;
}


/*------  Mensajes --------*/

/*------ Pagina de inicio ---------*/
#home
{
background: rgb(216, 254, 254);
border-radius: 1rem;
margin: 0 auto;
padding-right: 1rem;
text-align: center;
width: 95%;
}

figcaption
{
font-size: 0.85rem;
padding: 0.25rem;
text-align: center;

}



.social_box
{
position: auto;
display: inline-block;
width: auto;
text-align: center;

}

/*------ /Pagina de inicio ---------*/






/* ------------ buscar productos ---------------------*/
.conten_pesta_buscador{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 10;
	border-style: none;
	border-width: 1px;
	border-color: #000000;
	border-bottom: solid;
}

.filtros_buscar_productos,
.buscador_avanzado,
.buscador_sencillo,
.buscador_admin
{
	display: block;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0; /*espacio entre tablas */
	padding: 0;
	width: auto;
	text-align: left;
	z-index: +1;
}

.buscador_avanzado,
.buscador_admin{
	display: none;
}

.conten_ind_buscar_productos,
.conten_ind_buscar_productos label{
	/*max-width: 15rem;*/
	display: block;
	position: relative;
	margin: 0;
	padding: .5rem 0 0 0;
	z-index: +1;
	float: left;
	vertical-align: middle;
}

.conten_ind_buscar_productos label{
	margin: 0;
	padding: 0;
}

.conten_ind_buscar_productos{
	margin: 0 0 0 .8rem;
}


/*
.buscador_sencillo
{
	padding-right: 0;
	float: right;
	vertical-align: middle;
}
*/
.btn_buscador{
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: auto;
	padding-right: 0;
	float: right;
	vertical-align: middle;
	z-index: +1000;
}

.pesta_buscador{
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	display: block;
	float: left;
	background: #ffffff;
	margin: 0;
	padding: 0 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	cursor: pointer;
}

.pesta_b_sen{
	background: #000000;
	color: #ffffff;
}

.img_condi{
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	display: inline-block;
	background: transparent;
	margin: 0;
	padding: 0 5px;
	/*background: #ffffff;*/
	min-width: 70%;
	float: left;
	border-style: hidden;
	border-width: 0px;
}

/* ------------ buscar productos ---------------------*/

/* catalogo.php */
/* ------------ Catálogo para venta ---------------------*/

/*------ /Catálogo para venta ---------*/

.insert_modal{
font-size: 0.8rem;
margin: 0.3rem 0rem 0rem 0.3rem;
}

.insert_modal img
{
border-radius: 0.5rem;
width:50%;
}


.ima_descu_content
{
	z-index: 10; /*posiciona el div sobre el div anterior */
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 15%;
	/*padding: 0;*/
	/*margin: 0;*/
	background: url('../../images/oferta.png') no-repeat;
	background-size: cover; /* ajuste la imagen al div */
	background-size: 100% 100%;
	background-position: center right;
	background-position: 50% 0;
	-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: 100% 100%;
}

.discount-value
{
	position: relative;
	display: block;
	font-family:  helvetica, arial, "Bodoni MT";
	text-align: center;
	margin: 0;
	padding: .5rem;
	font-size: 100%;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0.07em 0.07em #000;
}

.discount-value
{
	vertical-align: center;
}

.ima_promo_content
{
	position: absolute;
	top: 0;
	left: 0;
	/*float: right;*/
	width: 20%;
	height: 15%;
	padding: 0;
	margin: 0;
	background: url('../../images/promo.png') no-repeat;
	background-size: cover; /* ajuste la imagen al div */
	background-size: 100% 100%;
	background-position: center right;
	background-position: 50% 0;
	-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: 100% 100%;
	z-index:5; /*posiciona el div sobre el div anterior */
	overflow: hidden;
}

/*
.ima_descu_content
{
background: url('../assets/uploads/files/imagcomun/oferta05.png') no-repeat;
background-position: -220px 0px;
height: 70px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
width: 70px;
z-index: 1;
}

.ima_descu_content .discount-value
{
color: #fff;
height: 100%;
font-size: 1.2em;
font-weight: bold;
line-height: 70px;
text-align: center;
width: 100%;
}

.ima_descu_content #thumbs li
{
margin: 0 12px 0 8px;
}

.ima_descu_content[data-discount="100"]
{
display: none;
}
*/
/*
.wrapper {
	width: 100%;
	margin: 0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#oil .wrapper {
  background:  url('../../assets/uploads/files/informativa/lavender2.jpg') 4.16667% center no-repeat;
  padding: 10% 4.16667% 10% 50%;
  background-size: 41.66667% auto;
 }


section:after, header2:after {
	content: "";
	display: block;
	height: 400px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6);
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	section:after, header:after {
		background-attachment: scroll; 
	} 
}

 #oil:after {
  background-image: url('../../assets/uploads/files/informativa/lavenderbg2.jpg');
}

@media only screen and (min-width: 1200px) {
	.wrapper {
    	width:1200px;
    }
	
	header .wrapper {
		padding: 100px 50px 100px 440px;
	}

	#oil .wrapper {
	  padding: 120px 50px 120px 600px;
	}

	#culinary .wrapper {
		padding: 120px 50px 120px 550px;
	}

	#dried .wrapper {
		padding: 120px 50px 120px 500px ;
	}

}*/
/*------ Conocenos ---------*/
#conocenos_content
{
width: 100%;
display: inline-block;
font-size: 90% auto;
text-shadow: 0.06em 0.06em #A4A4A4;
}

#conocenos_content .conocenos_text
{
display: inline-block;
max-width: 65%;
text-align: center;
padding: 1rem;
}

#conocenos_content .conocenos_imags_izq
{
float: left;
text-align: center;
max-width: 15%;
}

#conocenos_content .conocenos_imags_der
{
float: right;
text-align: center;
max-width: 15%;
}

#conocenos_content .conocenos_imags_izq img,
#conocenos_content .conocenos_imags_der img
{
background: #08088A;
border-radius: 0.5rem;
margin: 0.1rem;
padding: 0.1rem;
max-width: 90%;
}

/*------ /Conocenos ---------*/


/*------------ Detalle Producto ---------------*/
#detalle_producto
{
background: #fafafa;
border-radius: 1rem;
box-shadow: 0 0 10px #777;
margin: 20px auto;
text-align: center;
width: 90%;
}

#detalle_producto h3
{
background: #f0f0f0;
padding: 0.3rem;
text-shadow: 1px 1px 1px #A4A4A4;
}

#detalle_producto img
{
background: #f0f0f0;
padding: 0.3rem;
max-width: 50%;
max-height: 300px;
}

/*detalle_producto, producto_gestion, v_cant_to_carrito */
#info_producto
{
display: inline-block;
padding: 0.5rem;
text-align: left;
vertical-align: top;
width: 45%;
}

#info_producto form
{
border: none;
border-radius: 0.7rem;
margin: 0.3rem;
padding: 0.5rem;
text-align: center;
}

/*------------ /Detalle Producto ---------------*/

/* ------------ Contacto ---------------------*/
/*VA A DESAPARECER*/
#contacto_content
{
position: relative;
background: #F5D0A9;
/*background: #fafafa;*/
border-radius: 1rem;

box-shadow: 0 0 10px #444;
margin: 10px auto; /*espacio entre tablas */
padding: 0.5rem;

/*	box-shadow: 0 0 10px #777;*/
/*	margin: 20px auto;*/
text-align: center;
width: 95%;
}
/* ------------ Contacto ---------------------*/


/*Inicia Catalogo Admin*/
.tabla_items tr > th{
	padding: .3rem;
	vertical-align: middle;
	text-align: center;
	font-size: .8rem;
	font-weight: bold;
	box-shadow: 0 0 10px #777;
	background-color:#000000;
	color:#FFF;
}

.tabla_items tr > td{
	font-size: .7rem;
	font-weight: bold;
	/*width: auto;*/
	padding: .3rem;
	vertical-align: middle;
	background-color:#D7F1FF;
	color:#000;
	border-right: 1px solid #AAAAAA; 
	border-bottom: 0.7px solid #AAAAAA;
}
/*Inicia Catalogo Admin*/

/* CONTENEDOR DE LAS IMAGENES A ELIMINAR */
.mantto_files_content
{
text-align: center;
width: 98%;
}

.mantto_files_items
{
display: inline-table;
background: #D8CEF6;
border-radius: .5rem;
box-shadow: 0 0 10px #777;
margin: .5rem;
padding: 0.1rem;
text-align: center;
width: 10%;
font-size: 1rem;
box-shadow: 0 0 5px #777;
border: .1rem solid #F5D0A9;
}
/* CONTENEDOR DE LAS IMAGENES A ELIMINAR */

/*------------- /Carrito -------------------*/

.tabla2
{
border: 1px solid #d0d0d0;
box-shadow: 0 0 5px #444;
empty-cells: 1rem;
padding:10px 12px;
display:block;
}

.btn_fin_pedido
{
float: right;
width: 200px;
background-color: transparent;
}

.btn_fin_pedido:hover
{
box-shadow: 0 0 5px #444;
}

.dir-envio
{
display: inline-table;
float: left;
background: #EFFBEF;
padding: 1rem;
margin: 1rem;
}

/*------------ Clases form_detale -------------------*/
.form_detale
{
background: rgb(235, 216, 144);
border: none;
border-radius: 0.3rem;
color: black;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.2rem;
padding: 0.5rem;
text-decoration: none;
}
/*------------ Clases form_detale -------------------*/

/*------------ Clases varias -------------------*/
.boton_agregar_carrito
{
background: orange;
border: none;
border-radius: 0.3rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.2rem;
text-decoration: none;
z-index: +2;
}

.boton_agregar_carrito:hover
{
background: rgb(218, 142, 3);
}

#detalle_producto .encab_comun h3
{
background-color: #000;
margin: 0;
padding: 0;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
width: 100%;
}

/*------------ Clases varias -------------------*/

.precio_prod
{
	position: relative;
	display: block;
	overflow: auto;

background: -webkit-linear-gradient(#000000, #0404B4);
background: -o-linear-gradient(#000000, #0404B4);
background: -moz-linear-gradient(#000000, #0404B4);
background: linear-gradient(#000000, #0404B4);
margin: .5rem;
padding: .5rem;
font-size: 1.3rem;
font-weight: bold;
color: #fff;
}
/*
.prod_descript
{
position: relative;
display: auto;

margin: .1rem;
padding: .1rem;
font-size: 1.2rem;
font-weight: bold;

}
*/



.boton_regresar_cancelar
{
background: red;
border: none;
border-radius: 0.3rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.2rem;
text-decoration: none;
z-index: +2;
}

.boton_regresar_cancelar:hover
{
background: rgb(218, 142, 3);
}

/*------------ Clases varias -------------------*/
/*
.boton_buscar{
	width: 5rem;
	height: 2rem;
	position: relative;
	//background-color: #B40431;
	background: transparent url('../../images/search.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: 100% 100%;
	border: none;
	cursor: pointer;
	display: inline-block;
	float: none;
	margin: 0;
	margin-left: .03rem;
	padding: 0;
	z-index: +2;

}

.boton_buscar:hover
{
	background: transparent url('../../images/search2.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: 100% 100%;

}*/


/*------------ Clases varias -------------------*/
.boton_aceptar_enviar
{
	position:relative;
background: green;
border: none;
border-radius: 0.3rem;
color: #fff;
text-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.2rem;
text-decoration: none;
z-index: +2;
}

.boton_aceptar_enviar:hover
{
background: rgb(218, 142, 3);
}


.boton1
{
	position: relative;
background: green;
border: none;
border-radius: 0.3rem;
color: #fff;
cursor: pointer;
display: inline-block;
text-align: auto;
font-size: 1rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.2rem;
text-decoration: none;
z-index: +2;
}

.boton1:hover
{
background: rgb(7, 90, 3);
}

.boton2
{
position: relative;
background: #FE2E2E;
border: none;
border-radius: 0.3rem;
color: #fff;
cursor: pointer;
display: inline-block;
text-align: auto;
font-size: 1rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.2rem;
text-decoration: none;
z-index: +2;
}

.boton2:hover
{
background: #F78181;
}

.boton3
{
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
	float: left;
	background: #000;
	border: none;
	border-radius: 0.3rem;
	color: #fff;
	cursor: pointer;

	text-align: auto;
	font-size: 1rem;
	font-weight: bold;
	margin: 0.3rem;
	padding: 0.2rem;
	text-decoration: none;
	width: 200px auto;
	z-index: +2;
}

.boton3:hover
{
background: #2E2EFE;
}





/*------------ /Clases -------------------*/

/*------------ /Login -------------------*/
/*
#login
{
*/
/*background: #fafafa;*/
/*
background-color: #999fff;
border-radius: left 1rem;
box-shadow: 0 0 20px #777;
margin: 20px auto;
padding: 0;
text-align: center;
width: 99%;
}

#login li
{
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: .5rem;

text-decoration: none;

}*/

.login_tit h2
{
background-color: #000;
margin: 0;
padding: 0;
font-size: 1.5rem;
font-weight: bold;
color: #fff;
width: 100%;

}


.f_correo, .f_password
{
text-align: left;
margin: .5rem;
padding: .2rem;
width: 20rem;
}

.verify
{
margin-top: 10px;
margin-left: 9px;
position: relative;
display: inline-block;
width: 20px;
height: 20px;
/*background-image: url('../images/yes.png');*/
background-repeat: no-repeat;
}

.reg_error
{
margin-top: 10px;
margin-left: 9px;
position: relative;
display: inline-block;
width: 80%;
}


/*------------ /Login -------------------*/

.familias_edit
{
background: #08088A;
border-radius: 1em;
box-shadow: 0 0 10px #444;
padding: 0.5em;
text-align: center;
width: 99%;
}





/*------------ /mensajes_view -------------------*/
.mensajes_view
{
background: #fff;
border-radius: .5rem;
box-shadow: 0 0 10px #444;
margin: .3rem; /*espacio entre tablas */
padding: 0.5rem;
/*	box-shadow: 0 0 10px #777;*/
/*	margin: 20px auto;*/
text-align: center;
width: 95%;
display: inline-block;
font-family: verdana;
}

#mensajes_view div li
{
background: blue;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.2rem;
/*text-decoration: none;*/
text-align: right;

}
/*------------ /mensajes_view -------------------*/


/*------------ /admin Marcas Familias Categorias -------------------*/
#admin_mfc
{


background: #fafafa;
border-radius: 1rem;

box-shadow: 0 0 20px #444;
margin: 50px auto; /*espacio entre tablas */
padding: 0.5rem;

/*	box-shadow: 0 0 10px #777;*/
/*	margin: 20px auto;*/
/*text-align: center;*/
width: 50%;
}

#admin_mfc div li
{
cursor: pointer;
/*display: inline-block;*/
font-size: 3rem;
font-weight: bold;
margin: 0.1rem;
text-decoration: none;
text-align: right;
}

#admin_mfc label
{
cursor: pointer;
margin: 0.2rem;
text-align: right;
text-decoration: none;
display: inline-block;

}

/*------------ /admin Marcas Familias Categorias -------------------*/

/*------------ MAPA -------------------*/

#sidebar{
position: relative;
width: 18%;
height: 590px;
background: #222;
color: #fff;
margin-left: 80%;
margin-top: -600px;
border: 5px solid #fff;
}
#sidebar ul{
padding: 0;
text-align: justify;
}

#sidebar li{
cursor: pointer;
border-top: 1px solid #fff;
background: #c3c3c3;
list-style: none;
color: #111
}
#sidebar li:hover{
background: #fefefe;
}

.clr_backg_on_line{
background: yellow;
border-radius: 1rem;

box-shadow: 0 0 10px #444;
margin: 10px auto; /*espacio entre tablas */
padding: 0.5rem;

/*	box-shadow: 0 0 10px #777;*/
/*	margin: 20px auto;*/
text-align: center;
width: 80%;
}

#clr_backg_on_line div li
{
background: blue;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.2rem;
/*text-decoration: none;*/
text-align: right;

}

.clr_backg_pagos_portal{
background: red;
border-radius: 1rem;

box-shadow: 0 0 10px #444;
margin: 10px auto; /*espacio entre tablas */
padding: 0.5rem;

/*	box-shadow: 0 0 10px #777;*/
/*	margin: 20px auto;*/
text-align: center;
width: 80%;
}

#clr_backg_pagos_portal div li
{
background: blue;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin: 0.2rem;
/*text-decoration: none;*/
text-align: right;

}

/*------------  paginacion ------------*/
#paginados
{
/* margin: 50px 0px 0px 200px;*/
/*background-color: #222;*/
position: relative;
display: inline-table;
margin: 0 auto;
color: yellow;
padding: .1rem;
width: 98%;
z-index: +2;

border-radius: .5rem; /* bordes redondeados */
background-color: white;
color: red;

}

#paginacion
{
text-align: center;
background-color: black;
border-radius: 0.5rem;
padding: .2rem;
width: 98%;

}

.separator1
{
position: absolute;
text-align: center;
background-color: #FF0000;
border-radius: 0.3rem;
padding: .1rem;
width: 100%;

}

#paginacion a
{
color: white;
text-decoration: none;
padding: .2rem;

}

#paginacion a:hover
{
border-radius: .5rem; /* bordes redondeados */
background-color: white;
color: red;
text-decoration: underline;
font-weight: bold;
}
/*------------  paginacion ------------*/

/*------------  configuracion del template ------------*/
.template_content
{
background: #04B4AE; /* Color del fondo del Header*/
border-radius: .5rem; /* bordes redondeados */
color: #fff;
text-align: center;
padding: .2rem;
position: relative;
margin: 0.2rem; /* espacio del margen que dejara en el exterior toda la caja*/
width: 98%;
}

.template_busca_fom{
	position: relative;
	display: inline-block;
	background: blue; /* Color del fondo del Header*/
	border-radius: .5rem; /* bordes redondeados */
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: .1rem;
	/*position: relative;*/
	margin: 0.05rem; /* espacio del margen que dejara en el exterior toda la caja*/
	/*width: 50%;*/
}

.template_form{
background: #04B4AE; /* Color del fondo del Header*/
border-radius: .5rem; /* bordes redondeados */
text-decoration: none;
color: #fff;
padding: .1rem;
position: relative;
margin: 0.1rem; /* espacio del margen que dejara en el exterior toda la caja*/
width: 98%;
text-align: center;

}

.template_form ul li{
text-align: left;
display: inline-table;
}

/*Administracion del template*/

.tabla_template_var
{
	position: relative;
	background: #F5D0A9;
	box-shadow: 0 0 10px #777;
	margin: .1rem;
	padding: 0.1rem;
	text-align: center;
	width: 100%;
}

.tabla_template_var tr th
{
	margin: .2rem;
	padding: .1rem;
	vertical-align: middle;
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	background: #000000;
	color: #ffffff;
	box-shadow: 0 0 10px #777;
	border: .1rem solid #F5D0A9;
}

.tabla_template_var tr td
{
font-size: 1rem;
padding: .5rem;
text-align: center;
vertical-align: middle;
box-shadow: 0 0 10px #777;
border: .1rem solid #F5D0A9;
color: #000000;
width: 19%;
}


/*------------  configuracion del template ------------*/
.error
{
color: #900;
font-weight: bold;
}

/* //////////////  Menú Session ///////////  */
/* //////////////  boton carrito ///////////  */
/* //////////////  boton apps ///////////  */

.bienvenida
{
color: #000000; /*Color de la letra*/
}

.nombreusuario
{
color: red; /*Color de la letra*/
font-weight: bold;
}

/*Boton de apps*/
.btn_apps,
.cont_btn_carrito,
.cont_visitas
{
	position: relative;
	display: block;
	margin: 0 2px;
	padding: 0;
	float: right;
	z-index: +1;
}

.Menu_content_session{
	display: none;
	position: relative;
	display: block;
	margin: 0 2px;
	padding: 0;
	float: right;
	z-index: +1;
}

/*
.btn_apps>a img
{
width: 1rem;
height: 1rem;
border: solid;
border-color: #000000;
border-radius: .5rem;
}

.btn_apps>a img:hover
{
border: solid;
border-color: red;
border-radius: .5rem;
}*/

/*para el poppup*/
#content_apps
{
	display: inline-block;
	text-align: center;
}

/*------------- Boton Carrito -------------------*/
.cont_btn_carrito,
.btn_apps
{
	border: solid;
	border-color: #000000;
	border-radius: .3rem;

}

.Encarrito{
	display: none;
	opacity: .9;
	background-color: #D8CEF6;
	font-size: .8rem;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	float: left;
}

.cont_btn_carrito:hover,
.btn_apps:hover{
	border-color: red;
}

.cont_btn_carrito:hover .Encarrito{
	display: block;
}


/*
.cont_btn_carrito:hover
{
	border: solid;
	border-color: red;
	border-radius: .5rem;
	right: 0;

	-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;

}*/

.img_btn_carrito
{
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	float: left;
}




/* //////////////  Menu Admin ///////////  */
.Menu-Admin-content
{
	float:left;
	/*width: 30%;*/
	position: relative;
	background: #000000;
	z-index: 25; 
}
.nav_admin, ul, li, a
{
margin: 0;
padding: 0;
}

a {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

a {text-decoration: none;}

.toggleMenu_admin {
display:  none;
background: #000000; /* color del fondo del menu al acerse chiquito*/
padding: 10px 15px;
color: #fff;
}

.nav_admin
{
list-style: none;
zoom: 1;
background: #000000; /*Color del fondo del la barra de menu*/
}

.nav_admin:before,
.nav_admin:after
{
content: " ";
display: table;
}
.nav_admin:after {
clear: both;
}
.nav_admin ul {
list-style: none;
width: 9em; /* ancho del los submenues principales*/
}
.nav_admin a {
padding: 10px 15px;
color:#fff;
}
.nav_admin li {
position: relative;
}
.nav_admin > li {
float: left;
border-top: 1px solid #104336;
}

.nav_admin > li > .parent {
background-image: url("../../images/menu/downArrow.PNG");
background-repeat: no-repeat;
background-position: right;
}

.nav_admin > li > a {
display: block;
}
.nav_admin li  ul {
position: absolute;
left: -9999px;
}
.nav_admin > li.hover > ul {
left: 0;
}
.nav_admin li li.hover ul {
left: 100%;
top: 0;
}
.nav_admin li li a {
display: block;
background: #610B0B; /* color del fondo de los submenues principales */
position: relative;
z-index:25;
border-top: 1px solid #175e4c;
}

/*Menus*/
.nav_admin li li a:hover
{
background: #000000; /* color del fondo de los submenues principales */
}

.nav_admin li li li a {
background: #243B0B; /* color del fondo de los submenues secundarios */
z-index:25;
border-top: 1px solid #1d7a62;
}

/*Sub Menus*/
.nav_admin li li li a:hover
{
background: #000000; /* color del fondo de los submenues principales */
}

@media screen and (max-width: 768px) {
.active {
display: block;
}
.nav_admin > li {
float: none;
}
.nav_admin > li > .parent {
background-position: 95% 50%;
}
.nav_admin li li .parent {
background-image: url("../../images/menu/downArrow.PNG");
background-repeat: no-repeat;
background-position: 95% 50%;
}

.nav_admin ul {
display: block;
width: 100%;
}
.nav_admin > li.hover > ul , .nav_admin li li.hover ul {
position: static;
}

}

/*menusmall_imagcomun*/

.menusmall_imagcomun
{
font-size: 1.2rem;
/*background: #FF4000;*/ /*color del borde de los textos del menu*/
border-radius: 0.1rem; /*redondeo del borde exterior del marco*/
/*color: #fff;*/
margin: 0.5rem; /* espacio del margen que dejara en el exterior toda la caja*/
padding: 0.1rem; /* grosor de la linea de la caja */

}

.menusmall_imagcomun ul
{
list-style: none;
padding: 0.3rem;
background: #B45F04; /*Color de la barra del menu*/
border-radius: 0.5rem;
}

.menusmall_imagcomun ul li
{
display: inline-block;
}

.menusmall_imagcomun ul li a
{
/*border-radius: 0.4rem;*/
color: #fff;
margin: 0.3rem;
padding: 0.1rem;
text-decoration: none;
}

.menusmall_imagcomun ul li a:hover
{
background: #fff;  /* blabco*/
color: black;
text-decoration:none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.menusmall_imagcomun li ul
{
display: none;
position: absolute;
min-width: 140px;
}

.menusmall_imagcomun li:hover > ul
{
display: block;
}

.menusmall_imagcomun li ul li
{
position: relative;
}
.menusmall_imagcomun li ul li ul
{
right: -140px;
top: 0px;
}

.menusmall_imagcomun ul li ul li
{
display: block;
}

/* MENU DE OPCIONES DE BUSQUEDA DE IMAGENES */
.menusmall_imagcomun_busq
{
background: #fff;
font-size: 1.2rem;
margin: 0.5rem; /* espacio del margen que dejara en el exterior toda la caja*/
padding: 0.1rem; /* grosor de la linea de la caja */

}

.menusmall_imagcomun_busq ul
{
list-style: none;
padding: 0.3rem;
background: #fff; /*Color de la barra del menu*/
border-radius: 0.5rem;
text-align: center;
}

.menusmall_imagcomun_busq ul li
{
display: inline-block;
}

.menusmall_imagcomun_busq ul li ul li
{
display: block;
}

.menusmall_imagcomun_busq ul li a:hover
{
background: #000;  /* blabco*/
color: #fff;
text-decoration:none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.error-message, label.error
{
background-color: #BC1010;
padding: 3px 6px;
border-radius: 4px;
color: white;
font-weight: bold;
margin-left: 16px;
margin-top: 0px;
position: absolute;
}

.Empty_Content_I{
	color:#000354; 
	font-weight: bold; 
	width: auto; 
	display: block;
	text-shadow: 1px 1px 0 #ffffff;

	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: -prefix-linear-gradient(left, #000354, white, #000354);

	/* The new syntax needed by standard-compliant browsers (IE 10 and Firefox 10 onwards), without prefix */
	background: linear-gradient(to right, #000354, white, #000354);

}

.Empty_Content_G{
	color:#000000; 
	font-weight: bold; 
	font-size: 120%; 
	width: 95%; 
	display: inline-block;
	text-align: center;
	text-shadow: 1px 1px 0 #ffffff;

	/* The old syntax, deprecated, but still needed, prefixed, for Opera and WebKit-based browsers */
	background: -prefix-linear-gradient(left, #000000, white, #000000);

	/* The new syntax needed by standard-compliant browsers (IE 10 and Firefox 10 onwards), without prefix */
	background: linear-gradient(to right, #000000, white, #000000);

}

.gradient01{
	background-color: #000;

background-image: repeating-linear-gradient(90deg, transparent, transparent 50px,
      rgba(255, 127, 0, 0.25) 50px, rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px,
      rgba(255, 127, 0, 0.25) 63px, rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px,
      rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255, 127, 0, 0.25) 50px,
      rgba(255, 127, 0, 0.25) 56px, transparent 56px, transparent 63px, rgba(255, 127, 0, 0.25) 63px,
      rgba(255, 127, 0, 0.25) 69px, transparent 69px, transparent 116px, rgba(255, 206, 0, 0.25) 116px,
      rgba(255, 206, 0, 0.25) 166px),
repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px),
repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px,
      rgba(143, 77, 63, 0.25) 10px);
}


label.error:before{ /* Este es un truco para crear una flechita */
content: '';
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #BC1010;
border-left: 8px solid transparent;
left: -16px;
position: absolute;
top: 5px;
}

.mensaje_ajax
{
	position: relative;
	color: #fff;
	margin: .1rem;
	display: block;
	font-size: 1.5rem !important;
	font-weight:bold;
	z-index: +2 !important;
}

.formu{
	position: relative;
padding: 5px;
margin: 0px 0px 10px 20px
}
.textField{
padding: 5px; width: 50%;
box-shadow:0 0 0 3px #EEF5F7;
}
/*fieldset{
font-weight: bold;
width: 600px;
margin: 50px 0px 0px 300px;
border: none;
box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #edfcff;
}*/
legend{
margin: 30px 0px 15px 20px
}

.loader_pross
{
	display: inline-block;
	width: 100%;
	text-align: center;
	position: fixed;
	top: 27%;
	left: 0;
	/*background-color: #000000;
	opacity: .3;*/
	z-index: 500;
}

.loader_pross_titulo
{
	max-width: 50%;
	position: relative;
	display: inline-block;
	text-align: center;
	/*z-index: 200;*/
}

.loader_pross img
{
	position: relative;
	display: inline-block;
	max-width: 22%;
	max-height: 18%;
	/*z-index: 201;*/
}

.loader, .loader_cat
{
	display: none;
	position: absolute;
	top: 50%;
	left: 25%;
	z-index: 500;
	text-align: center;
}

.loader img, .loader_cat img
{
position: relative;
max-width: 80px;
max-height: 80px;
z-index:500;
}


#form_config_sys
{
margin: .1rem;
font-size: 1rem !important;
text-align: left;
width: 98%;
background-color: #F1F8E0;
color: #084B8A;
font-weight:bold;
display: inline-block;
text-align: center;
}

.boton-guardar_file
{
background: #B40431;
border: none;
border-radius: .3rem;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.5rem;
font-weight: bold;
margin: 0.1rem;
padding: 0.3rem;
text-decoration: none;
z-index: +2;
}

.boton-guardar_file:hover
{
background: #088A29;
}



/* es para cambiar el color de los dialogos popp */
.ui-dialog/*,
.ui-dialog-content,*/
{
border: 0;
padding: .5rem .5rem;
background: #D8D8D8;
/*background: #BE901B;*/
overflow: auto;
zoom: 1;
}

.modal_dialog_ajusmas
{
border: 0;
padding: .5rem .5rem;
background: #A9F5F2;
overflow: auto;
zoom: 1;
}
/*
a>img:hover
{
border: solid;
border-color: #000000;
border-radius: .5rem;
}
*/

/*
.ver_img_modal{
float: left;
display: inline-block;
width: 99%;
}*/
/* MENU DE OPCIONES DE BUSQUEDA DE IMAGENES */


/* esto funcionará si la resolución de pantalla está entre 300 y 800 pixeles de ancho */
/*					$cstyle .= " @media (max-width: 800px) and (min-width: 300px){".
" width: ".($data->texwidth*1.2)."%;}";
/* esto funcionará si la resolución mínima de la pantalla es de 1200 pixeles de ancho */
/*					$cstyle .= " @media (min-width: 1200px){".
" width: ".($data->texwidth*1.3)."%;}";
/* esto funcionará si la resolución mínima de la pantalla es de 1600 pixeles de ancho */
/*					$cstyle .= " @media (min-width: 1600px){".
" width: ".$data->texwidth."%;}";
*/

/* Contenedor general contenido */
.help_cont {

margin: 0;
padding: 0;
width: 90%;
z-index:10;
position: fixed;
/* Desplazamiento para ocultar hacia la derecha
todo el ancho del bloque menos el borde */
right: -90%;
top: 2rem;
opacity: .98;
}


/* Contenido visible al hacer hover */
.help_cont_hover{
	right: 0;
}

/* Pestaña para desplegar */
.help_cont_label
{
	position: absolute;
	margin-top: 0;
	margin-left: -52%;
	padding: 4px;

	top: 0;
	display: inline-block;
	color: white;
	background: #BE901B;
	font-size: 1rem;
	font-weight: bold;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	cursor: pointer;
}

@media screen and (min-width: 300px) and (max-width: 640px){
    .help_cont_label{
		margin-left: -55%;
	}
}
/*
@media screen and (min-width: 640px) and (max-width: 800) {
    .help_cont_label{
		margin-left: -50%;
	}
}

@media screen and (min-width: 800px) and (max-width: 1024px) {
   .help_cont_label{
		margin-left: -55.5%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1152) {
    .help_cont_label{
		margin-left: -53%;
	}
}

@media screen and (min-width: 1152px) and (max-width: 1280px) {
	.help_cont_label{
		margin-left: -52.5%;
	}
}

@media screen and (min-width: 1280) and (max-width: 1600px) {
	.help_cont_label{
		margin-left: -52%;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
	.help_cont_label{
		margin-left: -52%;
	}
}

@media screen and (min-width: 1800px) and (max-width: 3800px) {
	.help_cont_label{
		margin-left: -52%;
	}
}*/


.help_cont> input:hover{
	border-style: none;
}

.help_cont, .help_cont_label{
/* Desplegado suave con transiciones */
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

/* El contenido incluida variante para listas */
.help_cont{
margin: 0;
padding: 0;
border: 8px solid #BE901B;
border-right: 0;
/*color: #fff;*/
background-color: #fff;
/*
text-align:center;*/
/*text-align: left;*/
vertical-align: center;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius: 10px 0 0 10px;
}

/* el contenido */
.help_cont_data{
margin: 0;
padding: .3rem;
background-color: #fff;
text-align: left;
vertical-align: center;
overflow: auto;
}

.barra_acc_per{
	display:inline-block;
	position: relative;
	background-color: #fff;
	width:99%;
}

/* margin i padding arriba derecho abajo  izaq*/
/*
.all_content_adjust
{
	display: none;
}
*/

.all_content_adjust{
	box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	-o-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	/*visibility: visible !important;*/
	/*display: inline-block;*/
	margin: .3rem 0rem !important;
	width: 100% !important;
	/*height: auto !important;*/
	/*min-height: 15rem !important;*/
	/*font-size: 95% !important;*/
	overflow: auto !important; 
	-webkit-overflow: auto !important; 
	-moz-overflow: auto !important; 
	-o-overflow: auto !important; 
	position: relative !important;
	-webkit-position: relative !important;
	-moz-position: relative !important;
	-o-position: relative !important;

	/*Chrome, Safari*/
    -webkit-transition: width 1s ease-in-out;
    /*Firefox*/
    -moz-transition: width 1s ease-in-out;
    /*Opera*/
    -o-transition: width 1s ease-in-out;
    /*Standard*/
    transition: width 1s ease-in-out;
}


/*Para los errores con jquery validate*/
.validate_error_class{
    background: #B40404;
    color: #ffffff;
    font-weight: bold;
}

/* Inicia actualizacion de imagenes en tiempo real*/

.admin_up_and_edition{
	height: auto;
	position: relative;
	display: none;
	width: 100%;
	z-index: 1;
}

.admin_up_and_edition_right{
	height: 100%;
	position: relative;
	float: right;
	display: none;
	z-index: 1;
}

#updbpoppup, #updbpoppupinline{
	background:#000000;
	color:#ffffff;
	position:relative;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 1px;
	cursor:pointer;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 90%;
	z-index: 20;

}
/*
#updbpoppup{
	position:absolute;
	top:0;
	right:0;
}*/

.update_realtime{
	position: relative;
	display:block;
	float:left;
	margin: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
	cursor: pointer;
	z-index: 20;

}

.update_realtime:hover{
	border-color: blue;
	zoom: 1.1;
}

.update_realtime img{
	width: 20px;
	height: 20px;
	position: relative;
	display:block;
	z-index: 20;
}




.img_update_realtime{
	width: 20px;
	height: 20px;
	position: relative;
	display:block;
	float:left;
	margin: 2px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
	cursor: pointer;
}

.img_update_realtime:hover{
	border-color: blue;
	zoom: 1.1;
}

.img_erase_realtime{
	display: inline-block;
	position: relative;
	padding: 0;
	float: right;
	z-index: 20;
}

.img_erase_realtime_relat{
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0 2px;
	z-index: 20;
}

.img_up_realtime{
	position: relative;
	margin: 2px;
	padding: 0;
	float: left;
	display: block;
	background: #ffffff;
	z-index: 20;
}

.img_up_realtime img{
	position: relative;
	width: 25px;
	height: 25px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
	z-index: 20;

}
.img_up_realtime img:hover{
	border-color: blue;
	zoom: 1.1;
}


/*Finaliza actualizacion de imagenes en tiempo real*/

/*
.admin_div_prop
{
	position: absolute;
	right: 0;
	top: 0;
}

.admin_img_prop
{
	position: absolute;
	left: 0;
	top: 0;
}

.admin_div_prop, .admin_img_prop
{
	position: relative;
	display: none;
	color: #ffffff;
	background-color: #000000;
	border-width: 2px;
	border-style: solid;
	font-size: 100%;
	float: right;
	cursor: pointer;
}
*/

/*
.C_C_I_Comun:hover
{
	box-sizing: border-box;
	box-shadow: 4px 4px 10px red;*/

	/*Chrome, Safari*/
    /*-webkit-transition: box-shadow 0.5s ease;*/
    /*Firefox*/
    /*-moz-transition: box-shadow 0.5s ease;*/
    /*Opera*/
    /*-o-transition: box-shadow 0.5s ease;*/
    /*Standard*/
    /*transition: box-shadow 0.5s ease;*/
/*
}*/


.ui-dialog{
  position: fixed;

  left: 0 !important;
  right: 0 !important;

  padding: rem-calc(15);
  border: 1px solid #d3dbe2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  max-width: rem-calc(620);
  top: rem-calc(100) !important;

  margin: 0 auto;
  width: calc(100% - 10px) !important;
}

.infoactualprice_ok,
.infoactualprice_false ,
.infoactualprice_dud {
	position: relative;
	padding: 0 .2rem;
	margin: 0;
	display: inline-block;
	font-size: .7rem;
	color: #ffffff;
	float: right;
	text-shadow: none;
}
 
.infoactualprice_ok{
	background: #0B610B;
}

.infoactualprice_false{
	background: #B40404;
}

.infoactualprice_dud{
	background: #F7FE2E;
	color: #000000;
}


.cont_talk{
	position:fixed; 
	left:0; 
	bottom:0; 
	background:#000000; 
	color:#ffffff; 
	z-index:100; 
	opacity: .8;
	display: inline-block;
}

.cont_talk:hover{
	opacity: 1;
}

#talk{
	position:relative; 
	height:20px; 
	width:20px; 
	cursor:pointer;
	display: none;
}

.pagos_paypal{
	position: relative;
	padding: 2%;
	margin: 2%;
	display: inline-block;
	font-size: 1.5rem;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}

.pagos_paypal{
	background: #FADCF7;
	width: 80%;
	height: 100%;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

.btn_paypal{
	padding: 0;
	margin: 1%;
	width: 8rem;
	height: 3.5rem;
}