/***** TELECOMPRA - NAF *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,dl,dt,dd {
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
a { color:#7b982b; outline:none; text-decoration: underline; }
a:visited{color:#660099;}
a:hover{text-decoration: none;}
em{
	font-style: italic;
}

img{ vertical-align:top; max-width:100%; height:auto;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html{ font-size:62.5%;}
body{
	font: 10px 'Raleway',Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	background-color: #333;
	min-width:318px;
}
#whatsapp {
	position: fixed;
	right:0;
	bottom: 36%;
}
#aeurus {
    padding: 8px 10px;
    text-align: right;
}
#aeurus img, #whatsapp img{ vertical-align:top;}


/***** TEMPLATE *****/
header{ background-color:#FFF;}
header #top{  border-bottom:1px solid #ebebeb; text-align: right; position: relative;}
header #top ul{ text-align:right; display: inline-block; vertical-align: middle;}
header #top li{
	font-size: 1.2em;
	font-size: 1.2rem;
	color:#7b982b;
	display: inline-block;
	padding: 13px 6px;
	margin:0;
}
header #top .social-media li{
	padding: 0;
	margin-right: 5px;
}
header #header{ position:relative; height:130px;}
header #header #logo{
	position: absolute;
	left: 0px;
	top: 32px;
}
header #header #logo h1{
	font-size:9px;
	text-indent:-9999px;
	background-image: url(../imagenes/template/logo.png);
	width: 260px;
	height: 53px;
}
#telefono{
	position: absolute;
	top: 35px;
	left: 430px;
	background: url(/imagenes/template/telefono.png) 0 0 no-repeat;
	padding-left:50px;
	height: 41px;
}
#telefono li{
	font-size: 1.4em;
	font-size: 1.4rem;
	font-weight: 500;
	color: #8f8f8f;
	font-style: italic;
	margin:0;
}
#telefono li:last-child{
	font-size: 2.3em;
	font-size: 2.3rem;
	font-weight: 700;
	color: #5995d3;
	font-style: normal;
}
#atencion{
	position:absolute;
	right: 210px;
	top: 30px;
	border-left:1px solid #e5e5e5;
	padding-left:30px;
}
#atencion li{
	font-size: 1.2em;
	font-size: 1.2rem;
	line-height:normal;
	padding-left:40px;
	margin:0;
}
#atencion .horario-top{
	background: url(../imagenes/template/horario.png) 0 0 no-repeat;
	height:45px;
}
#atencion .email-top{
	background: url(../imagenes/template/email.png) 0 0 no-repeat;
	padding-top:8px;
	height:25px;
}
#atencion .email-top span{ display:none;}
#btn-group{
	position: absolute;
	top: 22px;
	right: 0px;
}
#btn-group li{ margin:0 0 10px; position:relative;}
#btn-group .btn-primary, #btn-group .btn-primary:visited, #btn-group .btn-info, #btn-group .btn-info:visited{
	text-align:center;
	width:100%;
	padding:5px 15px;
	border:none;
}
/*#btn-group li.des-user:hover,#btn-group li ul{
   -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
}*/
.des-user{
	padding-bottom: 20px;
}
#btn-group li ul{
	display:none;
	width:100%;
	margin:0;
	/*border-top: 1px solid #97b446;*/
	position: absolute;
	top: 28px;
	z-index:10;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.7);
}
#btn-group li:hover ul{ display:block;}
#btn-group li li{ margin:0; border-top:1px solid #97b446;}




.top-show{ display:none;}



#wrapper{
	background-color: #FFFFFF;
}
.center{
    width: 1200px;
    margin:0 auto;
}
.img-circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}
.img-rounded{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}


/***** HEADER *****/
footer{
	background-color:#3c3c3c;
	padding:35px 0;
	text-align: right;
}
footer .center{
	background: url(../imagenes/template/logo-footer.png) 0 13px no-repeat;
}
footer a, footer a:visited{ color:#FFF;}
footer .menu-footer{
	vertical-align:top;
	text-align:left;
	display:inline-block;
	padding:4px 70px 0;
}
footer .menu-footer h6{
	font-size: 1.6em;
	font-size: 1.6rem;
	color: #a1a1a1;
	font-weight:400;
	margin:0 0 10px;
}
footer .menu-footer li{ margin-bottom:5px;}
footer #atencion-footer {
	text-align:left;
	vertical-align:top;
	display:inline-block;
	border-left:1px solid #424242;
	padding:0 70px;
}
footer #atencion-footer  li{
	color:#FFF;
	line-height:normal;
	padding-left:45px;
	margin-bottom:23px;
}
footer #atencion-footer li:last-child, footer .menu-footer li:last-child{ margin-bottom:0;}
footer #atencion-footer .telefono-footer {
	background: url(../imagenes/template/footer-telefono.png) 0 2px no-repeat;
}
footer #atencion-footer .telefono-footer .text-24{
	font-size: 2.2em;
	font-size: 2.2rem;
	margin:0;
}
footer #atencion-footer  .horario-footer {
	background: url(../imagenes/template/footer-horario.png) 0 0 no-repeat;
}

