@import url('https://fonts.googleapis.com/css?family=Lato:300,700|Merriweather:400,700&display=swap');

@charset "utf-8";

body, .textarea-form-grnal, button, .goog-te-gadget-simple .goog-te-menu-value {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
h1, h2, h3, h4, h5, h6, #pie-empresa, a.menuprodhor-li1, #zonaIntro {
  font-family: 'Merriweather', sans-serif;
  font-weight: bold;
}

a.menucorp-li1, a.menucorp-li2, a.menucorp-li3, a.menuprodhor-li2, a.menuprodhor-li3, a.nivel1, a.nivel2, a.nivel3 {
  font-family: 'Merriweather', sans-serif;
}
[class^="button-"] {
  font-weight: bold;
  font-family: 'Merriweather', sans-serif;
  border-radius: 0!important;
  -webkit-border-radius: 0!important;
}
[class^="button-"]:before {
  font-weight: normal;
}
.prfo-me-gusta {
	text-align: left!important;
	margin-top: 8px!important;
}
.contenedor {
    clear: both;
    display: table;
    width: 100%;
}
.tabla-carrito {
	width: 100%;
}
.tabla-carrito input[type="text"] {
	line-height: 30px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    width: 60px;
}
.tabla-carrito .comprar {
	display: block;
	line-height: 30px;
	border-radius: 4px;
    -webkit-border-radius: 4px;
}
.tabla-carrito .comprar:before {
	font-size: 16px
}
.contenedor {
    clear: both;
    /*max-width: 1020px;*/
	max-width: 1200px;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    font-size: 0;
    background:none!important
}
.bx-wrapper a:hover {
    text-decoration: none;
}
.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before {
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
    display: block;
    line-height: 32px;
    width: 32px;
    font-size: 20px;
    text-align:center;
}
.bx-wrapper .bx-prev:before {
    content: "\e634";
}
.bx-wrapper .bx-next:before {
    content: "\e637";
}
.bx-wrapper .bx-prev:before,
.bx-wrapper .bx-next:before {
    color:#ffffff!important;
    background-color:rgba(0,0,0,0.5)!important;
}
.no-padding {
	padding: 0 !important;
}
[class^="col-"], [class*=" col-"] {
 	display: block;
 	float: left;
 	padding: 10px;
}
.col-12 {
	width: 100%;
}
.col-8 {
	width: 66.66%;
}
.col-6 {
	width: 50%;
}
.col-4 {
	width: 33.33%;
}
.col-3 {
	width: 20%;
}
.col-2 {
	width: 16.67%;
}
.md-visible-block {
	display: none;
}
.md-visible-inline-block {
	display: none;
}
.xs-visible-block {
	display: none;
}
.xs-visible-inline-block {
	display: none;
}
.display-none {
	display: none;
}
.contenedor.full-width {
    width: 100%;
    max-width: 100%;
}
#showMenuBtn {
	background-color: #cb933f;
	border: 1px solid #cb933f;
	color: #ffffff;
}
#zona0 {
	background-color: #000000;
	color: #cb933f;
	font-weight: bold;
}
#zona0 p {
	margin: 0;
	font-size: 14px;
	line-height: 22px;
	/* text-transform: uppercase; */
}
#zona0 .b {
	text-align: right;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
}

#cont-banner {
    padding: 0;
}

