/*-----BODY-----*/
body {
    font-family: 'Lato',sans-serif;
}
/*---NAVEGADOR---*/

.navbar {
    background-color: #2B2B2B;
    border-bottom-width:3px;
    border-bottom-color:#55D737;
    z-index: 3000;
}
.logo1 {
    margin-top: 0px;
    padding-right: 00px;
    width: 240px;
    height: 50px;
    
    }
.navbar-nav {
    float: right;
}

.logo {
    color: #fff;
    font-weight:300;
    font-size: 1.2em;
}


.txt-menu {
    color: #fff;
    font-size: 12px;
}

.nav span:hover{
    color:#55D737;
}

/*---SLIDER---*/


.carousel-caption {
    padding-bottom: 230px;
}

.cc {
    padding-bottom: 100px;
}

.cc h2 {
    text-align: left;
}


.txt-slider-1a {
    font-size: 2.6em;
    border-color: black;
    border: 3px;
}

.txt-slider-1b {
    font-size: 2em;
     border-color: black;
    border: 3px;
}

.txt-slider-2a {
    font-size: 2em;
    color: #fff;
}

.txt-slider-2b {
    font-size: 1.5em;
    color: #2B2B2B;
}

.txt-slider-3 {
    font-size: 3.5em;
    color: #fff;
}

/*--NOSOTROS--*/

.nosotros {
    padding-top: 90px;
    overflow: hidden;
}

.txt-nosotros {
    font-size: 1.1em;
    text-align: justify;
    margin-bottom: 20px;
}

.tlt-nosotros {
    text-align: left;
    font-size: 3.3em;
    font-weight: 400;
    border-bottom: 1px solid #55D737;   
}

.nos{
    text-align: left;
}

.tlt-ns {
     text-align: left;
    font-size: 1.5em;
    font-weight: 600;

}

.txt-mision {
    text-align: justify;
}

.txt-vision{
    text-align: justify;
}

.equipo-1 {
    padding-bottom: 40px;
}

.equipo {
    margin-bottom: 70px;
    font-size: 2.6em;
    font-weight: 400;
    border-bottom: 1px solid #55D737;
    padding-top: 20px;
}
.equi2{
    padding-left: 140px;
}
@media (max-width: 768px) { 
    .equi2{
    padding-left: 0px;
}
    }
.caja-txt-int {
    padding: 0px;
}

.nombre-int {
    text-align: left;
    margin-bottom: 0px;
    font-weight: 800;
}

.cargo-int {
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 4px;
    border-bottom: 1px solid #55D737;
    font-weight: 500;
}

.ctc-int {
    text-align: left;
    font-size: 12px;
    padding-top: 4px;
}


/*---PRODUCTOS----*/

.productos {
    padding-top: 110px;
    background-color: #F2F2F2;
    overflow: hidden;
}
.txt-productos {
    font-size: 1.3em;
    padding-left: 30px;
    padding-top: 30px;
    text-align: justify;
}
@media (max-width: 768px) { 
    .txt-productos {
    font-size: 1.5em;
    padding-left: 0px;
    padding-top: 30px;
    text-align: justify;
}
}
.txt-productos1 {
    font-size: 1.2em;
    padding-left: 30px;
    padding-top: 30px;
    text-align: justify;
}
@media (max-width: 768px) { 
    .txt-productos1 {
    font-size: 1.5em;
    padding-left: 0px;
    padding-top: 30px;
    text-align: justify;
}
}
.pro1{
    
padding-top: 150px;
}
.tlt-prd {
    padding-top: 20px;
    font-size: 2.8em;
    font-weight: 400;
    adding-bottom: 5px;
    border-bottom: 1px solid #55D737;
    color: #4C4C4C;
    margin-bottom: 25px;
}
.tlt-casas {
    
    font-size: 2.8em;
    font-weight: 400;
    border-bottom: 1px solid #55D737;
    color: #4C4C4C;
    margin-bottom: 30px;
    }
.tlt-embalajes {
    font-size: 2.8em;
    font-weight: 400;
    border-bottom: 1px solid #55D737;
    color: #4C4C4C;
    margin-bottom: 0px;
    }