footer #atencion-footer .email-footer {
	background: url(../imagenes/template/footer-email.png) 0 0 no-repeat;
	padding-top:8px;
}
#navigation{
	color:#868686;
	font-size: 1.2em;
	font-size: 1.2rem;
	background-color: #232323;
	padding:10px 0;
}
#navigation a, #navigation a:visited{ color:#7b982b;}
#navigation span{ color:#FFF;}


/*** PAGINACION**/
.pagination li img{ vertical-align:middle; margin:0 5px;}

#paginacion{
	width:100%;
	text-align: right;
}
.pagination {
	display: inline-block;
	padding:10px 1px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.pagination>li {
	font-size:1.3em;
	font-size:1.3rem;
	display: inline;
	font-weight:500;
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 1px 6px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	/*background-color: #fff;
	border: 1px solid #ddd*/
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	margin-right:15px;
	/*border-right:1px solid #e6e6e6;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px*/
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	margin-left:15px;
	/*border-left:1px solid #e6e6e6;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px*/
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	background-color: #eee
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #484848;
	cursor: default;
	/*background-color: #428bca;
	border-color: #428bca*/
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}


/***** CONTENIDO *****/
.block-pdd{ padding:30px 0 40px;}
.relative{ position:relative;}
.ver-mas{ position:absolute; top:36px; right:0;}
.inline-block{ padding-top:5px;}
.inline-block li{ display: inline-block; vertical-align:top; padding-right:10px;}
.banner{
	background: url(../imagenes/sitio/background-banner.jpg) center 0 repeat-x;
	margin-bottom:35px;
}
.banner h1{
	color: #FFF;
	font-size: 3.6em;
	font-size: 3.6rem;
	font-weight:700;
	vertical-align:middle;
	display:table-cell;
	height: 125px;
	margin:0;
}
.clear{ clear:both;}

/***** PORTADA *****/
#proveedores{ background-color:#e6e6e6;}
#proveedores figure{ vertical-align:top; display:inline-block; padding:0 15px;}
#proveedores figure img{ max-width:100%; height:auto; vertical-align:top;}

.box {
    font-size: 0;
    margin: 0 -2%;
}
.box .listado {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 2% 30px;
}

/***** NOTICIAS *****/
.listado { padding: 0 0 30px;}
.listado img {
    float: left;
	border:1px solid #e7e7e7;
}
.listado .resumen {
    margin-left: 250px;
    min-height: 150px;
	padding-right:20px;
}
.listado .resumen h3 {
	font-size: 1.8em;
	font-size: 1.8rem;
	font-weight:500;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0;
}
.listado .resumen .text-fecha, .listado .text-info {
	line-height: 16px;
    margin: -2px 0 11px;
}
.listado .resumen p { margin: 0;}

.contenido-left{ width: 50%; float:left; padding-bottom:40px}
.imagen-gal{
	width:44%;
	float: right;
	padding-bottom:40px;
}
.imagen-gal img{ vertical-align:top; width:100%; height:auto; border:1px solid #e3e3e3;}
.galeria figure{ vertical-align:top; display:inline-block; width:20%; padding:0 2% 15px;}


/***** PRODUCTOS *****/
.search-producto{
	background:rgba(250, 250, 250, 0.3);
	width:500px;
	padding:15px 10px;
	position: absolute;
	right: 0px;
	bottom: 20px;
}
.search-producto ul{ font-size:0;}
.search-producto li{ width:46%; display:inline-block; margin:0 2%; position:relative;}
.search-producto .texto-search, .search-producto select{ margin:0;}
.search-producto .texto-search{ width:100%; padding-right:35px;}
.search-producto .btn-lupa{
	background: #dcdcdc url(/imagenes/sitio/lupa.png) center center no-repeat;
	height: 30px;
	width: 30px;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}
.tit-producto{ padding-right:500px;}

#productos{ font-size:0; margin:0 -2%;}
.productos{ vertical-align:top; display:inline-block; width:25%; padding:0 2% 15px;}
.productos figure{ position:relative; display:block; margin-bottom:10px;}
.productos figure img{ vertical-align:top; width:100%; height:auto; border:1px solid #e7e7e7;}
.productos figure .oferta{
	background-image: url(/imagenes/sitio/oferta.png);
	height: 48px;
	width: 48px;
	position: absolute;
	left: -10px;
	top: -16px;
}
.productos p{
	font-size: 1.1em;
	font-size: 1.1rem;
	margin-bottom:10px;
}

.productos .valor{ display:table; width:100%; margin-bottom:10px;}
.productos .valor li, .productos .carro li, .contenido-right .carro li{
	line-height:normal;
	display: inline-block;
	margin-bottom:10px;
	position:relative;
	vertical-align:top;
}
.productos .valor li{ display: table-cell;}
.productos .valor li.precio{
	font-size: 3.6em;
	font-size: 3.6rem;
	color: #df992c;
	font-weight: 700;
	letter-spacing: -0.06em;
}
.productos .valor li.precio span{
	font-size: 2.6em;
	font-size: 2.6rem;
	font-weight: 500;
}
.productos .valor li.antes{ color: #4b4b4b;}
.productos .valor li.antes strike{
	font-size: 1.7em;
	font-size: 1.7rem;
	color: #909090;
	font-weight: 700;
}
.productos h3{
	font-size: 1.6em;
	font-size: 1.6rem;
	font-weight:500;
	margin-bottom:30px;
}
.productos .btn-primary, .contenido-right .carro li .btn-primary{ min-height:30px; padding:0 16px;}
.productos .btn-primary img, .contenido-right .carro li .btn-primary img{ vertical-align:middle; margin-right:6px;}
.productos .carro .cantidad, .contenido-right .carro .cantidad{ margin-right:15px;}
.productos .carro .cantidad{ width:60px;}

/***** Categoria *****/
#categoria{ float:left; width:230px;}
#categoria dl{ padding:0 25px 25px; border-right:1px solid #ebebeb;}
#categoria .editable ul{ margin-left:22px;}
#categoria dl dt{
	font-weight: 500;
	font-size: 1.3rem;
	font-size: 1.3rem;
	padding:10px 20px 10px 10px;
	border-bottom: 1px solid #ebebeb;
	cursor:pointer;
}
#categoria dl dt.desplegar{
	background: url(/imagenes/sitio/up.png) 95% center no-repeat;
}
#categoria dl dt.desplegar.active{ background: url(/imagenes/sitio/down.png) 95% center no-repeat; border-bottom:none;}
#categoria dl dd{
	display:none;
	border-bottom: 1px solid #ebebeb;
}
#categoria dl dt a, #categoria dl dd a{ color:#4b4b4b;}

/***** Producto listado *****/
#contenido-productos{ margin-left: 270px;}
#contenido-productos #productos{ margin:0 -1.5%}
#contenido-productos #productos .productos{ padding:0 1.5% 35px;}
#contenido-productos .productos .valor li.precio{ padding-right:10px; letter-spacing: -0.06em;}
#contenido-productos .productos .btn-primary{ padding:0 6px;}
#contenido-productos .productos .carro .cantidad{ margin-right:10px;}

/***** Producto detalle *****/
#gallery-left {
    width: 44%;
    float: left;
    padding-bottom: 40px;
}
.contenido-right{
    width: 50%;
	float: right;
    padding-bottom: 40px;
}

