@charset "utf-8";
body {
	font-family: "Open Sans", Arial, sans-serif;
}
h1 {
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 300;
	font-size: 32px;
	margin-bottom: 12px;
}
h2 {
    font-weight: 400;
    font-size: 30px;
    text-transform: uppercase;
}
h3 {
    font-weight: 400;
    font-size: 22px;
}
h4 {
    font-weight: 300;
    margin-top: 7px;
}

h5 {
	font-weight: 300;
	font-size: 1.8rem;
	text-shadow: 1px 1px 1px #222222;
}
.texto-sombra {
    text-shadow: 1px 1px 1px #222222;
    font-weight: 400;
    font-size: 1.1rem;
}
.texto-sombra-inv {
    text-shadow: 1px 1px 1px #FDFDFD;
    font-weight: 400;
    font-size: 1.1rem;
    color: hsla(0,0%,0%,1.00);
}



.titulo-ficha {
	font-size: 24px;
	margin-top: 6px;
}

.link-gris:link {
    color: #666666;
    text-decoration: none;
}
.link-gris:visited {
    color: #666;
    text-decoration: none;
}
.link-gris:hover {
	color: #005734;
	text-decoration: none;
}
.link-verde:link {
	color: #005734 !important;
	text-decoration: none;
	font-weight: 600;
}
.link-verde:visited {
	color: #005734 !important;
	text-decoration: none;
	font-weight: 600;
}
.link-verde:hover {
	color: #000000;
	text-decoration: none;
	font-weight: 600;
}
.link-gris-osc:link {
    color: #333;
    text-decoration: none;
}
.link-gris-osc:visited {
    color: #333;
    text-decoration: none;
}
.link-gris-osc:hover {
	color: #005734;
	text-decoration: none;
}
.padding-sup-3 {
    padding-top: 110px;
}

.padding-sup-4 {
    padding-top: 150px;
}
.margen-top {
    margin-top: 35px;
}


.margen-sup--4 {
	margin-top: -4px;
	margin-bottom: 0px;
}
.margen-sup--6 {
    margin-top: -10px;
    margin-bottom: 0px;
}

.margen-sup--8 {
	margin-top: -20px;
	margin-bottom: 20px;
}

.margen-sup {
    margin-top: 7px;
}
.margen-sup-0 {
    margin-top: 0px;
}

.margen-sup-1 {
    margin-top: 20px;
}
.margen-sup-2 {
	margin-top: 44px;
}
.margen-sup-3 {
	margin-top: 50px;
}
.margen-sup-4 {
    margin-top: 60px;
}

.margen-inf--2 {
	margin-bottom: -6px;

}
.margen-inf-0 {
    margin-bottom: 0px;

}
.margin-inf-1 {
    margin-bottom: 10px;
}
.margin-inf-2 {
    margin-bottom: 20px;
}

.filete-der {
    border-right: 1px solid #CCCCCC;
}
.filete-sup {
    border-top: 1px solid #CCCCCC;
}
.texto-destacado {
    font-size: 18px;
    font-weight: 300;
}
.texto-destacado-grande {
    font-size: 36px;
    font-weight: 300;
}
.texto-destacado-2 {
    font-size: 18px;
}
.texto-destacado-3 {
    font-size: 22px;
    font-weight: 300;
}
.texto-destacado-3-bold {
    font-size: 24px;
    font-weight: 600;
}
.texto-destacado-3-normal {
    font-size: 24px;
    font-weight: 400;
}
.texto-destacado-4 {
    font-size: 16px;
    font-weight: 600;
}
.img-opacidad-color {
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  /* Standard syntax */
  transition-property: opacity;
  transition-duration: 1s;
}
.img-opacidad-color:hover {
  opacity: 0.7;
}
.img-opacidad {
  /* For Safari 3.1 to 6.0 */
  -webkit-transition-property: filter;
  -webkit-transition-duration: 1s;
  /* Standard syntax */
  transition-property: filter;
  transition-duration: 1s;
}
.img-opacidad:hover {
  filter: grayscale(100%);
}
.flotar-izq {
    float: left;
    margin-right: 8px;
    margin-bottom: 30px;
}
.flotar-der {
    float: right;
    margin-bottom: 30px;
    margin-left: 8px;
}

