@charset "UTF-8"; 
/*********************** FUENTES GOOGLE MAPS ***********************/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
/*font-family: 'Outfit', sans-serif;*/

/*********************** GENERAL ***********************/
body { padding: 0; margin: 0; font-family: 'Outfit', sans-serif; padding-top: 42px; }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; }
.bg { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
p { margin: 30px 0px; font-size: 18px; line-height: 24px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil { display: none!important; }
.preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 100; }
.status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url('https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif'); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; }
section { position: relative; }
::selection { background: #007e72; color: #fff; }
::-moz-selection { background: #007e72; color: #fff; }
.fancy, iframe { width: 100%; height: 100%; border: none; }
.fancybox-skin { padding: 0!important; }
.flex{ display:flex;}
#reload.displayON { display:block}
#reload.displayOFF {display:none;}
.btn { display: block; margin: 0px auto; width: 230px; padding: 16px 0px; background: #fe924a; border: none; border-radius: 15px; font-size: 20px; line-height: 20px; color: #fff; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btn:hover, .btn:disabled { background-color: #fff; color: #fe924a; transition: 1s; box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.24), 0px 15px 40px 0px rgba(0,0,0,0.19); }

.btnAgenda { position: fixed; bottom: 100px; left: 60px; z-index: 100; margin: 0; display: block; width: 200px; padding: 16px 0px; background: #fe924a; border: 3px solid #fe924a; border-radius: 15px; font-size: 14px; line-height: 14px; color: #fff; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btnAgenda::before { content: ''; width: 210px; height: 15px; border-radius: 10px; background: radial-gradient(#fe924a, transparent); position: absolute; bottom: -8px; left: 50%; margin-left: -105px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btnAgenda:hover::before, .btnAgenda:disabled::before { width: 0; height: 0; bottom: 0; margin-left: 0; }
.btnAgenda:hover, .btnAgenda:disabled { background-color: #fff; color: #fe924a; }
.flotWhats { width: 80px; position: fixed; bottom: 60px; right: 150px; z-index: 100; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; animation: scale 3s alternate infinite ease-in; }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%; float: right; }
.conteLeft { width: 50%; float: left; }

/*********************** ANIMACIONES ***********************/
@keyframes scale { 50% {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
*/

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textJust { text-align: justify; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none!important; }
input.error, select.error, textarea.error { border-color: #f00!important; }

/*********************** H1 - H6 ***********************/
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h1 { font-size: 74px; line-height: 74px; color: #4c4f55; font-weight: 600; font-family: 'Outfit', sans-serif; }
h2 { font-size: 56px; line-height: 56px; color: #238570; font-weight: 700; font-family: 'Outfit', sans-serif; }
h3 { font-size: 44px; line-height: 48px; color: #ffffff; font-weight: 700; font-family: 'Outfit', sans-serif; }
h4 { font-size: 38px; line-height: 44px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; }
h5 { font-size: 28px; line-height: 34px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; }
h6 { font-size: 20px; line-height: 24px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; }
.upper { text-transform: uppercase; }
.bold { font-weight: 700; }
sup { font-size: 0.5em; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerTop { padding-bottom: 5px; background: #69a936; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerTop li { height: 40px; display: table; }
.headerTop li:nth-child(2) { text-align: right; }
.headerTop p, .headerTop a { display: table-cell; vertical-align: middle; margin: 0; font-size: 15px; line-height: 30px; color: #fff; font-weight: 400; font-family: 'Outfit', sans-serif; }
.headerTop p img { margin-left: 5px; display: inline-block; width: 50px; position: relative; top: 8px; }
.headerTop .ico { margin-right: 10px; display: inline-block; width: 20px; position: relative; top: 5px; }
.headerTop a { text-transform: uppercase; float: right; margin-top: 10px;}
.headerBot { padding: 20px 0px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerAnima .headerBot { padding: 15px 0px; background: #dce6e5; }
.headerAnima .headerTop li { height: 30px; }
.logo { width: 170px; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.logo2 { width: 170px; margin:auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

.logoAnima { width: 140px; }
.menu { width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.menu li { width: auto; height: 60px; display: table; }
header .menuAnima li { height: 50px; }
.menu li a { padding: 0px 30px; font-size: 18px; line-height: 20px; font-weight: 700; color: #4c4f55; text-align: center; display: table-cell; vertical-align: middle; font-family: 'Outfit', sans-serif; text-transform: capitalize; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li a::after { content: ''; width: 0%; height: 4px; border-radius: 2px; background: #69a936; display: block; margin: 2px auto 0px; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li a:hover::after, .menu .menuActivo::after { width: 90%; }
.conteSearch { width: 350px; float: right; position: relative; }
.conteSearch .conte { position: relative; }
.conteSearch .conte form { margin: 0px auto; width: 100%; position: relative; }
.conteSearch .conte form ::placeholder, .conteSearch .conte form input[type=text], .conteSearch .conte form button { font-size: 15px; line-height: 17px; color: #58585a; font-weight: 300; font-family: 'Outfit', sans-serif; }
.conteSearch .conte form input[type=text], .conteSearch .conte form button { width: 60%; float: right; padding: 15px 20px; background: #fff; border: 3px solid #fff; border-radius: 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition: width 250ms ease-in-out; }
.conteSearch .conte form button { width: 70px; position: absolute; top: 0; right: 0; }
.conteSearch .conte form input[type=text]:focus { width: 100%; }
.btn_movil { float: right; margin: 0; cursor: pointer; margin-top: 4px; z-index: 9; position: relative; }
.btn_movil span { width: 34px; height: 5px; background-color: #fff; margin: 6px 0; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btn_movil.change span:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-8px, 6px); transform: rotate(-45deg) translate(-8px, 6px); background-color: #69a936; }
.btn_movil.change span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-9px, -8px); transform: rotate(45deg) translate(-9px, -8px); background-color: #69a936; }
.btn_movil.change span:nth-child(2) { opacity: 0; }
.slide-menu { right: 0!important; }
.menuActivoHover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 990; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menuActivoHover.activo { display: block; }
.menu.opened { right: 0!important; }
.gracias .seccion1{
   padding:150px 0px 0px 20px;
}
/*********************** HOME ***********************/
.home .seccion1 { padding-top: 50px; background: linear-gradient(to bottom, #dce6e5 0%, #f7f7f7 100%); }
.home .seccion1 .conteTexto { width: 450px; position: absolute; top: 50%; left: 50%; transform: translate(-600px,-50%); }
.home .seccion1 .btn { margin: 20px 0px; width: 340px; background: #69a936; }
.home .seccion1 .btn:hover, .home .seccion1 .btn:disabled { color: #69a936; }
.home .seccion1 .item { width: 970px; height: 755px; background-image: url('../img/home/img-s1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; float: right; bottom: -45px; z-index: 1; }
.home .seccion2 { padding: 60px 0px; }
.home .seccion2 li { padding: 30px; position: relative; z-index: 1; }
.home .seccion2 li:nth-child(1), .home .seccion2 li:nth-child(2) { width: 50%; }
.home .seccion2 .titulo { margin: 20px 0px; position: relative; z-index: 2; }
.home .seccion2 .titulo span { font-size: 75px; line-height: 65px; color: #a2bcba; opacity: 0.3; position: absolute; top: -35px; left: -20px; z-index: -1; }
/*.home .seccion2 .img { margin: 0px auto; width: 100%; height: 410px; background-image: url('../img/home/img-s21.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; -webkit-box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.3); box-shadow: 0px 4px 12px 2px rgba(0,0,0,0.3); }*/
/*
.home .seccion2 li:nth-child(4) .img { background-image: url('../img/home/img-s22.jpg'); }
.home .seccion2 li:nth-child(5) .img { background-image: url('../img/home/img-s23.jpg'); }*/
/*.home .seccion2 li:nth-child(4) { bottom: -200px; }*/
.home .seccion2 .img {  }
.home .seccion2 .bottom {bottom: -200px; }
.conteAuben { padding: 100px 0px; background: #11535a; }
.conteAuben .conteImg { margin: 0px auto; width: 1024px; }
.home .conteAuben::before { content: ''; width: 280px; height: 174px; background-image: url('../img/home/item-s31.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -90px; left: 100px; z-index: 2; }
.home .conteAuben::after { content: ''; width: 280px; height: 174px; background-image: url('../img/home/item-s32.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; bottom: -60px; right: 100px; z-index: 2; }
.home .seccion4 { padding: 60px 0px; background: linear-gradient(to bottom, #dce6e5 0%, #fff 40%, #fff 100%); }
.carruselCategoria { margin: 60px auto; width: 100%; position: relative; }
.carruselCategoria .ico { margin: 10px auto; display: block; width: 140px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.carruselCategoria .infoC:hover .ico, .home .seccion4 .conte .productos .infoP:hover .bg, .home .seccion5 .infoP .imagen:hover .bg { transform: scale(1.15); }
.carruselCategoria .arrow { width: 40px; height: 40px; text-align: center; font-size: 40px; line-height: 40px; color: #000; cursor: pointer; position: absolute; top: 50%; left: -40px; margin-top: -20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.carruselCategoria .arrow.right { left: inherit; right: -40px; }
.carruselCategoria .arrow:hover { opacity: 0.75; }
.home .seccion4 .conte { margin: 0px auto; width: 100%; padding: 100px 0px; position: relative; }
.home .seccion4 .conte .img { width: 630px; height: 685px; background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 20px; left: -50px; z-index: 2; }
.home .seccion4 .conte.right .img { left: inherit; right: -50px; }
.home .seccion4 .conte .info { width: 50%; height: 500px; display: table; float: right; position: relative; }
.home .seccion4 .conte.right .info { float: left; }
.home .seccion4 .conte .info .celda { display: table-cell; vertical-align: middle; }
.home .seccion4 .conte .info .titulo { font-weight: 700; position: relative; z-index: 1; }
.home .seccion4 .conte .info .texto { width: 110%; text-align: right; font-size: 80px; line-height: 55px; color: #a2bcba; font-weight: 700; font-family: 'Outfit', sans-serif; opacity: 0.3; position: absolute; top: -35px; right: 280px; z-index: -1; }
.home .seccion4 .conte.right .info .texto { right: 30px; } 
.home .seccion4 .conte.right .info .titulo, .home .seccion4 .conte.right .info .desc { text-align: right; }
.home .seccion4 .conte .productos { margin: 0px auto; width: 100%; position: relative; text-align: center; }
.home .seccion4 .conte .productos .infoP { margin: 10px; display: inline-grid; width: 175px; }
.home .seccion4 .conte .productos .infoP .bg { margin: 10px auto; width: 90%; height: 160px; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.home .seccion4 .conte .info .btn { margin-top: 30px; }
.home .seccion5 { padding: 50px 0px; background: #edf1f0; }
.home .seccion5 ul { margin: 40px auto 0px; width: 100%; position: relative; text-align: center; }
.home .seccion5 ul li { float: none; display: inline-flex; }
.home .seccion5 .infoP { margin: 20px auto; width: 95%; }
.home .seccion5 .infoP .imagen { margin: 10px auto; width: 100%; height: 280px; overflow: hidden; }
.home .seccion5 .infoP .imagen .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.home .seccion5 .infoP .tituloP { margin: 10px 0px; height: 75px; }
.home .seccion6 { padding: 80px 0px; background: #9dc53b; }
.home .seccion6 .conteLeft { width: 45%; }
.home .seccion6 .btn { margin-top: 40px; float: right; background-color: #238570; }
.home .seccion6 .btn:hover, .home .seccion6 .btn:disabled { background-color: #fff; color: #238570; }
.home .seccion6 .item { width: 610px; height: 490px; background-image: url('../img/home/img-contactanos.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; position: absolute; top: -80px; right: 0px; z-index: 2; }

/********************* NOSOTROS *********************/
.nosotros .seccion1 { padding-top: 60px; background: linear-gradient(to bottom, #dce6e5 0%, #f7f7f7 100%); }
.nosotros .seccion1 .conteTexto { width: 450px; position: absolute; top: 50%; left: 50%; transform: translate(-600px,-50%); }
.nosotros .seccion1 .item { width: 985px; height: 720px; background-image: url('../img/nosotros/img-s1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; float: right; bottom: -20px; z-index: 1; }
.nosotros .seccion2 { padding: 150px 0px 280px; }
.nosotros .seccion2 .conteRight { width: 45%; }
.nosotros .seccion2 .conteRight h5 { margin: 40px 0px; }
.nosotros .seccion2 .item { width: 750px; height: 728px; background-image: url('../img/nosotros/img-s2.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; position: absolute; top: -100px; left: -120px; z-index: 2; }
.nosotros .conteAuben::before { content: ''; width: 280px; height: 174px; background-image: url('../img/nosotros/item-s31.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -90px; right: 100px; z-index: 2; }
.nosotros .conteAuben::after { content: ''; width: 280px; height: 174px; background-image: url('../img/nosotros/item-s32.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; bottom: -60px; left: 100px; z-index: 2; }
.nosotros .seccion4 { padding: 200px 0px; background: linear-gradient(to bottom, #dce6e5 0%, #fff 100%); }
.nosotros .seccion4 .btn { margin: 40px 0px; width: 300px; }
.nosotros .seccion4 .item { width: 590px; height: 610px; background-image: url('../img/nosotros/img-s4.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; position: absolute; top: -150px; left: 0; z-index: 2; }
.nosotros .seccion5 { padding: 80px 0px; background: #244617; }
.nosotros .seccion5::before { content: ''; width: 189px; height: 145px; background-image: url('../img/nosotros/item-s5.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; bottom: 60px; left: 50%; margin-left: -480px; }
.nosotros .seccion5::after { content: ''; width: 50%; height: 100%; background-image: url('../img/nosotros/img-s5.png'); background-size: cover; background-position: left; background-repeat: no-repeat; position: absolute; top: 0; right: 0; }
.nosotros .seccion5 h3, .nosotros .seccion5 p { color: #fff; }
.nosotros .seccion5 .btn { margin: 40px 0px; background-color: #238570; }
.nosotros .seccion5 .btn:hover, .nosotros .seccion5 .btn:disabled { background-color: #fff; color: #238570; }
.nosotros .seccion6 { padding: 60px 0px; }
.nosotros .seccion6 ul { margin: 40px auto 0px; width: 100%; position: relative; }
.nosotros .seccion6 .conte { margin: 10px auto; width: 90%; height: 220px; position: relative; overflow: hidden; }
.nosotros .seccion6 .conte .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.nosotros .seccion6 .conte:hover .bg { transform: scale(1.15); }

/******************** PRODUCTOS *********************/
.catalogo .seccion1 { padding-top: 100px; background: linear-gradient(to bottom, #dce6e5 0%, #f7f7f7 100%); }
.catalogo .seccion1 .conteTexto { width: 620px; position: absolute; top: 50%; left: 50%; transform: translate(-600px,-50%); }
.catalogo .seccion1 .item { width: 690px; height: 340px; background-image: url('../img/catalogo/img-s1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; float: right; bottom: 0; margin-right: 150px; z-index: 1; }
.catalogo .seccion2, .catalogo .seccion4 { padding: 60px 0px; }
.catalogo .seccion2 ul { margin: 50px auto; width: 100%; position: relative; }
.catalogo .seccion2 ul::after { content: ''; width: 200px; height: 4px; background: #f68721; position: absolute; bottom: -50px; left: 50%; margin-left: -100px; }
.catalogo .seccion2 li { padding: 0px 20px; }
.catalogo .seccion2 .ico { margin: 10px auto; width: 85px; }
.catalogo .seccion3::before { content: ''; width: 280px; height: 174px; background-image: url('../img/catalogo/item-s31.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 50px; right: 90px; z-index: -1; }
.catalogo .seccion3::after { content: ''; width: 280px; height: 174px; background-image: url('../img/catalogo/item-s32.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; bottom: 270px; left: 50%; margin-left: -370px; z-index: -1; }
.catalogo .categoria { width: 30%; padding-right: 20px; position: relative; }
.catalogo .contenido { width: 70%; padding-left: 20px; position: relative; }
.catalogo .contenido .tituloContenido { line-height: 50px; color: #238570; float: left; }
.catalogo .contenido .conteSearch .conte form input[type=text] { -webkit-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); }
.catalogo .contenido .conteSearch .conte form input[type=text], .catalogo .contenido .conteSearch .conte form button { padding-top: 10px; padding-bottom: 10px; }
.catalogo .categoria .selectCategoria, .catalogo .categoria .menuCategoria { width: 100%; margin: 0 auto; display: block; position: relative; }
.catalogo .categoria .tituloTodos, .catalogo .categoria .tituloArea, .catalogo .categoria .nombreCat { margin: 0; display: block; padding: 8px 25px; font-size: 25px; line-height: 30px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; }
.catalogo .categoria .tituloTodos:hover, .catalogo .categoria .tituloTodos.current { background: #e5ecec; }
.catalogo .categoria .tituloArea { margin-top: 20px; border-bottom: 3px solid #e5ecec; font-size: 20px; color: #69a936; text-transform: uppercase; }
.catalogo .categoria .nombreCat { font-size: 20px; color: #4c4f55; font-weight: 400; }
.catalogo .categoria .nombreCat:hover, .catalogo .categoria .nombreCat.current { color: #238570; }
.catalogo .conteProd { width: 100%; margin: 30px auto; position: relative; }
.catalogo .contenido .urlProd { margin: 30px auto; width: 90%; position: relative; }
.catalogo .contenido .urlProd .imagen { width: 100%; height: 245px; position: relative; overflow: hidden; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); }
.catalogo .contenido .urlProd .imagen .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.catalogo .contenido .urlProd:hover .bg { transform: scale(1.15); }
.catalogo .contenido .urlProd .nombreProd { margin: 20px 0px; display: block; height: 90px; font-size: 24px; line-height: 28px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; }
.catalogo .contenido .urlProd .btn { margin-top: 20px; width: 170px; background-color: #69a936; }
.catalogo .contenido .urlProd:hover .btn, .catalogo .contenido .urlProd .btn:hover, .catalogo .contenido .urlProd .btn:disabled { background-color: #f68721; color: #fff; }
.catalogo nav { margin: ; width: 70%; padding-left: 20px; float: right; }
.catalogo .pagination > li > a { margin: 0px 5px; width: 45px; height: 45px; padding: 0; background-color: #f2f9f8; border: none; border-radius: 50%!important; font-size: 18px; line-height: 20px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; display: flex; align-items: center; }
.catalogo .pagination > li > a:hover, .catalogo .pagination > li > a:focus, .catalogo .pagination > .active > a, .catalogo .pagination > .active > a:hover, .catalogo .pagination > .active > a:focus { color: #fff; background-color: #dce6e5; border: none; }
.catalogo .pagination > li > a > span { margin: auto; background-color: transparent; border: none; }
.catalogo .seccion4 .conte { margin: 0px auto; width: 95%; }
.catalogo .seccion5 .conte { margin: 40px auto; width: 190px; }

/**************** DETALLE - PRODUCTO ****************/
.producto .seccion1 { padding: 140px 0px 50px; }
.producto .seccion1::before { content: ''; width: 100%; height: 150px; background: linear-gradient(to bottom, #dce6e5 0%, #fff 100%); position: absolute; top: 0; left: 0; }
.producto .seccion1 .tituloArea { margin: 0px 30px; font-size: 20px; line-height: 24px; color: #dce6e5; font-weight: 700; font-family: 'Outfit', sans-serif; }
.producto .seccion1 li:nth-child(2) { padding: 80px 30px 0px; }
.producto .seccion1 li:nth-child(3) { width: 100%; }
.producto .seccion1 .imagen { margin: 30px auto; width: 90%; height: 540px; position: relative; overflow: hidden; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); }
.producto .seccion1 .imagen .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.producto .seccion1 .imagen:hover .bg { transform: scale(1.15); }
.producto .seccion1 .tituloCategoria { font-size: 18px; line-height: 30px; color: #4c4f55; font-weight: 300; font-family: 'Outfit', sans-serif; text-transform: uppercase; }
.producto .seccion1 .tituloProducto { font-size: 48px; line-height: 52px; }
.producto .seccion1 .sku { margin: 10px 0px; font-weight: 700; }
.producto .seccion1 .caracteristicas { margin-top: 20px; width: 100%; }
.producto .seccion1 .caracteristicas h6 { margin: 10px 0px; font-weight: 400; }
.producto .seccion1 .caracteristicas h6 span, .producto .seccion1 .descripcion span { font-weight: 700; }
.producto .seccion1 .vistas { font-size: 20px; line-height: 30px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; }
.producto .seccion1 .vistas i { margin-right: 5px; color: #dce6e5; }
.producto .seccion1 .btn { margin: 20px 0px; width: 340px; background-color: #238570; }
.producto .seccion1 .btn:hover, .producto .seccion1 .btn:disabled { background-color: #f68721; color: #fff; }
.producto .seccion1 .compartir { width: 100%; font-size: 17px; line-height: 25px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: left; }
.producto .seccion1 .compartir a { margin: 10px; margin-left: 0; display: inline-block; width: 45px; height: 45px; background: #3e78da; border-radius: 50%; font-size: 25px; line-height: 45px; color: #fff; text-align: center; }
.producto .seccion1 .compartir a.twitter { background-color: #55b7ea; }
.producto .seccion1 .compartir a.whats { background-color: #52cd5f; }
.producto .seccion2 { padding: 50px 0px; }
.producto .seccion2::before { content: ''; width: 280px; height: 174px; background-image: url('../img/catalogo/item-s31.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 100px; right: 100px; z-index: -1; }
.producto .seccion2::after { content: ''; width: 280px; height: 174px; background-image: url('../img/catalogo/item-s32.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; bottom: 210px; left: 100px; z-index: -1; }
.producto .seccion2 h4 { margin-bottom: 30px; color: #238570; }
.producto .seccion2 .urlProd { margin: 30px auto; width: 90%; position: relative; }
.producto .seccion2 .urlProd .imagen { width: 100%; height: 270px; position: relative; overflow: hidden; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); }
.producto .seccion2 .urlProd .imagen .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.producto .seccion2 .urlProd:hover .bg { transform: scale(1.15); }
.producto .seccion2 .urlProd .nombreProd { margin: 20px 0px; display: block; height: 90px; font-size: 24px; line-height: 28px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; }
.producto .seccion2 .urlProd .btn { margin-top: 20px; width: 170px; background-color: #69a936; }
.producto .seccion2 .urlProd:hover .btn, .producto .seccion2 .urlProd .btn:hover, .producto .seccion2 .urlProd .btn:disabled { background-color: #f68721; color: #fff; }
.conteCotiza { width: 800px; padding: 20px 10px; background: #fff; }
.conteCotiza h4 { color: #238570; }
.conteCotiza p { margin-top: 10px; }
.conteCotiza .conteForm { margin: 0px auto; width: 95%; }
.conteCotiza .conteForm form textarea { height: 95px; }
.conteCotiza .imagen { margin: 0px auto; width: 95%; height: 360px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.3); }
.conteCotiza .imagen .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

/********************* CONTACTO *********************/
.contacto .seccion1 { padding-top: 60px; background: linear-gradient(to bottom, #dce6e5 0%, #f7f7f7 100%); }
.contacto .seccion1 .conteTexto { width: 520px; position: absolute; top: 50%; left: 50%; transform: translate(-600px,-50%); }
.contacto .seccion1 .item { width: 930px; height: 718px; background-image: url('../img/contacto/img-s1.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; float: right; bottom: -20px; z-index: 1; }
.contacto .seccion2 { padding: 100px 0px; }
.contacto .seccion2 .item { width: 720px; height: 714px; background-image: url('../img/contacto/img-s2.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -50px; left: -100px; z-index: 1; }
.contacto .seccion2 .conteRight { width: 40%; margin-right: 40px; position: relative; z-index: 2; }
.contacto .seccion2 h2 { margin-bottom: 40px; }
.contacto .seccion2 .btn { /*margin: 20px auto;*/ background-color: #9dc53b; }
.contacto .seccion2 .btn:hover, .contacto .seccion2 .btn:disabled { background-color: #fff; color: #238570; }
.contacto .seccion3 { padding: 60px 0px; background: #11535a; }
.contacto .seccion3::before { content: ''; width: 280px; height: 174px; background-image: url('../img/contacto/item-s3.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -100px; right: 10px; }
.contacto .seccion3 .ico { margin: 20px auto; width: 82px; }
.contacto .seccion3 .link { margin: 20px 0px 0px; display: block; font-size: 25px; line-height: 30px; color: #ffffff; font-weight: 700; font-family: 'Outfit', sans-serif; text-align: center; }
.contacto .seccion3 li:nth-child(1) .link { font-size: 30px; }
.contacto .seccion3 .link:hover { color: #9dc53b; }
.contacto .seccion4 .conteMapa { width: 100%; height: 550px; }

/********************** FOOTER **********************/
footer .seccion1 { padding: 100px 0px 60px; background: linear-gradient(to bottom, #fff 0%, #fff 80%, #f7faf9 100%); }
footer .seccion1 .item { width: 800px; height: 630px; background-image: url('../img/general/img-contacto.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -110px; left: -100px; z-index: 1; }
footer .seccion1 .conteRight { width: 45%; position: relative; z-index: 2; }
footer .seccion1 h3 { margin-bottom: 30px; color: #238570; }
footer .seccion1 .conteForm { margin-top: 30px; padding: 0px 50px; }
.conteForm, .conteForm form { width: 100%; position: relative; }
.conteForm form ::placeholder, .conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { font-size: 16px; line-height: 17px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; }
.conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { margin: 0px 0px 15px; display: block; width: 100%; padding: 14px 25px; background: #fff; border: 3px solid #fff; border-radius: 15px; -webkit-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); -moz-box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.conteForm form textarea { height: 150px; resize: none; }
.conteForm form label { margin: 10px 40px; display: block; font-size: 17px; line-height: 18px; color: #4c4f55; font-weight: 700; font-family: 'Outfit', sans-serif; }
footer .seccion2 { padding: 40px 0px; background: linear-gradient(to bottom, #f7faf9 0%, #dce6e5 100%); }
footer .seccion2 li:nth-child(1) { width: 230px; position: absolute; top: 10px; left: 50%; margin-left: -115px; z-index: 1; }
.dirFooter, .redesFooter a { margin: 0; font-size: 20px; line-height: 25px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; }
.redesFooter a i { margin-right: 5px; color: #69a936; }
footer .seccion2 .conte { width: 100%; padding-top: 40px; text-align: center; }
footer .seccion2 .conte p, footer .seccion2 .conte a { margin: 0; display: inline-block; font-size: 14px; line-height: 20px; color: #4c4f55; font-weight: 400; font-family: 'Outfit', sans-serif; }
footer .seccion2 .conte span { margin: 0px 30px; display: inline-block; }
footer .seccion2 a:hover { color: #69a936; }
.redesFooter { float: right; }

/*********************** BLOG ***********************/
.blog { padding: 60px 0px; }
.blog .seccion1 .conteLeft, .blog .seccion1 .conteRight { width: 70%; }
.blog .seccion1 .conteLeft .imgPost { position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,.3); width: 100%; margin: 0px auto; border: 2px solid #fff; }
.blog .seccion1 .conteLeft .col2 li { text-align: right; }
.blog .seccion1 .conteLeft .col2 li i { margin-right: 10px; }
.blog .seccion1 .conteLeft .col2 li:nth-child(1) { width: 75%; padding-right: 30px; }
.blog .seccion1 .conteLeft .col2 li:nth-child(2) { width: 25%; padding-right: 30px; }
.infoPost { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(35,133,112,0.7); padding: 13px; color: #FFF; font-size: 14px; }
.blog .seccion1 .conteLeft .tituloPost { color: #238570; text-transform: uppercase; font-size: 20px; margin: 30px 0px; line-height: 1; letter-spacing: 6px; }
.blog .seccion1 .conteLeft p { font-size: 14px; text-align: justify; text-align-last: left; }
.blog .seccion1 .conteLeft .conteCompartir { position: relative; padding-bottom: 30px; border-bottom: 2px solid #238570; }
.blog .seccion1 .conteLeft .conteCompartir h3 { text-align: center; font-size: 20px; text-transform: uppercase; color: #6f6f6f; position: initial; z-index: 2; background: #FFF; width: 20%; margin: 0px auto; margin-bottom: 20px; }
.blog .seccion1 .conteLeft .conteCompartir h3::before { content: ''; display: block; border: 1px solid #238570; width: 100%; position: absolute; top: 11px; left: 0; z-index: -1; }
.blog .seccion1 .conteLeft .conteCompartir ul.col4 { width: 300px; background: #238570; border-radius: 5px; position: relative; margin: 0px auto; }
.blog .seccion1 .conteLeft .conteCompartir ul.col4 li {  }
.blog .seccion1 .conteLeft .conteCompartir ul.col4 li a { font-size: 14px; text-align: center; line-height: 30px; padding: 5px; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.blog .seccion1 .conteLeft .conteCompartir ul.col4 li a:hover { background-color: rgba(255,255,255,.3); }
.blog .seccion1 .conteRight { width: 30%; padding-left: 20px; }
.blog .seccion1 .conteRight h4 { color: #999; font-size: 20px; text-transform: uppercase; margin: 0; }
.blog .seccion1 .conteRight form { margin-bottom: 10px; }
.blog .seccion1 .conteRight input:not([type="submit"]) { width: 68%; -webkit-appearance: textfield; border: 1px solid #238570; padding: 13px; }
.blog .seccion1 .conteRight input[type="submit"]{ background-color: #238570; width: 30%; border: none; position: relative; color: #fff; font-size: 13px; cursor: pointer; text-transform: uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding: 14px; }
.blog .seccion1 .conteRight .itemCategoria { padding: 8px; position: relative; background: #238570; color: #FFF; font-size: 14px; margin-bottom: 2px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.blog .seccion1 .conteRight .itemCategoria:hover, .categoriaActiva { padding-left: 15px!important; opacity: .5!important; }
.blog .seccion1 .conteRight .itemTag { padding: 5px; display: inline-block; color: #FFF; font-size: 12px; background: #9e9b9d; margin-bottom: 2px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.blog .seccion1 .conteRight .itemTag:hover, .tagActiva { background: #238570!important; }

/*********************** BLOG - RELACIONADOS ***********************/
.blog .seccion2 { background: #f5f5f5; padding: 30px 0; margin-top: 50px; }
.blog .seccion2 h3 { color: #6f6f6f; font-size: 22px; text-transform: uppercase; background: #f5f5f5; position: relative; text-align: center; }
.blog .seccion2 .conteRelacionados ul.col2 { width: 90%; margin: 0px auto; margin-top: 40px; }
.blog .seccion2 .conteRelacionados ul.col2 li {  }
.blog .seccion2 .conteRelacionados ul.col2 li .bgPostR { width: 40%; border: 2px solid #fff; box-shadow: 0px 0px 5px rgba(0,0,0,.3); border-radius: 4px; background-size: cover; background-repeat: no-repeat; background-position: center center; height: 180px; float: left; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR { float: left; width: 55%; margin-left: 16px; padding-right: 10px; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR .tituloR { color: #238570; text-transform: uppercase; font-size: 14px; margin: 10px 0px 10px 0px; font-weight: 700; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR .fechaR { color: #666; font-size: 13px; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR .descR { color: #666; font-size: 14px; margin: 15px auto; text-align: left; line-height: 1; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR a { color: #FFF; background: #238570; width: 150px; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding: 7px; font-weight: 700; letter-spacing: 2px; }
.blog .seccion2 .conteRelacionados ul.col2 li .infoR a:hover { opacity: .5; width: 180px; }

/*********************** BLOG - CATEGORIA ***********************/
.categoriaBlog .itemPost { margin-bottom: 40px; }
.categoriaBlog .itemPost .bg { background-size: cover; background-position: center; background-repeat: no-repeat; height: 300px; border: 2px solid #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,.3); border-radius: 4px; position: relative; }
.categoriaBlog .tituloP { color: #238570; text-transform: uppercase; font-size: 20px; margin: 10px; }
.categoriaBlog .descP { color: #666; font-size: 14px; margin: 10px; }
.categoriaBlog a.verMas { color: #FFF; background: #238570; width: 150px; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding: 7px; font-weight: 700; letter-spacing: 2px; margin: 10px; }
.categoriaBlog a.verMas:hover { opacity: .5; width: 180px; }

/*********************** BLOG - BUSCADOR ***********************/
.buscadorBlog .itemPost { margin-bottom: 40px; }
.buscadorBlog .itemPost .bg { background-size: cover; background-position: center; background-repeat: no-repeat; height: 300px; border: 2px solid #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,.3); border-radius: 4px; position: relative; }
.buscadorBlog .tituloP { color: #238570; text-transform: uppercase; font-size: 20px; margin: 10px; }
.buscadorBlog .descP { color: #666; font-size: 14px; margin: 10px; }
.buscadorBlog a.verMas { color: #FFF; background: #238570; width: 150px; text-align: center; text-transform: uppercase; font-size: 12px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; padding: 7px; font-weight: 700; letter-spacing: 2px; margin: 10px; }
.buscadorBlog a.verMas:hover { opacity: .5; width: 180px; }

/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px; margin: 0px auto; display: table; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #238570; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { 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 { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #238570; border-color: #238570; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

/********************** ERROR ***********************/
.error .seccion1 { padding: 0; height: 100vh; }
.error .contenedor { width: 350px; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 5px rgb(45 45 45 / 10%); -moz-box-shadow: 0px 0px 10px 5px rgba(45,45,45,0.1); box-shadow: 0px 0px 10px 5px rgb(45 45 45 / 10%); z-index: 1; }
.error .seccion1 .btn { width: 220px; margin: 20px auto 0px; }
.error .seccion1 h4 strong { margin: 10px 0px; display: block; font-size: 120px; line-height: 90px; color: #238570; }
.error .seccion1 h4 span { display: block; line-height: 1.1em; color: #4c4f55; }
.recaptcha-container { flex-wrap: wrap;}
/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) {
	/*********************** GENERAL ***********************/
	body { padding-top: 99px; }
	.contenedor { width: 90%; }
	.movil { display: block!important; }
	.pc { display: none!important; }
	p { margin: 20px 0px; font-size: 16px; line-height: 21px; }
	.btn { font-size: 18px; padding: 12px 0px; }
	.flotWhats { width: 55px; right: 10px; bottom: 90px; }

	/*********************** HEADER ***********************/
	header { z-index: 995; }
	.headerTop li { height: auto;
	display: block; width: 100%; }
	.headerTop p, .headerTop a { display: block; text-align: center; font-size: 14px; }
	.headerTop li:nth-child(2) { display: none; }
	.headerBot { padding: 5px 0!important; background: #dce6e5!important; }
	.logo { width: 130px; }
	.menu { width: 70%; height: 100%; padding-top: 85px; float: none; position: fixed; background: #f7f7f8; top: 0; right: -100%; -webkit-transition: right 0.4s; transition: right 0.4s; z-index: 2; box-shadow: -20px 0 29px 1px #238570; left: inherit; transform: none; }
	.menu li { height: auto; display: block; float: none; }
	.menu li a { font-size: 20px; display: block; text-align: left; padding: 10px 20px; line-height: inherit; }
	.menu li a:hover, .menuActivo { background: #69a936!important; color: #FFF!important; }
	.menu li a::after { display: none; }
	.menu li:nth-child(5) a { outline: none; }
	.selectIdioma { display: flex!important; align-items: center; }
	.selectIdioma .ico { width: 25px; display: block; margin-right: 15px; }
	.selectIdioma .ico img { margin-right: 20px; }
	.conteSearch { float: none; width: 100%; margin-top: 40px; margin-bottom: 15px; }
	.conteSearch .conte form { position: relative;
		width: 90%; }
	.conteSearch .conte form input[type=text], .conteSearch .conte form button { width: 95%; margin: 0px auto; padding: 11px 5px; float: none; display: block; }
	.conteSearch .conte form button { width: 50px; }

	/*********************** H1 - H6 ***********************/
	h1 { font-size: 40px; line-height: 35px; }
	h2 { font-size: 36px; line-height: 36px; }
	h4 { font-size: 28px; line-height: 30px;  }
	h5 { font-size: 21px; line-height: 29px; }
	h6 { font-size: 17px; }
	h3 { font-size: 32px; line-height: 34px; }

	/*********************** HOME ***********************/
	.home .seccion1 { padding-top: 0px; display: table; width: 100%; }
	.home .seccion1 .conteTexto { width: 100%; position: relative; top: 0; left: 0; display: flow-root; transform: none; padding: 40px 50px; padding-bottom: 0; }
	.home .seccion1 .btn { width: 100%; font-size: 16px; padding: 8px 0px; }
	.home .seccion1 .item { bottom: 0; display: block; width: 260px; height: 203px; margin: 0px; float: right; }
	.home .seccion1 .textLeft { text-align: center; }
	.home .seccion2 { padding: 30px 0; }
	.home .seccion2 li { width: 100%!important; padding: 15px; padding-bottom: 0; }
	.home .seccion2 .textLeft { text-align: center; }
	.home .seccion2 .titulo { margin: 10px 0px; text-align: center; }
	.home .seccion2 .titulo span { position: relative; left: 0; top: 0; font-size: 60px; display: block; text-align: center; }
	.home .seccion2 .img { width: 85%; margin: 0px auto; }
	.home .seccion2 .bottom { bottom: 0; }
	.conteAuben { padding: 50px 0; }
	.conteAuben .conteImg { width: 75%; margin: 0px auto; }
	.home .conteAuben::before, .home .conteAuben::after { width: 180px; height: 113px; left: 0; top: -60px; } 
	.home .conteAuben::after { bottom: -60px; top: inherit; left: inherit; right: 0; }
	.home .seccion4 { padding: 30px 0; }
	.carruselCategoria { margin: 30px 0; }
	.carruselCategoria .ico { width: 100px; }
	.home .seccion4 .conte { width: 90%; padding: 10px 0; }
	.home .seccion4 .conte .img { width: 260px; height: 285px; position: relative; top: 0; left: 0; margin: 0px auto; }
	.home .seccion4 .conte .info { width: 100%; height: auto; float: none; display: block; }
	.home .seccion4 .conte .info .titulo { text-align: center; }
	.home .seccion4 .conte .info .texto { width: 100%; text-align: center; position: relative; right: 0; font-size: 50px; line-height: 40px; top: 0; }
	.home .seccion4 .conte .productos { margin: 0px auto; width: 100%; position: relative; text-align: center; }
	.home .seccion4 .conte .productos .infoP { width: 100%; display: block; margin: 0; }
	.home .seccion4 .conte .info .btn { width: 100%; margin-top: 20px; padding: 10px 0px; font-size: 17px; }
	.home .seccion4 .conte.right .img { left: inherit; right: inherit; }
	.home .seccion4 .conte.right .info .titulo, .home .seccion4 .conte.right .info .desc { text-align: center; }
	.home .seccion4 .conte.right .info .texto { right: inherit; }
	.home .seccion5 { padding: 30px 0; }
	.home .seccion5 ul { margin-top: 20px; width: 300px; }
	.home .seccion5 ul li { display: block; width: 100%; }
	.home .seccion5 .infoP { margin: 10px auto; width: 90%; }
	.home .seccion5 .infoP .imagen { height: 200px; }
	.home .seccion5 .infoP .tituloP { height: auto; margin-bottom: 20px; }
	.home .seccion6 { padding: 50px 0px; padding-top: 0; }
	.home .seccion6 .conteLeft { float: none; width: 100%; }
	.home .seccion6 .btn { float: none; width: 100%; margin-top: 20px; }
	.home .seccion6 .item { position: relative; left: 0; right: 0; top: 0; width: 300px; height: 275px; }
	.home .seccion6 h3 { text-align: center; }

	/********************* NOSOTROS *********************/
	.nosotros .seccion1 { padding-top: 20px; }
	.nosotros .seccion1 .conteTexto { width: 100%; position: relative; top: 0; left: 0; display: flow-root; transform: none; padding: 40px 50px; padding-bottom: 0; }
	.nosotros .seccion1 .item { bottom: 0; display: block; width: 260px; height: 190px; margin: 0px; float: right; }
	.nosotros .seccion2 { padding: 30px 0px 60px; }
	.nosotros .seccion2 .conteRight { width: 100%; }
	.nosotros .seccion2 .item { position: relative; top: 0; left: 0; width: 220px; height: 214px; margin: 0px auto; }
	.nosotros .seccion2 .conteRight h2 { text-align: center; }
	.nosotros .seccion2 .conteRight h5 { margin: 25px 0; text-align: center; }
	.nosotros .conteAuben::before { right: 0; width: 130px; height: 80px; top: -30px; }
	.nosotros .conteAuben::after { left: 0; width: 130px; height: 80px; bottom: -30px; }
	.nosotros .seccion4 { padding: 30px 0px; }
	.nosotros .seccion4 .conteRight { width: 100%; float: none; }
	.nosotros .seccion4 .item { position: relative; top: 0; left: 0; width: 220px; height: 230px; margin: 0px auto; }
	.nosotros .seccion5 { padding: 20px 0px; }
	.nosotros .seccion5 .conteLeft { width: 100%; z-index: 9; position: relative; }
	.nosotros .seccion5 h3, .nosotros .seccion5 p { text-align: center; }
	.nosotros .seccion5::before { display: none; }
	.nosotros .seccion5 .btn { width: 100%; margin: 30px 0; }

	/******************** PRODUCTOS *********************/
	.catalogo .seccion1 { padding: 50px 0; }
	.catalogo .seccion1 .conteTexto { width: 100%; position: relative; left: 0; top: 0; transform: none; }
	.catalogo .seccion1 .conteTexto .textLeft { text-align: center; }
	.catalogo .seccion1 .item { width: 300px; float: none; margin: 0px auto; height: 148px; margin-top: 30px; }
	.catalogo .seccion2, .catalogo .seccion4 { padding: 30px 0px; }
	.catalogo .seccion2 ul { margin: 30px auto; }
	.catalogo .seccion2 li { width: 50%; }
	.catalogo .seccion2 .ico { width: 75px; }
	.catalogo .seccion3::before, .catalogo .seccion3::after { display: none; }
	.catalogo .contenido { width: 100%; padding-left: 0; }
	.catalogo .contenido .tituloContenido { float: none; text-align: center; }
	/* FALTAN LA SECCION DE CATEGORIAS DE PRODUCTOS */
	.catalogo .conteProd { margin-top: 0; }
	.catalogo .conteSearch { display: none; }
	.catalogo .conteProd ul li { width: 50%; }
	.catalogo .contenido .urlProd { width: 100%; margin: 20px auto; padding: 10px; }
	.catalogo .contenido .urlProd .imagen { height: 190px; }
	.catalogo .contenido .urlProd .nombreProd { height: auto; font-size: 20px; line-height: inherit; }
	.catalogo .contenido .urlProd .btn { width: 100%; }
	.catalogo nav { float: none; width: 100%; padding: 0; }
	.catalogo .pagination > li > a { margin: 5px; }
	.catalogo .seccion4 { padding: 25px 0; }
	.catalogo .seccion4 li { width: 100%; margin: 10px 0; }
	.catalogo .seccion5 li { width: 100%; }
	.catalogo .seccion5 .conte { margin: 10px auto; width: 140px; }
	.catalogo .categoria { width: 100%; padding: 0; text-align: center; }
	.catalogo .categoria .tituloTodos { font-size: 20px; padding: 7px; }
	.catalogo .categoria .tituloArea { font-size: 18px; margin-top: 15px; }
	.catalogo .categoria .nombreCat { font-size: 15px; padding: 2px 10px; outline: 1px solid; display: inline-block; text-align: center; margin: 5px; background: #69a936; color: #fff; }

	/**************** DETALLE - PRODUCTO ****************/
	.producto .seccion1 { padding: 20px 0; }
	.producto .seccion1::before { display: none; }
	.producto .seccion1 .tituloArea { color: #ccc; margin: 0; font-size: 18px; }
	.producto .seccion1 li { width: 100%; }
	.producto .seccion1 .imagen { width: 100%; height: 300px; }
	.producto .seccion1 li:nth-child(2) { padding: 5px; }
	.producto .seccion1 .tituloCategoria { font-size: 16px; }
	.producto .seccion1 .tituloProducto { font-size: 30px; line-height: inherit; }
	.producto .seccion1 .caracteristicas { margin-top: 15px; }
	.producto .seccion1 .btn { width: 100%; }
	.conteCotiza { width: 300px; word-wrap: break-word; }
	.conteCotiza p {  }
	.conteCotiza li { width: 100%; }
	.conteForm form ::placeholder, .conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { font-size: 14px; padding: 8px; }
	.producto .seccion1 .compartir { font-size: 16px; }
	.producto .seccion1 .compartir a { width: 40px; height: 40px; font-size: 24px; line-height: 40px; margin: 8px; }
	.conteCotiza .imagen { height: 260px; margin-top: 30px; }
	.producto .seccion2 { padding: 25px 0; }
	.producto .seccion2::before, .producto .seccion2::after { display: none; }
	.producto .seccion2 h4 { margin-bottom: 10px; }
	.producto .seccion2 li { width: 100%; }
	.producto .seccion2 .urlProd { width: 95%; margin: 20px auto; }
	.producto .seccion2 .urlProd .imagen { height: 190px; }
	.producto .seccion2 .urlProd .nombreProd { height: auto; font-size: 20px; line-height: inherit; }
	.producto .seccion2 .urlProd .btn { width: 100%; }

	/*********************** CONTACTO ***********************/
	.contacto .seccion1 .conteTexto { width: 100%; position: relative; left: 0; top: 0; transform: none; }
	.contacto .seccion1 .conteTexto .textLeft { text-align: center; }
	.contacto .seccion1 .item { width: 300px; float: none; margin: 0px auto; height: 230px; margin-top: 30px; }
	.contacto .seccion2 { padding: 40px 0; }
	.contacto .seccion2 .conteRight { width: 100%; float: none; }
	.contacto .seccion2 .item { position: relative; top: 0; left: 0; width: 300px; height: 295px; margin: 0px auto; }
	.contacto .seccion2 .conteRight { margin: 0px auto; margin-top: 30px; }
	.contacto .seccion2 h2 { margin-bottom: 20px; }
	.conteForm, .conteForm form { width: 95%; margin: 0px auto; }
	.conteForm form label { font-size: 16px; }
	.conteForm form textarea { height: 120px; }
	.contacto .seccion3 { padding: 35px 0; }
	.contacto .seccion3::before { display: none; }
	.contacto .seccion3 li { width: 100%; }
	.contacto .seccion3 .ico { width: 70px; margin: 10px auto; }
	.contacto .seccion3 .link { margin: 15px 0px 0px; font-size: 23px!important; line-height: 25px; }
	.contacto .seccion4 .conteMapa { height: 350px; }

	/*********************** FOOTER ***********************/
	footer .seccion1 { padding: 30px 0px 10px; }
	footer .seccion1 .item { position: relative; width: 300px; height: 275px; top: 0; left: 0; margin: 0px auto; }
	footer .seccion1 .conteRight { width: 100%; }
	footer .seccion1 .conteRight .textLeft { text-align: center; }
	footer .seccion1 .conteForm { margin-top: 20px; padding: 0px 20px; }
	.conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { padding: 10px 25px; }
	.conteForm form input[type="submit"] { width: 100%;margin-top: 50px; }
	footer .seccion2 { padding: 25px 0; }
	footer .seccion2 li { float: left; position: relative!important; left: 0!important; top: 0!important; margin: 0px auto!important; width: 100%!important; }
	.logoFooter { width: 150px; margin: 0px auto; }
	.dirFooter, .redesFooter a { font-size: 18px; text-align: center; }
	.redesFooter { float: none; margin: 10px 0; }
	footer .seccion2 .conte { padding-top: 10px; }
	footer .seccion2 .conte p, footer .seccion2 .conte a { font-size: 13px; }

	/*********************** BLOG ***********************/
    .blog { padding-top: 100px; }
    .blog .seccion1 .conteLeft { width: 100%; }
    .categoriaBlog .itemPost .bg { height: 200px; }
    .blog .seccion1 .conteLeft .col2 li { width: 50%!important; padding-right: 0!important; text-align: center; }
    .infoPost { padding: 8px; font-size: 12px; }
    .categoriaBlog .tituloP { font-size: 16px; }
    .blog .seccion1 .conteLeft p { font-size: 12px; margin: 0; line-height: 18px; }
    .categoriaBlog a.verMas { width: 100%; margin: 0; margin-top: 10px;letter-spacing: 1px; font-size: 14px; }
    .categoriaBlog a.verMas:hover { width: 100%; }
    .blog .seccion1 .conteRight { display: none; }
    .blog .seccion1 .conteLeft .tituloPost { line-height: inherit; font-size: 20px!important; letter-spacing: 1px; margin: 20px 0; }
    .blog .seccion1 .conteLeft .descPost h2 { text-align: initial!important; line-height: initial; font-size: inherit!important; letter-spacing: inherit!important; }
    .blog .seccion1 .conteLeft .conteCompartir h3 { width: initial; font-size: 18px; }
    .blog .seccion1 .conteLeft .conteCompartir { border: none; padding-bottom: 0; }
    .g-recaptcha {
        position: relative;
        z-index: 0;
        max-height: 70px;
    }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    /*********************** GENERAL ***********************/
	.contenedor { }
	.home .seccion1 .item, .nosotros .seccion1 .item { width: 350px; height: 273px; }
	.home .seccion2 .img { width: 380px; }
	.home .seccion4 .conte .productos, .home .seccion5 ul { width: 450px; }
	.home .seccion4 .conte .productos .infoP .bg, .home .seccion5 .infoP .imagen { height: 220px; }
	.home .seccion6 .item { margin: 0px auto; }
	.nosotros .seccion5 { padding: 60px 0; }
	.catalogo .seccion1 .item { width: 380px; height: 185px; }
	.catalogo .seccion2 .ico { width: 95px; }
	.catalogo .contenido .urlProd .imagen, .producto .seccion2 .urlProd .imagen { height: 210px; }
	.producto .seccion2 ul { width: 450px; margin: 0px auto; }
	.catalogo .conteProd ul li { width: 50%; }
	footer .seccion2 .conte span { margin: 0px 10px; }
	.contacto .seccion3 li { width: 33.33%; }
	.contacto .seccion3 .link { font-size: 16px!important; line-height: 19px; }
	.home .seccion4 .conte .info .celda { margin: 0px auto; display: block; }
}

@media screen and (min-width: 600px) and (max-width: 1023px) { 
    /*********************** GENERAL ***********************/
	.contenedor { }
}
 
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	/*********************** GENERAL ***********************/
	body { padding-top: 28px; }
	.contenedor { width: 960px; }
	p { margin: 20px 0px; font-size: 17px; line-height: 23px; }
	.btn { padding: 14px 0px; font-size: 19px; line-height: 19px; }
	.btnAgenda { left: 40px; width: 180px; padding: 14px 0px; }
	.btnAgenda::before { width: 190px; height: 12px; bottom: -6px; margin-left: -95px; }
	.flotWhats { width: 70px; right: 40px; }
	/*********************** H1 - H6 ***********************/
	h1 { font-size: 70px; line-height: 70px; }
	h2 { font-size: 52px; line-height: 52px; }
	h3 { font-size: 42px; line-height: 46px; }
	h4 { font-size: 36px; line-height: 42px; }
	h5 { font-size: 26px; line-height: 32px; }
	h6 { font-size: 19px; line-height: 22px; }
	/*********************** HEADER ***********************/
	.headerTop li { height: 30px; }
	.headerTop p, .headerTop a { font-size: 14px; line-height: 25px; }
	.headerTop p img { width: 40px; top: 5px; }
	.headerTop .ico { width: 20px; top: 5px; }
	.headerBot { padding: 15px 0px; }
	.headerAnima .headerBot { padding: 12px 0px; }
	.headerAnima .headerTop li { height: 25px; }
	.logo { width: 140px; }
	.logoAnima { width: 120px; }
	.menu li { height: 50px; }
	header .menuAnima li { height: 42px; }
	.menu li a { padding: 0px 25px; font-size: 17px; line-height: 19px; }
	.conteSearch { width: 280px; }
	.conteSearch .conte form ::placeholder, .conteSearch .conte form input[type=text], .conteSearch .conte form button { font-size: 14px; line-height: 16px; }
	.conteSearch .conte form input[type=text], .conteSearch .conte form button { padding: 10px 15px; border-radius: 10px; }
	/*********************** HOME ***********************/
	.home .seccion1 { padding-top: 40px; }
	.home .seccion1 .conteTexto, .nosotros .seccion1 .conteTexto, .catalogo .seccion1 .conteTexto, .contacto .seccion1 .conteTexto { transform: translate(-480px,-50%); }
	.home .seccion1 .btn { margin: 15px 0px; width: 300px; }
	.home .seccion1 .item { width: 750px; height: 584px; bottom: -35px; }
	.home .seccion2, .home .seccion5, .producto .seccion2 { padding: 40px 0px; }
	.home .seccion2 li { padding: 20px; }
	.home .seccion2 .titulo span { font-size: 70px; line-height: 60px; top: -30px; left: -15px; }
	.home .seccion2 .img { height: 360px; }
	.home .seccion2 li:nth-child(4) { bottom: -160px; }
	.conteAuben, .contacto .seccion2 { padding: 80px 0px; }
	.conteAuben .conteImg { width: 900px; }
	.home .conteAuben::before { width: 200px; height: 124px; top: -65px; left: 60px; }
	.home .conteAuben::after { width: 200px; height: 124px; bottom: -65px; right: 60px; }
	.home .seccion4, .home .seccion4 .conte, .catalogo .seccion2, .catalogo .seccion4, .nosotros .seccion6, .contacto .seccion3 { padding: 50px 0px; }
	.carruselCategoria { margin: 50px auto; }
	.carruselCategoria .ico, .home .seccion4 .conte .productos .infoP .bg, .producto .seccion1::before { height: 120px; }
	.home .seccion4 .conte .img { width: 500px; height: 544px; left: -30px; }
	.home .seccion4 .conte.right .img { left: inherit; right: -30px; }
	.home .seccion4 .conte .info { height: 500px; }
	.home .seccion4 .conte .info .texto { width: 110%; font-size: 62px; line-height: 50px; top: -30px; right: 250px; }
	.home .seccion4 .conte.right .info .texto { right: 20px; }
	.home .seccion4 .conte .productos .infoP { margin: 8px; width: 140px; }
	.home .seccion4 .conte .info .btn, .home .seccion5 ul, .home .seccion6 .btn { margin-top: 20px; }
	.home .seccion5 .infoP .imagen { height: 230px; }
	.home .seccion5 .infoP .tituloP { height: 50px; }
	.home .seccion6, .nosotros .seccion5 { padding: 60px 0px; }
	.home .seccion6 .item { width: 520px; height: 420px; top: -60px; }
	/********************* NOSOTROS *********************/
	.nosotros .seccion1, .contacto .seccion1 { padding-top: 50px; }
	.nosotros .seccion1 .item { width: 740px; height: 540px; }
	.nosotros .seccion2 { padding: 100px 0px 160px; }
	.nosotros .seccion2 .conteRight h5, .nosotros .seccion4 .btn, .nosotros .seccion5 .btn { margin: 30px 0px; }
	.nosotros .seccion2 .item { width: 540px; height: 524px; top: -60px; left: -80px; }
	.nosotros .conteAuben::before { width: 200px; height: 124px; top: -65px; right: 60px; }
	.nosotros .conteAuben::after { width: 200px; height: 124px; bottom: -45px; left: 60px; }
	.nosotros .seccion4 { padding: 150px 0px; }
	.nosotros .seccion4 .item { width: 470px; height: 486px; top: -100px; }
	.nosotros .seccion5::before { width: 130px; height: 100px; bottom: 50px; margin-left: -340px; }	
	.nosotros .seccion6 ul { margin-top: 30px; }
	.nosotros .seccion6 .conte { height: 180px; }
	/******************** PRODUCTOS *********************/
	.catalogo .seccion1 { padding-top: 80px; }
	.catalogo .seccion1 .item { width: 500px; height: 246px; margin-right: 60px; }
	.catalogo .seccion2 ul { margin: 40px auto; }
	.catalogo .seccion2 ul::after { bottom: -40px; }
	.catalogo .seccion2 li { padding: 0px 15px; }
	.catalogo .seccion2 .ico, .contacto .seccion3 .ico { width: 70px; }
	.catalogo .seccion3::before { width: 200px; height: 124px; top: 40px; right: 60px; }
	.catalogo .seccion3::after { width: 200px; height: 124px; bottom: 230px; margin-left: -280px; }
	.catalogo .categoria { padding-right: 15px; }
	.catalogo .contenido { padding-left: 15px; }
	.catalogo .contenido .tituloContenido { line-height: 40px; }
	.catalogo .contenido .conteSearch .conte form input[type=text], .catalogo .contenido .conteSearch .conte form button { padding-top: 8px; padding-bottom: 8px; }
	.catalogo .categoria .tituloTodos, .catalogo .categoria .tituloArea, .catalogo .categoria .nombreCat { padding: 6px 20px; font-size: 22px; line-height: 28px; }
	.catalogo .categoria .tituloArea, .catalogo .categoria .nombreCat { font-size: 19px; }
	.catalogo .conteProd, .catalogo .contenido .urlProd, .producto .seccion2 .urlProd { margin: 20px auto; }
	.catalogo .contenido .urlProd .imagen { height: 200px; }
	.catalogo .contenido .urlProd .nombreProd, .producto .seccion2 .urlProd .nombreProd { margin: 15px 0px; height: 80px; font-size: 22px; line-height: 26px; }
	.catalogo .contenido .urlProd .btn, .producto .seccion2 .urlProd .btn { width: 150px; }
	.catalogo .seccion5 .conte { margin: 30px auto; width: 160px; }
	/**************** DETALLE - PRODUCTO ****************/
	.producto .seccion1 { padding: 120px 0px 40px; }
	.producto .seccion1 .tituloArea { margin: 0px 20px; font-size: 19px; line-height: 22px; }
	.producto .seccion1 li:nth-child(2) { padding: 50px 20px 0px; }
	.producto .seccion1 .imagen { margin: 20px auto; height: 430px; }
	.producto .seccion1 .tituloCategoria { font-size: 17px; line-height: 28px; }
	.producto .seccion1 .tituloProducto { font-size: 44px; line-height: 50px; }
	.producto .seccion1 .vistas { font-size: 19px; line-height: 28px; }
	.producto .seccion1 .btn { width: 340px; }
	.producto .seccion1 .compartir { font-size: 16px; line-height: 24px; }
	.producto .seccion2::before { width: 200px; height: 124px; top: 100px; right: 60px; }
	.producto .seccion2::after { width: 200px; height: 124px; bottom: 210px; left: 60px; }
	.producto .seccion2 h4 { margin-bottom: 20px; color: #238570; }
	.producto .seccion2 .urlProd .imagen { height: 220px; }
	.conteCotiza { width: 600px; }
	.conteCotiza .conteForm form textarea { height: 80px; }
	.conteCotiza .imagen { height: 310px; }
	/********************* CONTACTO *********************/
	.contacto .seccion1 .item { width: 680px; height: 525px; }
	.contacto .seccion2 .item { width: 560px; height: 555px; top: -10px; left: -80px; }
	.contacto .seccion2 h2 { margin-bottom: 30px; }
	.contacto .seccion3::before { width: 200px; height: 124px; top: -75px; }
	.contacto .seccion3 .link { font-size: 22px; line-height: 28px; }
	.contacto .seccion3 li:nth-child(1) .link { font-size: 28px; }
	.contacto .seccion4 .conteMapa { height: 450px; }
	/********************** FOOTER **********************/
	footer .seccion1 { padding: 80px 0px 50px; }
	footer .seccion1 .item { width: 600px; height: 465px; top: -90px; left: -80px; }
	footer .seccion1 h3 { margin-bottom: 20px; }
	footer .seccion1 .conteForm { margin-top: 20px; padding: 0px 40px; }
	.conteForm form ::placeholder, .conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { font-size: 15px; line-height: 16px; }
	.conteForm form input:not([type="submit"]), .conteForm form select, .conteForm form textarea { margin-bottom: 12px; display: block; width: 100%; padding: 12px 20px; }
	.conteForm form textarea { height: 110px; }
	.conteForm form label { margin: 8px 30px; font-size: 16px; line-height: 17px; }
	footer .seccion2 { padding: 30px 0px; }
	footer .seccion2 li:nth-child(1) { width: 180px; margin-left: -90px; }
	.dirFooter, .redesFooter a { font-size: 19px; line-height: 24px; }
	footer .seccion2 .conte { padding-top: 30px; }
	footer .seccion2 .conte p, footer .seccion2 .conte a { font-size: 13px; line-height: 18px; }
	footer .seccion2 .conte span { margin: 0px 20px; }
	/*********************** BLOG ***********************/
    .blog { padding-top: 50px 0px; }
    .blog .seccion1 .conteLeft .col2 li:nth-child(1) { width: 70%; }
    .blog .seccion1 .conteLeft .col2 li:nth-child(2) { width: 30%; }
    .categoriaBlog .itemPost .bg { height: 250px; }
    .infoPost { padding: 10px; font-size: 12px; }
    .categoriaBlog .tituloP { font-size: 18px; }
    .blog .seccion1 .conteLeft p { font-size: 13px; }
    .categoriaBlog a.verMas { width: 130px; font-size: 11px; }
    .categoriaBlog a.verMas:hover { width: 150px; }
    .blog .seccion1 .conteRight input:not([type="submit"]), .blog .seccion1 .conteRight input[type="submit"] { padding: 10px; font-size: 12px; }
    .blog .seccion1 .conteRight h5 { font-size: 18px; }
    .blog .seccion1 .conteRight .itemCategoria { padding: 6px; font-size: 12px; }
    .blog .seccion1 .conteRight .itemTag { font-size: 11px; }
    .blog .seccion1 .conteLeft .tituloPost { font-size: 18px!important; line-height: 22px!important; letter-spacing: 5px; margin: 20px 0; }
    .blog .seccion1 .conteLeft .conteCompartir h3 { font-size: 18px; }
    .blog .seccion2 h3 { font-size: 20px; }
    .blog .seccion2 { padding: 15px 0; }
    .blog .seccion2 .conteRelacionados ul.col2 { margin-top: 30px; }
    .blog .seccion2 .conteRelacionados ul.col2 li .bgPostR { height: 160px; }
    .blog .seccion2 .conteRelacionados ul.col2 li .infoR .tituloR { font-size: 12px; margin: 5px 0; }
    .blog .seccion2 .conteRelacionados ul.col2 li .infoR .descR { font-size: 13px; }
    .blog .seccion2 .conteRelacionados ul.col2 li .infoR a { font-size: 11px; }	
}

@media (min-width: 1440px) {}