.contenido-right .valor{ display:table; width:100%; position:relative;}
.contenido-right .valor li, .contenido-right .carro li{
	line-height:normal;
	display: inline-block;
	margin-bottom:10px;
	position:relative;
	vertical-align:top;
}
/*.productos .valor li{ display: table-cell;}*/
.contenido-right .valor li.precio{
	font-size: 7.6em;
	font-size: 7.6rem;
	color: #df992c;
	font-weight: 700;
	line-height:80px;
	letter-spacing: -0.06em;
	padding-right: 4%;
}
.contenido-right .valor li.precio span{
	font-size: 5.5em;
	font-size: 5.5rem;
	font-weight: 500;
	word-spacing: 0;
}
.contenido-right .valor li.antes{
	font-size: 2.5em;
	font-size: 2.5rem;
	color: #4b4b4b;
}
.contenido-right .valor li.antes strike{
	font-size: 3.6em;
	font-size: 3.6rem;
	color: #909090;
	font-weight: 700;
	letter-spacing: -0.06em;
}
.contenido-right .carro{ padding-bottom:30px;}
.contenido-right .valor li.oferta{
	background-image: url(../imagenes/sitio/oferta2.png);
	background-size:contain;
	width: 68px;
	height: 68px;
	position:absolute;
	top:0;
	right:0;
}