.cab-colpie {
    border-bottom: 0;
    color: #ffc625;
    padding: 0;
    font-size: 18px;
    letter-spacing: 0.5px;
}
#zona7 .cab-colpie {
	display:none;
}
#zona5 .cab-colpie {
	color: #ffffff;
	width: 100%;
	text-align: left;
}
body, p {
    font-size: 15px;
}
#zona4c h4 {
    padding: 10px 0 10px 0;
    font-size: 18px;
    font-weight: normal;
    color: #000;
    text-align: left;
}
#zona1 {
	height: auto;
	padding: 20px 0;
	background-color: #f1f1f1;
}
#bottom {
	    float: left;
    width: 100%;

}
#prfo-pie-des {
    text-align: center;
    width: 100%;
}
#zona4 {
	padding: 30px 0;
}
#zona7 {
    padding: 20px 0;
}
h1 {
	    color: #000000;
	    font-size: 22px;
	    line-height: 1.2;
}
#prfo-nav + h1 {
	display: none;
}
#prfo-nav {
    font-size: inherit;
    padding: 0 10px;
}
#zona5 {
	padding: 40px 0;
	color: #eeeeee;
	text-align:center;
	background-image: url(bg-04.jpg);
	background-size: cover;
	background-position: center center;
}
#zona5 h2 {
	color: #ffc625;
	font-size: 24px;
}
#zonaIntro {
	background-color: #e8ad53;
	padding: 30px 0;
	color: #000000;
	background-image: url(bg-03.jpg);
	background-position: center;
	background-attachment: fixed;
	position: relative;
}
#zonaIntro .contenedor {
	max-width: 800px!important;
	min-width: 0!important;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-size: 18px;
	line-height: 1.2;
}
#zonaIntro:before {
	content:"";
	display: block;
	background-color: #cb933f;
	opacity: 0.8;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
}
#zonaIntro b {

color: #ffffff;

font-size: 22px;

text-transform: none;

margin-top: 5px;

display: block;
}
#zonaForm {
	width: 100%;
	position: relative;
	background-color: #000000;
	background-size: cover;
	text-align: center;
	background-image: url(bg02.jpg);
	background-position: center;
	background-attachment: fixed;
	color: #ffffff;
	}
#zonaForm:before {
	content:"";
	display: block;
	background-color: #1d1d1d;
	opacity: 0.8;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
}
#zonaForm .contenedor {
	padding: 40px 0;
	margin: auto;
	text-align: center;
	position: relative;
}
#zonaForm input,
#zonaForm .input {
	width: 100%;
	border:0;
	min-height: 68px;
}
#zona7 {
    padding: 40px 0;
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: #ffffff;
}
#zona4c {
    padding: 15px 0;
    width: 100%;
    margin: auto;
    display: inline-block;
    float: none;
}
#zona5 .cab-colpie:before {
    content: "\e603";
    font-family: 'icomoon';
    margin-right: 4px;
    font-size: 14px;
    font-weight: normal;
    background-color: #cb933f;
    color: #1d1d1d;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
}
.celda-listado-productos.celda-noticias h1 a {
    font-size: 18px;
    color: #000000;
}
#pie-empresa {
	display:none;
}

footer .pie-email:before,
footer .pie-telefono:before,
footer .pie-direccion:before {
    color: #dddddd;
    border: 1px solid #7a7a7a;
    width: 24px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    position: relative;
    top: 2px;
    -webkit-border-radius:50%;
    border-radius:50%;
}
#lista-redes {
	margin-left: 2px;
}
#lista-redes #iframe-fb {
    clear: none;
}
#lista-redes li {
    margin: 0 2px;
    display: inline-block;
    float: none;
}
#lista-redes li img {
    top: 2px;
    height: 16px;
    margin: 0 0 0 2px;
    position: relative;
}

#header-phone div {
	display: inline-block;
	font-weight: bold;
}

#zona3 {
    position: relative;
    background-image: url(bg01.jpg);
    background-position: bottom center;
    background-size: auto 480px;
 }
