/* comun */
a,.active{color: #ff2229;}/*ff2229*/
a:hover,a:focus,a:active{color: #000000;text-decoration: none;}/*#000000*/
.anchomostrar{max-width: 1170px;margin: 0px auto;}
.anchomargen{padding-right: 10px;padding-left: 10px;}
.famed{font-size: 70%;}
.boton{
	background-color: #427ED1;
	color: #f0f0f0;padding: 5px 14px;
	border-radius: 20px;
}
.boton:hover,.boton:focus{color: #ffffff;}
.botoncomprar{
	background-color: #ff2229;
	color: #f0f0f0;padding: 5px 14px;
	border-radius: 20px;
}
.botoncomprar:hover,.botoncomprar:focus{color: #ffffff;}

/* titulos */
h1{padding: 10px 15px;background-color: #f0f0f0;color: #909090;;font-size: 20pt;border-radius: 5px;}
h2{padding: 10px 15px;background-color: #f0f0f0;color: #909090;;font-size: 16pt;border-radius: 5px;}
.dbloquesel{margin-bottom: 15px;}
.dbloqueselcon{padding: 15px;margin-bottom: 15px;background-color: #ffffff}
.bloquesel{display: block;background-color: #000000;padding: 4px 10px;color: #f0f0f0;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;transition: opacity 200ms linear, color 200ms linear;}
.bloquesel{color: #ffffff;text-decoration: none;}
.bloquesel:hover,.bloquesel:active,.bloquesel:focus{background-color: #000000;color: #ffffff;text-decoration: none;}
.bloquecon{padding: 0px 15px;}


/* cabecera barrasuperior*/
.barrasuperior{background-color: #f0f0f0;border-top: 2px #909090 solid;margin-bottom: 0px;border-radius: 0px;}
.slogan div{color: #c0c0c0;padding: 15px;font-size: 86%;}
.loginsuperior{background-color: #f0f0f0;padding: 15px;min-width: 220px;}
.loginsuperior input{margin-bottom: 4px;background-color: #f0f0f0}
.loginsuperior .loginremen{font-size: 80%;float: left;padding-top: 10px;}
.loginsuperior .loginrecuerdo{font-size: 80%;color: #909090;}
.loginsuperior .loginboton{margin: 10px;text-align: right;}
.loginsuperior .loginregistrarse{font-size: 80%;margin: 10px;text-align: right;padding-top: 10px;border-top: 1px #d0d0d0 solid;}
.cestaitems{background-color: #f0f0f0;padding: 15px;min-width: 220px;}
.cestaitems .vercesta{font-size: 80%;margin: 10px;text-align: right;}
.showmob{display: none;}

/* cabecera */
#cabeceramenu{min-height: 145x;}
.logo{min-width: 240px;text-align: left;padding: 15px 0px;}
.navcabecera{background-color: #f8f8f8;border-color: #e7e7e7;}
#lgs .dropdown-menu{background-color: #f0f0f0!important;}
.cabecerafija{position: fixed;top: 0px;z-index: 9999;width: 100%;box-shadow: 4px 4px 4px #e0e0e0;}
.navbar-header button{border: 1px #c0c0c0 solid;margin-top: 20px;font-size: 150%;margin-bottom: 20px}
.cajabuscar input{margin-top: 20px;}
.navmob>li{float: right;}

/* menu superior */
.itemgrupo{font-weight: bold;padding-left: 10px;}
.itemmenu{padding-top: 33px!important;padding-bottom: 35px!important;border-top: 2px #f8f8f8 solid;}
.active .itemmenu,.itemmenu:hover{border-top: 2px #ff2229 solid;}

	/* categorias horizontal */
	.menuhorizontal{position: absolute;}
	.menuhorizontal ul{min-width: 100%;}
	.menuhorizontal .itemgrupo{clear: both;min-width: 110px;}
	.menuhorizontal .itemgrupo:after{content: ':'}
	.menuhorizontal .itemgrupoline{width: 100%;height: 2px;border-top: 1px #d0d0d0 solid;clear: both;}
	.menuhorizontal li{float: left;}
	.menuhorizontal li a,.menuhorizontal .itemgrupo{padding: 6px;}

/* contenido */
#pagewrapper{min-height: 500px;clear: both;}
#section{margin-bottom: 30px;}
/* contenido editor */
.coneditor{margin: 20px 10px;}

/* pie */
#footer{background-color: #303030;color: #e0e0e0;min-height: 300px;}
#footer a,#footer ul{color: #c0c0c0}
#footer a{text-decoration: none;}
#footer a:hover{color: #ffffff;}
#footer .titulopie{font-size: 120%;text-transform: uppercase;color: #a0a0a0;letter-spacing: 1px;}
#footer ul{list-style-type: square;margin: 4px;padding: 4px;}
#footer .ulpieredes{list-style-type: none;}
#footer .ulpieredes li{display: inline-block}
#footer .ulpieredes li a{margin: 4px 6px;font-size: 180%;}

/* pie final */
#sepfooter{min-height: 30px;border-bottom: 1px #404040 solid;}
#subfooter{text-align: center;color: #606060;padding: 30px 20px;}

/* banners */
@keyframes banneranim {
    from{opacity: 1;}
    to{opacity: 0.7;}
}

.banners{padding-top: 30px;padding-bottom: 30px;width: 100%;margin: 0px auto;background-color: #404040;}
.banners a{display: block;margin: 0px auto;text-align: center;}
.banners a img{max-width: 100%;height: auto;margin: 0px auto;}
.banners .bannercontent{overflow: hidden;background-color: #ffffff;margin: 0px auto;text-align: center;}
.banners a:hover{
    -webkit-animation-name: banneranim; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation-fill-mode: forwards;
    animation-name: banneranim;
    animation-duration: 1s;
	animation-fill-mode: forwards;
}
.banners .titulo{
	position: absolute;font-size: 20pt;text-align: center;
	padding: 10px 30px;z-index: 2000;width: 100%;margin: 10px -15px 0px -15px;
	display: block;color: #ffffff;
}

/* carrusel */
.dcarrusel{background-color: #f0f0f0;}
.carrusel h2{margin: 0px;text-align: center;font-size: 14pt;color: #909090;padding: 15px;}
.carrusel .carruimg{text-align: center;}
.carrusel img{max-width: 100%;margin: 10px auto;}
.dcarrusel .bx-wrapper{border: 5px #d0d0d0 solid;}

/* ----------------------------- SECCIONES ----------------------------- */

/* listado de productos */
.listado{margin-top: 15px;}
.listado .producto{min-height: 320px;border: 1px #e0e0e0 solid;margin-bottom: 10px;margin-right: 5px;margin-left: 5px;}
.listado .producto:hover{border: 1px #c0c0c0 solid;}
.listado .producto .cuerpo{padding: 15px;}
.listado .producto .imagen{text-align: center;overflow: hidden;}
.listado .producto h3{font-size: 96%;margin-top: 0px;min-height: 32px;font-weight: bold;}
.listado .descrip{font-size: 96%;margin: 10px 0px;}
.precio{font-size: 140%;margin-top: 4px;margin-bottom: 4px;}
.listado .oldprecio{color: #606060;float: right;}
.tachado{text-decoration: line-through;}
.precio .euro{font-size: 80%;}
.bloqueboton{text-align: center;margin: 10px 0px;}


.etiqueta{margin-top: 10px;position: absolute;margin-left: 10px;background-color: #a0a0a0;}
.etiqueta .ofer:after{content: "oferta"}
.etiqueta .new:after{content: "nuevo"}
.etiqueta .ago:after{content: "agotado"}
.etiqueta .vend:after{content: "vendido"}
.etiqueta .masb:after{content: "el + barato"}
.etiqueta .masr:after{content: "+ Regalo"}
.etiqueta .dest:after{content: "destacado"}
.etiqueta .prom:after{content: "promoción"}
.etiqueta .ulti:after{content: "último"}
.etiqueta .egra:after{content: "envío gratis"}

.pagination {font-size: 120%;}
.pagination {font-size: 120%;}
.pagination li a{color: #427ED1;}
.pagination li a:hover{color: #427ED1;}
.pagination .active a{background-color: #427ED1;border-color: #c0c0c0;}
.pagination .active a:hover{background-color: #427ED1;border-color: #303030;}

.listacategorias{margin-top: 15px;}
.listacategorias .categoria{min-height: 270px;border: 1px #e0e0e0 solid;margin-bottom: 30px;margin-right: 5px;margin-left: 5px;}
.listacategorias .categoria:hover{border: 1px #c0c0c0 solid;}
.listacategorias .categoria .imagen{text-align: center;overflow: hidden;}
.listacategorias .categoria .imagen img{max-width: 280px;max-height: 200px;}
.listacategorias .categoria a h3{font-size: 110%;margin: 0px;padding: 0px;text-align: center;background-color: #808080;min-height: 60px;padding: 15px;}
.listacategorias .categoria a:hover h3{background-color: #606060;}
.listacategorias .categoria a{color: #f0f0f0;display: block;}


/* producto */
.estasen{margin-top: 15px;margin-bottom: 15px;color: #d0d0d0;font-size: 80%;background-color: #A0A0A0;padding: 5px 15px;border-radius: 5px;}
.estasen:before{content: 'Estás en: '}
.estasen a{color: #e0e0e0;margin-left: 4px;margin-right: 4px;text-transform: uppercase;}
.estasen a:hover{color: #ffffff;}
.showfblike{margin: 10px;}
#fichaproducto h1{background-color: transparent;color: #606060;border-bottom: 2px #d0d0d0 solid;font-size: 160%;}
#fichaproducto .referencia{color: #909090;}
.fichaimages{padding-bottom: 30px;}
.fichaimages #zoomficha{max-width: 100%;}
.fichaimages #zoomgal1ery a{border: 1px #e0e0e0 solid;display: inline-block;margin: 4px;padding: 4px;}
.fichaimages #zoomgal1ery a:hover{border: 1px #909090 solid;}
.fichaimages #zoomgal1ery img{max-width: 120px; height: auto;}
.modoSHP .bloqueboton{margin: 20px;}
.modoSHP .botoncomprar{font-size: 120%;padding: 10px 15px;}
#fichaproducto .adjunto{margin: 20px 0px;font-style: italic;color: #606060;}
#fichaproducto .addhtml{margin: 20px 0px;text-align: center;}

.tablavari{margin-bottom: 10px;}
.tablavari th{border-bottom: 1px #909090 solid;text-align: left}

.solapas{margin-top: 10px;margin-bottom: 30px;}
.solapas ul{display: table;list-style-type: none;margin: 0px;padding: 0px;border-bottom: 1px #c0c0c0 solid;width: 100%;}
.solapas li{float: left;margin: 0px;padding: 0px;margin-right: 10px;margin-left: 10px;margin-bottom: -1px;}
.solapas li a{
	display: block;padding: 10px 30px 10px 30px;text-decoration: none;color: #707070;
	border-right: 1px #c0c0c0 solid;border-top: 1px #c0c0c0 solid;border-left: 1px #c0c0c0 solid;border-bottom: 1px #c0c0c0 solid;
}
.solapas li a:hover{background-color: #f0f0f0;}
.solapas li.cur a{border-bottom: 1px #ffffff solid;}
.solapacontent{margin: 10px;min-height: 200px;}

.relacionados{margin: 10px 0px;}

/* comentarios */
h2.tituloproducto{
	display: block;
	font-size: 12pt;margin: 10px 0px;padding: 8px;
	color: #ffffff;text-decoration: none;
	font-weight: normal;
	background-color: #a0a0a0;
	color: #ffffff;
	padding: 4px 10px 4px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.bloquecomentarios{clear: both;margin-top: 10px;margin-bottom: 20px;overflow: auto;}
.dejaopinion{margin: 10px 0px;}
.comentario{clear: both;border-top: 1px #e0e0e0 solid;margin-bottom: 10px;padding: 10px;}
.estrellas{margin: 6px 0px;font-weight: bold;}
.estrellastitulo{padding-top: 4px;padding-right: 10px;}
.estrellas .fa{font-size: 160%;text-shadow: 1px 1px #909090;color: #909090;}
.estrellas .yellow{color: #E0DB05}
.comenuser{font-weight: bold;}
.comenuser .comenfecha{margin-right: 10px;font-style: italic;color: #606060}
.comentext{margin-left: 20px;padding: 10px;background-color: #d0d0d0;border-radius: 6px;}

#tuopinion{clear: both;}
#tuopinion textarea{width: 286px;height: 60px;max-width: 100%;}

/* fin comentarios */

/* pagina micuenta */
.btnmicuenta{margin: 20px;float: left;text-align: left;width: 350px;white-space: normal;}
.btnmicuenta .fa{font-size: 500%;margin: 6px 6px 6px 15px;float: right;color: #c0c0c0;}
.btnmicuenta .bodycuenta{display: block;padding-right: 80px;}
.btnmicuenta h2{margin-top: 4px;padding-bottom: 4px;font-size: 140%;color: #606060;border-bottom: 1px #c0c0c0 solid;}
.btnmicuenta p{font-size: 90%;}
.estadosolicitud1{background-color: #F1B432;}
.estadosolicitud2{background-color: #66CCFF;}
.estadosolicitud3{background-color: #2F88CA;}
.estadosolicitud4{background-color: #990000;}
.estadosolicitud5{background-color: #F1B432;}
.hojapedido{border: 1px dashed;background-color: #FCFBE4;padding: 10px;}
.hojapedido table{width: 100%;background-color: #ffffff;}
.hojapedido table td{padding: 3px;border: 1px #d0d0d0 solid;}

/* pagina cesta */
#asidecesta{margin-left: 10px;width: 320px;float: right;}
#cuerpocesta{width: 800px;max-width: 100%;float: left;}
#checkoutcesta{margin: 10px;}

table.cesta {width:100%;}
table.cesta th {padding: 3px;}
table.cesta td {border-bottom:1px solid #CCC;text-align:center;padding: 3px;}
table.cesta td.art {text-align:left;padding-left:10px;}
table.cesta td.tdcan {}
table.cesta td.img {width:150px;vertical-align:middle;min-height: 160px;}
table.cesta td.img img{max-width:140px;height: auto;max-height: 140px;height: auto;}
table.cesta a{font-weight: bold;}

.rowdesc{background-color: #FAE443;text-align: right !important;padding: 6px;}
.tdr{text-align: right !important}
.tdsm{background-color: #f0f0f0;text-align:right !important;font-size: 9pt;padding: 3px;}
.tdsml{background-color: #f0f0f0;text-align:left !important;font-size: 9pt;padding: 3px;}
.tdc{background-color: #f0f0f0;font-size: 9pt;padding: 3px;}
.tdstotal{background-color: #f0f0f0;text-align:right !important;font-size: 9pt;padding: 6px;}
.tdportes{background-color: #f0f0f0;text-align:right !important;font-size: 9pt;padding: 6px;}
.tdtotal{font-weight: bold;font-size: 9pt;background-color: #f0f0f0;border-bottom:1px solid #CCC;text-align:right !important;color:#303030;padding: 6px;}
.tdptotal{font-size: 12pt;}
.pad10{padding: 10px;}
.tdborder{padding: 10px;background-color: #f0f0f0}
.pieces{color: #a0a0a0;font-style: italic;margin-top: 10px;margin-bottom: 30px;}

a.bloquecesta{
	display: block;
	font-size: 12pt;margin: 0px;padding: 8px;
	color: #ffffff;text-decoration: none;
	font-weight: normal;
	background-color: #606060;
	color: #ffffff;
	padding: 4px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.botonquantity{padding: 4px;font-weight: bold;float: left;}
.botondel{padding: 4px;margin-left: 10px;float: left;}
.inputquantity{border: 1px #c0c0c0 solid!important;text-align: center;font-size: 9pt;padding: 4px;max-width: 32px;float: left;}

#asidecesta .badge{float: none;display: block;margin-left: 20px;background-color: #c0c0c0;}
.fpagobotoninfo{display: block;float: right;padding: 2px 3px;}
.fpagoinfo{display: none;font-size: 90%;margin-left: 10px;border-left: 1px #c0c0c0 solid;padding-left: 10px;margin-bottom: 10px;}

#realizarpedido{
	margin-bottom: 10px;
}

#botonrealizarpedido{
	display: block;
	font-size: 16pt;
	color: #ffffff;text-decoration: none;
	text-align: center;
	background-color: #BE4A4A;
	color: #ffffff;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#botonrealizarpedido:hover{background-color: #990000;}
.dcapaloading{width: 100px;height: 100px;background: url('../img/loading.gif') no-repeat center;}
.dcapaloadingsm{display: block;float: left;margin-right: 10px;margin-left: 10px;width: 32px;height: 32px;background: url('../img/waiting.gif') no-repeat center;}

#dobser{padding: 10px;}
#dobser textarea{width: 280px;max-width: 100%;height: 60px;}

.solapalogin{margin-top: 10px;margin-bottom: 30px;}
.solapalogin ul{display: table;list-style-type: none;margin: 0px;padding: 0px;border-bottom: 1px #c0c0c0 solid;width: 100%;}
.solapalogin li{float: left;margin: 0px;padding: 0px;margin-right: 10px;margin-left: 10px;margin-bottom: -1px;}
.solapalogin li a{
	display: block;padding: 10px 30px 10px 30px;text-decoration: none;color: #707070;
	border-right: 1px #c0c0c0 solid;border-top: 1px #c0c0c0 solid;border-left: 1px #c0c0c0 solid;border-bottom: 1px #c0c0c0 solid;
}
.solapalogin li a:hover{background-color: #f0f0f0;}
.solapalogin li.cur a{border-bottom: 1px #ffffff solid;}

#checkoutduser .clitd1{text-align: right}
#checkoutduser .clitd1 input,
#checkoutduser .clitd2 input[type=text]{max-width: 100%;width: 180px;}
#checkoutduser .clitr{clear: none;float: left;}


#promos {margin: 10px;}
#promos input{font-size: 10pt;padding: 3px;}
.promoheader{padding: 3px;background-color: #D6D6D6;font-weight: bold;}
.promoline{padding: 3px;background-color: #E8E8E8;}

/* cesta registro */
.btnright{
	float: right;display: block;
	text-decoration: none;
	padding: 4px 10px;
	background-color: #c0c0c0;
	color: #303030;
	border-radius: 6px;
}
.btnright:hover{
	background-color: #a0a0a0;
	color: #000000;
}

/* formularios / contacto */
.bloqueformulario{margin-bottom: 10px;}
.mapagoogle{width: 1120px;max-width: 100%;min-height: 320px;}
.txtsm{margin-top: 2px;font-size: 90%;color: #909090;}
/* responsive */

@media (max-width: 992px){
	.slideranchomax img{width: auto!important;min-height: 400px;}
	.cajabuscar input{margin-top: 0px;}

	.banners .bannercontent{background-color: transparent;}
	.banners .titulo{padding: 30px 20px;}
	.itemmenu{padding-top: 20px!important;padding-bottom: 20px!important;}
	.navlogo{margin-bottom: 30px;}

	#asidecesta{margin-left: 0px;width: 100%;float: none;}
	#cuerpocesta{width: 100%;float: none;}

}

@media (max-width: 768px){
	.hidemob{display: none;}
	.showmob{display: block;}
	.slogan{display: none;}
	.barrasuperior .navbar-right{width: 100%;}
	#lgs{float: left;}
	.barrasuperior li a{text-align: right;}

	.navlogo{min-height: auto;margin-bottom: 0px;}
	.itemmenu{padding-top: 6px!important;padding-bottom: 6px!important;border-top: 2px #c0c0c0 solid;}

	.menuhorizontal{position: relative;}
	.menuhorizontal li{float: none;}

	.bloquefooter{margin-bottom: 15px;padding-bottom: 40px;border-bottom: 1px #606060 solid;}
	.banners .titulo{font-size: 14pt;}

	.slideranchomax img{width: auto!important;min-height: 160px;}
}

@media (max-width: 480px){
	.slideranchomax img{width: auto!important;min-height: 160px;}

}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
    font-family: 'Open Sans', sans-serif;
}
h1{
    font-family: 'Barlow Semi Raleway', sans-serif;}
}
<a href="https://wa.me/ + 34 "sin signo +" + 692652848">Enviar Whatsaap</a>}
}