/***** CARRO DE COMPRAS *****/
.pasos{
	display: table;
	width: 100%;
	padding: 15px 0;
	margin: 0 0 10px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.pasos li{
	font-size: 1.3em;
	font-size: 1.3rem;
	font-weight: 500;
	display: inline-block;
	margin: 0 30px 0 20px;
}
.pasos li a, .pasos li a:visited{ color:#4b4b4b;}
.pasos li .num{
	font-size: 2.4em;
	font-size: 2.4rem;
	font-weight: 700;
	padding-right: 5px;
}
.pasos li.current{ color: #7b982b;}
.pasos li.current .num{ color: #df992c;}
.login-registro{
	background-color: #fff2de;
	padding: 20px;
	margin: 0 0 10px;
	position: relative;
}
.login-registro .cuenta{
	line-height: normal;
	background: url(/imagenes/sitio/cuenta.png) 0 2px no-repeat;
	height: 50px;
	padding-left: 35px;
	margin: 0;
	position: absolute;
	top: 20px;
	right: 20px;
}
.login-registro .cuenta span{
	font-size: 2.4em;
	font-size: 2.4rem;
	font-weight: 700;
	margin:0;
}
.login-registro .cuenta span a, .login-registro .cuenta span a:visited{
	color: #7b982b;
	text-decoration: none;
}
.login-registro .cuenta span a:hover{ text-decoration: underline;}
.login-registro p{ margin-bottom:10px;}
.login-registro .inline-block { padding-top:0;}
.login-registro .inline-block li{ width:200px; margin-bottom:0;}
.login-registro .inline-block li .form{ width:100%; margin:0;}
.login-registro .inline-block li .btn-primary{ min-height:30px;}
.login-registro .form{}
.table-carro table{
	width: 100%;
}
.table-carro td{ vertical-align:middle; background-color:#f7f7f7; padding:10px; border-bottom:6px solid #FFF;}
/*.table-carro td.vertical-middle{ vertical-align:middle;}*/
.white-space{ white-space:nowrap}
.table-carro td.bp{ width:120px;}
.table-carro td.bp img{ border:1px solid #e7e7e7;}
.table-carro .web{ display:block; padding-bottom:2px;}
.table-carro .cantidad{ display:block; width:80px; position:relative;}
.table-carro td.valor{
	font-size:2em;
	font-size:2rem;
	font-weight: bold;
	color: #df992c;
	white-space:nowrap
}
.table-carro .valor span{ font-size:12px; font-weight:500; color:#4b4b4b;}
.table-carro span.categoria{ font-size:12px; display:block; padding-bottom:10px;}
.table-carro .background-total{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background-color: #e5e5e5;
	padding: 30px 20px;
}
#direccion-despacho{ width: 780px; margin:0 auto; padding-top:30px;}
#direccion-despacho .form{ width:100%; margin:0;}
#direccion-despacho li{ margin-bottom:20px;}
#forma-pago{ padding:20px 0;}
#forma-pago table{ width:500px; margin:0 auto;}
#forma-pago table td{ padding:10px;}
#forma-pago label{ float:none;}
#forma-pago .btn-primary{ height:35px;}
.text-exito{
	color: #5995d3;
	line-height:44px;
}
.text-exito img{ margin-right:10px;}
.text-datos{ padding-top:20px;}
.text-datos .text-24{
	font-weight: 400;
	margin-bottom:15px;
}


/***** FORMULARIOS *****/
label, input, textarea, select, button{
	font-family: 'Raleway',Arial, Helvetica, sans-serif;
	color: #4b4b4b;
	font-size:1.2em;
	font-size:1.2rem;
}
legend{
	font-size:2.1em;
	font-size:2.1rem;
}
label{
	float: left;
	clear: left;
	width: 115px;
	padding-right: 10px;
	text-align:right;
}
.form-select{ display:inline-block; position:relative;}
input[type="text"], input[type="password"], textarea, select {
	width:78%;
	padding: 0 10px;
	background-color: #dcdcdc;
	border: none;
}
input[type="number"] {
	width:100%;
	padding: 0 10px;
	background-color: #dcdcdc;
	border: none;
}
input[type="text"], input[type="password"], textarea, .form-select {
	margin-bottom:20px;
}
input[type="text"], input[type="number"], input[type="password"], select {
	line-height:30px;
	height:30px;
	padding: 0 10px;
}

textarea {
	padding: 7px 10px;
	resize: none;
	moz-resize: none;
	-webkit-resize: none;
}
input::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #4b4b4b;
}
input:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #4b4b4b;
}
input::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #4b4b4b;
}
input:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #4b4b4b;
}
/* File Input */
.NFI-wrapper{ margin-bottom:20px;}
.formulario-reg .nicefileinput .NFI-filename{
	color: #4b4b4b;
	font-size: 12px;
	width: 70%;
}
.nicefileinput .NFI-button{
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #FFF;
	line-height: 30px;
	width: 30%;
	background-color: #7b982a;
}
.nicefileinput .NFI-button:hover{ background-color: #688123;}
/********/

.btn-primary, .btn-primary:visited, .btn-info, .btn-info:visited{
	font-size: 1.2em;
	font-size: 1.2rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: normal;
	display: inline-block;
	margin: 0;
	padding: 6px 28px;
	cursor: pointer;
	text-decoration: none;
}

.formulario .btn-primary{ min-height: 35px;}
.btn-primary, .btn-primary:visited{
	background-color: #7b982a;
	border: 1px solid #7b982a;
}
.btn-primary:hover{
	background-color: #688123;
	text-decoration: none;
}
.btn-info, .btn-info:visited{
	background-color: #e0992d;
	border:1px solid #e0992d;
}
.btn-info:hover{ background-color:#ca8a28;}

#adicional{
	background-color: #f3f3f3;
	padding:15px 0 5px;
	text-align:center;
}
#adicional li{ line-height:20px; margin:0 20px 10px;}
#adicional li img{ margin-right:5px;}
.content-iframe iframe{ vertical-align:top; width:100%;}


/***** Login y Registro *****/
form.formulario-reg label{ line-height:30px; width:110px;}
form.formulario-reg input[type="text"], form.formulario-reg input[type="password"],
form.formulario-reg .form-select, form.formulario-reg textarea, .NFI-wrapper{ width:60%;}

form.formulario-reg.last label{ width:130px;}
form.formulario-reg .block-form{ margin-left:110px;}
form.formulario-reg .block-form-last{ margin-left:130px;}
.btn-recuperar{
	color: #7b982b;
	text-decoration: underline;
	cursor: pointer;
}
.btn-recuperar:hover{ text-decoration: none;}


/***** Preguntas frecuentes *****/
#faq{ padding-bottom:60px;}
#faq dt{ line-height:26px; display:table; width:100%;}
#faq .num, #faq .faq{
	vertical-align:top;
	display: table-cell;
	padding-bottom:15px;
}
#faq .num{
	font-size: 4.8em;
	font-size: 4.8rem;
	color: #df992c;
	font-weight: 700;
	padding:5px 20px 15px 0;
	width: 20px;
}
#faq .faq{
	font-size: 2.4em;
	font-size: 2.4rem;
	font-weight: 500;
	line-height:30px;
}
#faq dd{ padding-bottom:60px;}



/***** TEXTOS *****/
h2, h3, h4, h6, .text-h2, .text-18{
	color: #4a4a4a;
	font-weight:700;
	margin-bottom: 20px;
}
h1, .text-24{
	font-size: 2.4em;
	font-size: 2.4rem;
	font-weight:700;
	margin-bottom:40px;
}
h2, .text-h2{
	font-size: 2.8em;
	font-size: 2.8rem;
}
h3{
	font-size: 2.1em;
	font-size: 2.1rem;
	padding-top:4px;
}
.text-18{font-size: 1.8em;}
.text-36{
	font-size: 3.6em;
	font-size: 3.6rem;
	line-height: 40px;
	font-weight: 500;
}
h4, li, p, th, td, dt, dd{
	font-size: 1.2em;
	font-size: 1.2rem;
	color: #4b4b4b;
	line-height: 18px;
}
p{	margin-bottom:25px;}
ul{	list-style: none;}
li{ margin-bottom:10px;}

table{
	margin: 0;
	border: 0;
	border-collapse: collapse;
}
.borrar{clear: both;}

.text-12{font-size:1.2em;font-size:1.2rem; display:block;}
.text-13{font-size:1.3em;font-size:1.3rem;}
.text-14{font-size:1.4em;font-size:1.4rem;}
.text-16{
	font-size: 1.6em;
	font-size: 1.6rem;
}
.text-18{
	font-size: 1.8em;
	font-size: 14px;
}
.text-24{
	font-size: 2.4em;
	font-size: 2.4rem;
}
.text-right,.editable .text-right{ text-align:right;}
.text-center,.editable .text-center{ text-align:center;}


/***** 	CONTENIDO EDITABLE *****/
.editable img{ border:1px solid #e3e3e3;}
.img-editable img{ float:right; margin:0 0 30px 60px;}
.img-editable h3{ clear:both;}
.editable ul {
	list-style-image: url(/imagenes/sitio/vineta.gif);
	margin: 0 0 10px 30px;
	padding-bottom:1px;
}
.editable ul ol{
	list-style-image: none;
	list-style-type: decimal;
}
.editable ol {
	margin: 10px 0 10px 20px;
	padding-bottom:1px;
}
.editable li {
	margin-bottom:15px;
}
.editable ol ul,.editable ul ol {
	margin: 10px 5px 10px 30px;
}
.editable li, .editable p {
	line-height: 20px;
}
.editable table {
	width: 100%;
	margin: 0 0 20px 0;
}
.editable .noticia-right ul{
	list-style-image: none;
	list-style-type: none;
}
.tr-color{ background-color:#eeeeee;}
.editable table th, .editable table td {
	text-align: left;
	vertical-align:top;
}
.editable table th {
	font-weight: 500;
	padding: 10px;
	border-top: 1px solid #cbcbcb;
	border-bottom: 3px solid #cbcbcb;
	white-space:nowrap;
}
.editable .table{
	border-top: 1px solid #cbcbcb;
}
.editable tr td.doc{ width:40px; padding-right:5px;}
.editable tr td {
	padding: 8px 10px;
	border-bottom: 1px solid #cbcbcb;
}
/*.editable tr:last-child td {
	border-bottom: none;
}*/
.editable table tbody tr:hover td {
	background-color:#f6fafd;
}
.editable table td a:visited {
	color: #660099;
}
.editable td img{ border:none; padding:0;}
.separacion{
	padding-top: 20px;
	border-bottom: 1px solid #cbcbcb;
	margin-bottom: 20px;
}
/*** Pop-up ***/
.pop-up {
    display: none;
    /*background: url(../imagenes/sitio/overlay.png) ;*/
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}
.center-pop {
    display: table;
    height: 100%;
    width: 100%;
    padding: 2% 0;
    margin: 0 auto;
}
.middle-pop {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    position: relative;
}
.contenido-pro {
	max-width: 600px;
	width: 90%;
	background: #fff;
	margin: 50px auto;
	/*border-radius: 10px;*/
	position: relative;
	padding: 30px;
	border: 1px solid #e7e7e7;
	box-shadow: 0 3px 24px rgba(0, 0, 0, 0.49);
	
}
/*.contenido-pop {
	max-width: 600px;
	width: 90%;
	background: #fff;
	margin: 50px auto;
	border-radius: 10px;
	position: relative;
	padding: 20px 0;
	box-shadow: 0 0 10px #000;
}*/
.pop-up li .btn-primary {
	padding: 6px 18px
}
.pop-up .btn-close{
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	background-color: #7b982b;
	text-align: center;
	width: 20px;
	height: 20px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}
.pop-up .btn-close:hover{
	color: #7b982b;
	background-color:#FFF;
	border: 2px solid #7b982b;
}
#opciones-despacho {
	display:table;
	width: 100%;
	margin-bottom: 40px;
}
#opciones-despacho li {
	line-height: 19px;
	background-color: #f9f9f9;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width: 33.33%;
	height: 120px;
	text-align: center;
	border-right: 10px solid #FFF;
}
#opciones-despacho li:last-child {
	border: none;
}
#opciones-despacho li label.css-label {
    display: inline-block;
    width: 100%;
    float: none;
    text-align: center;
    line-height: 120px;
    height: 120px;
}