#pie-datos {
	    /* font-weight: bold; */
}
#zona9 {
	    background-color: #eef7ff;
	    padding: 40px 0;
}
#zona9 h2 {
	font-size: 22px;
	text-align: center;
	color: #2196f3;
}
#zona9 .list {
	max-width: 640px;
	margin: auto;
}
#zona9 p {
	line-height: 30px;
	position: relative;
	padding-left: 40px;
}
#zona9 i {
	height: 30px;
	width: 30px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#zona9 .icon-01 {
	background-image: url(icon-01.png);
}
#zona9 .icon-02 {
	background-image: url(icon-02.png);
}
#zona9 .icon-03 {
	background-image: url(icon-03.png);
}
#zona9 .icon-04 {
	background-image: url(icon-04.png);
}
#zona9 .icon-05 {
	background-image: url(icon-05.png);
}
#zona9 .icon-06 {
	background-image: url(icon-06.png);
}
#zona9 .icon-07 {
	background-image: url(icon-07.png);
}
#zona9 .icon-08 {
	background-image: url(icon-08.png);
}
#zona10 {
	    background-color: #ffffff;
	    color: #333333;
	    padding: 60px 0;
	    text-align: center;
}
#zona10 h2 {
	font-size: 26px;
	text-align: center;
	color: #333333;
	margin:;
}
#zona10 h2:after {
	content:"";
	display: block;
	height: 2px;
	width: 120px;
	margin: 10px auto;
	border-top: 2px solid #cb933f;
	border-bottom: 2px solid #cb933f;
}
#zona10 i {
	height: 60px;
	width: 100%;
	display: block;
	top: 0;
	left: 0;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
}
#zona10 .item-01 {
	background-image: url(item01.png);
}
#zona10 .item-02 {
	background-image: url(item02.png);
}
#zona10 .item-03 {
	background-image: url(item03.png);
}
#zona10 .item-04 {
	background-image: url(item04.png);
}
#zona10 .item-05 {
	background-image: url(item05.png);
}
#cont-pie > div {
    width: 100%;
}
.button-b, a.button-b:link, a.button-b:hover, a.button-b:active, a.button-b:visited {
    background-color: transparent;
    color: #000000;
    border: 2px solid #e8ad53;
    text-transform: uppercase;
}
#zona5 .title {
	margin: 0 0 10px 0;
	font-weight: bold;
	text-transform: uppercase;
}
.price {

display: inline-block;

width: 240px;
}
.price b {

line-height: 60px;

float: left;

font-size: 60px;

width: 50%;

text-align: right;
}
.price > span {
	float:left;
	line-height: 15px;
	width: 50%;
	text-align:left;
	font-size: 12px;
	color: #ccc;
	padding-left: 10px;
}
.price .b {
	color: #ffffff;
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
}
.price .b span {
	font-weight: normal;
}
.contact-form {
	text-align:center;
	padding: 10px;
	max-width: 640px;
	display: inline-block;
	float: none;
	}
.contact-form h2 {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.2;
	font-size: 26px;
	color: #ffffff;
}
.contact-form .box {
	position: relative;
	padding: 4px;
}
.contact-form label {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 14px;
	color: #000000;
}
.contact-form input[type="text"],
.contact-form input[type="int"],
.contact-form input[type="date"],
.contact-form .input {
	line-height: 36px;
	height: auto;
}
.contact-form input[type="text"],
.contact-form input[type="int"],
.contact-form textarea,
.contact-form input[type="date"],
.contact-form .input {
	width: 100%;
	padding: 25px 10px 5px 10px;
	border: 1px solid #ffffff;
	float: left;
	font-weight: bold;
	font-size: 16px;
	background-color: #ffffff;
	border-radius: 0;
	-webkit-border-radius: 0;
	font-family: inherit;
}
.contact-form .input select {
	border: 0!important;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
.contact-form input[type="submit"] {
	display: inline-block;
	float: none;
	font-size: 20px;
	margin: 10px 0;
	color: #ffff;
	width: auto!important;
	min-width: 320px;
}
.contact-form textarea {
	padding-top: 30px;
}
#zonaForm input[type="checkbox"] {line-height: 20px;height: auto;width: auto;}
.contact-form input[type="checkbox"] + small {

color: #ffffff;
}
#condiciones {
    border: 0;
    font-size: 12px;
    padding: 0;
}
#zona3b {
    padding: 0 20px;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    transform: scale(1.6);
}
.bx-wrapper .bx-prev {
    transform-origin: left center;
    left: 0 !important;
}
.bx-wrapper .bx-next {
    transform-origin: right center;
    right: 0 !important;
}

