.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: 25px;}
.muevete p { font-size: 16px; }

.txt300 { font-weight: 300; }
.txtBlue { color: #0072CE; }
.txtBco {font-family: 'Raleway', sans-serif; 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;*/
	max-width: 1300px;
    font-family: 'Roboto', sans-serif; 
    font-size: 14px;
    line-height: 24px;
}

.TxtQuadro1 {
	font-family: 'Raleway', sans-serif;
	color: #333333;font-weight: 300;
/*	background-color: rgba(0, 0, 0, 0.5);*/
	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%; }


/*SEO*/
.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: 'Raleway', sans-serif;
  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*/
#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: 'Lato', sans-serif; color: #000000; font-size: 45px; font-weight: bold;}
.tipscafe h3{font-family: 'Raleway', sans-serif; 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; }
  /*.muevete h2 { font-size: 60px; }*/
   
  .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: 50%; }
	.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 h2 { font-size: 70px;}*/
  .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}
  }