#web{
	display: block !important;
}
#movil {
	display: none !important;
}

#pull{
    display: none; 
}
#pull {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -165px;
  left: 0;
  margin: 0 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#pull span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  top: 0;
}

#pull span:nth-child(1) {
  top: 5px;
}

#pull span:nth-child(2) {
  top: 15px;
}

#pull span:nth-child(3) {
  top: 25px;
}

#pull.open span:nth-child(1) {
  top: 13px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#pull.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#pull.open span:nth-child(3) {
  top: 13px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.slideout-menu h3 {
  display: none;
}


@media only screen and (max-width: 1400px) {

	#Main, #menuPrincipal, #Cabecera, #wrap-top, .cont-pie {width: 99.6% !important; /*1280px*/}
	#DestacadosHome, #DestacadosHome .slide, #bannerAncho, #textoSeo .seo, .sop-destacados-indx, #nuestras-marcas, .prod-mas-vistos, .container, #WebPage .centrar, #bannerAnchoInterior, #WebPage .align .tabsProducto {
   	width: 99.6% !important; /*1200px*/
	}
	#DestacadosHome .pestanas { margin: 0 auto !important; margin-bottom: 10px !important; width: 100%}
	
	.buscador .inputBuscar { width: 85% !important;}
	.navigation > ul > li:hover a { padding: 4px 8px !important;  }
	.navigation a { padding: 10px 8px !important; font-size: 13px !important;}
	
	.prod-mas-vistos ul li a {
	    font-size: 13.5px;
	    padding: 15px 8px;
	    margin-bottom: 10px;
	}	
	.widget {
	    margin: 0 40px;
	}
	.sop-destacados-indx ul li {
	    width: 14.2%;
	}	
	
	.prod-mas-vistos a.product {
		width: 16.2% !important; margin-bottom: 10px;
	}
	#WebPage .align { width: 97.5% !important;}
	.menuCorporativo { margin: 0; }
	.mi-panel { width: 80%; }

	#WebPage .align .contentProducto .breadcrumbs{ width: 96% !important;  }
	#WebPage .align .contentProducto .producto .descripcion .identif {width: 46% !important;}
	.tapanota{width: 96% !important;}
	#WebPage .align .listProductos {width: 80% !important;}
	#WebPage .align .content-full .listProductos {width: 100% !important;}
	
	#WebPage .align .listProductos .contentListado {width: 100% !important;}
	#WebPage .align .listProductos .contentListado .mostrar{width: 300px !important;}
	#WebPage .align .carroCompras {width: 98% !important;}
	
	#WebPage .align .listProductos .contentListado .blockProducto { width: 18.4%; margin-right: 0.5%; }
	#WebPage .align .listProductos .contentListado .blockProducto .thumb img { width: 100%; height: auto;}
	
	#WebPage .align .content-full .listProductos .contentListado .blockProducto { width: 18.3%; margin-right: 0.5% !important; }
	
}

