/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
    text-align: left; 
}
.alignright {
    text-align: right;
}
.aligncenter {
    text-align: center;
}
.aligncenter2 {
	display:block;
	margin:0 auto 15px;
}

img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}


a, a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    border: 0;
}



/*--------------------------------*/
/*  1.Header 
/*--------------------------------*/

/*--------------------------------*/
/*  1.1 Top Bar
/*--------------------------------*/

.topbar-area {
    width: 100%;
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
}

.cont-top-bar {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.top-bar-izq {
    width: 20%;
    height: auto;
    overflow: hidden;
    float: left;
}

.top-bar-der {
    width: 80%;
    height: auto;
    overflow: hidden;
    float: right;
}

.top-bar-der p {
    color: #676767;
    font-family: cairo-bold;
    font-size: 16px;  
    padding: 0;
    margin-top: 60px;
    margin-bottom: 0px;
}
.margin-right-70 {
    margin-right: 70px;
}
.top-bar-der i {
    color: #77bc25;
    font-size: 18px;  
    padding: 0;
    margin-right: 10px;
    margin-top: 64px;
    margin-bottom: 10px;
}
.cont-logo {
    width: auto;
    height: auto;
    overflow: hidden;
    float: left;    
}
.cont-logo { 
    margin-top: 30px;
    margin-bottom: 30px;
}


/*--------------------------------*/
/*  1.2 Menú
/*--------------------------------*/

.menu-area {    
    width: 100%;
    background-color: #1a1f23;
    height: auto;
    overflow: hidden;
}
.cont-menu {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.navbar {    
    border: none;
    padding-top: 20px;    
    padding-bottom: 20px;  
    margin-bottom: 0;
}

.navbar li a {
    font-family: cairo-bold;
    font-size: 14px;
    color: #fff;
    margin-right: 75px;    
    text-align: left;
}

.no-margin-right {
    margin-right: 0px;    
}

.navbar li a:hover {
    color: #77bc25;
    background: transparent;
 }

.main-menu .nav li a {
    padding: 0;
}

/*----------------------------------------*/
/*  1.3 Menú Movil
/*----------------------------------------*/
.mobile-menu-area {
    background: #1a1f23 none repeat scroll 0 0;
    padding: 10px 0px ;    
}

.mobile-menu-area .logo {
    width: auto;
    height: auto;    
    overflow: hidden;        
}
.mobile-menu-area .logo a img {
    padding-top: 15px;
    padding-left: 30px;
}

.mean-container .mean-bar::after {
    content: "";
    font-size: 21px;
    left: 5%;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
    color:#252525
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li a {
    background: #4a4a4a none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 13px 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.mean-nav ul li.mean-last {
    margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #4a4a4a;
    line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 99.7%;
}

/*--------------------------------*/
/*  2. Cuerpo 
/*--------------------------------*/

/*--------------------------------*/
/*  2.1. Slider 
/*--------------------------------*/

.slider-area {
    width: 100%;    
    height: auto;
    overflow: hidden;    
    position: relative;
}

.cont-slider {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.carousel {
    position: relative;
}

.carousel-caption {
    right: 0%;
    left: 0%;
    padding-bottom: 170px;
}

.carousel-caption h3 {
  color: #fff;
  font-family:  josefinsans-bold;
  font-size:72px;
}

.h3-green {
    color: #77bc25;
}

.carousel-caption p {
    color: #fff;
    font-family: cairo-regular;
    font-size: 18px;
    margin-bottom: 40px;
  }
.carousel-indicators .active {
    background-color: #77bc25;
}
.boton-slider {
    width: 156px;
    height: 50px;    
    overflow: hidden;
    background: #77bc25;
    padding-top: 14px;
    text-align: center;
    border-radius: 3px;
    font-family: cairo-bold;
    font-size: 14px;
    margin: auto;
}
.boton-slider:hover {
    background: #999999;    
}
.carousel-caption a {    
    color: #fff;
    font-size: 16px;
    font-family: roboto-bold;
    text-decoration: none;    
}

/*--------------------------------*/
/*  2.2. Diferencias
/*--------------------------------*/
.dif-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}
.cont-dif {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;
}
.cont-separador {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;    
    margin-top: 20px;
}
.dif-txt {
    margin-bottom: 50px;
}

.section-headline-dif {
    margin-bottom: 20px;
    position: relative;
}
.section-headline-dif h3 {
    color: #1b1313;
    display: inline-block;
    font-size: 36px;
    font-family: josefinsans-bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
.section-headline-dif.text-left {
    margin-bottom: 5px;
}

.cont-ico-dif p {
    font-size: 16px;
    font-family: cairo-regular;
    color: #676767;
    padding: 0;
    margin-bottom: 45px;
}

.cont-dif-4 {
    width: 25%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;    
}


.padd-right-30 {
    padding-right: 30px;
}
.padd-left-30 {
    padding-left: 30px;
}
.padd-right-15 {
    padding-right: 15px;
}
.padd-left-15 {
    padding-left: 15px;
}

.dif-txt p {
    font-size: 18px;
    font-family: cairo-regular;
    color: #676767;
    padding: 0;
    margin: 0;
}

.dif-area h4 {
    font-size: 22px;
    font-family: cairo-bold;
    color: #1b1313;
    margin-bottom: px;
}

.ico-txt {
    color: #77bc25;
    font-size: 50px;
    margin-bottom: 25px;
}
.ico-content p {
    font-size: 16px;
    font-family: cairo-regular;
    color: #676767;
    padding: 0;
    margin: 0;
}


/*--------------------------------*/
/*  2.2. Como Trabajamos
/*--------------------------------*/
.trab-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #f3f3f3 none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.cont-trab-3 {
    width: 33.33%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    padding-left: 30px;
    padding-right: 30px; 
    float: left;    
}
.trab-area h4 {
    font-size: 22px;
    font-family: cairo-bold;
    color: #1b1313;
    margin-bottom: px;
}

.padd-right-30 {
    padding-right: 30px;
}
.padd-left-30 {
    padding-left: 30px;
}
.padd-right-15 {
    padding-right: 15px;
}
.padd-left-15 {
    padding-left: 15px;
}

.ico-txt {
    color: #77bc25;
    font-size: 50px;
    margin-bottom: 25px;
}
.ico-content p {
    font-size: 16px;
    font-family: cairo-regular;
    color: #676767;
    padding: 0;
    margin: 0;
}


/*--------------------------------*/
/*  2.3. Muebles de Cocina
/*--------------------------------*/
.mue-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.cont-mue {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;
}


.padd-mue-bot {
    padding-bottom: 10px;
}

.cont-mue-2 {
    width: 50%;
    height: auto;
    overflow: hidden;
    margin: auto;
    float: left;
}

.padd-left-45 {
    padding-left: 45px;
}


.section-headline-tit h3 {
    color: #1b1313;
    font-size: 25px;    
    margin-top: 0;
    margin-bottom: 0;
    margin-bottom: 10px; 
    font-family: josefinsans-bold;
}

.section-headline-tit.text-left {
    margin-bottom: 5px;
}

.section-headline-tit h4 {
    color: #77bc25;
    font-size: 14px;    
    margin-top: 0;    
    margin-bottom: 25px; 
    font-family: cairo-bold;;
}

.p-reg {
    color: #524f4f;
    font-size: 16px;
    font-family: cairo-regular;
    margin-bottom: 40px;    
}

.p-med {
    color: #524f4f;
    font-size: 16px;
    font-family: cairo-bold;    
}

.cont-mue-2 i {
    color: #77bc25; 
    font-size: 16px;     
}

.cont-img-top {
    margin-bottom: 20px;
}

.cont-img-top iframe{
    width: 100%;
    height: 380px;
}

.cont-imgs-min {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cont-imgs-min ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;  
}

.cont-info {
    margin-top: 100px;
    padding-bottom: 120px;
}

.cont-imgs-5 {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.cont-img-min {
    width: 20%;    
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

.cont-img-min img {
    max-width: 100px; 
}

.div-subir {
    width: 100%;
    height: auto;    
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-family: cairo-bold;
    color: #77bc25;
    font-size: 16px;
    margin: auto;
}

.margin-top-30 {
    margin-top: 30px;
}

.div-subir:hover {
    color: #999999;
}

.boton-presupuesto {
    width: 100%;
    height: auto;    
    overflow: hidden;
    background: #77bc25;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-radius: 3px;
    font-family: cairo-bold;
    color: #fff;
    font-size: 16px;
    margin: auto;
}
.boton-presupuesto:hover {
    background: #999999;    
}


/*--------------------------------*/
/*  2.4. Encimeras
/*--------------------------------*/

.enc-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #f3f3f3 none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.padd-left-45 {
    padding-left: 45px;
}

/*--------------------------------*/
/*  2.5. Accesorios y Herrajes
/*--------------------------------*/

.acc-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}


/*--------------------------------*/
/*  2.6. Griferia y Fregaderos
/*--------------------------------*/

.grif-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #f3f3f3 none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}


/*--------------------------------*/
/*  2.7. Electrodomésticos
/*--------------------------------*/

.elec-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}


/*--------------------------------*/
/*  2.8. Trabajos
/*--------------------------------*/

.trab-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #f3f3f3 none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.cont-imgs-trab-min {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: auto;
    text-align: center;
}

.cont-imgs-trab-min ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;  
}

