/* CSS Document */

/*PAGE LAYOUT*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
 
body {background:#242021;}

.body-home {background: url(../images/background-home.jpg) no-repeat top center #242021;}
.body-cabinets {background: url(../images/background-cabinets.jpg) no-repeat top center #242021;}
.body-closets {background: url(../images/background-closets.jpg) no-repeat top center #242021;}
.body-partner {background: url(../images/background-partner.jpg) no-repeat top center #242021;}
.body-contact-us {background: url(../images/background-contact-us.jpg) no-repeat top center #242021;}


ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}






/**** HEADER *******************************/

#header_b{
width:100%;
height:183px;
text-align: center;
margin:0 auto; 
background:url(../images/header_b.png);
padding:0px;}



#header{
width:1024px;
height:183px;
padding:0px;
text-align: center; 
margin:0 auto;}


.box1_header{
width:auto;
height:138px;
padding:0px;
text-align: left; 
float:left}

.box2_header{
width:auto;
height:88px;
padding:50px 0 0 0;
text-align: left;
font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; color:#ab7a56; 
float: right}


.box2_header1{font-family: 'Montserrat', sans-serif; font-weight:400; font-size:24px; color:#c8c7c7; }


/**** MENU *******************************/

.menu{
width:894px;
height:45px; 
padding:0 0 0 130px; 
text-align:left; 
float:left  }


.nav { list-style: none;}
.nav li { float: left;}
.nav li a {width:auto; height:33px; padding:12px 0 0 0; margin:0 15px 0 15px; display: block; font-family: 'Montserrat', sans-serif; font-size:15px; color:#c3c1c1; text-align:center; text-decoration:none; float:left}

.nav li .nav { width:auto; }
.nav li .nav1 { width:auto; color: #746552 }
.nav li .nav:hover {color: #b18c6c}
.nav li .nav_over {color: #b18c6c}







/**** CONTAINER *******************************/

#container_b{
width:100%;
height:auto;
text-align: center;
margin:0 auto; 
padding:0px;}



#container{
width:1024px;
height:auto;
padding:0px;
text-align: center;
margin:0 auto;}




#center{
width:1024px;
height:auto; 
margin:310px 0 0 0;
padding:35px 0 25px 0;
text-align: center; 
background: url(../images/background-center.png); 
float:left }

#center_inn{
width:1024px;
height:auto; 
margin:22px 0 0 0;
padding:35px 0 0 0;
text-align: center; 
background: url(../images/background-center.png); 
float:left }


#center_inn1{
width:1024px;
height:auto; 
margin:20px 0 0 0;
padding:30px 0 0 0;
text-align: center; 
background: url(../images/background-center.png); 
float:left }


#center_inn2{
width:1024px;
height:auto; 
margin:135px 0 0 0;
padding:42px 0 0 0;
text-align: center; 
background: url(../images/background-center.png); 
float:left }


.box1_home{
width:964px;
height:auto; 
padding:0 30px 28px 30px;  
text-align:left; 
font-family: 'Montserrat', sans-serif; font-weight:400; font-size:30px; color:#ab7a56; 
float:left }



.box2_home{
width:964px;
height:auto; 
padding:0 30px 20px 30px; 
text-align: left; 
font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; color:#ffffff; line-height:24px; 
float:left }