@media screen and (max-width: 1280px) {
	
	.buscador .inputBuscar { width: 75% !important;}
	
	.caroufredsel_wrapper { width: 100% !important; }
	#carrousel_5 .product, #carrousel_1 .product { margin: 5px 8px 0 8px !important; }
	
	.mi-panel { width: 78%; }
	
	.nivoSlider, #DestacadosHome .slide { height: auto !important; }
	
	#WebPage .align .listProductos {width: 78% !important;}
	#WebPage .align .listProductos .contentListado .blockProducto { width: 18.3%; margin-right: 0.5%; }
	#WebPage .align .listProductos .contentListado .blockProducto .thumb { width: 100%;}
	.btn { min-width: 110px;}
	#WebPage .align .listProductos .contentListado .blockProducto .boton a { width: 100% !important;}
	
	#WebPage .align .content { width: 99%;}
	
}
/* Tablet */
@media only screen and (max-width: 992px) {

    *{ box-sizing: border-box; }
    
	#Superior, #Cabecera, #wrap-top,#Main, #DestacadosHome, #DestacadosHome .slide, .container, #DestacadosHome .pestanas, .prod-mas-vistos, #nuestras-marcas, #Footer, .cont-pie{
		width: 100% !important;
		min-width: 100%;
		margin: 0;
		overflow: hidden;
	}
	#Superior{
		height: 190px !important;
	}
	.prod-mas-vistos{
		padding: 0 10px;
		margin-top: 0;
	}
	  
	a.product img { width: 100%; height: auto !important;}
	  
	.login{
		width: 315px !important;
	    margin: 0 auto !important;
	    float: right;
	    margin-right: 2% !important;	
	    margin-top: -5px !important;
    }	  
    #country-selector{
	    width: 120px;
    }
	#wrap-top, #Cabecera {
	    overflow: visible;
	}
	.ico-mail {
	    float: left;
	    margin: 8px 0 0 5px;
	}
	#pull, .btn-menu{
	    display: block; 
	    position: fixed;
        top: 8px;
	}
	.navigation{
		display: block;
		margin: 0;
	}
	.navigation .filas-menu{
	  margin: 0;
	  padding: 0;
	}
	.navigation ul li:hover > .cont-menulat {
		position: relative;
	    visibility: visible;
	    display: none;
	 }
	.navigation ul li.open > .cont-menulat{
	    padding: 0;
		visibility: visible;
	  background: #fff;
	    display: block;
	    z-index: 9999;
	    height: auto;
	    min-height: 250px;
	    overflow: hidden;
	    position: relative;
	    left: 0;
	    top: 0;
		box-shadow: none;
		margin: 0 0 10px;
		width: 100%;
	  border-bottom: 1px solid #ddd;
	}
	.navigation ul li.open > .cont-menulat h3{
		font-size: 16px;
	    padding: 3px 5px;
	    margin: 0;
	    border-bottom: none;
	    display: none;
	}
	
	.navigation ul .cont-menulat h4{
	    width: 100%;
	    background: #efefef;
	    font-weight: normal;
	    font-weight: bold;
	    padding-left: 13px;
	}
	.navigation ul ul{
		width: 100%;
	}
	.slideout-menu {
	    position: fixed!important;
	    top: 0;
	    left: -250px;
	    width: 250px;
	    height: 100%;
	    background: #ffffff;
	    z-index: 1000;
		overflow: auto;
	  border-right: 1px solid #f1f1f1;
	}
	.slideout-menu h3 {
	  display: block;
	    position: relative;
	    padding: 12px 10px;
	    color: #3d9e35;
	    font-weight: bold;
	    font-size: 1.4em;
	    font-weight: 400;
	    border-bottom: 1px solid #f1f1f1;
	}
	.slideout-menu .slideout-menu-toggle {
	    position: absolute;
	    top: 5px;
	    right: 5px;
	    display: inline-block;
	    padding: 0;
	    font-weight: bold;
	    line-height: 1;
	    background: #838383;
	    color: #ffffff;
	    text-decoration: none;
	    vertical-align: top;
	    font-size: 30px;
	    height: 30px;
	    width: 30px;
	    text-align: center;
	}
	.slideout-menu .slideout-menu-toggle:hover {
	    color: #fff;
	}
	.slideout-menu ul {
	    list-style: none;
	    font-weight: 300;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	.slideout-menu ul li {
	    margin: 0;
	    width: 100%;
	    float: none;
	    background: transparent;
	    border-bottom: 1px solid #f1f1f1;
	}
	
	.slideout-menu ul li a {
	    position: relative;
	    display: block;
	    padding: .8em 0 .8em 1em!important;
	    color: #999;
	    text-decoration: none;
	    text-transform: none;
	}
	.slideout-menu ul li a:hover {
	    background: #333;
	    color: #fff;
	}
	.slideout-menu ul li a i {
	    position: absolute;
	    top: 15px;
	    right: 10px;
	    opacity: .5;
	}
	.slider-wrapper.theme-default{
	    width: 100%;
	}
	.slideout-menu ul li a:hover {
	    background: transparent;
	    color: inherit;
	}
	#menuPrincipal{
	  height: 0;
	   padding: 0 0 0 10px;
	  box-sizing: border-box;
	z-index: 10;
	    background: transparent;
	}
	#menuPrincipal #menu{
	  height: 0;
	}
	#menuPrincipal ul li:hover{
	  background: transparent;
	}
	#menuPrincipal ul {
	    float: left;
	    margin: 0 0 0 0;
	    padding: 0 0;
	    display: block;
	}
	#menuPrincipal ul li{
		display: block;
	}
	#menuPrincipal ul li.has-sub a:before {
	    margin: 0px 10px 0 5px;
	}
	#menuPrincipal ul li.has-sub ul li a{
	  font-weight: normal;
	}
	#menuPrincipal ul li.has-sub ul li a:hover:before{
	  content: none;
	}
	#menuPrincipal .ico-mail, #menuPrincipal .ico-menu-cat{
	  display: none;
	}
	.menuCorporativo {
	    margin: 0;
	    position: absolute;
	    top: 140px;
	    z-index: 9;
	    width: 100%;
	    background: #efefef;
	    padding: 10px 0;
	    text-align: center;
	    height: 33px;
	    font-size: 12px;
	}
	.menuCorporativo a{
	    color: #8c8c8c;
	    text-decoration: none;
	    margin: 0;
	    float: none;
	    display: inline;
	    border-right: 1px solid #b1b1b1;
	    padding: 0 12px 0 12px;
	
	}
	.menuCorporativo a:last-child{
	  border-right: none;
	}
	/* Login */
	
	
	/* Content */
	#Cabecera h1.logoVertical{
	 margin: 30px 0 0 10px;
	    width: 190px;
	    background-size: contain;
	}
	
	
	.buscador {
		width: 45%;
	    margin: 0px 0 0 23%;
	    
	}
	#login, #carro { width: 18%; }

	.sop-destacados-indx {
	    width: 100% !important;
	    margin: 0 auto 20px;
	}
	.sop-destacados-indx ul li{
	      width: 16.6% !important;
	}
	#DestacadosHome .slide {
	    height: auto;
	}
	#WebPage .align{
	  width: 100%;
	  box-sizing: border-box;
	}
	#WebPage{
	  min-width: auto;
	  max-width: 100%;
	}
	#WebPage .align .contentProducto{
	  width: 100%;
	}
	#WebPage .align .contentProducto .producto{
	  width: 100%;
	  min-width: 100%;
	}
	#WebPage .align .listProductos .contentListado .mostrar{
	    width: auto;
	    margin: 0 auto 10px;
	    float: none;
	    display: block;
	    clear: both;
	    height: 30px;
	}
	#WebPage .align .listProductos .contentListado .vigencia {
	    width: 100%;
	    text-align: center;
	}
	#WebPage .align .listProductos h1 {line-height: 32px;}
	#WebPage .align .listProductos h1 span{line-height: 20px;}
	#WebPage .align .listProductos .contentListado .herramientas{
	  height: auto;
	}
	#WebPage .align .contentProducto .producto .descripcion{
	  width: 50%;
	  box-sizing: border-box;
	}
	
	#WebPage .align .contentProducto .producto .imagenes{
	width: 50% !important;
	    margin: 0;
	}
	#WebPage .align .contentProducto .producto .imagenes .fotoProducto img{
	  width: 100% !important;
	  height: auto;
	}
	#WebPage .align .contentProducto .producto .imagenes .miniaturas{
	  width: 100% !important;
	}
	#WebPage .align .tabsProducto{
	  width: 100% !important;
	}
	#WebPage .align .content {
	    width: calc(100% - 280px) !important;
	    float: none;
	    margin: 0;	    
	}
	#WebPage .align .utilities { margin: 0;width: 100%; padding: 0;}
	.comp-rrss .redes a { width: 24%; height: 45px;}
	.comp-rrss .redes a i.fa { font-size: 25px;margin-bottom: 10px;}
	.SideProductosRel .titulo { height: 50px; }
	.SideProductosRel .titulo .nombre { width: 80%;}
	.SideProductosRel .listadoProductos .producto .foto {
	    height: auto;
	    margin: 0 25px 0 0;
	    padding: 0 0;
	    width: 130px;
	}	
	.SideProductosRel .listadoProductos .producto .nombre { width: 50%;	}	
	#WebPage .align .content .al-50-izq{
		width: 100%;
		border-right: 0px;
		margin-left: 2%;
	}
	#WebPage .align .content .al-50-izq h3{
		margin-top: 10px;
	}
	#WebPage .align .content .al-50-izq .texto {
	    margin: 10px 0px 2px 0;
	}    
	#WebPage .align .content .h1-form {
		font-size: 18px;
	}
	#WebPage .align .content .al-50-izq .form-horizontal .controls input.span4, textarea.span4, .uneditable-input.span4 {width: 100%; max-width: 100%; height: 45px;}
	#WebPage .align .content .al-50-izq .form-horizontal .boton { width: 50%; }
	#WebPage .align .content .al-50-izq .form-horizontal  .olvido {float: right; width: 50%; }
	#WebPage .align .content .al-50-izq .form-horizontal .panel{ margin-top: 15px; }
	
	#WebPage .align .content .al-50-der { width: 98%; margin-left: 4%; margin-top: 10%; padding: 0;}
	#WebPage .align .content .al-50-der .btn { width: 180px; margin-top: 50px; margin-bottom: 50px;}
	
	input, textarea, select, .uneditable-input{
	height: 45px;
    margin-bottom: 2% !important;
	}
	.cuadroInfo{
	  height: auto!important;
	  margin: 10px 0 10px !important;
	  width: 100% !important;	  
	}
	.ContenidoTable h4{
	  display: block;
	  overflow: hidden;
	  height: auto;
	}
	.mi-panel {
	    width: 100%;
	    float: none;
	    order: 2;
	}
	.nombreTabla {
	    float: left;
	    width: 45%;
	}
	.ayudaTabla{
	width: 50%;
	}
	.msgError {
	    height: auto;
	    width: 100%;
	    margin-top: 40px;
	    z-index: 98;
	    background: #fff;
	}
	#alert {
	    font-size: 15px;
	    font-weight: bold;
	    font-family: 'Encode Sans', sans-serif;    
	    height: 0;
	    padding: 10px;
	    line-height: 1.5;
	}
	.align2 .sidebarPage aside.sidebarPage {
	    display: none;
	}
	#WebPage .align .content {
	    width: 100% !important;
	    order: 2
	}
	.aside, .sidebarPage{
	  order: 3;
	  float: none;
	  margin: 0 auto;
	  width: 100% !important;
	}
	#WebPage .align{
	  display: flex;
	  flex-direction: column;
	      padding: 10px;
	}
	.breadcrumbs, #WebPage .align .contentProducto .breadcrumbs{
	  order: 1;
	  margin-top: 35px !important;
	  width: 100% !important;
	}
	
	#WebPage .align .contentProducto .producto .imagenes .miniaturas a{
		width: 48.5%; 
		height: auto;
	}
	
	#WebPage .align .contentProducto .producto .imagenes .miniaturas a img{
		width: 100%;
	}
	
	#WebPage .align .contentProducto .producto .imagenes .miniaturas .sin-margen{
		margin-right: 0 !important; 
	}
	
	p.datos-cliente{
	  order:1;
	}
	#lat-cliente{
	  order: 3;
	}
	#WebPage .align .listProductos {
	    padding: 0 0 15px 10px;
	    margin: 0;
	}
	#WebPage .align2 .listProductos, #WebPage .align2 .listProductos .contentListado, #WebPage .align2 .content-full .contentListado .herramientas {
	    width: 100%;
	    box-sizing: border-box;
	}
	  #WebPage .align .listProductos .contentListado .paginado {
	      float: none;
	      margin: 0 auto 5px;
	      padding: 5px 0 0 0;
	      width: 200px;
	      display: block;
	      overflow: hidden;
	      height: auto;
	      padding: 0;
	  }
	  #WebPage .align .listProductos .contentListado .ordenar{
	    height: auto; width: 95%;
	  }
	  #WebPage .align .listProductos .contentListado .ordenar select { width: 75%; }
	}
	@media only screen and (max-width: 1024px) {
	.bnr-1{
	  width: 60%;
	  border-right: none;
	}
	.bnr-2{
	  width: 40%;
	}
	.bnr-3{
	  margin: 0;
	  border-right: none;
	  width: 22%;
	  background-size: cover;
	}
	.bnr-5{
	  width:56%;
	  margin: 0;
	}
	
	#WebPage .align .content .fotoDestacada {
	    float: left;
	    margin: 0 0 10px;
	    padding: 5px;
	    width: 100%;
	}
	#sop-carrousel-vert, .product-carousel-vert{
	  width: 100%!important;
	}
	.product-carousel-vert .up, .product-carousel-vert .down, #carousel-vert{
	  left: calc(50% - 125px)!important;
	}
	
	.product-carousel-vert .caroufredsel_wrapper{
	  width: 100%!important;
	}
	.caroufredsel_wrapper{
	  left: 0!important;
	}
	
	#lat-cliente{
	  width: 100%;
	}
	.secc-lat h1 {
	    background: url(images/bg-categoria-up.png) #47b942!important;
	    width: 100%;
	    background-repeat: no-repeat;
	  }
	.secc-lat ul li a.active, .secc-lat ul li a.active:hover {
	    background: url(images/bg-item-activo.png) #b3b3b3;
	    width: 100%;
	}




}