.cont-img-trab-min {
    width: 25%;
    height: auto;
    overflow: hidden;
    margin: auto;            
    float: left; 
}


/*--------------------------------*/
/*  2.9. Clientes
/*--------------------------------*/

.clientes-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.cont-clientes {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;    
}

.cont-col-5 {
    width: 20%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;
}


/*--------------------------------*/
/*  2.9. Presupuesto
/*--------------------------------*/
.pres-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #f3f3f3 none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}

.cont-pres {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;    
}

.cont-col-3 {
    width: 33.3%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;
}

.form-datos {
    height: 45px;
    background: #ffffff;
    padding-top: 9px;
    padding-left: 20px;
    margin-bottom: 30px;
    border: 1px solid #676767;    
}

.form-datos i {
    color: #676767;    
    font-size: 16px;
    border: 0px;
    margin-top: 5px;
    margin-right: 10px;
    width: auto;
    float: left;
}


.form-datos input {
    font-family: cairo-regular;
    color: #676767;
    background: #ffffff;
    font-size: 16px;
    border: 0px;
    width: 90%;
    float: left;
}

.form-comen {
    height: 175px;
    font-family: cairo-regular;
    color: #676767;
    background: #ffffff;
    padding-top: 9px;
    padding-left: 20px;  
    margin-bottom: 30px;
    border: 1px solid #676767;    
}