.box2_home1{font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; color:#ffffff;}


.box3_home{
width:964px;
height:auto; 
padding:0 30px 5px 30px;  
text-align:left; 
font-family: 'Montserrat', sans-serif; font-weight:400; font-size:30px; color:#ab7a56; 
float:left }



.box4_home{
width:964px;
height:auto; 
padding:0 30px 35px 30px; 
text-align: left; 
font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; color:#ffffff; line-height:24px; 
float:left }

.box5_home{
width:940px;
height:auto; 
padding:0 42px 42px 42px;  
text-align:left; 
float:left }

.box5_home1{
width:221px;
height:157px; 
padding:0px; 
margin:5px; 
background-color: #FFF; 
border:2px solid #cac9c9;  
text-align: center; 
float:left }



.box6_home{
width:964px;
height:auto; 
padding:0 30px 10px 30px;  
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:700; font-size:24px; color:#ab7a56; 
float:left }


.box7_home{
width:964px;
height:auto; 
padding:0 30px 20px 30px;  
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; color:#fff; 
float:left }


.box8_home{
width:765px;
height:auto; 
padding:0 229px 20px 30px;  
text-align:left; 
float:left }


.box8_home1{
width:118px;
height:29px; 
padding:0px; 
margin-bottom:15px;  
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#fff; 
float:left }

.campo{
width:347px;
height:29px; 
padding:0 10px 0 10px; 
margin:0 280px 15px 0;  
text-align:left; border:0px; 
background:url(../images/campo.png);
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#333; 
float:left }

.campo1{
width:74px;
height:29px; 
padding:0 5px 0 5px; 
text-align:left; border:0px; 
background:url(../images/campo1.png);
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#333; 
float:left }


.campo2{
width:715px;
height:59px; 
padding:5px 10px 5px 10px; margin-bottom:15px; 
text-align:left; border:0px; 
background:url(../images/campo2.png);
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#333; 
float:left }


.campo3{
width:347px;
height:auto; 
padding:0px; 
text-align:left; border:0px; background:none; 
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#333; 
float:left }

.box8_home2{
width:765px;
height:auto; 
padding:35px 0 15px 0; 
text-align:left; 
float:left }


.box8_h2_a{
width:auto;
height:auto; 
padding:0 8px 0 0; 
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; color:#ab7a56; 
float:left }


.box8_h2_b{
width:auto;
height:auto; 
padding:0 35px 0 0; 
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#fff; 
float:left }

.box8_home3{
width:765px;
height:auto; 
padding:0 0 22px 0; 
text-align:left; 
font-family: 'Lato', sans-serif; font-weight:700; font-size:16px; color:#ab7a56; 
float:left }

.box8_home4{
width:765px;
height:auto; 
padding:0 0 22px 0; 
text-align:left; 
float:left }

.box8_home5{
width:347px;
height:25px; 
padding:4px 10px 0 10px; 
margin:0 280px 15px 0;  
text-align:left; border:0px; 
background:url(../images/box8_home5.png);
font-family: 'Lato', sans-serif; font-weight:300; font-size:16px; color:#333; 
float:left }

.submit{ 
cursor:pointer;
width:128px;
height:32px; 
padding:0px; 
margin:0 30px 0 7px; 
text-align: center;
border:0px; border-radius:5px; 
background-color:#ab7a56;
font-family: 'Lato', sans-serif; font-weight:700; font-size:13px; color:#fff; 
float: right }

a.reset{ 
width:auto;
height:auto; 
padding:8px 0 0 0; 
text-align: center;
font-family: 'Lato', sans-serif; font-weight:300; font-size:14px; color:#868485; 
float: right }


.respuesta_f2{
width:765px;
height:auto; 
padding:0 229px 20px 30px;  
text-align:left;
font-family: 'Lato', sans-serif; font-weight:400; font-size:16px; color:#fff; 
float:left }

/**** BOTTOM *******************************/



.box1_foot{
width:964px;
height:auto; 
text-align:left;
padding:35px 30px 0 30px; 
border-top:1px solid #3f3834; 
float:left;}




.box1_foot1{
width:176px;
height:auto; 
text-align:left;
padding:0px; 
float:left;}


.box1_f1_a{
width:176px;
height:auto; 
text-align:left;
padding:0 0 10px 0;
font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#ab7a56; font-style:italic; 
float:left;}

.box1_f1_b{
width:176px;
height:auto; 
text-align:left;
padding:0px;
float:left;}


.navp { list-style: none;}
.navp li { float: left;}
.navp li a {width:160px; height:auto; padding:0 0 8px 0;  display: block; font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; color:#afaeae; text-align: left; text-decoration:none; float:left}

.navp li .nav { width:160px; }
.navp li .nav:hover {color:#ab7a56 }
.navp li .nav_over {color:#ab7a56 }


.box1_foot2{
width:376px;
height:auto; 
text-align:left;
padding:0 224px 0 0; 
float:left;}


.box1_f2_a{
width:224px;
height:auto; 
text-align:left;
padding:0 0 10px 0;
font-family: 'Montserrat', sans-serif; font-weight:700; font-size:18px; color:#ab7a56; font-style:italic; 
float:left;}

.box1_f2_b{
width:224px;
height:auto; 
text-align:left;
padding:0 0 10px 0;
font-family: 'Lato', sans-serif; font-weight:300; font-size:13px; color:#afaeae; line-height:21px;
float:left;}



.box1_foot3{
width:188px;
height:auto; 
text-align: right;
padding:0px; 
float:left;}


.box1_f3_a{
width:188px;
height:auto; 
text-align: right;
padding:0 0 13px 0;
float:left;}

.box1_f3_b{
width:188px;
height:auto; 
text-align: right;
padding:0px;
float:left;}



#bottom {
width:100%; 
height:10px;
text-align: center;
margin:0 auto;
padding:0px; 
background-color:#352b26; 
border-top:1px solid #4d4442; 
float:left}