/* Celulares */
@media only screen and (max-width: 768px) 
{

	#web{
		display: none !important;
	}
	#movil {
		display: block !important;
	}
	
	.messicarrito{ display: none !important; }
	
	/*** Login 2024 ***/
	#login{
		display: none;
	}
	
	/*** Carro ***/
	#carro {
		margin-top: 30px;
        width: 160px;
	}
	#carro img{ width: 30px; }
	#carro span.productos{
		font-size: 11px;
	}
	#carro span.nombre a{
		font-size: 13px;
	}
	#carro span.nombre a:hover{
		
	}
	
	.login{
		width: 100% !important;
	    height: auto;
	    padding: 0;
	    box-sizing: border-box;
	    text-align: center;
	    position: absolute;
	    z-index: 9;
	    left: 0;
	    transition: all 0.3s;
	    z-index: 999;
	    margin-left: 0;
	    background: transparent;
	    text-align: center;
	    text-transform: uppercase;
	}
	.login .links {
	    width: 100%;
	    margin-top: 17px;
	    font-size: 12px;
	    display: block;
	}
	
	.login .logOn {
	    margin: 5px 0 0 0;
	    padding: 0;
	    width: 100%;
	}
	.login .logOn .panelCliente a {
	    color: #ffffff;
	}
	
	#menu-titulo{
		display: none !important;
	}
	
	#menuPrincipal ul{
		display: block;
	}
	.buscador {
		width: 100%;
	    margin: 0;
	    top: 110px;
	    padding: 0 10px 0;
	    position: absolute;
	}
	#Cabecera h1.logoVertical {
	  width: 130px;
	  height: 60px;
	}
	a#pull {
	    top: 8px;
	}
	.buscador .inputBuscar {
	    width: calc(100% - 50px) !important;
	    height: 50px;
	    margin: 0;
	}
	/*** Banner ancho 1200x80pe **/
	#bannerAncho, #bannerAnchoInterior, #bannerAnchoInterior2{
		width: 100% !important; height: auto; margin-top: 5px; margin-bottom: 10px;
	}	
	#bannerAncho img, #bannerAnchoInterior img, #bannerAnchoInterior2 img{
		width: 100% !important;
		height: auto !important;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;			
	}
	.theme-default .nivoSlider img {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;			
	}
	/*
	Busqueda con ajax live en input */
	#resultado-buscar {
		z-index: 9 !important;
	    position: absolute; top: 34px;
	    width: 100%;
	    max-width: calc(100% - 60px);
	    cursor: pointer;
	    overflow-y: auto;
	    max-height: 400px;
	    box-sizing: border-box;
	    
	    margin: 0 !important;
	    padding: 0 !important;
	}
	
	.carro {
	    float: right;
	    margin: 20px 10px 0;
	}
	#Cabecera .buscador .submitBuscar{
		height: 50px;
        margin: 0 0 0 -2px;
	}
	
	#DestacadosHome .slide{
		margin-top: 30px !important;
	}
	#menuPrincipal {
	  margin: 0;
      z-index: 999;
      font-family: 'Encode Sans', sans-serif;
	}
	.sop-destacados-indx ul li{
		width: 33.3% !important;
		padding: 2% !important;
		height: 120px !important;
	}
	
	#Cabecera h1.logoVertical {
	    width: 150px !important;
	}
	
	h3{
		font-size: 16px !important;
	}
	#Superior{
	  height: auto;
	      overflow: visible;
	}
	#headerRhona {height: 210px;}
	#pasos{
	  width: 100%!important;
	}
	#WebPage .align .texto .logo-webpay{
	  
	}

	#WebPage .align .content-full h1 {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 4% 2px;
	}

	#WebPage .align .catalogos .texto .catalogo {
	    width: 100%;
	    margin: 10px 0;
	}	
	.container .cont-banners { margin-top: 10px;}
	.container .cont-banners a{
		float: left;
		margin: 0 1% 3% 1%;
		width: 45% !important; 
	}
	.container .cont-banners a img{ border-radius: 5px; width: 100% !important;}
	
	.container .cont-banners a { margin-left: 3% !important; margin-right: 0 !important; }
	
	.nivoSlider{ height: auto !important;}
		
	#rbanner-1, #rbanner-2{
		width: 94% !important;
	}
	/*
	.container .cont-banners a:nth-child(1) { margin-left: 3% !important; }
	.container .cont-banners a:nth-child(3) { margin-left: 3% !important; }
	.container .cont-banners a:nth-child(5) { margin-left: 3% !important; }
	.container .cont-banners a:nth-child(7) { margin-left: 3% !important; }
	*/
	
	#loginWeb{ display: none; }	
	#loginMovil{ display:block; margin-top: 5px; }	
	
	
	.login .logOn .panelDecuento {
    padding: 8px 0 0 0;
    display: none !important;
    }
    	
	.login .logOn .panelCliente{
		margin: 4px 10px 0 0;
		line-height: 12px;
	}
	
	.IntTable {
	    margin: 0;
	    padding: 5px;
	    width: 100%;
	    border: none;
	    box-sizing: border-box;
	}
	.datos-pie {
	    float: none;
	    margin: 0 auto;
	}
	.datos-pie p {
		padding: 0 20px 20px 0;
	    text-align: center;
	    margin: 0 auto !important;
	}
	.tyco{
	  float: none;
	  margin: 0 auto 20px;
	}
	.met-pago {
	    margin: 0 auto;
	    float: none;
	    display: block;
	}
	#WebPage .align .texto, p {
		margin: 10px 0;
	}
	#WebPage .align .texto h1, #WebPage .align .texto h2, #WebPage .align .texto h3, #WebPage .align .texto h4 {
	    margin: 15px 0 0;
	    text-align: left;
	}	
	#WebPage .align .texto ul, #WebPage .align .texto ol {
	    margin: 10px 10px 0 0;
	    text-align: left;
	}	
	#WebPage .align .texto figure iframe {
	    margin: 0px !important;
	    max-height: 200px;
	}	
	#WebPage .align .ContenidoTable {
    margin: 0 0 10px 0 !important;
    width: 100% !important;
    padding: 0 10px 10px 10px;
	}	
	#WebPage .align .listProductos, #WebPage .align .listProductos .contentListado, #WebPage .align .content-full .contentListado .herramientas {
	    width: 100% !important;
	    margin: 0!important;
	}
	#WebPage .align .listProductos .breadcrumbs {
	    margin: 0 0 5px 0;
	    padding: 10px;
	    width: 100% !important;
	    box-sizing: border-box;
	}
	#WebPage .align .listProductos .contentListado .herramientas {
	    height: auto;
	    width: 100% !important;
	        margin: 0 0 10px!important;
	}
	#WebPage .align .listProductos .contentListado .blockProducto{
	  width: 49%;
	  margin: 0 !important;
	  margin-bottom: 10px !important;
	}
	#WebPage .align .listProductos .contentListado .blockProducto:nth-of-type(odd){
	  float: right;
	}
	.tab_content p { width: 100%; }	
	.tab_content ul{ margin: 10px 0px; padding-left: 20px;}
	.tab_content table { width: 100%; margin: 0;}
	select {
	    width: auto;
	}

	.menuCorporativo{
	  top: 170px;
	}
	#WebPage .align .contentProducto .producto .descripcion .cantidadObs {
	    margin-top: 6%;
	}	
	#WebPage .align .contentProducto .producto .imagenes{
	  position: relative;
	}
	#WebPage .align .contentProducto .producto .imagenes .fotoProducto span.prodtit-indx-dcto{
	  position: absolute;
	  top: 10px;
	  left: 10px;
	  margin-top: auto;
	  margin-left: auto;
	}
	.tapanota {width: 90% !important;}
	
	#cms {
	    width: 100%!important;
	}
	#cuerpo {
	    width: 100%!important;
	}
	#cuerpo iframe {
	    width: 100%!important;
	}
	#cuerpo ul li, #cuerpo p {
	    width: 100%!important;
	}
	#menulink ul li{
	  margin-left: 0!important;
	}
	#menulink ul{
	  padding: 0!important;
	}
	
	#carrousel_1 .product{
		width: 150px !important;
	    margin: 0 5px 0 !important;
	    height: 275px;
	}
	#carrousel_5 .product{
		width: 150px !important;
	    margin: 0 5px 0 !important;
	    height: 275px;
	}	
	#carrousel_rel .product{
		width: 150px !important;
	    margin: 0 5px 0 !important;
	    height: 275px;
	}
		
	a.product span.prodtit-indx-dcto{
		color: #e4022d;
		background: transparent;
		width: 100%;
		text-align: center;
		margin: 0 auto !important;
	}
	
	#WebPage .align .content .texto figure{
		margin: 0px !important;
	}
	#WebPage .align .content .texto img{
		margin: 0px !important;
		max-width: 100% !important;
	}
	
	#WebPage .align .carroCompra #formu{ width: 100%;} 
	#WebPage .align .carroCompra-izq{
		width: 100%; 
		padding: 10px; margin-bottom: 10px; height: auto;
	}
		#WebPage .align .carroCompra-izq .imgPro{ display: none; } 	
		#WebPage .align .carroCompra-izq .marca{ width: 65%;} 
		#WebPage .align .carroCompra-izq .codigo{ width: 35%; text-align: right; } 
	
		#WebPage .align .carroCompra-izq .nombre{ width: 100%;} 
			#WebPage .align .carroCompra-izq .descrip { }
		#WebPage .align .carroCompra-izq .precio{ width: 50%; } 
			#WebPage .align .carroCompra-izq .precio-pago{ font-size: 14px; } 
			#WebPage .align .carroCompra-izq .precio-normal{ font-size: 12px; color: #5B5B5B;} 
		#WebPage .align .carroCompra-izq .cantidad{ float: left; width: 50%;} 
		#WebPage .align .carroCompra-izq .cantidad .qty {height: 39px !important;}
		#WebPage .align .carroCompra-izq .eliminar{  }
			
	#WebPage .align .carroCompra-der{
		width: 100%; padding: 15px; margin-bottom: 10px;
	}
		#WebPage .align .carroCompra-der h1{  margin-bottom: 10px;  }
		#WebPage .align .carroCompra-der .literal {  }
		#WebPage .align .carroCompra-der .valor {  }
		#WebPage .align .carroCompra-der .total {  }	
	
	#WebPage .align .botonCompra-der {
	    width: 60%;
	    margin: 0 auto !important;
	    margin-bottom: 30px;
	    float: none;
	}	

	#WebPage .centrar .al-30 {	
		margin: 0 auto;
		width: 98% !important;
	}
	#WebPage .centrar .al-30-crear .btn {
    width: 150px;
   	}
	#WebPage .centrar .al-30-crear .sinregistro {
	    margin-top: 10px;
	}   	
	#WebPage .align .botonCompra-der #btnProcesar {
	    display: block;
	    clear: both;
	    float: none !important;
	}
		
	#WebPage .centrar .contenedor{
		float: none;
		margin-bottom: 1%;
	}

	#WebPage .centrar .al-30-carro-resumen {
	    height: 170px;
	}		

	#WebPage .centrar .al-30-login .form-horizontal .olvido {
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
			
	#textoSeo .seo {
		width: 100% !important; border-radius: 0px;
	}
	#textoSeo .seo .col1 { width: 100% !important;}
	#textoSeo .seo .col2 { width: 100% !important;}  
}