.form-comen i {
    color: #676767;    
    font-size: 16px;
    border: 0px;
    margin-top: 5px;
    margin-right: 10px;
    width: auto;
    float: left;
}

.form-comen textarea {
    font-family: cairo-regular;
    color: #676767;
    background: #ffffff;
    font-size: 16px;    
    width: 95%;
    height: 95%;
    border: 0;
    float: left;
}
.pres-area input:focus { 
    outline: none !important;
    border-color: #77bc25;
    box-shadow: 0 0 5px #77bc25;
}
.form-comen textarea:focus { 
    outline: none !important;
    border-color: #77bc25;
    box-shadow: 0 0 5px #77bc25;
}

.boton-form {
    width: 100%;
    height: auto;    
    overflow: hidden;
    background: #77bc25;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    border-radius: 3px;
    font-family: cairo-bold;
    color: #fff;
    font-size: 16px;
    margin: auto;
}
.boton-form:hover {
    background: #999999;    
}


/*--------------------------------*/
/*  2.11. Visitanos
/*--------------------------------*/

.visita-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #ffffff none repeat scroll 0 0;
    padding-top: 100px; 
    padding-bottom: 150px;
}
  
.ico-visita {
    color: #77bc25;
    font-size: 30px;
    margin-top: 55px;
    margin-bottom: 24px;
}
.cont-ico-text p {
    font-size: 16px;
    font-family: cairo-regular;
    color: #676767;
    padding: 0;
    margin-bottom: 45px;
}
.cont-ico {
    width: 100%;
    height: 100%;    
}
.cont-col-visit-3 {
    width: 33.3%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;    
}