.texto-footer {
    font-size: 15px;
}
.padding-sup {
    padding-top: 16px;
}
.bg-menu-superior {
	background-image: url(../images/permanentes/bg-menu-horiz.jpg);
	background-position: 0px 20px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

.iconos-superior {
    font-size: 18px;
    color: #777777;
    margin-top: 4px;

}
.iconos-superior-bus {
    font-size: 16px;
    color: #777777;
    margin-top: 6px;
}

.margen-filete {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
}
.filete-gris {
	border-top: 1px solid #ccc;
}

.fondo-blanco {
    background-color: #FFFFFF;
}
.texto-producto {
	color: #555555;
}
.texto-producto-descrip {
    line-height: 170%;
}
.nav-link:hover {
	color: #005734 !important;
}
.altura-min {
    min-height: 260px;
    /* [disabled]height: 300px; */
}
.borde-sup {
    border-top: 1px solid #999999;
}
.borde-sup-margin {
    border-top: 1px solid #999999;
    padding-top: 10px;
}
.borde-inf {
    border-bottom: 1px solid #999999;
}
.tabla-ancho   {
	width: 70%;
}
.tabla-ancho-80   {
    width: 80%;
}
.texto-semibold {
	font-weight: 600;
}
.gris-claro {
	color: #AAA;
}
.titulo-sobre-fondo {
    margin-bottom: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #FFFFFF;
    margin-top: 126px;
    margin-left: 16px;
    text-shadow: 1px 1px 1px #000000;
}
.titulo-sobre-fondo-2 {
    /* [disabled]margin-bottom: 12px; */
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #FFFFFF;
    margin-top: 12px;
    margin-left: 16px;
    text-shadow: 1px 1px 1px #000000;
}
.titulo-sobre-fondo-3 {
    margin-bottom: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #FFFFFF;
    margin-top: 272px;
    margin-left: 16px;
    text-shadow: 1px 1px 1px #000000;
}
.titulo-sobre-fondo-5 {
    margin-bottom: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #FFFFFF;
    margin-top: 360px;
    margin-left: 16px;
    text-shadow: 1px 1px 1px #000000;
}
.titulo-sobre-fondo-4 {
    margin-bottom: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #000000;
    margin-top: 360px;
    margin-left: 16px;
    text-shadow: 1px 1px 1px #FFF;
}



.fondo-alfombras {
    min-height: 180px;
    background-image: url(../images/productos/alfombras/banner.jpg);
    /* [disabled]padding-top: 20px; */
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
    /* [disabled]padding-left: 20px; */
}
.fondo-decks   {
    min-height: 180px;
    background-image: url(../images/productos/pisos/decks/decks.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-decks-2   {
    min-height: 380px;
    background-image: url(../images/productos/pisos/decks/deck-piscina.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-revestimientos   {
    min-height: 380px;
    background-image: url("../images/productos/terminaciones/revestimientos-muros/revestimientos-muros.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-revestimientos-lam   {
    min-height: 380px;
    background-image: url(../images/productos/revestimiento-muros/fondo-revestimiento-muro.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-origin: padding-box;
}
.fondo-porcelanato   {
    min-height: 380px;
    background-image: url(../images/productos/pisos/porcelanato/fondo-porcelanato.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-origin: padding-box;
}
.fondo-laminados   {
    min-height: 380px;
    background-image: url(../images/productos/pisos/fotolaminados/fondo-laminados.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-origin: padding-box;
}
.fondo-madera   {
    min-height: 380px;
    background-image: url(../images/productos/pisos/madera/fondo-madera.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-origin: padding-box;
}
.fondo-quienes-somos {
    min-height: 180px;
    background-image: url(../images/quienes-somos/banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-consejos {
    min-height: 180px;
    background-image: url(../images/consejos/banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-instalaciones {
    min-height: 434px;
    background-image: url(../images/productos/instalaciones/servicios.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-productos-limpieza {
    min-height: 333px;
    background-image: url(../images/productos/accesorios/productos-limpieza/banner-productos-limpieza.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-outlet {
    min-height: 333px;
    background-image: url(../images/outlet/banner-outlet.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}
.fondo-venta-stock {
    min-height: 433px;
    background-image: url(../images/venta-stock/banner-3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-origin: padding-box;
}

.fondo-novedades {
    min-height: 180px;
    background-image: url(../images/novedades/banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-origin: padding-box;
}



.fondo-gris {
    background-color: #ededed;
}


.interlinea-amplia-1   {
    line-height: 160%;
}
.interlinea-amplia-2 {
    line-height: 190%;
}
.listado {
	list-style-position: outside;
	/* [disabled]list-style-type: circle; */
	margin-left: -20px;
}
.precios {
}
.alinea-der {
    float: right;
}
.tabla-aislante {
    border: 1px solid #000000;
    text-align: left;
}
.precio-anterior {
    text-decoration: line-through;
}
.altura-min {
    min-height: 400px !important;
}
.altura-min-2 {
    min-height: 290px !important;
}
.menu-outlet {
    list-style-type: square;
    text-transform: uppercase;
    list-style-image: url(../images/permanentes/bullet-verde.png);
}
.btn-light {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #CBCBCB;
}
.btn-success:hover {
    background-color: #004635;
	border-color: #004635;
}
.btn-success {
    background-color: #005734;
    border-color: #005734;
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 0;
    letter-spacing: 0.1em;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,87,52,0.67);
}
.cotizar {
    /* [disabled]width: 127px; */
    z-index: 10;
    background-color: #FFFFFF;
    position: fixed;
    /* [disabled]height: 104px; */
    right: 0px;
    top: 214px;
    bottom: auto;
    /* [disabled]-webkit-box-shadow: 1px 1px 2px 1px #8A8A8A; */
    /* [disabled]box-shadow: 1px 1px 2px 1px #8A8A8A; */
}
.texto-interlinea-amplia {
    line-height: 220%;
}
.bullet-organico-estatiica {
    list-style-image: url(../images/permanentes/bolt-solid-slash.png);
}
.boton-buscar {
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background-color: #FFFFFF;
}
.ancho-25 {
    width: 25%;
}
.fondo-cotizar {
    background-image: url(../images/productos/calcular-1.jpg);
    background-size: cover;
}
.margin-top-negative {
    margin-top: -48px;
}



























@media screen and (max-width:767px){
.margen-sup {
	margin-top: 16px;
}
.tabla-ancho {
	width: 100%;
}
.margen-top {
    margin-top: 40px;
}
.padding-sup-3 {
    padding-top: 90px;
}
.margin-top-negative {
    margin-top: 22px;

}








}

@media screen and (max-width:991px){
h2 {
	font-weight: 400;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 10px;
}
.cotizar {
    /* [disabled]width: 127px; */
    z-index: 10;
    background-color: #FFFFFF;
    position: fixed;
    /* [disabled]height: 104px; */
    right: 0px;
    top: 260px;
    bottom: auto;
    /* [disabled]-webkit-box-shadow: 1px 1px 2px 1px #8A8A8A; */
    /* [disabled]box-shadow: 1px 1px 2px 1px #8A8A8A; */
}
.fondo-cotizar {
    background-image: url(../images/productos/calcular-1.jpg);
    /* [disabled]background-size: cover; */
    height: 400px;
    background-position: 0 80%;
}



}