@charset "utf-8";
/* CSS Document */

body{background:url(img/bg.png); margin:0; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
a{text-decoration:none; color:#333;}

.fastContact{max-width:800px; width:90%; display: flex;  align-items:left; box-sizing:border-box; margin:0 auto;}
.fastContact div{height:50px; border-radius:25px; margin:15px 10px; box-sizing: border-box; padding-left:60px; padding-right:20px; line-height:50px; font-size:16px; font-weight:500; }
.fastContact .tel{background:url(img/call.png) #FFF no-repeat center left 15px; background-size:35px;}
.fastContact .whats{background:url(img/whatsapp.png) #FFF no-repeat center left 15px; background-size:35px;}

.Banner{height:220px; max-width:800px; width:90%; display:flex; justify-content: center; align-items:center; box-sizing:border-box; margin:0 auto; border-radius:5px; background-color:#FFF; overflow:hidden;}
.Banner div{height:100%; width:50%; box-sizing:border-box; }
.Banner .logo{background:url(img/logo.jpg) no-repeat center; background-size:80%; width:70%;}
.Banner .photo{background:url(img/door2.jpg) no-repeat center; background-size:cover; }

.Slogan{min-height:60px; max-width:800px; width:90%; box-sizing:border-box; border-radius:5px; background-color:#FFF; text-align:center; margin:20px auto 0px auto; font-weight:bold; font-size:18px; display: flex; justify-content: center; align-items: center;}

.Ubica{min-height:200px; max-width:800px; width:90%; box-sizing:border-box; border-radius:5px; text-align:center; margin:20px auto 0px auto; background:url(img/map.jpg) #FFF no-repeat center; background-size:cover; padding:40px;}
.Ubica .Dir{width:80%; border-radius:5px; margin:0px auto; text-align: center; background-color:#fff; padding:20px; box-shadow:0px 5px 15px 0px rgba(0,0,0,0.5);}
.Ubica .Dir h1{font-size:18px; font-weight:500;}
.Ubica .Dir .toMaps{color:#DA251C; font-size:14px; }

.banner{background-color:#FFF; max-width:800px; margin:0 auto; overflow:auto;}
/*.logo{background:url(img/logo.jpg) no-repeat center top; background-size:95%; max-width:450px; height:160px; margin:20px auto; }*/
.data_bg{background:url(img/transparent-bg.png) #CCC; color:#000;  border-bottom:4px solid #DA251C; }
.data{padding-left:42px; margin:5px auto; width:220px;}
.tel{background:url(img/tel.png) no-repeat left top; }
.cel{background:url(img/whats.png) no-repeat left top; }
.noBG{background:none; font-size:16px; font-weight:bold}
.data h1{margin:5px auto; font-size:30px; line-height:40px;}
.sucursales{padding-left:40px; margin:10px auto; width:220px; font-size:15px;font-weight:bold; float:left;}

.expertos{text-align:center; margin:0; font-size:26px; color:#414151;}
.suc{background:url(img/transparent-bg.png) #CCC; overflow:auto; color:#000; font-size:24px; line-height:23px; border-bottom:4px solid #DA251C; padding:10px 0px; box-shadow:  0px 0px 4px 0px #000;}
.servicios{background:url(img/servicios.jpg) no-repeat center; height:70px; margin:230px 0 10px 0;}

.contact{background:#BBB; margin:10px auto; max-width:800px; font-family:Verdana, Geneva, sans-serif; font-size:15px;}
.contact h2{margin:7px; text-align:center; font-size:16px; }

.black{color:#000;}
.footer{max-width:800px; width:90%; margin:20px auto; font-family:Arial; font-size:12px; letter-spacing:1px; color:#CCC;}
.footer a{text-decoration:none; color:#CCC; }
.footer a:hover{ color:#FFF; }
.fleft{float:left;}
.fright{float:right;}

/* COMPARTIDOS */
.banner, .contact{-webkit-box-shadow:  0px 0px 7px 1px #000; box-shadow:  0px 0px 7px 1px #000;}
.data_bg{-webkit-box-shadow:  0px 0px 4px 0px #000; box-shadow:  0px 0px 4px 0px #000;}
.xx{text-shadow: 1px 1px 4px #000000; /*filter: dropshadow(color=#000000, offx=1, offy=1);*/}