.caja-img-txt {
    position: relative;
    overflow: hidden;
    height: 190px;
    width: 190px;
}

.img {
    position: absolute;
    z-index: 0;
    left: 0;
}

.txt-prd {
    color: white;
    position:absolute;
    z-index: 2000;
    left: 0;
    right: 0;
    top: 0px;
    font-size: 1.8em;
    font-weight: 600;
    padding: 60px 0px 100px 0px;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
}

.txt-prd:hover {
    background-color:  #66ff66;
    opacity: 0.8;
}

.txt-prd a {
    text-decoration: none;
    color: #2B2B2b;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.txt-prd:hover a {
    text-decoration: none;
    color: #fff;
}


.row-fila-prd-2 {
    margin-top: 20px;
}

/*--SERVICIOS---*/

.servicios {
    padding-top: 70px;  
    overflow: hidden;
}

.tlt-servicios {
    padding-bottom: 15px;
    font-weight: 300;
}
.txt-servicios {
    font-size: 1.5em;
    padding: 10px 40px 20px 40px;
    border-bottom: 1px solid #55D737;
}
.header-srvs {
    padding-bottom: 30px;
}

.caja-parrafo-srvs {
    padding-top: 40px;
}

.parrafo-srvs {
    text-align:left;
    font-size: 1.3em;
}


/*---MEDIOS DE PAGO---*/

.mdp {
    padding-top: 110px;
    overflow: hidden;
}

.tlt-mdp {
    padding-bottom: 20px;
    font-weight: 300;
    font-size: 3em;
}

.txt-mdp {
    padding-bottom: 20px;
    border-bottom: 1px solid #55D737;
    font-size: 1.5em;
}

.img-mdp {
    padding-top: 50px;
}

.tarjetas {
    padding-top: 10px;
}

/*---CONTACTO---*/

.contacto {
    padding-top: 70px;
    background-color: #00b300;
}

.twitt{
    padding-left: 20px;
}
    
.container-contacto {
    padding-bottom: 40px;
    background-color: #00b300;
}

.row-ctc {
    background-color: #00b300;
}

.tlt-ctc {
    color: #fff;
    font-size: 2.8em;
    padding-bottom: 20px;
    font-weight: 300;
}

/*--FORMULARIO--*/

.form-line {
    border-right: 1px solid white;
}

.ciudad {
    color: grey;
}

.boton {
    margin-left: 0px;
    padding-left: 0px;
}

.btn {
    float: left;
    margin-left: 5%;
    background-color: #2B2B2B;
    color: rgb(85,215,55);
}
.btn0c {
  
}
.btn1c {
 padding-left: 100px;
}
.btn2c {
   
   
}
.btn3c {
    
    
}
.btn1 {
    float: left;
    margin-left: 5%;
    background-color: #2B2B2B;
    color: rgb(85,215,55);
}

.btn:hover {
    background-color: #181818;
}

/*--contacto Vina del Mar--*/

.caja-ctc {
    padding-left: 10px;
}
.ctc-vina {
    color: #fff;
    text-align: left;
    font-size: 1.5em;
    font-weight: 300;
}

.datos-ctc {
    text-align: left;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
}

.glyphicon {
    padding-right: 8px;
    font-size: 15px;
}

/*--MAPA VINA--*/

.google-maps {
position: relative;
padding-bottom: 44%; // This is the aspect ratio
height: 0;
overflow: hidden;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 90% !important;
height: 100% !important;
}

/*--footer--*/

.color-footer {
    background-color: #008000;
}

.footer {
    padding-top: 35px;
    padding-bottom: 40px;
    background-color: #008000;
}

footer {
    padding: 0px;
    margin: 0px;
}
.derechos{
    color: #fff;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-top: auto;
}
.icon-footer {
    color: #fff;
}

.icon-footer:hover {
    color: #2d2d2d;
}

.sitio {
    font-size: 0.8em;
}
.sitio a {
    color: #fff;
}

.sitio a:hover {
    text-decoration: none;
}