input[type=radio].css-checkbox{
	display: none;
}
input[type=radio].css-checkbox + label.css-label{
	/*padding-left: 27px;*/
	width:auto;
	height: 19px;
	display: inline-block;
	line-height: 19px;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
}
input[type=radio].css-checkbox:checked + label.css-label span{
	background-position: 0 -19px;
}
label.css-label span{
	display:inline-block;
	vertical-align: top;
	width: 19px;
	height: 19px;
	margin:-2px 6px 0 0;
	background-image: url(/imagenes/sitio/cssradiobutton.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#opciones-despacho li input[type=radio].css-checkbox:checked + label.css-label { background-color: #fff2de;}
#opciones-despacho li label.css-label span { vertical-align: middle;}

.datos-compra label{
	float: left !important;
	width: 130px;
	line-height: 30px;
}
.datos-compra{ max-width: 790px; padding-top:40px; margin:0 auto;}
.datos-compra .form-b { margin: 0 20px 0 130px;}
.datos-compra .form-b .input { width: 100%;}



.info-despacho{
	padding: 30px;
	background: #fef2de;
	margin-bottom: 40px;
}
.info-despacho p{
	margin: 0 0 20px 0;
	font-size: 15px;
	color: #707070;
}
.info-despacho p:last-child{
	margin: 0;
}
.info-despacho .txt-upp{
	text-transform: uppercase;
	font-weight: 500;
}
.despacho-directo{
	border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.despacho-directo p{
	font-size: 15px;
}
.despacho-directo p .btn-primary{
	margin-left: 10px;
	cursor: pointer;
}
.cambiar-direccion{
	padding: 20px 0;
}
.cambiar-direccion form{
	max-width: 700px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}
.cambiar-direccion form > div{
	position: relative;
}
.cambiar-direccion h3{
	margin-bottom: 30px;
}
.cambiar-direccion label{
	float: none;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
}
.cambiar-direccion input[type="text"], .cambiar-direccion input[type="password"], .cambiar-direccion textarea, .cambiar-direccion select{
	width: 100%;
	margin-bottom: 0;
}

.despacho-pais form{
	max-width: 900px;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}
.despacho-pais form div:nth-child(2){
	grid-column: 1 / 2;
	grid-row: 2 / 2;
}
.despacho-pais form div:nth-child(4){
	grid-column: 2 / 3;
	grid-row: 2 / 2;
}
.despacho-pais form div:nth-child(5){
	grid-column: 3 / 4;
	grid-row: 2 / 2;
}



/********** RESPONSIVE **********/

@media screen and (max-width: 1210px) {
.center {width: 960px;}
header #header{ height: 180px;}
#telefono{
	background: none;
	height: auto;
	padding-left: 0;
	top: auto;
	bottom: 28px;
	left: 0px;
}
#telefono li, #telefono li:last-child{
	color:#4b4b4b;
	font-size: 1.2em;
	font-size: 1.2rem;
}
#atencion{
	padding-left: 0;
	top: auto;
	right:auto;
	bottom: 28px;
	left:100px;
}
#atencion li{ vertical-align:top; display: inline-block; padding:0 20px;}
#atencion .horario-top, #atencion .email-top{ background:none; height:auto;}
#atencion .email-top{ padding-top:0; border-left: 1px solid #e5e5e5;}
#atencion .email-top span{ display: table;}

#contenido-productos #productos .productos{ width:33.3%;}
}

