html { margin:0; width:100%; height:100%; padding:0;}
body { width:100%; height:100%; font-family: 'Montserrat', sans-serif; color: #777777; margin:0 auto; position:relative; text-align:center; font-size:12px; font-weight:400;  }
#container{ width:100%; height:100%; position:relative;}
body > div { -webkit-transition: all 1s ease-in-out; }
.box{ width:100%; max-width:1600px; margin:0 auto; position:relative; min-height:300px;}
.center{ text-align:center;}
a {transition: all 0.5s ease 0s; cursor: pointer;}
a:focus { outline: 0;}
a:active, a:hover {	outline: 0;}

.dorado{color:#b38c3e;} 

/*===Nav====*/
#nav1 ul li { list-style:none; float:left; width:auto; text-align:left; margin-right:70px;}
#nav1 ul li a { color:#fff; text-decoration:none; padding:10px 0; font-size:1.1em; font-weight:700; text-transform:uppercase; }
#nav1 ul li a:hover{ color:#FFF; text-decoration:none; padding:10px 0;  }

/**************Only Media*****************/
header { position:relative; width:100%; z-index:1000000; left:50%; margin-left:-50%; padding-top:20px; position:fixed;}
#top1 { background:none;  height:135px;}
#top2 {background:#2c1807; display:none;  height:50px;}
#navtop-mobile ul { float: right; list-style: outside none none; margin: 0; max-width: 170px; padding: 0; text-align: right; width: 100%; }
#navtop-mobile ul li { border-top: 1px solid #fff; height: 20px; margin: 0 0 0 -45px; padding: 10px; width: 100%;}
#navtop-mobile ul li:first-child{ border-top:0;}
#navtop-mobile ul li a { color:#b38c3e; text-decoration:none; text-transform:uppercase; font-size:1.1em; font-weight:bold; cursor: pointer;}
#navtop-mobile ul li a:hover { color:#b38c3e; text-decoration:none; text-transform:uppercase; font-size:1.1em; font-weight:bold;}
#menu-toggle{ cursor: pointer; float: right; margin: 30px 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil{ display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}

#menu-toggle2 { cursor: pointer; float: right; margin: 30px 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil2 { display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}
.marginnav { margin-left:60px;}
.etabs .active { border-bottom:3px solid #b38c3e;}


#box1{ width:100%; overflow:hidden; height:600px;/* background:url(../img/banner-inicio.jpg) no-repeat top center;*/}
.btnslide {width:100%; max-width:160px; min-width:150px; border: 1px solid #b38c3e; margin: 0 auto; text-transform:uppercase;}
.btnslide a { color:#fff; text-decoration:none; display: block; padding:5px; height:15px;}
.btnslide a:hover { background: none repeat scroll 0 0 #b38c3e; border-color: #fff; color: #fff;}
#slider1{ margin:-10px 0 0 0; padding:0; z-index:-10; position:absolute;}
#slider1 li{ list-style:none;}
#slider3{ margin:95px 0 0 0; padding:0; z-index:-10; position:absolute;}
#slider2 { font-size:12px !important;}
#box2 { width:100%; margin:0 auto; padding:35px 0 0 0; overflow:hidden;}
.boximg img { width:100%}
#box2 h1 {color:#2c1807;}
.boxslide p { line-height:20px; font-size:1.1em}

#box3{ text-align:center;}

#parallax-it,#parallax-it-left,#parallax-it2,#parallax-it-left2,#parallax-it-left2-1, #parallax-it3,#parallax-it-left3 {position: relative;	overflow:hidden; z-index:10; color:#fff; max-width:850px; line-height:26px; font-size:1.1em; width:90%;}
#parallax-it-right {background: #fff url("../img/servicios-division.jpg") no-repeat scroll center top; height: 900px; overflow: hidden; padding: 100px 0; position: relative; width: 100%; z-index: 0;}

#box4{ text-align:center;}
#parallax-it2{ margin-bottom:16px !important;}
#examples-parallax h2,#examples-parallax2 h2{ margin:0 auto; font-size:2.6em;}
#parallax-it-left,#parallax-it-left2,#parallax-it-left2-1{ margin:0 auto;}
#parallax-it-right2 {background: #fff url("../img/nuestros-trabajos-division.jpg") no-repeat scroll center top; height: 900px; overflow: hidden; padding: 100px 0; position: relative; width: 100%; z-index: 0;}

#box5{ text-align:center;}
#parallax-it3{ margin-bottom:16px !important;}
#examples-parallax h2,#examples-parallax2 h2{ margin:0 auto; font-size:2.6em; height:35px}
#parallax-it-left,#parallax-it-left3,#parallax-it-left3-1{ margin:0 auto;}
#parallax-it-right3 {background: #fff url("../img/contactanos-division.jpg") no-repeat scroll center top; height: 900px; overflow: hidden; padding: 100px 0; position: relative; width: 100%; z-index: 0;}


.contbox1 { width:290px; float:left; overflow:hidden;}
.contbox2 { width:245px; float:left; overflow:hidden;}
.contbox2 h2 { float:left; color:#2c1807; text-transform:uppercase; margin:0 0 15px;}
.margin1 { margin-right:26px;}
.margin2 { margin-right:25px;}

/***Form***/
.boxform { width:68%; max-width:625px; float:left; margin:30px 0;}
.campo_txtcom {border-color: #bbbbbb; border-width: 1px; border-style: solid; color: #bbbbbb; height:39px; float: left; font-family: Arial,Helvetica,sans-serif; font-size:1em; margin: 0 20px 10px 0; min-width: 275px; padding:5px 0 0 10px; width: 41%;}
.campo_txtareacom { border-color: #bbbbbb; border-width: 1px; border-style: solid; color: #bbbbbb; font-family: Arial,Helvetica,sans-serif; font-size: 1em; margin:0; max-width: 270px; min-width: 268px; padding:10px 5px 0px 10px; width:100%; height:145px;}
.botonpagoform { background:#b38c3e; border-style:none; padding: 10px; width: 30%; height:40px; color: #fff; margin-bottom: 0; margin-right: 2px; margin-top: 10px; cursor:pointer; float:right;} 

.boxmap {margin: 0 auto; overflow: hidden; position: relative; width: 100%;}
.google-maps iframe { height: 340px !important; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100% !important;}
embed, iframe, object, video { max-width: 100%;}
.overlay{background:transparent; position:relative; width:100%;height:340px; z-index:1;}

.uldireccion {margin:40px 0; padding: 0;}
.uldireccion li { color: #808080; font-size:1em; line-height:20px; list-style: outside none none; padding: 0 25px; width: 215px; text-align:left}
.ubic { background: rgba(0, 0, 0, 0) url("../img/contacto/icon_direccion_contacto.png") no-repeat scroll 0 0; }
.email { background: rgba(0, 0, 0, 0) url("../img/contacto/icon_correo_contacto.png") no-repeat scroll 0 0; }
.telefono { background: rgba(0, 0, 0, 0) url("../img/contacto/icon_tel_contacto.png") no-repeat scroll 0 0; }


/************Footer***************/
.msitemapformhome { color: #FFF; font-size: 1.2em; height: 30px; margin-left: 0; width: 100%; }
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 55px; margin: 9px 0 0 0;
 padding: 0 0 0 0;}
.tabla li:first-child a { color: #fff;}
.tabla a { color: #FFF; text-decoration: none;}
.tabla a:hover { color: #FFF; text-decoration: underline;}
.copyfooter a { color:#FFF; text-decoration:none;}
.utablaformhome2 ul { list-style:none; margin:22px auto 0 auto; padding:0; overflow:hidden; width:150px;}
.utablaformhome2 ul li a { width:100%; height:100%; display:block;}
.utablaformhome2 ul li { margin:5px;}
.margintrebol{ margin-top:1px; position:absolute;}
.foottitle { font-weight:bold; color:#b38c3e;}
.calidad{ text-transform:uppercase; display:block;}
.calidad1{ display:none;}



@media (min-width: 1180px) { 
/*===Nav====*/
#nav1{ width:100%; max-width:1180px; background:none; position:fixed; left:50%; margin-left:-700px; top:10px; z-index:100; }
#logo{ width:136px; height:123px; margin-left:10px; float:left; position:relative; top:-50px}
#logo2 { width:140px; height:30px; margin-left:0px; float:left; position:relative; top:0}
#top2 #nav1 ul  { padding:30px 0 0 !important; margin:-20px 0 !important; height: 50px !important;}
#nav1 ul { float: right; height: 80px; list-style: outside none none; margin:10px 0; overflow: hidden; padding:50px 0 0;  width: 930px;}
#navtop-mobile {display:none}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:35%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:0; padding:0; width:30%; max-width:450px; right:-17%; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}
/*.topfacebook:hover{ width:20px; height:19px; background:url("../img/redes-top/facebook_over.png") no-repeat top center;}
.toptwitter:hover{ width:23px; height:19px; background:url("../img/redes-top/twitter_over.png") no-repeat top center;}
.toppinterest:hover{ width:23px; height:19px; background:url("../img/redes-top/instagram_over.png") no-repeat top center;}
.toptelefono:hover{ width:23px; height:19px; background:url("../img/redes-top/youtube_over.png") no-repeat top center;}*/

#slider1{ display:block}
#slider3{ display:none;}

/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:56%; max-width:575px; float:left;}
.boxslide { width:40%; max-width:449px; float:left; padding:20px; background: #f8f8f8 none repeat scroll 0 0;}


.barraredes {height: 300px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 300px; margin-bottom: 0;  overflow: hidden;}
.box3container {margin-bottom:-50px; min-height: 489px; position: relative;}
.contservtxt { width:44%; max-width:384px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:50px; color:#2c1807; text-transform:uppercase;}
.contservtxt p { line-height:20px; width:304px; margin:0 auto; font-size:1.1em}
.contservimg { width:57%; max-width:504px; float:left; overflow:hidden}
.contservimg img { width:100%}

.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -444px; min-height: 489px; position: absolute;top: -50px; width: 888px;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%}
.box3servicios ul li { width:222px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}
.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 222px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 222px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 222px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 222px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
/**************Tabs****************/
.etabs { margin:0 !important; padding:0 !important; }
.tab { width:222px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}

.boxcontacto { width:100%; max-width:880px; overflow:hidden; margin:60px auto;}

footer{ width:100%; background:#2c1807; padding:80px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:90%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 110px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}

.creadofooter { border-left: 1px solid #FFF; margin:10px 0 0 10px; padding-left:10px;}
.copyfooter {  border-left: 1px solid #FFF; color:#b38c3e; margin:26px 0 0 10px; padding-left:10px;}

}
@media (min-width: 951px) and (max-width: 1179px) {
/*===Nav====*/
#nav1{ width:100%; max-width:950px;  position:fixed; left:50%; margin-left:-475px; top:0; z-index:100; }
#logo{ width:136px; height:123px; margin-left:10px; float:left; position:relative; top:-50px}
#logo2 { width:140px; height:30px; margin-left:0px; float:left; position:relative; top:0}
#nav1 ul{ list-style:none; margin:12px 0 0 0; padding:10px 0 0 0; width:930px; float:right;}
#navtop-mobile {display:none}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:35%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:-12px 0; padding:0; width:27%; max-width:450px; right:-17%; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}

#slider1{ display:block}
#slider3{ display:none;}

/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:56%; max-width:575px; float:left;}
.boxslide { width:40%; max-width:385px; float:left; padding:20px; background: #f8f8f8 none repeat scroll 0 0;}

.barraredes {height: 350px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 350px; margin-bottom: 0;  overflow: hidden;}
.box3container {margin-bottom:-50px; min-height: 489px; position: relative;}.contservtxt { width:44%; max-width:384px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:50px; color:#2c1807; text-transform:uppercase;}
.contservtxt p { line-height:20px; width:304px; margin:0 auto; font-size:1.1em}
.contservimg { width:57%; max-width:504px; float:left; overflow:hidden}
.contservimg img { width:100%}

.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -444px; min-height: 489px; position: absolute;top: -50px; width: 888px;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%}
.box3servicios ul li { width:222px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}
.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 222px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 222px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 222px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 222px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 222px;}
/**************Tabs****************/
.etabs { margin:0 !important; padding:0 !important; }
.tab { width:222px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 222px; border-bottom: none !important}

.boxcontacto { width:100%; max-width:880px; overflow:hidden; margin:60px auto;}

/*********Footer*************/
footer{ width:100%; background:#2c1807; padding:80px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:75%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 120px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left;list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.creadofooter { border-left: 1px solid #FFF; margin:10px 0 0 10px; padding-left:10px;}
.copyfooter {  border-left: 1px solid #FFF; color:#b38c3e; margin:26px 0 0 10px; padding-left:10px;}

}
@media (min-width: 769px) and (max-width: 950px) {
/*===Nav====*/
#nav1{ width:100%; background:#FFF; position:fixed; left:0; top:0; z-index:100; }
#logo{ width:136px; height:123px; margin-left:25px; float:left; position:relative; top:0}
#nav1 ul{ list-style:none; margin:12px 0 0 0; padding:50px 0 25px 0; width:700px; float:right;}
#nav1 { display:none;}
#navtop-mobile{ display:block;}
#logo2 { width:140px; height:30px; margin-left:15px; float:left; position:relative; top:25px}
#top1 {background:#2c1807; height:75px;}
#top2 {height:135px; height:75px;}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:12%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:0; padding:0; width:35%; max-width:450px; right:-42%; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}
#slider1{ display:block}
#slider3{ display:none;}

/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:90%; max-width:575px; margin:0 auto;}
.boxslide { width:90%; max-width:535px; padding:20px; margin:0 auto; background: #f8f8f8 none repeat scroll 0 0; overflow:hidden;}

.barraredes {height: 350px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 350px; margin-bottom: 0;  overflow: hidden;}
.box3container {margin-bottom:-40px; min-height: 455px; position: relative;}
.contservtxt { width:45%; max-width:488px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:35px; color:#2c1807; text-transform:uppercase;}
.contservtxt p { line-height:20px; max-width:480px; width:90%; margin:0 auto; font-size:1.1em}
.contservimg { width:55%; max-width:450px; float:left; overflow:hidden; margin-top:30px;}
.contservimg img { width:100%}

.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -360px; min-height: 489px; position: absolute;top: -50px; width: 720px;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%}
.box3servicios ul li { width:180px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}
.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 180px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 180px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 180px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 180px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
/**************Tabs****************/
.etabs { margin:0 auto !important; padding:0 !important; width:680px }
.tab { width:222px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}

.boxcontacto { width:80%; max-width:655px; overflow:hidden; margin:60px auto;}

/*********Footer*************/
footer{ width:100%; background:#2c1807; padding:40px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:70%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 55px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.creadofooter { border-left: 1px solid #FFF; margin:10px 0 0 10px; padding-left:10px;}
.copyfooter {  border-left: 1px solid #FFF; color:#b38c3e; margin:26px 0 0 10px; padding-left:10px;}

}
@media (min-width: 544px) and (max-width: 768px) {
#logo2 { width:140px; height:30px; margin-left:15px; float:left; position:relative; top:0}
#logo{width:136px; height:123px; margin-left:25px; top:0; float:left;}
#navtop-mobile { display:block;}
#nav1 { display:none;}
#top1 {background:#2c1807; height:50px;}
#top2 {height:135px; height:50px;}
#menu-toggle{ cursor: pointer; float: right; margin: 0 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#menu-toggle2 { cursor: pointer; float: right; margin: 0 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil2 { display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:13%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:0; padding:0; width:35%; max-width:450px; right:0; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}
#slider1{ display:block}
#slider3{ display:none;}

/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:90%; max-width:575px; margin:0 auto;}
.boxslide { width:100%; max-width:535px; padding:20px; margin:0 auto; background: #f8f8f8 none repeat scroll 0 0; overflow:hidden}

.barraredes {height: 350px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 350px; margin-bottom: 0;  overflow: hidden;}
.box3container {margin-bottom:-40px; min-height: 480px; position: relative;}
.contservtxt { width:45%; max-width:488px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:35px; color:#2c1807; text-transform:uppercase;}
.contservtxt p { line-height:20px; max-width:480px; width:90%; margin:0 auto; font-size:1.1em}
.contservimg { width:55%; max-width:450px; float:left; overflow:hidden; margin-top:35px}
.contservimg img { width:100%}

/*.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -360px; min-height: 489px; position: absolute;top: -50px; width: 720px;}*/
.box3servicios {background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -50%; max-width: 720px; min-height: 489px; position: absolute; top: -50px; width: 100%;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%; overflow:hidden;}
.box3servicios ul li { width:25% !important; max-width:180px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}

.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 180px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 180px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 180px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 180px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 180px;}
/**************Tabs****************/
.etabs { margin:0 auto !important; padding:0 !important; width:680px }
.tab { width:222px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 180px; border-bottom: none !important}

.boxcontacto { width:81%; max-width:260px; overflow:hidden; margin:60px auto;}
.contbox1 { float: left; overflow: hidden; width: 260px;}
.campo_txtcom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb; float: left;  font-family: Arial,Helvetica,sans-serif;  font-size: 1em; height: 39px; margin: 0 20px 10px 0; min-width: 246px; padding: 5px 0 0 10px; width: 41%;}
.campo_txtareacom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb;font-family: Arial,Helvetica,sans-serif; font-size: 1em; height: 145px; margin: 0; max-width: 241px; min-width: 222px; padding: 10px 5px 0 10px; width: 100%;}
#examples-parallax h2, #examples-parallax2 h2 { font-size: 2.6em; height: 60px; margin: 0 auto;}

/*********Footer*************/
footer{ width:100%; background:#2c1807; padding:40px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:70%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 125px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.creadofooter { border-left: 1px solid #FFF; margin:10px 0 0 10px; padding-left:10px;}
.copyfooter {  border-left: 1px solid #FFF; color:#b38c3e; margin:26px 0 0 10px; padding-left:10px;}
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left:10%;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 74px;
  width: 32px;
  margin-top: 50px !important;
  }
}
@media (min-width: 481px) and (max-width: 543px) {
#logo2 { width:140px; height:30px; margin-left:15px; float:left; position:relative; top:25px}
#logo{width:136px; height:123px; margin-left:25px; top:0; float:left;}
#navtop-mobile { display:block;}
#nav1 { display:none;}
#top1 {background:#2c1807; height:75px;}
#top2 {height:135px; height:75px}
#menu-toggle2 { cursor: pointer; float: right; margin: 30px 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil2 { display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:35%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:0; padding:0; width:35%; max-width:450px; right:-3%; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}
#slider1{ display:block}
#slider3{ display:none;}

/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:90%; max-width:575px; margin:0 auto;}
.boxslide { width:90%; max-width:449px; padding:20px; margin:0 auto; background: #f8f8f8 none repeat scroll 0 0;}

.barraredes {height: 400px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 400px; margin-bottom: 0;  overflow: hidden;}
.box3container {margin-bottom:-40px; min-height: 995px; position: relative;}
.contservtxt { width:95%; max-width:488px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:35px; color:#2c1807; text-transform:uppercase; }
.contservtxt p { line-height:20px; max-width:480px; width:90%; margin:0 auto; font-size:1.1em; margin-bottom:15px}
.contservimg { width:95%; max-width:450px; float:left; overflow:hidden}
.contservimg img { width:100%}

.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -145px; min-height: 489px; position: absolute;top: -50px; width: 290px;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%}
.box3servicios ul li { width:145px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}
.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 145px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 145px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 145px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 145px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
/**************Tabs****************/
.etabs { margin:0 auto !important; padding:0 !important; width:680px }
.tab { width:150px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}

.boxcontacto { width:81%; max-width:260px; overflow:hidden; margin:60px auto;}
.contbox1 { float: left; overflow: hidden; width: 260px;}
.campo_txtcom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb; float: left;  font-family: Arial,Helvetica,sans-serif;  font-size: 1em; height: 39px; margin: 0 20px 10px 0; min-width: 246px; padding: 5px 0 0 10px; width: 41%;}
.campo_txtareacom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb;font-family: Arial,Helvetica,sans-serif; font-size: 1em; height: 145px; margin: 0; max-width: 241px; min-width: 222px; padding: 10px 5px 0 10px; width: 100%;}
#examples-parallax h2, #examples-parallax2 h2 { font-size: 2.6em; height: 60px; margin: 0 auto;}

/*********Footer*************/
footer{ width:100%; background:#2c1807; padding:40px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:75%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 55px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 5px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.creadofooter { border-left: 1px solid #FFF; margin:10px 0 0 10px; padding-left:10px;}
.copyfooter {  border-left: 1px solid #FFF; color:#b38c3e; margin:26px 0 0 10px; padding-left:10px;}
.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left:10%;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 74px;
  width: 32px;
  margin-top: 50px !important;
  }
}


@media (max-width: 480px) {
/*===Nav====*/
#logo{width:136px; height:123px; margin-left:25px; margin-top:-5px; float:left;}
#logo2 { width:140px; height:30px; margin-left:15px; float:left; position:relative; top:25px}
#navtop-mobile { display:block;}
#nav1 { display:none;}
#top1 {background:#2c1807; height:75px;}
#top2 { height:135px; height:75px;}
#menu-toggle2 { cursor: pointer; float: right; margin: 30px 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil2 { display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}

.toptel{ list-style:none; float: right; margin:0; padding:0; width:5%; max-width:150px; right:20%;  position:relative; z-index:20; color:#FFF}
.toptel li { float:left; margin-left:10px;}
.toptel li a{ color:#FFF; text-decoration:none;}
.toptelefono{ width:145px; height:19px; background:url("../img/redes-top/icon_telefono.png") no-repeat; padding:0px 0 0 10px; color:#FFF}

.redestop{ list-style:none; float: right; margin:-40px 0; padding:0; width:35%; max-width:450px; right:-80px; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}



#box1 { height:300px !important;}
#slider1{ display:none}
#slider3{ display:block;}
#slider3 .centered-btns_tabs .centered-btns2_tabs { margin: 10px auto !important;}
/**Box2**/
.box2 { width:100%; max-width:1024px; margin:0 auto;  overflow: hidden; padding: 36px 0 0;}
.boximg { width:90%; max-width:575px; margin:0 auto;}
.boxslide { width:90s%; max-width:449px; padding:20px; margin:0 auto; background: #f8f8f8 none repeat scroll 0 0;}

.box3container {margin-bottom:-40px; min-height: 930px; position: relative;}
.contservtxt { width:100%; max-width:488px; float:left; overflow:hidden; padding:0;}
.contservtxt h1 {margin-top:35px; color:#2c1807; text-transform:uppercase; }
.contservtxt p { line-height:20px; max-width:480px; width:90%; margin:0 auto; font-size:1.1em; margin-bottom:15px}
.contservimg { width:100%; max-width:450px; float:left; overflow:hidden}
.contservimg img { width:100%}

.barraredes {height: 400px; overflow: hidden; padding: 0; width: 100%;}
#examples-parallax { height: 400px; margin-bottom: 0;  overflow: hidden;}
.box3servicios {  background: #f8f8f8 none repeat scroll 0 0; left: 50%; margin: 0 auto 0 -145px; min-height: 489px; position: absolute;top: -50px; width: 290px;}
.box3servicios ul { list-style:none; margin: 0; padding: 0; max-width: 888px; width:100%}
.box3servicios ul li { width:145px; height:165px; float:left;}
.box3servicios ul li a { display:block; width:100%; height:100%;}
.carpinteria { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria.png") no-repeat scroll center top; height: 165px; width: 145px; }
.carpinteria:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.acabados { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados.png") no-repeat scroll center top; height: 165px; width: 145px;}
.acabados:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.mantenimiento { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento.png") no-repeat scroll center top; height: 165px; width: 145px;}
.mantenimiento:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
.muebles { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno.png") no-repeat scroll center top; height: 165px; width: 145px;}
.muebles:hover { background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 145px;}
/**************Tabs****************/
.etabs { margin:0 auto !important; padding:0 !important; width:680px }
.tab { width:150px; height:165px; display: inline-block; }
.tab a { display: block; padding:0;}
.tab.carpinteria.active{background: rgba(0, 0, 0, 0) url("../img/servicios/carpinteria-y-ebanisteria-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom:none!important}
.tab.acabados.active {background: rgba(0, 0, 0, 0) url("../img/servicios/acabados-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}
.tab.mantenimiento.active {background: rgba(0, 0, 0, 0) url("../img/servicios/mantenimiento-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}
.tab.muebles.active {background: rgba(0, 0, 0, 0) url("../img/servicios/muebles-sobre-diseno-over.png") no-repeat scroll center top; height: 165px; width: 145px; border-bottom: none !important}


.boxcontacto { width:81%; max-width:260px; overflow:hidden; margin:60px auto;}
.contbox1 { float: left; overflow: hidden; width: 260px;}
.campo_txtcom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb; float: left;  font-family: Arial,Helvetica,sans-serif;  font-size: 1em; height: 39px; margin: 0 20px 10px 0; min-width: 246px; padding: 5px 0 0 10px; width: 41%;}
.campo_txtareacom { border-color: #bbbbbb; border-style: solid; border-width: 1px; color: #bbbbbb;font-family: Arial,Helvetica,sans-serif; font-size: 1em; height: 145px; margin: 0; max-width: 241px; min-width: 222px; padding: 10px 5px 0 10px; width: 100%;}
#examples-parallax h2, #examples-parallax2 h2 { font-size: 2.6em; height: 60px; margin: 0 auto;}
/*********Footer************/
.margin4footer{ margin-left:8px !important;}
footer{ width:100%; background:#2c1807; padding:40px 0;}
.contformhomrvcard { color: #FFF; font-size: 0.8em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; width:49%; max-width: 980px; text-align:left;}
.tablamsformhome { color: #FFF; float: left; font-family: Arial,Helvetica,sans-serif; list-style: outside none none; width: 105px; margin: 9px 0 0 0; padding: 0 0 0 0;}
.utablaformhome { float: left; list-style: outside none none; width: 55px; padding: 0 0 0 20px; width: 80px;}
.utablaformhome1 { float: left; list-style: outside none none; width: 140px; margin: 10px 0 0 0; padding: 0 0 0 0px;}
.utablaformhome2 { width:190px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome3 { width:240px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.utablaformhome4 { width:90%;max-width:290px; float:left; list-style: outside none none;  padding: 0 0 0 0px;}
.creadofooter { border-left: 0; margin:10px 0 0 0px; padding-left:0px;}
.copyfooter {  border-left: 0; color:#b38c3e; margin:26px 0 0 0px; padding-left:0px;}

 .rslides_container2 img { width:90%}

.calidad{ display:none;} 
.calidad1{ display:block; font-size:24px; width:90%; margin:0 auto; text-transform:none;}
.rslides_container2 {
    color: #fff;
    float: left;
    margin-top: 80px !important;
	margin-left:auto !important;
	margin-right:auto !important;
    position: relative;
    width: 100%;
}
.centered-btns_nav { display:none;  }
  .rslides_container {
	background: #f8f8f8 none repeat scroll 0 0;
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 96% !important;
  padding:4% !important;
  font-size:12px;
  }
}

@media screen and (max-device-width: 480px) and (orientation: landscape) {
#logo{width:136px; height:123px; margin-left:25px; margin-top:-5px; float:left;}
#logo2 { width:140px; height:30px; margin-left:15px; float:left; position:relative; top:0}
#navtop-mobile { display:block;}
#nav1 { display:none;}
#top1 {background:#2c1807; height:50px;}
#top2 { height:135px; height:50px;}
#menu-toggle{ cursor: pointer; float: right; margin: 0 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#menu-toggle2 { cursor: pointer; float: right; margin: 0 20px 0 0; overflow: hidden; position: relative; width: 20%;}
#contmenumovil2 { display:none; background: url("../img/fancybox_overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: absolute; top: 85px; width: 100%; z-index: 100000;}
.redestop{ list-style:none; float: right; margin:0; padding:0; width:30%; max-width:450px; right:0; position:relative; z-index:20;}
.redestop li { float:left; margin-left:10px;}
.redestop li a{  width:100%; height:100%; display:block;}
.topfacebook{ width:20px; height:19px; background:url("../img/redes-top/icon_facebook.png") no-repeat top center;}
.toptwitter{ width:23px; height:19px; background:url("../img/redes-top/icon_twitter.png") no-repeat top center;}
.toppinterest{ width:23px; height:19px; background:url("../img/redes-top/icon_pinterest.png") no-repeat top center;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	#slider2 li { font-size:7px !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	#slider2 li { font-size:7px !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#slider2 li { font-size:7px !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	#slider2 li { font-size:7px !important;}
}