@media only screen and (max-width: 600px) 
{

	.nom-pais{
	    display: none;
	  }
	  #country-selector{
	    width: 50px;
	  }
	  figure.fa-caret-down{
	    margin: 6px 0 0 0;
	  }
	.menuCorporativo a {
	    margin: 0 5px;
	  }
	p-destacados-indx ul li{
	      width: 50%;
	}
	h1{
	  font-size:20px;
	  padding: 4% 0 4% 2%;
	  line-height: 18px;
	}
	.sop-destacados-indx h2 {
	    font-size: 12px;
	}
	#WebPage .align .utilities .redes {
	width: 100% !important;	
	}
	#WebPage .align .utilities .redes .name{ display: none; }
	#DestacadosHome .pestanas {
		margin: 0px 0;	
		height: 340px !important;
	}
	#DestacadosHome .pestanas h2 {
	    font-family: 'Encode Sans', Arial;
	    margin-top: -32px;	
	}	
	.theme-default .nivoSlider{
		margin-bottom: 0px !important;
		height: auto;
	}
	.datos-pie {
	    float: left;
	    margin: 0 5px;
		width: 100%;
		min-width: 100%;
		overflow: hidden;	    
	}
	.rrss {
	    margin: 10px 0;
	    display: block;
	    float:left;
	}
	
	.prod-mas-vistos h1 {
	    margin: 0 0 20px 0px;
	    padding: 10px 20px 15px 8px;
	    width: auto;
	}
	
	.bnr-3{
	  width: 50%;
	}
	.bnr-5{
	  width:100%;
	}
	
	.widget {
	    float: left;
	    margin: 1% 0 0 3%;
	    width: 47%;
	}
	
	.prod-mas-vistos ul li a {
	    padding: 5px;
	    margin: 3px 2px;
	}
	#nuestras-marcas{
		height: 200px;
	}
	a.product img{
	  width: 94%;
	}
	div#productosMasVistos {
	    padding: 0 0;
	    margin-bottom: 20px;
	}
	a.product span.prodtit-indx { font-size: 14px; }
	a.product span.prodprecio-indx { font-size: 16px; }
	.prod-mas-vistos a.vermas { padding: 5px; }
	.prod-mas-vistos a.product {
		margin: 0 auto 8px;
	}
	#WebPage .align .content .destacada {
	width: 100% !important;
	}	
	#WebPage .align .content .destacada .foto {
	    margin: 0;
	}	
	#WebPage .align .content .destacada .fecha{

	}
	#WebPage .align .content .destacada .titulo h1 {
	    line-height: 26px;
	}
	#WebPage .align .content .destacada .bajada {
	    margin: 0;
	}	
	#WebPage .align .content .masNoticias {
	width: 100% !important;	
	}
	#WebPage .align .content .masNoticias .articulos .articulo .foto {
	    width: 100%;
	}	
	#WebPage .align .content .masNoticias .articulos .articulo .titulo h2 {
	    font-size: 18px;
	}	
	#WebPage .align .content .fecha {
	margin: 0 0 0px 7px !important;
	}
	#WebPage .align .content .bajada { margin: 20px 15px; }
	#WebPage .align .content .masNoticias .articulos .articulo{
	width: 100% !important;
    margin: 0 9px 10px 0px !important;
    height: auto;
	}
	#WebPage .align .content .masNoticias .articulos .articulo:nth-of-type(even) {
		float: none;
	}	
	#WebPage .align .contentProducto .producto .descripcion{
	  width: 100% !important;
	  box-sizing: border-box;
	}
	#WebPage .align .contentProducto .producto .imagenes{
	width: 100% !important;
	margin: 0;
	}
	#WebPage .align .contentProducto .producto .imagenes .fotoProducto img{
	  width: 100% !important;
	  height: auto;
	}
	#WebPage .align .contentProducto .producto .imagenes .masFotos{
		margin: -35px 0 0 31%;
	} 
	#WebPage .align .contentProducto .producto .descripcion .identif{
		text-align: left;
		margin: 2px 0 0 5px;
	}
	#WebPage .align .contentProducto .producto .descripcion .cantidad #productoCantidad{
		height: 38px !important;
	}
	#WebPage .align .contentProducto .producto .descripcion .logo-webpay {
	    display: none;
	}  
	.BottomProductosRel .producto {
	    width: 48% !important;
	    height: 200px;
	    margin: 3px;
	}
	.BottomProductosRel .titulo {
	    margin-bottom: 15px;
	}
	
	#WebPage .align .listProductos .contentListado .ordenar {width: 48% !important; margin-left: 0; margin-right: 2%; }
	#WebPage .align .listProductos .contentListado .ordenar select { width: 100%; margin-left: 0;}
	
	figure.foto {
	    margin: 0;
	    padding: 0;
	}
	figure.foto img{
	  width: 100% !important;
	  height: auto !important;
	}
	.tabs{
	  padding: 0; width: 100%;
	}
	.tabs li a{
	  padding: 10px;
	}
	.form-horizontal .control-label{
	  width: auto;
	}
	.form-horizontal .controls {
	    margin-left: auto;
	    clear: both;
	}
	.form-horizontal .control-group {
	    margin-bottom: 0;
	}
	.cuadroInfo img {
	    margin: 0 auto;
	    display: block;
	}
	input.span2, textarea.span2, .uneditable-input.span2 {
	    width: 100%;
	}
	select.span4 {
	    width: 312px;
	    float: left;
	    max-width: 98%;
	    padding: 0 5px;
	}
	input.span4, textarea.span4, .uneditable-input.span4 {
		    width: 100%;
	    max-width: 100%;
	}
	#WebPage .align .texto table {
	    margin: 0;
	}
	
	.btn-success{
	  margin: 0 auto;
	}
	span.help-block {
	    margin: 10px 0 0!important;
	    text-align: center;
	}
	.ContenidoTable h4{
	height: auto !important;
    overflow: hidden;
    margin: 0 -2%;
    width: 104%;
    padding: 10px;
	}
	input.span5, textarea.span5, .uneditable-input.span5 {
	    width: 450px;
	    max-width: 100%;
	    height: auto;
	}
	
	#WebPage .align .listProductos .contentListado .blockProducto .boton {
	    position: relative;
	    margin: 10px auto;
	    width: 98%;
	}
	#WebPage .align .listProductos .contentListado .blockProducto .boton a {
	    width: 100%!important;
	    padding: 5px;
	    min-width: 100%;
	}
	#WebPage .align .listProductos .contentListado .blockProducto .thumb span.prodtit-indx-dcto{
	    position: absolute;
	    top: 5px;
	    left: 5px;
	    margin: 0;
	}
	#WebPage .align .listProductos .contentListado .blockProducto .thumb {
	    float: none;
	    height: 100px;
	    margin: 0 auto;
	    padding: 0 0;
	    width: 100%;
	}
	#WebPage .align .listProductos .contentListado .blockProducto .thumb img {
	    max-width: 100%;
	    height: auto;
	}
	#WebPage .align .listProductos .contentListado .blockProducto {
	    height: 355px;
	    width: 48.6% !important;
	}
	.menuCorporativo a {
	font-size: 10px;
	    padding: 0 5px;
	    margin: 0;
	}
	
	#WebPage .align .contentProducto .producto .imagenes .fotoProducto{
	  width: 100% !important;
	}
	#WebPage .align .contentProducto .producto .descripcion .identif{
	  width: 100% !important;
	}
	#WebPage .align .contentProducto .producto .descripcion .titulo h1 {
	    color: black;
	    font-size: 19px;
	    margin-top: 8px;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	    padding: 2% 0 2% 1%;
	}
	#WebPage .align .contentProducto .producto .descripcion .bajada p {	
		margin: 20px 0 0 0;
	}
	#WebPage .align .contentProducto .producto .descripcion .precio	{
		padding-bottom: 10px;
	}
	#WebPage .align .contentProducto .producto .descripcion .cantidad{
		    float: right;
	}	
	#WebPage .align .contentProducto .producto .descripcion .botones {	
		height: 35px !important;
		    float: right;
	}
	.tab_content {
	    margin: 0 5px 0 5px !important
	}	
	
	.ContenidoTable table{
	    margin: 5px auto!important;
	    width: 98% !important;
	}
	
	.ContenidoTable td{
	    margin: 0px auto!important;
	    width: 100% !important;
	    display: block;
	}
	
	#Formulario span.nombreTabla {
	    width: 100%;
	}
	.tabla-res-trans{
	background: transparent;
	}
	.tabla-res-trans tr:nth-of-type(1){
	display: none;
	}
	.tabla-res-trans tbody tr:nth-of-type(even) {
	    background: #f7f7f7;
	}
	.tabla-res-trans tr td{
	text-align: left!important;
	background: transparent;
	}
	.tabla-res-trans tr td:nth-of-type(1):before, .tabla-res-trans tr td:nth-of-type(2):before, .tabla-res-trans tr td:nth-of-type(3):before, .tabla-res-trans tr td:nth-of-type(4):before, .tabla-res-trans tr td:nth-of-type(5):before{
	float: left;
	    color: #5B5B5B;
	    font-weight: bold;
	    margin: 0 auto!important;
	    width: 40% !important;
	    display: block;
	    padding: 0;
	    box-sizing: border-box;
	    min-width: 120px;
	    height: 30px;
	}
	.tabla-res-trans tr td:nth-of-type(1):before {
	    content: "N° de Orden";
	}
	.tabla-res-trans tr td:nth-of-type(2):before {
	    content: "Fecha Transacción";
	}
	.tabla-res-trans tr td:nth-of-type(3):before {
	    content: "Monto Total";
	}
	.tabla-res-trans tr td:nth-of-type(4):before {
	    content: "Estado";
	}
	.tabla-res-trans tr td:nth-of-type(5):before {
	    content: "Acción";
	}
	
	.tabla-det-mov{
	background: transparent;
	}
	.tabla-det-mov tr:nth-of-type(1){
	display: none;
	}
	.tabla-det-mov tbody tr.det-prod-mov:nth-of-type(even) {
	    background: #f7f7f7;
	}
	.tabla-det-mov tr.det-prod-mov td{
	text-align: left!important;
	background: transparent;
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(1):before, .tabla-det-mov tr.det-prod-mov td:nth-of-type(2):before, .tabla-det-mov tr.det-prod-mov td:nth-of-type(3):before, .tabla-det-mov tr.det-prod-mov td:nth-of-type(4):before, .tabla-det-mov tr.det-prod-mov td:nth-of-type(5):before{
	float: left;
	    color: #5B5B5B;
	    font-weight: bold;
	    margin: 0 auto!important;
	    width: 40% !important;
	    display: block;
	    padding: 0;
	    box-sizing: border-box;
	    min-width: 120px;
	    height: 30px;
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(1):before {
	    content: "ID Rhona";
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(2):before {
	    content: "Producto";
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(3):before {
	    content: "Precio";
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(4):before {
	    content: "Cantidad";
	}
	.tabla-det-mov tr.det-prod-mov td:nth-of-type(5):before {
	    content: "Subtotal";
	}
	
	.tabla-det-mov tbody td.blanco{
	  display: none;
	}
	.tabla-det-mov tbody td.titleR{
	  width: 50%!important;
	  float: left;
	}
	
	.tabla-det-mov td center {
	  text-align: left;
	}
	.messi, .messi-box{
	  width: 95%!important;
	  max-width: 500px; 
	}
	
	.tabla-carro{
	background: transparent;
	}
	tr.det-carro {
	    display: flex;
	    flex-direction: column;
	}
	.tabla-carro thead tr:nth-of-type(1){
	display: none;
	}
	.tabla-carro tr.det-carro td:nth-of-type(1) {
	    order: 5;
	}
	.tabla-carro tbody tr td:nth-of-type(2){
	order:2;
	}
	.tabla-carro tbody tr td:nth-of-type(3){
	order:6;
	}
	.tabla-carro tbody tr td:nth-of-type(4){
	order:1;
	}
	.tabla-carro tbody tr td:nth-of-type(5){
	order:3;
	}
	.tabla-carro tbody tr td:nth-of-type(6){
	order:4;
	}
	.tabla-carro tbody tr.det-carro:nth-of-type(even) {
	    background: #f7f7f7;
	}
	#WebPage .align .texto  .tabla-carro tr.det-carro td{
	text-align: left!important;
	background: transparent;
	}
	.tabla-carro tr.det-carro td:nth-of-type(1):before, .tabla-carro tr.det-carro td:nth-of-type(2):before, .tabla-carro tr.det-carro td:nth-of-type(3):before, .tabla-carro tr.det-carro td:nth-of-type(4):before, .tabla-carro tr.det-carro td:nth-of-type(5):before, .tabla-carro tr.det-carro td:nth-of-type(6):before{
	  float: left;
	  color: #5B5B5B;
	  font-weight: bold;
	  margin: 0 auto!important;
	  width: 40% !important;
	  display: block;
	  padding: 0;
	  box-sizing: border-box;
	  min-width: 120px;
	  height: 30px;
	}
	.tabla-carro tr.det-carro td:nth-of-type(1):before {
	    content: "Eliminar";
	}
	.tabla-carro tr.det-carro td:nth-of-type(2):before {
	    content: "Código Rhona";
	}
	.tabla-carro tr.det-carro td:nth-of-type(3):before {
	    content: "";
	}
	.tabla-carro tr.det-carro td:nth-of-type(4):before {
	    content: "Nombre del Producto";
	}
	.tabla-carro tr.det-carro td:nth-of-type(5):before {
	    content: "Cantidad";
	}
	.tabla-carro tr.det-carro td:nth-of-type(6):before {
	    content: "Subtotal";
	}
	
	.tabla-carro tbody td.blanco{
	  display: none;
	}
	
	.tabla-carro tbody td.titleR{
	  width: 50%!important;
	  float: left;
	}
	
	
	.tabla-carro tbody td{
	  width: 100%!important;
	  float: left;
	}
	.tabla-carro td center {
	  text-align: left;
	}
	#WebPage .align .carroCompras {
	    width: 100% !important;
	    padding: 0;
	}
	
	.tabla-compra thead tr:nth-of-type(1){
	display: none;
	}
	.tabla-compra tr.det-compra td:nth-of-type(1):before, .tabla-compra tr.det-compra td:nth-of-type(2):before, .tabla-compra tr.det-compra td:nth-of-type(3):before, .tabla-compra tr.det-compra td:nth-of-type(4):before, .tabla-compra tr.det-compra td:nth-of-type(5):before, .tabla-compra tr.det-compra td:nth-of-type(6):before{
	  float: left;
	  color: #5B5B5B;
	  font-weight: bold;
	  margin: 0 auto!important;
	  width: 40% !important;
	  display: block;
	  padding: 0;
	  box-sizing: border-box;
	  min-width: 120px;
	  height: 30px;
	}
	.tabla-compra tr.det-compra td:nth-of-type(1):before {
	    content: "Código";
	}
	.tabla-compra tr.det-compra td:nth-of-type(2):before {
	    content: "Producto";
	}
	.tabla-compra tr.det-compra td:nth-of-type(3):before {
	    content: "Precio";
	}
	.tabla-compra tr.det-compra td:nth-of-type(4):before {
	    content: "Cantidad";
	}
	.tabla-compra tr.det-compra td:nth-of-type(5):before {
	    content: "Subtotal";
	}
	.tabla-compra tbody tr.det-compra:nth-of-type(even) {
	    background: #f7f7f7;
	}
	.tabla-compra tbody td.blanco{
	  display: none;
	}
	
	.tabla-compra tbody td.titleR{
	  width: 50%!important;
	  float: left!important;
	}
	.tabla-compra tbody tr.det-compra td{
	  background: transparent!important;
	}
	.tabla-compra tbody td{
	  width: 100%!important;
	  float: left!important;
	  text-align: left!important;
	}
	.tabla-compra td center {
	  text-align: left;
	}
	
	
	
	.tabla-datos-cliente td, #botoneraCarro td{
	    width: 100%!important;
	    display: block;
	    clear: both;
	}
	
	.tabla-sel-acc td{
	  display: block;
	  width: 100%!important;
	}
	
	img.WebPay{
	float: none!important;
	margin: 20px 0;
	}
	
	#pasos{
	  display: none;
	}
	textarea#observaciones {
	    height: 80px;
	}
	
	.alert{
	  width: 100%!important;
	}
	
	.image_carousel {
	    padding: 0 0 0 0px!important;
	    height: 290px;
	}
	.caroufredsel_wrapper {
	    width: 100% !important;
	    margin: 0 5% 0 5% !important;
	    height: 285px !important;
	}
	#carrousel_marcas .itemDestacado {
		width: 180px !important;
		margin: 0;
	}
	
	.caroufredsel_marcas {
	    width: 100% !important;
	    margin: 0 5% 0 5% !important;
	    height: 100px !important;
	}
		
	.itemDestacado .foto{
	  float: none !important;
	  margin: 10px auto !important;
	}
	
	.movil-100{
		width: 100% !important;
		padding-top: 0px !important;
		text-align: left !important;
	}
	.movil-100 img{
		width: 100% !important;
	}	
		
}