@media screen and (max-width: 980px) {
.center { width: 930px;}

.despacho-pais form{
	display: block;
}
.despacho-pais form div{
	margin-bottom: 20px;
}

}
@media (min-width: 768px) and (max-width: 967px) {
.center { width: 724px;}
}
@media (max-width: 967px) {
#productos .productos{ width:50%; padding:0 2% 50px;}
.box .listado{ width:100%;}
#direccion-despacho{ width: auto;}
#contenido-productos #productos .productos, #direccion-despacho .box .listado{ width:50%;}

footer .center {
    background: url(/imagenes/template/logo-footer.png) center 0 no-repeat;
	padding-top:100px;
}

.login-registro .inline-block li{ display:block; padding:0 0 10px;}
.tit-producto{ padding-right:0;}
.search-producto{ position:relative; width:100%; padding:15px 0 0; bottom: auto;}
.search-producto fieldset{ margin:0 -1%;}
.search-producto li{ width:48%; margin:0 1%}
}
@media (max-width: 767px) {
.despacho-directo p .btn-primary{
	margin: 20px 0;
    display: block;
    width: max-content;
}
.center { width: 670px;}
.contenido-left, .imagen-gal{ float:none;}
.contenido-left{ width:auto;}
.imagen-gal{ margin:0 auto;}
.box { font-size: 0; margin: 0 -1%;}
.galeria figure { padding: 0 1% 15px;}
#categoria{ width:auto; float:none; margin:-40px auto 20px;}
#categoria dl dt{ padding:8px 12px;}
#categoria dl{
	background: rgba(245, 253, 224, 0.9);
	padding: 25px;
	border-right: none;
	margin-bottom: 50px;
}
#contenido-productos{ margin-left:0;}
#gallery-left{ width:60%; margin:0 auto; float:none;}
.contenido-right{ width:auto; float:none;}
.img-editable img{ float:none !important; display:block; margin:0 auto 30px;}

