@charset "UTF-8"; 

p, body, a, li, .primary { font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4 { font-family: 'Conthrax', sans-serif; }
@font-face {
  font-family: Conthrax;
  src: url("/fonts/conthrax-sb.otf");
}
@font-face {
  font-family: RockRoad;
  src: url("/fonts/RockRoad.ttf");
}

p { color: #58585a; font-size: 16px; font-weight: 400; text-align: justify; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff; padding: 0; margin: 0; }
section { /*padding-top: 50px;*/ background: #fff;position: relative }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
p { color: #58585a; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

::placeholder { color: #3d3f40; }
.principal { color: #35cd84; }
.secundario {color: #f34f98; }
.light { color: #fff; }
.justify { text-align: justify !important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline{ display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.empty { width: 100%;height: 10px }
.hidden { opacity: 0;visibility: hidden;z-index: 0;background-color: #fff; }
.visible { opacity: 1;visibility: visible;z-index: 10;background-color: #fff; }
.movil { display: none; }
.desktop { display: block; }
.onlymovil { display: none; }
/*
-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); 
*/

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.clear300 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** 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.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(even) { width: 75%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(odd) { width: 25%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(even) { width: 80%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(odd) { width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { 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; }
.col3foot li:nth-child(even) { 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; }
.col2Sidebar li:nth-child(1) { float: left; width: 70%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2Sidebar li:nth-child(2) { float: left; width: 28%; margin: 0 1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col2mix li:first-child { width: 33.33%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mix li:nth-child(2) { width: 66.66%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.full li { float: left; width: 100% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }


/*********************** HEADER ***********************/
header { width: 100%;position: fixed;top: 0px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);z-index: 990; }
.logo { width: 30%;float: left;margin: 15px 0px }
.logo img  { width: 250px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
header .logo_chico img { width: 130px;margin: 0px 20px; }
.menu { width: 60%;margin-left: 10%;float: left; }
.menu li {  }
.menu li a { color: #5c5c5e;padding: 30px 0px;font-size: 14px;text-align: center;line-height: 62px;text-transform: uppercase;font-weight: 600;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.menu li a:hover { color: #E67817 }
.menu_chico2 li a { padding: 20px 0px }
.menu .menu_activo a { color: #E67817 }

.btn_movil { width: 40px;height: 30px;padding: 10px 0px;float: right;position: relative;margin-top: 30px; }
.Line01 { border: 2px solid #5c5c5e;width: calc(100% - 4px);float: right;margin: 3px 0px 2px 0px; }
.Line02 { border: 2px solid #5c5c5e;width: calc(100% - 4px);float: right;margin: 3px 0px 3px 0px; }
.Line03 { border: 2px solid #5c5c5e;width: calc(100% - 4px);float: right;margin: 2px 0px 3px 0px; }

/*********************** SLIDER ***********************/
.MainSlider { height: 500px;background-size: cover;background-position: center center;background-image: url('../img/slider/banner-home.jpg');margin-top:300px;position: relative;border-bottom: solid 10px #e6782d; }
.TextSlider { width: 45%;margin: 0px 17.5%;position: absolute;top: 15px; }
.TextSlider h1 {font-size: 21px;line-height: 1;color: #ff7728;text-shadow: 0px 0px 1px rgba(0,0,0,.6);width: 800px;}
.TextSlider h1 span {display: block;font-size: 26px;font-family:Conthrax; line-height: 1; width: 60%;}
.TextSlider .BtnSlider {background-color: #353537;width: 250px;padding: 10px 0px;text-align: center;border-radius: 0px;color: #fff;border: solid 2px #353537;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.TextSlider .BtnSlider:hover { width: 280px }

/*********************** FOOTER ***********************/
.CalltoFooter { background-image: url('../img/main/backCallto.jpg');    background-size: cover;background-repeat: no-repeat;background-position: center bottom;padding: 80px 0px; }
.CalltoFooter h3 { font-size: 50px;text-transform: uppercase;line-height: 55px;margin: 20px auto 40px auto;color: #fff;text-align: center;font-family: 'RockRoad', sans-serif;text-shadow: 0px 0px 10px rgba(0,0,0,.6)  }
.CalltoFooter h3 span { display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'conthrax' , sans-serif; }
#ContAub .medio-01 { width: 49%;float: left;margin-right: 1%; }
#ContAub .medio-02 { margin-left: 1%;width: 49%;float: left; }
#ContAub { width: 450px;margin: 30px auto;  }
#ContAub input { width: calc(100% - 14px);height: 40px;padding-left: 10px;border: 1px solid #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.4);font-size: 14px;font-family: 'Conthrax', sans-serif; }
#ContAub ::placeholder { font-family: 'Conthrax', sans-serif; }
#ContAub textarea { width: calc(100% - 14px);height: 100px;padding-left: 10px;resize: none;border: 1px solid #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.4);font-size: 14px;padding-top: 10px;font-family: 'Conthrax', sans-serif; }
#ContAub input#submitContAub { width: 100%;background-color: #E67817;color: #fff;font-size: 16px;text-transform: uppercase;padding-left: 0px;height: 40px;border: none;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;cursor: pointer;font-family: 'conthrax', sans-serif; }
#ContAub input#submitContAub:hover, ##ContAub input#submitContAub:disabled {  }

footer { background-color: #353537;padding: 30px 0px 10px 0px; }
.LogoFoot img { width: 180px;margin: 20px 0px; }
.Direccion { position: relative }
.Direccion h4 { font-size: 18px;line-height: 1;margin: 5px 0px;color: #fff; }
.Direccion p { font-size: 14px;color: #fff;line-height: 1;margin-bottom: 20px; }
.Direccion a { font-size: 16px;color: #fff;line-height: 1;margin-bottom: 5px;text-align: right; }
.Direccion .Facebook { width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px;background-color: #fff;border: 1px solid #353537;color: #353537;position: absolute;left: 40px;top: -20px; }
.Direccion .Facebook:hover { background-color: #353537;border: 1px solid #fff;color: #fff; }
.Direccion a:hover { color: #E67817 } {  }
.Copy { margin-top: 10px; }
.Copy p { text-align: center;font-size: 12px;color: #fff;margin: 5px 0px; }
.Copy a { text-transform: uppercase }
.Copy a:hover { color: #E67817 }

/*********************** INICIO ***********************/
.Inicio-01 { padding: 30px 0px; }
.Video { width: calc(100% - 20px);height: 300px;margin: 30px auto; }
.Inicio-01 img { width: 110%;margin: 0px 0px 0px -70px;padding-top: 120px; }
.Inicio-01 h3 { color: #E67817;font-size: 45px;line-height: 50px;text-transform: uppercase;margin: 20px 0px 30px 0px;font-family: 'RockRoad', sans-serif; }
.Inicio-01 h3 span { color: #666;display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'conthrax' , sans-serif; }
.Inicio-01 p { font-size: 18px;line-height: 1;color: #000; }
.Inicio-01 a { width: 130px;background-color: #E67817;padding: 10px 0px;text-align: center;color: #fff;margin-top: 30px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Inicio-01 a:hover { width: 150px; }
.Inicio-02 { background-color: #545456;padding: 50px 0px }
.AubenImg { width: 900px;margin: 0 auto }
.Inicio-03 { padding: 30px 0px 50px 0px }
.Inicio-03 h3 { font-size: 45px;line-height: 50px;text-transform: uppercase;margin: 20px auto 40px auto;color: #E67817;text-align: center;font-family: 'RockRoad', sans-serif;  }
.Inicio-03 h3 span { color: #3f3f3f;display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'conthrax' , sans-serif;  }

.Inicio-00 .Categorias { width: calc(80% - 20px) !important;margin: 10px auto; }
.Inicio-00 { padding: 30px 0px;background-color: #ededed  }
.Inicio-00 h4 { text-align: center;text-transform: uppercase;width: calc(80% - 20px);font-size: 14px;margin: 0 auto;line-height: 1; }
.Inicio-00 h3 { font-size: 45px;line-height: 50px;text-transform: uppercase;margin: 20px auto 40px auto;color: #E67817;text-align: center;font-family: 'RockRoad', sans-serif;  }
.Inicio-00 h3 span { color: #3f3f3f;display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'conthrax' , sans-serif;  }

.Logos .owl-nav { border: 1px solid #e6782d;margin: 30px 60px;position: relative; }
.Logos .owl-prev { width: 30px;height: 30px;text-align: center;line-height: 30px;color: #E67817;border: 2px solid #E67817;border-radius: 5px;position: absolute;left: -33px;bottom: -16px; }
.Logos .owl-prev:hover {  }
.Logos .owl-prev .fa { position: relative;left: -1px;font-size: 10px;bottom: 1px; }
.Logos .owl-next { width: 30px;height: 30px;text-align: center;line-height: 30px;color: #E67817;border: 2px solid #E67817;border-radius: 5px;position: absolute;right: -33px;bottom: -16px; }
.Logos .owl-next:hover {  }
.Logos .owl-next .fa { position: relative;right: -1px;font-size: 10px;bottom: 1px; }

.CoverAreas {  }
.BackAreas { position:relative;height: 300px;width: 90%;margin: 0 auto;background-position: center center;background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  }
.CoverAreas:hover .BackAreas { background-blend-mode: multiply;background-color: rgba(60, 60, 60, .7); }
.CoverAreas h4 { font-size: 20px;color: #fff;text-transform: uppercase;width: 90%;margin: 0 5%;text-align: center;position: absolute;bottom: 10px;opacity: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverAreas:hover h4 { opacity: 1;bottom: 100px; }
.CoverAreas .VerMas { width: calc(30% - 4px);margin: 0 35%;opacity: 0;text-align: center;border: 2px solid #fff;color: #fff;position: absolute;bottom: 10px;padding: 5px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverAreas:hover .VerMas { bottom: 50px;opacity: 1;  }
.CoverAreas .IconoAreas { width: 20%;margin: 0 40%;position: absolute;top: 0px;opacity: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverAreas:hover .IconoAreas { top: 50px;opacity: 1; }

/*********************** NOSOTROS ***********************/
.Nosotros-01 {  }
.Nosotros-01 h3 { font-size: 65px;line-height: 50px;margin: 20px auto 40px auto;color: #E67817;font-family: 'conthrax', sans-serif;  }
.Nosotros-01 h3 span { color: #3f3f3f;display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'Montserrat' , sans-serif;  }
.Nosotros-01 p { font-size: 18px;line-height: 1;color: #000 }
.BancaNosotros { width: 110%;margin: 0px 0px 0px 50px;padding-top: 120px; }
.CalltoNosotros { padding: 30px 0px;background: rgba(141,197,63,1);background: -moz-linear-gradient(left, rgba(141,197,63,1) 0%, rgba(3,193,171,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(141,197,63,1)), color-stop(100%, rgba(3,193,171,1)));background: -webkit-linear-gradient(left, rgba(141,197,63,1) 0%, rgba(3,193,171,1) 100%);background: -o-linear-gradient(left, rgba(141,197,63,1) 0%, rgba(3,193,171,1) 100%);background: -ms-linear-gradient(left, rgba(141,197,63,1) 0%, rgba(3,193,171,1) 100%);background: linear-gradient(to right, rgba(141,197,63,1) 0%, rgba(3,193,171,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E67817', endColorstr='#03c1ab', GradientType=1 ); }
.CalltoNosotros h4 { color: #fff;text-transform: uppercase;float: left;width: 60%;font-size: 19px;font-weight: 400;margin: 20px 50px; }
.CalltoNosotros a { background-color: #fe4846;color: #fff;float: left;width: 300px;margin-left: 110px;text-align: center;padding: 10px 0px;border-radius: 20px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CalltoNosotros a:hover { width: 330px; }
.DianaNosotros { width: 140px;margin-left: 100px;float: left; }
.BancaNosotros2 { width: 110%;margin: 0px 0px 0px -50px;padding-top: 120px; }
.Lista { padding-left: 25px;position: relative;width: 75%;text-align: left; }
.Lista::before { content: '';width: 16px;height: 18px;background-image: url('../img/main/lista.png');position: absolute;left: 0px;background-position: center center;background-size: 16px;background-repeat: no-repeat; }
.BancaNosotros3 { width: 90%;margin: 30px 0px }
.ContCont { margin-top: 220px; }
.Contacto-01 { display: none;background: #353537; }
.Contacto-01 img { width: 120px;margin: 30px auto; }
.Contacto-01 p { font-size: 16px;color: #fff;line-height: 1.5; }
.Contacto-01 a { color: #fff;font-size: 18px;margin-bottom: 8px;line-height: 1;width: 70%;float: right; }

/*********************** PRODUCTOS ***********************/
.Productos-01 { margin-bottom: 30px;padding: 30px 0px }
.Productos-01 h3 { font-size: 65px;line-height: 50px;margin: 20px auto 40px auto;color: #E67817;text-align: center;font-family: 'conthrax', sans-serif;  }
.Productos-01 h3 span { color: #666;display: block;font-size: 18px;line-height: 1;font-weight: 400;text-transform: uppercase;font-family: 'Montserrat' , sans-serif;  }
.Productos-01 p { text-align: center;color: #000;width: 300px;margin: 20px auto; }

.Productos-02 { padding: 30px 0px }
.BannerProducto { height: 450px;margin-bottom: 30px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative; }
.BannerProducto h2 { color: #fff;position: absolute;font-size: 66px;font-family: 'conthrax' , sans-serif;left: 5%;top: 180px;margin: 0;line-height: 50px;text-align: center;text-shadow: 0px 0px 10px rgba(0,0,0,.5); }
.BannerProducto h2 span { color: #E67817;font-size: 19px;display: block;line-height: 1;text-transform: uppercase;font-family: 'Montserrat' , sans-serif;font-weight: 400; }
.Productos-02 h4 { text-align: center;text-transform: uppercase;font-size: 18px;margin: 10px auto 20px auto;color: #4d4445;width: 70%;line-height: 1;min-height: 36px; }
.IconoProducto { width: 140px;margin: 20px auto; }
.Productos-02 a { background-color: #E67817;width: 150px;margin: 0 auto 40px auto;padding: 5px 0px;text-align: center;color: #fff;border-radius: 20px;font-size: 14px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Productos-02 a:hover { width: 170px }

/*********************** CATALOGO ***********************/
.CalltoOtros { background-color: #dfdfdf;padding: 30px 0px; }
.CalltoOtros h3 { color: #58585a;font-size: 50px;line-height: 1;text-align: center;margin: 0px auto; }
.CalltoOtros p { color: #58585a;font-size: 18px;margin: 10px auto;text-align: center; }
.CalltoOtros img { width: 200px;margin: 0 auto; }
.CalltoOtros .col3 { width: 70%;margin: 0 auto }

.CatalogoMain .Sidebar { width: 24%;float: left;margin-right: 1%; }
.ShopCol { width: 75%;float: left; }
.ShopCol 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; }
.CatalogoMain { padding:80px 20px;margin-top: 180px }
.CatalogoMain h2 {color: #E67817;line-height: 1;text-align: center;width: 60%;margin: 20px auto;font-size: 24px;margin-bottom: 30px; }
.ContCont h3 {color: #E67817;line-height: 1;text-align: center;width: 60%;margin: 0px auto;font-size: 30px;padding: 170px 0px 20px 0px }
.youtube-thumb { width: calc(100% - 20px);margin: 10px auto }
.CoverProd { width: 90%;margin: 10px auto; }
.CoverProd .DestProd { height: 250px;background-position: center center;background-size: 70%;background-repeat: no-repeat;box-shadow: 0px 0px 10px rgba(0,0,0,.6);-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CoverProd:hover .DestProd { background-color: rgba(0,0,0,.5);background-blend-mode: multiply; }
.CoverProd h5 { color: #666;font-size: 16px;font-family: 'Conthrax', sans-serif;text-align: center;margin: 15px auto;font-weight: 400;width: 90%;line-height: 1;text-transform: none;min-height: 60px; }
.CoverProd:hover p { opacity: 1 }
.CoverProd p { color: #fff;font-size: 16px;font-family: 'Conthrax', sans-serif;position: absolute;text-transform: uppercase;top: 100px;text-align: center;width: calc(65% - 15px);border: 2px solid #fff;padding: 5px 0px;margin: 0px 15%;opacity: 0; }

.Sidebar h3 { color: #666;font-size: 22px;font-family: 'Conthrax' , sans-serif;line-height: 1;margin: 20px 0px 10px 0px;text-transform: uppercase; }
#Buscar {  }
#Buscar input { width: calc(70% - 10px);height: 40px;border: 1px solid #E67817;padding-left: 10px;float: left;  }
#Buscar input#submitBuscar { width: calc(30%);background-color: #E67817;color: #fff;font-size: 12px;border: 1px solid #E67817;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#Buscar input#submitBuscar:hover, #Buscar input#submitBuscar:disabled { background-color: #666;border: 1px solid #666 }
.CatsMenu a { background-color: #fff;padding: 7px 5px 7px 10px;color: #58585a;margin-bottom: 5px;font-size: 16px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.CatsMenu p { background-color: #fff;padding: 7px 5px 7px 0px;color: #58585a;margin-bottom: 5px;font-size: 16px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } 
.CatsMenu a:hover { background-color: #E67817;color: #fff;padding: 7px 5px 7px 15px }

.ShopProd { width: 75%;float: left; }
.ProdPic { width: calc(40% - 4px);height: 300px;float: left;border: 2px solid #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);margin-right: 3%;border-radius: 5px;background-position: center center;background-size: 70%;background-repeat: no-repeat;position: relative }
.Vistas { width: 95%;padding: 5px 0px;font-size: 14px;color: #fff;text-align: left;padding-left: 5%;position: absolute;bottom: 0px;background-color: rgba(0,0,0,.3); }
.Vistas .fa { padding-right: 5px }
.ShopProd h3 { font-size: 18px;font-weight: 600;margin: 0px;color: #666666; }
.ShopProd .DescripcionCorta { float: left;width: calc(60% - 3%); }
.DescripcionCorta strong { font-size: 18px;padding-right: 5px; }
.SolicitaCotizacion { width: 200px;background-color: #E67817;padding: 5px 0px;text-align: center;color: #fff;border-radius: 5px;font-size: 14px;margin: 20px 0px;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.SolicitaCotizacion:hover { width: 220px; }
.Cateprod { font-size: 12px;font-weight: 600 }
.Cateprod .fa { padding-right: 5px;font-size: 14px;color: #E67817; }
.Descripcionlarga { margin-top: 30px }
.Descripcionlarga h4 { background-color: #eaeaea;margin: 0px;padding: 10px 10px;font-size: 16px;width: 50%;border-radius: 10px 10px 0px 0px;color: #666666; }
.MedidasProd, .DescProd { padding: 5px 10px;border: 1px solid #eaeaea;border-radius: 0px 10px 10px 0px;margin-bottom: 20px; }
.ShareProd { padding-top: 10px; }
.ShareProd p { font-size: 14px;line-height: 1; }
.colSociales { background: #E67817; border: 2px solid #E67817; border-radius: 5px; max-width: 300px; }
.colSociales li { color:#fff; float: left; width: 25% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;padding: 0 }
.colSociales li a { font-size: 14px; text-align: center; display: inline-block; line-height: 30px; width: 100%;padding: 0; }
.colSociales li:first-child:hover { background-color: #e6d75d; }
.colSociales li:nth-child(2):hover { background-color: #3b5998; }
.colSociales li:nth-child(3):hover { background-color: #1dcaff; }
.colSociales li:nth-child(4):hover { background-color: #34af23; }
.colSociales li:first-child:hover span, .colSociales li:first-child:hover i, .colSociales li .fa-whatsapp:hover, .colSociales li .fa-facebook:hover, .colSociales li .fa-twitter:hover { color: #fff }
.colSociales li span { padding-left: 5px; font-size: 12px; }

.CotizacionFlota { display: none;position: fixed;z-index: 99;top: 130px;width: calc(40% - 14px);background-color: #eaeaea;margin: 0 30%;border-radius: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.2);padding: 5px;border: 2px solid #fff; }
.CerrarFlota { position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;background-color: #fff;border: 2px solid #E67817;cursor: pointer;border-radius: 50%; }
.CerrarFlota:hover { background-color: #E67817; }
.CerrarFlota span { text-align: center;line-height: 30px;font-weight: 600;display: block;color: #E67817; }
.CerrarFlota:hover span { color: #fff; }
.ConteFlota h3 { margin: 20px auto 0px auto;text-align: center;text-transform: uppercase;color: #000000;font-size: 24px; }
.ConteFlota p { text-align: center;line-height: 1;color: #000;font-size: 14px;margin: 5px 0px 20px 0px; }
.CotizaProducto {width: calc(50% - 20px);float: left;height: 100%;min-height: 220px;border: 5px solid #fff;border-radius: 3px;box-shadow: 0px 0px 4px rgba(0,0,0,.2);background-size: 190px;background-repeat: no-repeat;background-position: center center;background-color: #fff;}
#Cotizando { width: calc(50% - 20px);margin: 0px 10px 20px 10px;float: left; }
#Cotizando input { width: calc(100% - 14px);border-radius: 5px;border: 1px solid #E67817;box-shadow: none;text-align: left;height: 30px;padding-left: 10px;  }
#Cotizando textarea { width: calc(100% - 14px);border-radius: 5px;border: 1px solid #E67817;box-shadow: none;height: 50px;text-align: left;padding-left: 10px;resize: none; }
#Cotizando input#submitCotizando { background-color: #666;text-align: center;color: #fff;text-transform: uppercase;font-size: 12px;width: 50%;cursor: pointer;border: none;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
#Cotizando input#submitCotizando:hover { width: 55%; }
.Overlay { width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 98;background-color: rgba(0,0,0,.6);display: none }

/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px;margin: 20px auto;display: table;width: 100%; display: table; }
.pagination > li { display: inline;width: auto!important;padding: 0!important;float: none !important; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #E67817; 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: #E67817; 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: #E67817; border-color: #E67817; }
.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; }

.Aviso { padding: 30px 0px 80px 0px; }
.Aviso h3 { font-size: 45px;line-height: 50px;margin: 20px auto 40px auto;color: #E67817;text-align: center;font-family: 'Conthrax', sans-serif; }
.Aviso h2 {text-align: center;font-size: 80px;line-height: 1;margin: 10px auto;text-transform: uppercase;}
.Aviso h2 span {font-size: 30px;display: block;}
.Aviso p {text-align: center;}
.Aviso a { background-color: #E67817;width: 200px;border-radius: 20px;padding: 10px 20px;text-align: center;color: #fff;margin: 30px auto;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.Aviso a:hover { width: 220px; }

.FloatBottom { box-shadow: 0px 0px 10px rgba(0,0,0,.5);width: 50px;height: 50px;position: fixed;bottom: 10px;right: 10px;line-height: 50px;text-align: center;font-size: 30px;border: 4px solid rgba(230, 120, 45, .5);background-color: #fff;color: #e6782d;border-radius: 50%;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.FloatBottom:hover { border: 4px solid rgba(230, 120, 45, .3);background-color: rgba(230, 120, 45, .6) }
.FloatBottom:hover .fa-info { color: #fff; }
.Social-Tooltip { display: none;bottom: 0px;position: absolute;width: 50px;height: 150px;bottom: 60px; }
.FloatBottom:hover .Social-Tooltip { bottom: 60px; }
.Social-Tooltip a { border: 2px solid #e6782d;border-radius: 50%;color: #e6782d;width: 40px;background-color: #fff;height: 40px;line-height: 40px;font-size: 20px;margin: 4px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Social-Tooltip a:hover { background-color: #e6782d;color: #fff;border: 2px solid #fff }

/*********************** BLOG ***********************/
.Blogs { margin-top: 250px;padding: 30px 0px }
.TituloPagina h2 { color: #E67817;line-height: 1;text-align: center;width: 60%;font-size: 30px;margin-bottom: 30px;text-transform: uppercase;margin: 0px auto 20px auto; }
#BuscarBlog {  }
#BuscarBlog input { width: calc(70% - 10px);height: 40px;padding-left: 10px;-webkit-appearance: textfield;border: 1px solid #E67817; }
#BuscarBlog input#SearchBlog { background-color: #E67817;width: 30%;border: none;position: relative;top: -1px;color: #fff;font-size: 11px;line-height: 1;cursor: pointer;padding-left: 0px;text-transform: uppercase;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#BuscarBlog input#SearchBlog:hover { background-color: #b6b6b6 }

.SidebarRecientes a { padding: 5px 10px 5px 10px;position: relative;color: #454545;margin-bottom: 2px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.SidebarRecientes a:hover { color: #E9258B;padding: 5px 10px 5px 20px }
.SidebarRecientes a::before { content: '\f054';font-family: 'FontAwesome';font-size: 8px;position: absolute;left: 4px;bottom: 9px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.SidebarRecientes a:hover::before { left: 10px; }

.SideBarBlog h4 { color: #999;font-size: 26px;margin: 10px 0px;line-height: 1; }
.CoverBlog { margin: 0px 0px 30px 0px }
.DestBlog { width: calc(100% - 10px);border: 2px solid #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);border-radius: 4px;margin: 10px auto;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 300px;position: relative; }
.InfoBlog { background-color: rgba(92, 92, 94, .5);position: absolute;width: 100%;bottom: 0px;padding: 5px 0px; }
.InfoBlog .Date { color: #fff;position: relative;width: 200px;text-align: center;float: right;line-height: 1;font-size: 13px;margin: 10px 0px; }
.InfoBlog .CateBlog { color: #fff;position: relative;width: 200px;float: right;text-align: center;line-height: 1;font-size: 13px;margin: 10px 0px; }
.InfoBlog .CateBlog:hover { color: #ffffff; }
.InfoBlog .fa { color: #ffffff;position: relative;padding-right: 5px;font-size: 10px;bottom: 1px; }
.CoverBlog h4 { color: #E67817;text-transform: uppercase;font-size: 20px;margin: 20px 0px 10px 0px;padding-left: 10px; }
.CoverBlog .DescripcionCorta { color: #666;font-size: 14px;padding-left: 10px;margin: 10px 0px 30px 0px; }
.CoverBlog .VermasBlog { color: #fff;background-color: #E67817;width: 160px;text-align: center;margin: 20px 10px;padding: 10px 0px;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; }
.CoverBlog .VermasBlog:hover { width: 180px }

.UltimasBlog { padding-bottom: 40px }
.UltimasBlog h3 { text-align: center;color: #6f6f6f;font-size: 22px;text-transform: uppercase;width: 300px;margin: 40px auto;background-color: #fff;position: relative;line-height: 30px; }
.UltimasBlog .contenedor::before { content: '';width: 100%;position: absolute;border: 1px solid #E67817;top: 15px; }

.CoverBlogChico { margin: 0px 0px 30px 0px }
.DestBlogChico { width: calc(40% - 10px);border: 2px solid #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);border-radius: 4px;margin: 10px auto;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 180px;position: relative;float: left; }
.InfoBlogChico { width: calc(60% - 10px);float: left;padding: 10px 5px; }
.InfoBlogChico .Date { color: #666;position: relative;width: calc(40% - 10px);float: left;line-height: 1;font-size: 13px;margin: 10px 0px;padding-left: 10px; }
.InfoBlogChico .CateBlog { color: #666;position: relative;width: 60%;float: left;line-height: 1;font-size: 13px;margin: 10px 0px; }
.InfoBlogChico .CateBlog:hover { color: #ffffff; }
.InfoBlogChico .fa { color: #E67817;position: relative;padding-right: 5px;font-size: 10px;bottom: 1px; }
.CoverBlogChico h4 { color: #E67817;text-transform: uppercase;font-size: 14px;margin: 10px 0px 10px 0px;padding-left: 10px; }
.CoverBlogChico .DescripcionCortaChico { color: #666;font-size: 14px;padding: 0px 10px;margin: 10px 0px 30px 0px;text-align: left }
.CoverBlogChico .VermasBlogChico { color: #fff;background-color: #E67817;width: 120px;text-align: center;margin: 0px 10px;padding: 5px 0px;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;}
.CoverBlogChico .VermasBlogChico:hover { width: 140px }

.UltimosVideos { padding-bottom: 40px; }
.UltimosVideos h3 { text-align: center;color: #6f6f6f;font-size: 22px;text-transform: uppercase;width: 190px;margin: 0px auto;background-color: #fff;position: relative;line-height: 30px; }
.UltimosVideos li::before { content: '';width: 100%;position: absolute;border: 1px solid #E67817;top: 15px; }

.CoverDescarga { width: calc(100% - 10px);border: 2px solid #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);border-radius: 4px;margin: 20px auto;background-size: cover;background-repeat: no-repeat;background-position: center center;height: 200px;position: relative; }
.UltimosVideos h4 { color: #E67817;text-transform: uppercase;font-size: 14px;margin: 10px 0px 10px 0px;padding-left: 10px; }
.UltimosVideos p { width: calc(100% - 20px);color: #666;font-size: 14px;padding: 0px 10px;margin: 10px 0px 30px 0px; }

.DescripcionPost { margin: 20px 10px 30px 10px;padding-bottom: 30px; }
.DescripcionPost ul li { width: 100% !important;list-style: circle;padding-left: 0%;margin-inline-start: 10px; }
.DescripcionPost ol li { width: 100% !important;list-style: decimal;padding-left: 0%;margin-inline-start: 10px; }
.DescripcionPost ul { list-style: circle; padding-inline-start: 25px; }
.DescripcionPost ol { llist-style: decimal;padding-inline-start: 25px;  }
.DescripcionPost ol li, .DescripcionPost ul li, .DescripcionPost p { font-size: 14px;font-weight: 400;text-align: justify;color: #58585a; }
.DescripcionPost ol li, .DescripcionPost ul li { font-size: 14px;font-weight: 400;text-align: justify;color: #58585a;margin: 10px 0px !important }
.DescripcionPost h1 { color: #E67817;text-transform: uppercase;font-size: 20px;text-align: center;margin: 30px 0px;line-height: 1; }
.DescripcionPost a { display: inline-block; }
.Share {width: 300px;margin: 0 auto;background-color: #e67817;border-radius: 5px;position: relative;}
.Share li { width: 25% !important;float: left;margin: 0 !important; }
.Share li a { font-size: 14px;text-align: center;line-height: 30px;padding: 5px;color: #fff }
.Share li a:hover { background-color: rgba(255,255,255,.3); }
.LineasBlog {border: 1px solid #e67817;margin: 30px 0px 30px 0px;position: relative;}
.LineasBlog h3 {position: absolute;width: 40%;margin: 0 30%;background-color: #fff;text-align: center;top: -15px;font-size: 20px;text-transform: uppercase;color: #6f6f6f;}
    
.Relacionados { background-color: #f5f5f5;padding-bottom: 30px; }
.Relacionados h3 { text-align: center;color: #6f6f6f;font-size: 22px;text-transform: uppercase;width: 300px;margin: 40px auto;background-color: #f5f5f5;position: relative;line-height: 30px;padding-top: 30px }

/*********************** MEDIAS QUERIES ***********************/

@media screen and (min-width: 320px) and (max-width: 479px) {
	.col2 li { float: left; width: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	.onlymovil { display: block; }
	
	.logo { width: 60%; }
	.logo img { width: 80px }
	header .logo_chico img { width: 60px }
	.btn_movil { width: 30px;height: 25px;margin-top: 10px; }
	.Line01, .Line02, .Line03 { margin: 2px 0px 2px 0px; }
	.menu { display: none;width: 100%;margin-left: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { line-height: 15px;padding: 10px; }
	
	.MainSlider { height: 280px;margin-top: 85px }
	.TextSlider {width: 90%;margin: 0px 5%;top: 30px;}
	.TextSlider h1 {width: 100%;font-size: 14px;line-height: 20px;text-align: left;}
	.TextSlider h1 span {font-size: 13px;display: block;}
	.TextSlider .BtnSlider { width: 80%;margin-left: 0px;padding: 5px;border-radius: 5px;font-size: 12px;margin: 120px auto; }
	.TextSlider .BtnSlider:hover { width: 85%; }
	
	.Video { height: 180px; }
	.ContCont, .Blogs, .CatalogoMain { margin-top: 75px; }

	.BancaNosotros2, .BancaNosotros, .Inicio-01 img { width: 100%;margin: 0px;padding-top: 30px; }
	.Aviso h3 { font-size: 30px; }
	.Inicio-00 h3, .CalltoFooter h3, .Productos-01 h3, .Nosotros-01 h3, .Inicio-03 h3, .Inicio-01 h3 { font-size: 36px;text-align: center;margin: 20px auto;line-height: 30px; }
	.Inicio-00 h3 span, .CalltoFooter h3 span, .Productos-01 h3 span, .Nosotros-01 h3 span, .Inicio-03 h3 span, .Inicio-01 h3 span { font-size: 16px; }
	.Nosotros-01 p, .Inicio-01 p { font-size: 14px }
	.Inicio-01 a { margin: 10px auto;width: 150px;padding: 5px 0px;font-size: 14px;border-radius: 5px; }
	
	.Inicio-00 .Categorias { width: calc(65% - 20px) !important; }
	
	.Inicio-02 { padding: 30px 0px; }
	.AubenImg { width: 80%; }
	.Inicio-03 { padding: 10px 0px 30px 0px }

	.BackAreas { width: 95%;height: 250px;margin: 5px auto }
	.CoverAreas:hover h4, .CoverAreas h4 { opacity: 1;bottom: 80px;font-size: 18px; }
	.CoverAreas:hover .IconoAreas, .CoverAreas .IconoAreas { top: 20px;opacity: 1;width: 40%;margin: 0 30%; }
	.CoverAreas:hover .VerMas, .CoverAreas .VerMas { width: calc(50% - 4px);margin: 0 25%;bottom: 30px;opacity: 1; }
	.CoverAreas .BackAreas { background-blend-mode: multiply; background-color: rgba(60, 60, 60, .5); }
	.CalltoFooter { padding: 20px 0px }
	#ContAub { width: 280px;margin: 20px auto; }
	#ContAub input { height: 25px;border-radius: 10px;font-size: 12px;background-color: rgba(255,255,255,.8); }
	#ContAub textarea { height: 80px;border-radius: 10px;font-size: 12px;background-color: rgba(255,255,255,.8); }
	#ContAub input#submitContAub { font-size: 16px;line-height: 1;height: 30px; }
	
	.DianaNosotros { width: 100px;margin-left: auto;float: none;margin: 10px auto; }
	.CalltoNosotros h4 { float: none;width: 90%;font-size: 16px;font-weight: 600;margin: 20px auto;text-align: center }
	.CalltoNosotros a { float: none;width: 90%;margin-left: auto;text-align: center;margin: 10px auto;border-radius: 10px; }
	.CalltoNosotros a:hover { width: 95%; }
	.Lista { width: calc(100% - 25px); }
	.BancaNosotros3 { width: 100%; }

	.Productos-01 { margin-bottom: 10px;padding: 20px 0px; }
	.Productos-01 p { width: 100%;font-size: 14px; }
	.BannerProducto { height: 250px;margin-bottom: 10px; }
	.BannerProducto h2 { font-size: 36px;left: 0px;top: 150px;margin: 0 auto;line-height: 1;width: 100%;background-color: rgba(0,0,0,.5);padding: 10px 0px }
	.Productos-02 h4 { font-size: 16px;margin: 10px auto 10px auto;width: 100%;line-height: 1;min-height: auto; }
	.Productos-02 a { width: 130px;margin: 10px auto 20px auto;padding: 5px 0px;text-align: center;border-radius: 10px }
	.Productos-02 a:hover { width: 150px; }
	
	.Contacto-01 img { width: 100px;margin: 10px auto; }
	.Contacto-01 p { text-align: center;font-size: 14px; }
	.Contacto-01 a { font-size: 16px;width: 100%;text-align: center; }
	.Contacto-01 .contenedor { padding: 20px 0px }
	.Contacto-01 iframe { height: 50px; }
	
	.CatalogoMain h2 { width: 100%;margin-bottom: 20px;font-size: 18px; }
	.CatalogoMain .Sidebar, .SideBarBlog { display: none;width: calc(90% - 20px);height: 90%;top: 5%;overflow: scroll;padding: 0px 10px;position: fixed;background-color: #fff;z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,.6); }
	.Movilmenu {background-color: #353537;padding: 10px 0px;text-align: center;color: #fff;font-size: 12px;cursor: pointer; }
	.CerrarSide { width: 30px;height: 30px;position: fixed;right: 6px;top: 15px;background-color: #fff;border: 1px solid #fff;text-align: center;z-index: 1;box-shadow: 0px 0px 10px rgba(0,0,0,.6); }
	.CerrarSide span { line-height: 30px }
	.col2Sidebar li:nth-child(1), .ShopCol li { width: 100%; }
	.ShopProd, .ShopCol { width: 100%;margin-top: 30px; }
	.CoverProd h5 { font-size: 18px;margin: 20px auto 10px auto; }
	
	.DestBlog { height: 170px; }
	.InfoBlog .Date, .InfoBlog .CateBlog { width: 50%; }
	.CoverBlog h4 { font-size: 16px; }
	.CoverBlog .DescripcionCorta { color: #666;font-size: 14px;padding-left: 10px;margin: 10px 0px 30px 0px;width: calc(100% - 20px); }
	.LineasBlog h3 { width: 60%;margin: 0 20%;}
	.Share { width: 90% }
	.Share li a { font-size: 12px;line-height: 25px; }
	
	.ProdPic { width: calc(100% - 4px);margin-right: 0%;height: 200px; }
	.ShopProd .DescripcionCorta, .DescripcionCorta { width: 100%;margin: 30px 0px; }
	.DescripcionCorta p { font-size: 14px;text-align: center }
	.Cateprod { font-size: 12px;font-weight: 600;margin: 10px auto;float: none;text-align: center; }	
	.SolicitaCotizacion { margin: 20px auto }
	.Share p { text-align: center; }
	.colSociales { width: 85%;margin: 0 auto }
	.ShopProd h3 { text-align: center;font-size: 24px; }
	.Descripcionlarga { margin-top: 20px; }
	.Descripcionlarga h4 { width: calc(100% - 20px);text-align: center; }
	.MedidasProd p, .DescProd p { font-size: 14px; }
	.MedidasProd, .DescProd { border-radius: 0px 0px 10px 0px }
	
	.CotizacionFlota { top: 103px;width: calc(90% - 14px);margin: 0 5%; }
	.CotizaProducto { display: none; }
	#Cotizando { width: calc(100% - 20px) }
	.ConteFlota h3 { font-size: 20px; }
	.ConteFlota p { font-size: 12px }
	
	.CalltoOtros { padding: 20px 0px }
	.CalltoOtros h3 { font-size: 26px }
	.CalltoOtros p { font-size: 16px; }
	
	.LogoFoot img { margin: 20px auto;width: 150px; }
	.Direccion h4, .Direccion a, .Direccion p  { text-align: center;font-size: 14px; }
	.Direccion .Facebook { position: relative;left: 0px;top: 0px;margin: 10px auto; }
	.Copy p { font-size: 10px; }

}
@media screen and (min-width: 480px) and (max-width: 599px) {
	.col2 li { float: left; width: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -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: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.clearPc, .desktop { display: none }
	.onlymovil { display: block; }
	
	.ContCont, .Blogs, .CatalogoMain { margin-top: 60px }
	
	.logo { width: 60%; }
	.logo img { width: 60px }
	header .logo_chico img { width: 60px }
	.btn_movil { width: 30px;height: 25px;margin-top: 10px; }
	.Line01, .Line02, .Line03 { margin: 2px 0px 2px 0px; }
	.menu { display: none;width: 100%;margin-left: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { line-height: 15px;padding: 10px; }
	
	.MainSlider { height: 200px;margin-top: 65px }
	.TextSlider {width: 90%;margin: 0px 5%;top: 0px;}
	.TextSlider h1 { width: 100%;font-size: 30px;line-height: 30px; }
	.TextSlider h1 span { font-size: 24px;display: block; }
	.TextSlider .BtnSlider { width: 200px;margin-left: 0px;padding: 5px;border-radius: 5px;font-size: 12px;margin: 10px; }
	.TextSlider .BtnSlider:hover { width: 220px; }
	
	.BancaNosotros2, .BancaNosotros, .Inicio-01 img { width: 60%;margin: 0px auto;padding-top: 30px; }
	.Aviso h3 { font-size: 30px; }
	.Inicio-00 h3, .CalltoFooter h3, .Productos-01 h3, .Nosotros-01 h3, .Inicio-03 h3, .Inicio-01 h3 { font-size: 36px;text-align: center;margin: 20px auto;line-height: 300px; }
	.Inicio-00 h3 span, .CalltoFooter h3 span, .Productos-01 h3 span, .Nosotros-01 h3 span, .Inicio-03 h3 span, .Inicio-01 h3 span { font-size: 16px; }
	.Nosotros-01 p, .Inicio-01 p { font-size: 14px }
	.Inicio-01 a { margin: 10px auto;width: 150px;padding: 5px 0px;font-size: 14px;border-radius: 5px; }
	
	.Inicio-00 .Categorias { width: calc(60% - 20px) !important }
	.Inicio-02 { padding: 30px 0px; }
	.AubenImg { width: 80%; }
	.Inicio-03 { padding: 10px 0px 30px 0px }
	.Productos-01 .col2 li, .Inicio-03 .col2 li { width: 50%; }
	.Productos-02 .col5 li, .Productos-02 .col4 li { width: 50%; }

	.BackAreas { width: 95%;height: 250px;margin: 5px auto }
	.CoverAreas:hover h4, .CoverAreas h4 { opacity: 1;bottom: 80px;font-size: 16px; }
	.CoverAreas:hover .IconoAreas, .CoverAreas .IconoAreas { top: 30px;opacity: 1;width: 33.33%;margin: 0 33.33%; }
	.CoverAreas:hover .VerMas, .CoverAreas .VerMas { width: calc(50% - 4px);margin: 0 25%;bottom: 30px;opacity: 1;font-size: 14px;padding: 3px 0px; }
	.CoverAreas .BackAreas { background-blend-mode: multiply; background-color: rgba(60, 60, 60, .5); }
	.CalltoFooter { padding: 20px 0px;background-position: center right -100px }
	#ContAub { width: 280px;margin: 20px auto; }
	#ContAub input { height: 25px;border-radius: 10px;font-size: 12px;background-color: rgba(255,255,255,.8); }
	#ContAub textarea { height: 80px;border-radius: 10px;font-size: 12px;background-color: rgba(255,255,255,.8); }
	#ContAub input#submitContAub { font-size: 16px;line-height: 1;height: 30px; }
	
	.DianaNosotros { width: 100px;margin-left: auto;float: none;margin: 10px auto; }
	.CalltoNosotros h4 { float: none;width: 50%;margin-left: auto;text-align: center;margin: 10px auto;border-radius: 10px;font-size: 14px;padding: 5px 0px; }
	.CalltoNosotros a { float: none;width: 90%;margin-left: auto;text-align: center;margin: 10px auto;border-radius: 10px; }
	.CalltoNosotros a:hover { width: 95%; }
	.Lista { width: calc(100% - 25px); }
	.BancaNosotros3 { width: 60%;margin: 20px auto; }

	.Productos-01 { margin-bottom: 10px;padding: 20px 0px; }
	.Productos-01 p { width: 100%;font-size: 14px; }
	.BannerProducto { height: 250px;margin-bottom: 10px; }
	.BannerProducto h2 { font-size: 36px;left: 0px;top: 150px;margin: 0 auto;line-height: 1;width: 100%;background-color: rgba(0,0,0,.5);padding: 10px 0px; }
	.Productos-02 h4 { font-size: 16px;margin: 10px auto 10px auto;width: 100%;line-height: 1;min-height: auto; }
	.Productos-02 a { width: 130px;margin: 10px auto 20px auto;padding: 5px 0px;text-align: center;border-radius: 10px }
	.Productos-02 a:hover { width: 150px; }
	
	.Contacto-01 img { width: 100px;margin: 10px auto; }
	.Contacto-01 p { text-align: center;font-size: 14px; }
	.Contacto-01 a { font-size: 16px;width: 100%;text-align: center; }
	.Contacto-01 .contenedor { padding: 20px 0px }
	.Contacto-01 iframe { height: 250px; }
	
	.CatalogoMain .Sidebar, .SideBarBlog { display: none;width: calc(90% - 20px);height: 90%;top: 5%;overflow: scroll;padding: 0px 10px;position: fixed;background-color: #fff;z-index: 999;box-shadow: 0px 0px 10px rgba(0,0,0,.6); }
	.Movilmenu {background-color: #353537;padding: 10px 0px;text-align: center;color: #fff;font-size: 12px;cursor: pointer; }
	.CerrarSide { width: 30px;height: 30px;position: fixed;right: 6px;top: 15px;background-color: #fff;border: 1px solid #fff;text-align: center;z-index: 1;box-shadow: 0px 0px 10px rgba(0,0,0,.6); }
	.CerrarSide span { line-height: 30px }
	.col2Sidebar li:nth-child(1) { width: 100% }
	.ShopCol li { width: 50%; }
	.CoverProd .DestProd { height: 180px; }
	.ShopProd .DescripcionCorta { width: 100% }
	.CoverProd p { top: 80px }
	.ShopProd, .ShopCol { width: 100%;margin-top: 30px; }
	.CoverProd h5 { font-size: 18px;margin: 20px auto 10px auto; }
	
	.ProdPic { width: calc(100% - 4px);margin-right: 0%;height: 200px; }
	.DescripcionCorta { width: 100%;margin: 30px 0px; }
	.DescripcionCorta p { font-size: 14px;text-align: center }
	.Cateprod { font-size: 12px;font-weight: 600;margin: 10px auto;float: none;text-align: center; }	
	.SolicitaCotizacion { margin: 20px auto }
	.Share p { text-align: center; }
	.colSociales { width: 85%;margin: 0 auto }
	.CatalogoMain h2 { width: 80%;margin-bottom: 20px;font-size: 20px }
	.ShopProd h3 { text-align: center;font-size: 24px; }
	.Descripcionlarga { margin-top: 20px; }
	.Descripcionlarga h4 { width: calc(100% - 20px);text-align: center; }
	.MedidasProd p, .DescProd p { font-size: 14px; }
	.MedidasProd, .DescProd { border-radius: 0px 0px 10px 0px }
	.CalltoOtros .col3 li { width: 33.33%; }
	.CalltoOtros .col3 { width: 100%; }
	.CalltoOtros img { width: 100%; }
	
	.CotizacionFlota { top: 5%;width: calc(90% - 14px);margin: 0 5%;z-index: 999;height: calc(90% - 10px);overflow: scroll; }
	.CerrarFlota { right: 7%;position: fixed;
    top: 7%; }
	.CotizaProducto { display: none; }
	#Cotizando { width: calc(100% - 20px) }
	.ConteFlota h3 { font-size: 20px; }
	.ConteFlota p { font-size: 12px }
	
	.CalltoOtros { padding: 20px 0px }
	.CalltoOtros h3 { font-size: 26px }
	.CalltoOtros p { font-size: 16px; }
	
	.LogoFoot img { margin: 20px auto;width: 150px; }
	.Direccion h4, .Direccion a, .Direccion p  { text-align: center;font-size: 14px; }
	.Direccion .Facebook { position: relative;left: 0px;top: 0px;margin: 10px auto; }
	.Copy p { font-size: 10px; }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
	.contenedor { width: 90%; }
	.movil { display: block }
	.clearPc, .desktop { display: none }

	.ContCont, .Blogs, .CatalogoMain { margin-top: 90px; }
	
	.logo img { width: 140px; }
	.menu { display: none;width: 100%;margin-left: 0%; }
	.menu li { width: 100%;float: left; }
	.menu li a { line-height: 30px;padding: 10px 0px }
	
	.MainSlider { height: 500px;margin-top: 85px }
	.TextSlider {width: 80%;margin: 0px 10%;top: 50px;}
	.TextSlider h1 {width: 100%;font-size: 36px;line-height: 1;}
	.TextSlider h1 span {font-size: 26px;display: block;}
	.TextSlider .BtnSlider { width: 300px;margin-left: 20px; }
	.TextSlider .BtnSlider:hover { width: 330px; }
	
	.Aviso h3 { font-size: 40px; }
	.Productos-01 h3, .Nosotros-01 h3, .Inicio-03 h3, .Inicio-01 h3 { font-size: 50px; }
	.Inicio-01 p { font-size: 16px; }
	.Inicio-01 a { margin-bottom: 20px; }
	.AubenImg { width: 85%; }
	.Inicio-01 img { width: 100%;margin: 0; }
	
	.CoverAreas .IconoAreas { width: 36%;margin: 0 32%; }

	.CalltoFooter { background-position: left -360px bottom;padding: 30px 0px; }
	.CalltoFooter h3 { width: 400px; font-size: 50px;line-height: 50px;margin: 20px 30px;float: right; }
	.CalltoFooter h3 span { }
	.CalltoFooter .col2 li {  width: 100%;float: left; }
	#ContAub { width: 400px;margin: 10px 30px;float: right; } 
	#ContAub input { height: 35px;border-radius: 10px; }
	#ContAub textarea { border-radius: 10px; }
	#ContAub input#submitContAub { height: 40px; }
	
	footer .col4 li {  width: 100%;float: left; }
	.LogoFoot img { margin: 20px auto; }
	.Direccion h4, .Direccion a, .Direccion p  { text-align: center; }
	.Direccion .Facebook { position: relative;left: 0px;top: 0px;margin: 10px auto; }
	
	.Nosotros-01 .col2 li { width: 100%;float: left }
	.BancaNosotros2, .BancaNosotros { width: 60%;margin: 20px auto;padding-top: 30px; } 
	.Nosotros-01 p { font-size: 16px; }
	.Lista { width: calc(100% - 25px); }
	.BancaNosotros3 { width: 70%;margin: 30px auto; }
	.DianaNosotros { width: calc(25% - 50px);margin-left: 50px; }
    .CalltoNosotros h4 { width: calc(75% - 100px);font-size: 16px;margin: 20px 50px }
    .CalltoNosotros a { width: 300px;margin-top: 20px;margin-left: 50px;padding: 5px 0px; }

	.BannerProducto { height: 400px; }
	.BannerProducto h2 { font-size: 44px;top: 160px; }
	.IconoProducto { width: 70%; }
	.Productos-02 h4 { font-size: 16px;width: 90% }
	.Productos-02 a { width: 80%;margin: 0 auto 20px auto }
	.Productos-02 a:hover { width: 90% }
	
	.Contacto-01 img { width: 80px;margin: 40px auto; }
	.Contacto-01 .col3 li:nth-child(1) { width: 20% }
	.Contacto-01 .col3 li { width: 40%; }
	.Contacto-01 p { font-size: 14px; }
	.Contacto-01 a { font-size: 16px;width: 80% }
	
	.Contacto-01 iframe { height: 300px }
	
	.CatalogoMain .Sidebar,	.Sidebar { width: 32.33%; }
	.ShopProd, .ShopCol { width: 66.66%; }
	.ShopCol li { width: 50%; }
	
	.ProdPic { width: calc(100% - 4px);margin-right: 0% }
	.DescripcionCorta { width: 100%;margin: 30px 0px }
	.CatalogoMain h2 { width: 80%;margin-bottom: 20px;font-size: 26px }
	
	.CalltoOtros { padding: 10px 0px }
	.CalltoOtros h3 { font-size: 40px }
	.CalltoOtros p { font-size: 16px }
	.CalltoOtros .col3 { width: 100%; }
	.CalltoOtros img { width: 70% }
	.CotizacionFlota { width: calc(70% - 14px);margin: 0 15% }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.contenedor { width: 960px; }
	.movil { display: none; }
	
	/*********************** HEADER ***********************/
	

}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
	.MainSlider { height: 500px }
	.TextSlider { top: 90px;width: 80%;margin: 0 10%; }
	.AubenImg { width: 850px; }
	.BancaNosotros, .BancaNosotros2 { width: 100%;margin: 0px; }
	.Lista { width: calc(100% - 40px); }
	.Nosotros-01 p { font-size: 16px; }
	
	.CalltoFooter { padding: 40px 0px }
	.CalltoFooter h3 { font-size: 55px;line-height: 45px }
	.CalltoFooter h3 span { font-size: 16px }
	#ContAub { width: 400px; }
	#ContAub input { height: 35px;border-radius: 10px; }
	#ContAub textarea { border-radius: 10px; }
	#ContAub input#submitContAub { height: 40px; }
	
	.Aviso h3 { font-size: 35px; }
	.Productos-01 h3, .Nosotros-01 h3, .Inicio-03 h3, .Inicio-01 h3 { font-size: 55px; }
	
	.BannerProducto { height: 400px; }
	.BannerProducto h2 { font-size: 44px;top: 160px; }

	.Contacto-01 img { width: 110px; }
	
	.CatalogoMain h2 { width: 80%;font-size: 28px }
	.CotizacionFlota { calc(50% - 14px);margin: 0 25% }
}
@media (min-width: 1440px){
	.movil { display: none; }
}


/*
#loader-wrapper { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000; }
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 3px solid #3498db;z-index: 1500; }    
#loader:before { content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid #e74c3c; }
#loader:after { content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border: 3px solid #f9c922; }
*/
/* change border to transparent and set only border-top to a solid color */
/*
#loader { border: 3px solid transparent;border-top-color: #E67817;border-bottom-color: #E67817; #3498db; }
#loader:before { border: 3px solid transparent;border-top-color: #fff;border-bottom-color: #fff; #e74c3c; }
#loader:after { border: 3px solid transparent;border-top-color: #E67817;border-bottom-color: #E67817; #ff8c5d; }

#loader { border-radius: 50%; }
#loader:before { border-radius: 50%; }
#loader:after { border-radius: 50%; }
#loader { z-index: 1001; }

#loader { -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite; }
#loader:before { -webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite; }

#loader-wrapper .loader-section { position: fixed;top: 0;width: 51%;height: 100%;background: #353537;z-index: 1000; }
#loader-wrapper .loader-section.section-left { left: 0; }
#loader-wrapper .loader-section.section-right { right: 0; }
*/
/* Loaded */
/*
.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); } 
.loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%); }
.loaded #loader { opacity: 0; }
.loaded #loader-wrapper { visibility: hidden; }
.loaded #loader { opacity: 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.3s 0.3s ease-out; transition: all 0.3s 0.3s ease-out; }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 0.6s ease-out; transition: all 0.3s 0.6s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }
*/
/* include this only once */
/*@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg); 
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
	@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
*/