@media only screen and (max-width: 500px)
{
	.prod-mas-vistos a.product {
	    display: block;
	    width: 31.3% !important;
	    height: auto;
	    float: left;
	    margin-right: 2%;
	}
	a.product img {
	    max-width: 100%;
	    height: auto;
	        width: auto;
	}
	
		
}
@media only screen and (max-width: 415px) {
	

	#pull {
	    top: -105px;
	}
	
	#DestacadosHome .pestanas h1 {
	    width: 100%;
	    padding: 4% 0 4% 3%;
	    font-size: 18px;
	    font-family: 'Encode Sans', Arial;
	}
	#DestacadosHome .pestanas h1:before{
		content: "\f0d7"; color: #47b942;
	    font-family: FontAwesome; margin-right: 5px;	        
    }
    	
	.bnr-1, .bnr-2, .bnr-3{
	  width:50%;
	  height: 190px;
	}
	
	.bnr-1 img, .bnr-2 img, .bnr-3 img{
	  width:100%;
	}
	
	.bnr h4{
		font-size: 15px;
		color: #333;
		background: #fff;
		opacity: 0.8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;		
		font-weight: 600;
	}
	.bnr-1 h4 {
	    width: 100%;
	    position: absolute;
	    padding-top: 1%;
	    bottom: 70%;				
	}
	.bnr-2 h4 {
	    width: 90%;
	    position: absolute;
	    bottom: 5%;
	    right: -20px;
	    padding-top: 1%;
	}	
	.bnr-3 h4 {
    	width: 115%;
 		font-size: 15px;
		color: #333; font-weight: 600; 	
		padding-top: 1%;
    }
    .bnr-5{
	    height: auto;
    }
    .bnr-5 img{
	    width: 100%;
	   ;
    }
	a.product img{
	  max-width: 100%
	}

}