/*---página prodctos---*/

.tienda-header {
    padding-top: 0px;
    overflow:hidden;
    background-color: #fff;
}

.pagina-prd {
    height: 60%;
}

header {
     border-bottom: 4px solid #55D737;
}

.icon-next,.icon-prev {
    padding-top: 30px;
}

.description-prd {
    padding-top: 40px;
}

.line-prd-tnd {
    border-right: 1px solid #55D737;
}

.tlt-prd-tnd {
    text-align: right;
    font-size: 3em;
    color: #55D737;
    font-weight: 300;
}

.prd-tienda {
    overflow: hidden;
}
.prd-tienda1 {
    overflow: hidden;
    padding-top: 80px;
}

.txt-prd-tnd {
    text-align: justify;
    font-size: 1.4em;
    color: #626262;
    padding-top: 30px;
}

.caja-prd {
    padding-top: 60px;
}
.caja-prd1 {
    padding-top: 30px;
}
@media (max-width: 768px) { 
    .caja-prd1 {
    padding-top: 3px;
        margin-bottom: 10px;
}
}
@media (max-width: 768px) { 
    .nos {
    padding-top: 30px;
       
}
    .ctc-int{
        margin-bottom: 0px;
        }
    .nombre-int {
    padding-top: 30px;
       
}
       .nos1 {
    padding-bottom: 150px;
    
       
}
}
@media (max-width: 768px) { 
    .prd-tienda1 {
    overflow: hidden;
    padding-top: 40px;
}
  .tlt-embalajes {
    font-size: 2em;
    font-weight: 400;
    border-bottom: 1px solid #55D737;
    color: #4C4C4C;
    margin-bottom: 0px;
    }
    
  
}
}
/*-casas prefabricadas--*/