.table-carro td.bp { width: 90px;}
}
@media (max-width: 690px) {
.center { width: 92%;}
.top-show, #btn-group li{ line-height:16px; display:inline-block; vertical-align:top;}
.top-show img{ width:auto; height:16px;}
.top-hide{ display:none;}
#btn-group{ top:15px;}
.btn-primary, .btn-primary:visited, .btn-info, .btn-info:visited { min-height: 30px; padding: 6px 15px;}
#btn-group li.des-user{ margin-left:5px;}
#btn-group li ul{ width:122px; right:0;}
#btn-group li li{ display: block;}

.imagen-gal{ width:80%;}
.listado .resumen { margin-left: 240px;}
.ver-mas { position: relative; top: 0; text-align:right;}

footer .menu-footer{ display:block; text-align:center; padding:4px 0 20px; border-bottom:1px solid #424242; margin-bottom:20px;}
footer .menu-footer li{ display:inline-block; padding:0 10px;}
footer #atencion-footer{ display:block; width:270px; border-left:none; padding: 0 10px; margin:0 auto;}
.pasos li{ margin: 0 10px;}
#forma-pago table{ width:100%; }
#forma-pago table td img{ max-width:94%; height:auto;}
}
@media (max-width: 550px) {
header #top .social-media{
	bottom: -53px;
    position: absolute;
    right: 130px;
}
header #header { height: 150px;}
header #header #logo{ top: 60px;}
#telefono, #atencion{ display:none;}
#productos, #contenido-productos #productos { margin:0;}
#productos .productos, #contenido-productos #productos .productos{ width:100%; padding:0 0 50px;}

#gallery-left{ width:87%;}
.contenido-right .valor li.precio {
    font-size: 5.6em;
    font-size: 5.6rem;
    line-height: 60px;
}
.contenido-right .valor li.precio span {
    font-size: 4.5em;
    font-size: 4.5rem;
}
.contenido-right .valor li.antes {
    font-size: 1.6em;
    font-size: 1.6rem;
}
.contenido-right .valor li.antes strike, .text-36{
    font-size: 2.8em;
    font-size: 2.8rem;
}
.text-36{ line-height:34px;}
.contenido-right .valor li.oferta{ width:50px; height:50px;}
.pasos li{ display:block; margin:10px;}

.login-registro .cuenta { top: 50px;}
}
@media (max-width: 490px) {
#proveedores figure{ width:49%; padding-bottom:20px;}
#proveedores figure:last-child{ padding-bottom:0;}
#direccion-despacho .box .listado{ width:100%;}

#form1 td label { display:block; text-align: center;}
.datos-compra label {
	text-align: left;
	display: block;
    float: none !important;
    width: auto;
    line-height: 30px;
}
.datos-compra .form-b {
    margin: 0;
}
.info .text-14 { width: 80%; padding-right:0;}
}
@media (max-width: 480px) {
header #top ul{ text-align:center; padding:9px 0;}
header #top li{ padding: 3px 6px;}
.imagen-gal{ width:100%;}
.galeria{ display:none;}
.login-registro form{ width:220px; margin:0 auto 30px;}
.login-registro .inline-block li{ width:100%;}
.login-registro .cuenta{ width:180px; position:relative; top:auto; margin:0 auto;}
.login-registro .inline-block li .btn-primary{ display:block; margin:0 auto;}
}
@media (max-width: 440px) {
.box .listado{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:20px;}
.box .listado:last-child{ border-bottom:none; }
.listado img{ display:none;}
.listado .resumen{ margin-left:0; min-height:100px;}

form.formulario-reg label{ text-align:left; float:none;}
form.formulario-reg input[type="text"], form.formulario-reg input[type="password"],
form.formulario-reg .form-select, form.formulario-reg label,  form.formulario-reg textarea, .NFI-wrapper{ width:100%;}
form.formulario-reg .block-form-last, form.formulario-reg .block-form{ text-align:center; margin-left:0;}

#gallery-left{ width:100%;}
.contenido-right .valor li.precio {
    font-size: 3.6em;
    font-size: 3.6rem;
    line-height: normal;
}
.contenido-right .valor li.precio span {
    font-size: 2.6em;
    font-size: 2.6rem;
}
.contenido-right .valor li.antes {
    font-size: 1.2em;
    font-size: 1.2rem;
}
.contenido-right .valor li.antes strike {
    font-size: 1.7em;
    font-size: 1.7rem;
}
.contenido-right .valor li.oferta {
    width: 45px;
    height: 45px;
	top:-10px;
}
#adicional li{ display:block; text-align:left;}
.content-iframe{ background-color:#f3f3f3; padding:0 10px;}
}

@media screen and (max-width: 680px) {
/* Force table to not be like tables anymore */
.table-responsive table, .table-responsive thead, .table-responsive tbody,
.table-responsive th, .table-responsive td, .table-responsive tr {
	display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.table-responsive thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.table-responsive tr, .editable .table-responsive tr  { border: 1px solid #ccc; }
.table-responsive td, .editable .table-responsive td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
}

.table-responsive td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 12px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
}

.table-carro .web, .table-responsive td.bp{ display:none;}

.cambiar-direccion form{
	grid-template-columns: 1fr;
}

}