.area-gris-1 {
    background: #e1dfdf;   
}

.area-gris-2 {
    background: #eeeeee;   

}




/*--------------------------------*/
/*  2.12. Google
/*--------------------------------*/
.google-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #100909 none repeat scroll 0 0;
}

.cont-google {
    width: 100%;
    height: auto;
    overflow: hidden;   
    margin: auto;    
}



/*--------------------------------*/
/* 9.Footer
/*--------------------------------*/
.footer-area {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #100909 none repeat scroll 0 0;
}

.footer-area2 {    
    width: 100%;    
    height: auto;
    overflow: hidden;            
    background: #FFFFFF none repeat scroll 0 0;
}

.cont-footer {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto;    
}

.cont-footer2 {
    width: 100%;
    max-width: 1170px;
    height: auto;
    overflow: hidden;
    margin: auto; 
    background: #FFFFFF none repeat scroll 0 0;   
}
    
.botton-web {
    width: 100%;
    height: auto;
    overflow: hidden;    
}
.botton-web a {
    text-decoration: none;
}
.botton-web p {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: cairo-bold;    
    font-size: 17px;
    color: #fff;    
}
.botton-cop p {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: cairo-bold; 
    font-size: 17px;
    color: #fff;    
    text-align: center;
}
.botton-sub p {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: cairo-bold; 
    font-size: 17px;
    color: #fff;    
    text-align: right;
}

.cont-col-2 {
    width: 50%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;
}

.cont-col-4 {
    width: 25%;
    height: auto;
    overflow: hidden;
    margin: auto;        
    float: left;
}

.p-green {
    color: #77bc25;   
}

/**************************/
/*        FUENTES         */
/**************************/

@font-face {
    font-family: cairo-bold;
    src: url(../fonts/Cairo-Bold.ttf);
}
@font-face {
    font-family: cairo-regular;
    src: url(../fonts/Cairo-Regular.ttf);
}
@font-face {
    font-family: josefinsans-bold;
    src: url(../fonts/JosefinSans-Bold.ttf);
}

@font-face {
    font-family: raleway-extralight;
    src: url(../fonts/Raleway-ExtraLight.ttf);
}

@font-face {
    font-family: raleway-thin;
    src: url(../fonts/Raleway-Thin.ttf);
}
@font-face {
    font-family: raleway-black;
    src: url(../fonts/Raleway-Black.ttf);
}


@font-face {
    font-family: raleway-regular;
    src: url(../fonts/Raleway-Regular.ttf);
}



@font-face {
    font-family: raleway-italic;
    src: url(../fonts/Raleway-Italic.ttf);
}

@font-face {
    font-family: raleway-medium;
    src: url(../fonts/Raleway-Medium.ttf);
}

@font-face {
    font-family: raleway-bold;
    src: url(../fonts/Raleway-Bold.ttf);
}

@font-face {
    font-family: raleway-semiboldit;
    src: url(../fonts/Raleway-SemiBoldItalic.ttf);
}

@font-face {
    font-family: lato-black;
    src: url(../fonts/Lato-Black.ttf);
}