@font-face {
    font-family: 'misoregular';
    src: url('/static/header/fonts/miso/miso-webfont.eot');
    src: url('/static/header/fonts/miso/miso-regular-webfont.eot?#iefix')  format('embedded-opentype'),
         url('/static/header/fonts/miso/miso-regular-webfont.woff2') format('woff2'),
         url('/static/header/fonts/miso/miso-regular-webfont.woff') format('woff'),
         url('/static/header/fonts/miso/miso-regular-webfont.ttf') format('truetype'),
         url('/static/header/fonts/miso/miso-regular-webfont.svg#misoregular') format('svg');
		font-weight: normal;
        font-style: normal;
}

.breadrumbWrap {display: none; }
.container .top-menu {font-size: 11px;}
.no-pad {padding:0;}
#footer {margin-top: 0 !important;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt20p {margin-top: 20%;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.pdd1 {padding: 0 1px;}
.pdd3 {padding: 0 3px;}
.pdd5 {padding: 0 5px;}
.pdd7 {padding: 0 7px;}
.pdd9 {padding: 0 9px;}
.pdd10 {padding: 0 10px;}
.pdd11 {padding: 0 11px;}
.pdd13 {padding: 0 13px;}
.pdd20p {padding: 0 20%!important;}
.pdd10p {padding: 0 10%!important;}
.pdr15 {padding-right: 15px;}
.pdl15 {padding-left: 15px;}
.pdl22p {padding-left: 22% !important;}
.muevete h2 {font-weight: 700; color: #0072CE; font-size: 70px;}
.muevete h3 {font-weight: 700; color: #0072CE; font-size: 40px;}
.muevete p {font-size: 19px;}
.txt300 {font-weight: 300;}
.txtBlue {color: #0072CE;}
.txtBco {font-family: 'misoregular',Arial; color: #000000 !important; font-weight: 300; font-size: 15px;}
.txt333 {color: #333333 !important;}
.txtBrown {color: #472903;}
.txtGray {color: #5d5d5d !important;}
.txtPreco {font-size:17px !important; font-weight: 600 !important;}
.float {position: absolute; display: block; z-index: 1;}
.float1 {height: 20%; width: 13%; bottom: 10%; right: 17%;}
.float2 {width: 13%; height: 20%; bottom: 10%; right: 3%;}
.muevete {position: relative; display: block; margin: auto; overflow: hidden; max-width: 1660px; font-family: 'misoregular',Arial; font-size: 19px; line-height: 24px;}
.TxtQuadro1 {font-family: 'misoregular',Arial; color: #333333;font-weight: 300; font-size: 22px !important; padding: 16px; line-height: 130%;}
.DivTxtQuadro1 {padding: 5%; padding-right: 15%;}
.gotop {width: 40px; height: 40px; position: fixed; bottom: 15px; right: 15px; background-color: ghostwhite; cursor: pointer; border: solid 1px #ccc; line-height: 40px; display: none; text-align: center;}
.gotop i {width: 24px; height: 24px; font-size: 24px; text-align: center; line-height: 24px; margin: 0 auto; vertical-align: sub; color: #777;}
.gotop:hover {background-color: dimgrey;}
.gotop:hover i {color: #fff;}

/*Menú Especial*/
.menu-especial {background: #0072CE;}
.menu-especial .nav-tabs.nav-justified>li>a {text-transform: uppercase; color: #ffffff; font-weight: 700; font-size: 11px;}
.menu-especial .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color: #30aee3;}
.menu-especial .nav-tabs>li>a:hover, .menu-especial .nav-tabs>li>a:focus {background-color: #30aee3; border: 1px solid #0072CE;}
.menu-especial .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {border-bottom: 0;}
.menu-especial .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {border: 0;}
.menu-cat {position: absolute; width: 100%; top: 5%; padding-left: 20%;}
.menu-cat h2 {font-size: 26px; color: #333333;}
.menu-list h2 {margin-top: 0;}
.menu-list li {line-height: 12px;} 
.menu-list .menu>li a:hover {color: #0072ce; text-decoration: none;}
.prod-dinamico {position: absolute; top: 0; padding:0 10%;}
.QuadroNegro {background-color: rgba(0, 0, 0, 0.4); width: 50%; padding: 6px 20px 16px 20px;}
.seoTxt {position: absolute; bottom: 15%; left: 5%; padding-top: 0}
.seoTxt h1 {font-family: 'misoregular',Arial; font-size: 80px; font-weight: 700; color: #ffffff; margin-top: 0;}
.seoTxt h4 {color: #ffffff; margin-bottom: 0; font-size: 26px;}
.seo p {color: #ffffff;}
.seo span{font-size: 28px; text-transform: uppercase; font-weight: 700; color: #333333;}
.mtxt {padding-right: 40px;}

#categorias p {padding: 0 10%; text-align: center;}
#categorias img {padding: 0 10%;  }
#categorias a ,#categorias a p, small{ color: #0072CE;}
#categorias a p:hover{ color: #30aee3; text-decoration: none !important;}
#categorias a img:hover, #categorias a:hover{ text-decoration: none !important;}

.categorias-destacadas {position: absolute; top: 2%;}
.carrusel-categorias h3 {font-size: 22px; }
.carrusel-categorias p {padding: 0 10% 5% 10%;}
.carrusel-categorias .owl-pagination {display: none;}
.title-carousel {font-size: 28px !important; margin-bottom: 11% !important;}
.img-base {position: relative;}
.btn-primary {background-color: #C00812; border: #C00812; font-size: 14px; text-transform: uppercase; color: #ffffff !important; font-weight: 600; padding: 15px 30px 15px 30px; }
.btn-primary:hover, .btn-bco:hover {background-color: #a10810; border: #a10810; text-decoration: none!important;}
.btn-bco {background-color: transparent; border: 1px solid #ffffff !important; font-size: 14px; text-transform: uppercase; color: #ffffff !important;}
.cat-descripcion {padding: 5%; padding-right: 40%;}
.cat-servicios {position: absolute; width: 60%; top: 2%; left: 10%;}
.cat-servicios a:hover { color: #0072CE; }
.cat-servicios a {font-weight: 700; color: #0072CE !important;}
.cat-descripcion h2, .cat-servicios h2 { margin-top: 0; margin-bottom: 0;}
.cat-descripcion h3 {margin: 0; margin-bottom: 3%;}
.bajada {font-size: 27px !important; font-weight: 300;}
.hum p,.hum small {font-weight: 700;}
#Servicios h4{font-size: 16px; font-weight: 700;}
#Servicios p {font-size: 16px; color: #666666;}
#Servicios a {color: #0072CE; font-size: 14px; text-transform: uppercase;}
.tit-servicios h3{letter-spacing: 5px; font-weight: 700; margin-top: 0;}
.servicio-hogar {background: #f3f3f3;}
.servicio-hogar-categoria {font-size: 16px; text-transform: uppercase;}
.servicio-hogar-categoria span {font-weight: 700;}
.muevete a {color: #333333;}
.muevete a:hover {text-decoration: none;}
.w20 {width: 20%; float: left;}
.w25 {width: 25%; float: left;}
.w33 {width: 33.3333%; float: left;}
.w40 {width: 40%; float: left;}
.w50 {width: 50%; float: left;}
w50 strong { font-size: 20px; text-transform: uppercase;}
.w60 {width: 60%; float: left;}
.w75 {width: 75%; float: left;}

  @media screen and (max-width:640px) {
    .w20 {width: 50%;}
  }

.pos-relativa {position: relative;}
.pos-absolute {position: absolute; width: 100%; top: 10%;}
.carrusel .productosHome .cajaProducto {max-height: 400px !important; padding: 0 10% !important;}
.carrusel.owl-theme .owl-controls .owl-pagination {display: initial !important;}
.carrusel.owl-theme .owl-controls .owl-page.active span, .carrusel.owl-theme .owl-controls.clickable .owl-page:hover span { background: #C00812 !important; }
.carrusel .productosHome .cajaProducto .btnProducto {border-radius: 0 !important; -webkit-border-radius: 0 !important; }
.carrusel .productosHome .cajaProducto .btnProducto:hover  {color: #fff !important; border: 1px solid #0074CD !important; background: #0074CD !important;}
.tipscafe .carrusel.owl-theme .owl-controls .owl-page.active span, .carrusel.owl-theme .owl-controls.clickable .owl-page:hover span {background: #472903 !important; }
.tipscafe .carrusel .productosHome .cajaProducto .btnProducto:hover {border: 1px solid #472903 !important; background: #472903 !important;}
.carrusel .productosHome .cajaProducto .btnProducto {color: #333333 !important; background: #ffffff !important; border: 1px solid #333333 !important;}
.carrusel-categorias .item div {background: #ffffff; min-height: 450px;}
.cajaProducto .ahorro, .cajaProducto .antes, .cajaProducto .normal, .cajaProducto .btnProducto {display: none;}
.carrusel.owl-theme .owl-controls .owl-buttons div {background-image: url(../images/red_arrow.png)!important; opacity: 1!important; width: 60px!important;}
.carrusel.owl-theme .owl-controls .owl-buttons div.owl-next {background-position: -60px 0!important;}
.precio {color: #0072CE !important;}
.tipscafe h1{font-family: 'misoregular',Arial; color: #000000; font-size: 45px; font-weight: bold;}
.tipscafe h3{font-family: 'misoregular',Arial; color: #000000; font-size: 24px; font-weight: bold;}
.tipscafe small {color: #472903; }
.tipscafe .owl-buttons { display: none;}
.tipsnormal h3{color: #333333; font-size: 24px; font-weight: bold;}
.tipsnormal small {color: #333333;}
#tips h3, #consejos h3 {color: #ffffff; font-size: 30px;}
#tips small, #consejos small {color: #ffffff;}
#consejos h3, #consejos h3.txtBrown small { color: #472903;}
#tips .numero {background: #ffffff; padding: 2% 4%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: inline-block;}
a.full-cat {background: #a9a9a9; color: #ffffff; display: block; padding: 4%;  text-transform: uppercase;} 
a.full-cat:hover {background: #C00812; text-decoration: none;}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    opacity: .9;
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    opacity: 1;
}

@media screen and (max-width: 1440px) {
	.cont-vertical {margin-bottom: 24px;}
	.seoTxt {width: 65%;}
	.seoTxt h1 {font-size: 60px;}
  .pdd20p {padding: 0 9%!important;}
  .pos-absolute {bottom: 10%;}
}

@media screen and (max-width: 1024px) {
  .w25 {width: 50%;}
  .w40, .w60 {width: 100%;}
  .w50 {width: 100%;}
  .w75 {width: 50%;}
  .seoTxt h1 {font-size: 50px;}
  .seoTxt h4 {font-size: 20px;}
  .muevete h3 {font-size: 30px;}
  .float-r {float: right; }
  .float-l {float: left; }
  .pdd20p {padding: 0 20%!important;}
  .pos-absolute {bottom: 20%;}
  .seoTxt {padding-left: 5%; bottom: initial; line-height: normal; width: 100%; left: initial; top: 10%;}
  .seo span {font-size: 20px;}
  .menu-cat {padding-left: 10%;}
}

@media (max-width: 1000px){
.menu-list .menu {border: none;}
.menu-list .menu>li+li {border-top: none;}
.menu-list .menu>li>a {padding: 5px 0;}
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified>li>a {
      border-bottom: 1px solid #0072CE;
      border-radius: 0 0;
  }
}

@media screen and (max-width: 768px) {
  .muevete {position: relative; display: block; margin-top: -60px; overflow: hidden;}
  .w20,.w25 {width: 100%;}
	.w33,.w50 {width: 100%;}
	.w33 {padding: 0 2%; margin-bottom: 10px;}
  #Servicios {text-align: center; }
  #Servicios img {width: initial; margin: 0 auto;}
  .seoTxt {width: 100%; padding: 10%;}
  .seoTxt p {width: 100%;}
  .seoTxt h1 {font-size: 50px;}
  .muevete h3 {font-size: 25px;}
  .pdl22p {padding-left: 5% !important;}
  .pos-absolute {bottom: 15%;}
  .seo p {margin: 0;}
  .foto-marca {width: 20%;}
 .float {position: absolute; display: block; z-index: 1;}
 .float1 {width: 27%; height: 15%; bottom: 0; right: 63%;}
 .float2 {width: 27%; height: 15%; bottom: 0; right: 33%;}
 .QuadroNegro {background-color: rgba(0, 0, 0, 0.4); width: 75%; padding: 6px 20px 16px 20px;}
}

@media screen and (max-width: 460px) {
  .cabecera h2 {font-size: 46px;}
  #Servicios img {width: 20%;}
  #Servicios br {display: none;}
  .mtxt {padding-right: 10% !important; }
  .cat-descripcion p { line-height: 18px; }
  .w20,.w25 {width: 100%; }
  /*.muevete h2 { font-size: 60px;}*/
  .muevete h3 {font-size: 19px;}
  .pos-absolute {bottom: 30%;}
  .cat-servicios {
    width: 90%;
    left: 5%;
  }
    .w75 { width: 100%; }
    .foto-marca {width: 20%;}

    ul.check-list li, ul.check-list-brown li {font-size: 16px; line-height: 18px;}
}

@media screen and (max-width: 420px) {
  .pos-absolute {bottom: 15%;}
  .foto-marca {width: 20%;}
}

@media screen and (max-width: 320px) {
  .cat-servicios h3{font-size: 25px;}
  .foto-marca {width: 20%;}
}

.logo{position:relative;z-index:123;padding:10px;font-size:18px;color:#ffffff;float:left;width:15%}
  nav{position:relative;width:980px;margin:0 auto;}
  #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
  #cssmenu #head-mobile{display:none}
  #cssmenu{background:#0072CE;}
  #cssmenu > ul > li{float:left}
  #cssmenu > ul > li > a{padding:17px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}
  #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
  #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#30aee3!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
  #cssmenu > ul > li.has-sub > a{padding-right:30px}
  #cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
  #cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
  #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
  #cssmenu ul ul{position:absolute;left:-9999px}
  #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
  #cssmenu ul ul li:hover{}
  #cssmenu li:hover > ul{left:auto}
  #cssmenu li:hover > ul > li{height:35px}
  #cssmenu ul ul ul{margin-left:100%;top:0}
  #cssmenu ul ul li a{border-bottom:1px solid #30aee3;padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ffffff;font-weight:400;}
  #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
  #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
  #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
  #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
  #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
  #cssmenu ul ul ul li.active a{border-left:1px solid #30aee3}
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #30aee3}

  @media screen and (max-width:1000px){
  .logo{position:absolute;top:0;left: 0;width:100%;height:46px;float:none;}
  .logo2{display:none}
  nav{width:100%;}
  #cssmenu{width:100%}
  #cssmenu ul{width:100%;display:none}
  #cssmenu ul li{width:100%;border-top:1px solid #30aee3}
  #cssmenu ul li:hover{background:#363636;}
  #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
  #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
  #cssmenu > ul > li{float:none}
  #cssmenu ul ul li a{padding-left:25px}
  #cssmenu ul ul li{background:#0072CE!important;}
  #cssmenu ul ul li:hover{background:#30aee3!important}
  #cssmenu ul ul ul li a{padding-left:35px}
  #cssmenu ul ul li a{color:#ddd;background:none}
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
  #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
  #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
  .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;text-align: center;color: #fff;padding-top: 10px;font-weight: 700;}
  .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
  #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #30aee3;height:46px;width:46px;cursor:pointer}
  #cssmenu .submenu-button.submenu-opened{background:#262626}
  #cssmenu ul ul .submenu-button{height:34px;width:34px}
  #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
  #cssmenu .submenu-button.submenu-opened:after{background:#fff}
  #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
  #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
  #cssmenu .submenu-button.submenu-opened:before{display:none}
  #cssmenu ul ul ul li.active a{border-left:none}
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
  }