.biorelleno {
    background-image: url(../img/casas/biocasa42.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.bio36{
    background-image: url(../img/casas/MODELO%20queltehue.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.bio42 {
    background-image: url(../img/casas/modelopiquen.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.bio62 {
    background-image: url(../img/casas/Modelo%20Piuquen.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.bioquel{
    background-image: url(../img/casas/Vista%20Modelo%20Queltehue%2015.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.biopiu{
    background-image: url(../img/casas/vistas%208.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.biopiu1{
    background-image: url(../img/casas/MODELO%20PIUQUEN%20EN%20MONTA%C3%91A.jpg);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
/*-Pallets--*/
.yugo {
    background-image: url(../img/Pallets/yugo.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.centro {
    background-image: url(../img/Pallets/centro.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.especiales {
    background-image: url(../img/Pallets/especiales.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.bins {
    background-image: url(../img/Pallets/bins.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.jaba {
    background-image: url(../img/Pallets/jabas.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.industrial {
    background-image: url(../img/Pallets/industrial.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.cajon {
    background-image: url(../img/Pallets/cajon.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}
.cajone {
    background-image: url(../img/Pallets/cajone.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

/*-Pallets-*/
.roller {
    background-image: url(../img/roller/roller.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.roller-screen {
    background-image: url(../img/roller/roller-screen.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.roller-blackout {
    background-image: url(../img/roller/roller-blackout.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.store {
    background-image: url(../img/store/store.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.cortinaje-1 {
    background-image: url(../img/cortinajes/cortinaje-1.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.cortinaje-2 {
    background-image: url(../img/cortinajes/cortinaje-2.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.cortinaje-3 {
    background-image: url(../img/cortinajes/cortinaje-3.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.pvertical-1 {
    background-image: url(../img/pverticales/pvertical-1.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.pvertical-2 {
    background-image: url(../img/pverticales/pvertical-2.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.pvertical-3 {
    background-image: url(../img/pverticales/pvertical-3.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.cortinaduo-1 {
    background-image: url(../img/cortinaduo/cortinaduo-1.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

.cortinaduo-2 {
    background-image: url(../img/cortinaduo/cortinaduo-2.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
}

/*--imagen ejemplo--*/
.img-prd {
    background-image: url(../img/img-prd-tienda.png);
     background-repeat:no-repeat center center;
     background-size:cover; 
    padding: 0px;
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

.txt-item-tnd {
    padding: 35px 0px;
    color: #fff;
    background-color: rgba(110,110,110,0.5);
    margin: 0px;
    opacity: 0;
    transition: all 0.8s ease;
    -moz- transition: all 0.8s ease;
    -webkit- transition: all 0.8s ease;
    -ms- transition: all 0.8s ease;
    -o- transition: all 0.8s ease;
}

.modelo {
    font-size: 1.3em;
    font-weight: 300;
    border-bottom: 1px solid #fff;
}

.ver-detalles {
    color: #fff;
    font-weight: 800;
}

.ver-detalles:hover {
    color: #fff;
    text-decoration: none;
}


.img-prd:hover .txt-item-tnd {
    opacity: 1;
}


/*--lightbox--*/

 .gallery {
        list-style: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

/*--transision productos--*/

.transicion {
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}

.transicion:hover .txt-item-tnd {
    opacity: 1;
}



/*---MEDIA QUERIES---*/

/*--1280--*/


/*--1170--*/

@media screen and (max-width:73.13em){
    
    /*--nosotros--*/
    
    .nosotros {
        height: 1000px;
        padding-top: 90px;
    }
    
    /*--Sservicios--*/
    
    .servicios {
        padding-top: 90px;
    }
    
    /*--tienda--*/
    
    .tienda-header {
        height: 700px;
    }
    
    .txt-prd-tnd {
        font-size: 14px;
    }
}

/*--970--*/

@media screen and (max-width:60.63em){
    /*navegador-menu*/
    
    .navbar-brand {
        padding-left: 40%;
    }
    
    .nav {
        padding-right: 10%;
    }
    
    /*--menu-tienda-*/
    
    .menu-tienda {
        padding-left: 0px;
    }
    
    .ul-tienda {
        padding-right: 0px;
    }
    
}

/*---750---*/
@media screen and (max-width:46.88em){
    
    
    /*--navegador-menu--*/
    
    .navbar-brand {
        padding-left: 0px;
    }
    
    
    .logo {
        font-size: 0.8em;
    }
    .navbar-nav {
    float: left;
    }
    
    /*--produtos--*/
    
    .productos {
        height: 1600px;
    }
    
    /*--servicios--*/
    
    .parrafo-srvs {
        text-align: center;
    }
    
    /*--tienda--*/
    
    .tlt-prd-tnd {
        font-size: 20px;
        text-align: center;
    }
    
    .prd-tienda {
        height: 1400px;
    }
}

/*--320--*/

@media screen and (min-width:320px)and (max-width:700px){
    /*slider*/
    
    .pagina-prd {
        height: 30%;
    }
    
    .font-slider {
        font-size: 30px;
    }
    
    /*--servicios--*/
    
    .servicios {
        height: 900px;
    }
    .txt-servicios {
        display: none;
    }
    
    /*--mdp--*/
    .mdp {
        height: 600px;
        padding-top: 80px;
    }
    .txt-mdp {
        display: none;
    }
}

/*--307--*/

@media screen and (max-width:19.19em){
    
    /*slider*/
    
    .font-slider {
        font-size: 1em;
    }
    
    /*--nosotros--*/
    
    .nosotros {
        height: 500px;
    }
    
    .tlt-nosotros {
        font-size: 2em;
        text-align: center;
    }
    
    .tlt-ns {
        text-align: center;
    }
    
    /*--producto--*/
    
    .tlt-prd {
        font-size: 2em;
    }
    
    
    
    /*--servicios--*/
    .servicios {
        height: 800px;
    }
    .tlt-servicios {
        font-size: 2em;
    }
    
    .txt-servicios {
        display: none;
    }
    .parrafo-srvs {
        font-size: 14px;
    }
    /*--mdp--*/
    
    .mdp {
        height: 800px;
    }
    
    /*--contacto--*/
    
    .tlt-ctc {
        font-size: 2em;
    }
    
    /*--slider--*/
    
    .pagina-prd {
        height: 40%;
    }
    
}