.bx-wrapper .bx-prev:before {
    content: "\e638";
}
.bx-wrapper .bx-next:before {
    content: "\e63b";
}
.bx-wrapper .bx-pager.bx-default-pager a {
	position: relative;
	top: -10px;
	background: #ffffff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ffffff;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover:before,
.bx-wrapper .bx-pager.bx-default-pager a.active:before {
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #cb933f;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
color {
	color: #cb933f;
}
#zonaBanner {
	display: none;
}
.home #zonaBanner {
	display: table;
	width: 100%;
}


@media screen and (min-width: 980px) {
	.lg-hidden {
		display: none!important;
	}
	.pie-telefono:before {
		color: #ffffff;
	}

	#zona4c .colpie4 {
	    width: 33.33%;
    margin: 15px 0;
}
	a.menuprodhor-li1.button-a {
		min-width: 0;
		border: 0;
		padding: 0 8px;
		font-size: 18px;
		line-height: 40px;
		background-color: transparent;
		color: #ffffff;
		text-transform: none;
		letter-spacing: 0;
	}
	a.menuprodhor-li1:hover, .menuprodhor li:hover > a.menuprodhor-li1 {
		background-color: #cb933f;
		color: #000;
	}
	a.menuprodhor-li2:hover, a.menuprodhor-li3:hover {
		color: #cb933f !important;
	}

	#zona3b nav {
	    margin: 50px 0;
	    padding: 0;
	}
	#zona3 {
    padding: 15px 0;
 }
	#pie-datos {
    display: table;
    text-align: center;
    width: 100%;
}
.pie-direccion, .pie-telefono, .pie-email {
    float: none;
    display: inline-block;
    margin: 0 10px;
}
#zona3 {
    overflow: visible;
}
}
@media screen and (max-width: 980px) {
 	.col-md-12 {
 		width: 100%!important;
 	}
 	.col-md-8 {
		width: 66.66%!important;
	}
	.col-md-6 {
		width: 50%!important;
	}
	.col-md-4 {
		width: 33.33%!important;
	}
	.col-md-3 {
		width: 25%!important;
	}
	.md-hidden {
		display: none!important;
	}
	.md-visible-block {
		display: block!important;
	}
	.md-visible-inline-block {
		display: inline-block!important;
	}
	#pie-empresa {
    font-size: 18px!important;
	}
	.menuprodhor li ul {
    margin: 0;
}
#zona0 p {
    text-align: right;
	}
	#zona0 .a {
 padding: 15px 10px;
 }
	#zona0 .b {
    padding-top: 0;
    display: none;
 }
	#zona9 {
	    padding-left: 20px;
    padding-right: 20px;
}
#zona0 {
    color: #ffffff;
}
#zona0 :before {
    color: #cb933f;
}

}

@media screen and (max-width: 640px) {
 	.col-xs-12 {
 		width: 100%!important;
 	}
 	.col-xs-8 {
		width: 66.66%!important;
	}
	.col-xs-6 {
		width: 50%!important;
	}
	.col-xs-4 {
		width: 33.33%!important;
	}
	.col-xs-3 {
		width: 25%!important;
	}
	.xs-hidden {
		display: none!important;
	}
	.xs-visible-block {
		display: block!important;
	}
	.xs-visible-inline-block {
		display: inline-block!important;
	}
	#cont-pie > div {
    margin: 0;
}

}
/* @miguel color del google transtlate */
.goog-te-menu-value
{
  colo: #cb933f;
}

/* @alejandro Personalizaciones. */
.divApps
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.divApps img
{
	width: 6.5rem;
	height: auto;
}