/* - -  E S T I L O S  G E N E R A L E S  - - */
body,*{padding: 0px;margin: 0px;font-family: Raleway,Roboto, Helvetica, Arial}
.mostrar768{display: none;}
.esconder768{display: block;}
.contenedor{width: 70%;margin: 0px auto}
.clear{clear: both;height: 1px}
.clear1{clear: both;height: 10px}.clear2{clear: both;height: 20px}.clear3{clear: both;height: 30px}.clear4{clear: both;height: 40px}
.clear5{clear: both;height: 50px}.clear6{clear: both;height: 60px}.clear7{clear: both;height: 70px}.clear8{clear: both;height: 80px}
h5{color: #616161;font-size:30px;font-weight: bold;text-align: left;}
ul, ul li{text-decoration: none;list-style: none;}
.alinearDerecha{text-align: right;}
.blanco{color: #fff}
.blanco:hover{color: #fff}
.proyectosMOV{display: none};
/* - -  H E A D E R  - - */
header{width: 100%;border-bottom: 3px solid #e0e0e0}
.contactoHeader{background-color:#39AD4A;color: #fff;text-align: right;font-size: 14px;padding: 5px 0px;font-weight: bold;}
.navbar{height: 90px;vertical-align: middle;background: #fff;border: none;font-size: 16px}
.navbar-nav{margin-top: 17px}
.navbar-default .navbar-nav>li{font-size: 18px;color: #39AD4A}
.navbar-default .navbar-nav>li>a{font-size: 18px;color: #39AD4A;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{z-index: 1001;position: absolute;width: 100%;background-color: #fff;opacity: .9;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #39AD4A;color: #fff}
.navbar-default .navbar-nav>li>a:hover{color: #39AD4A;border: 1px solid #39AD4A}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:none;}
.imgLogo{width: 200px}
/* - -  S L I D E R  - - */
.carousel-indicators .active{background-color:#00c853;}
.carousel-indicators li{border: 1px solid #00c853 ;transform: scale(2);margin: 0px 10px}
.imgSlider{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url(../img/construccion2.jpg);}
/* - -  C O N T A C T O  - - */
.contenedorContacto .imagenContacto{width: 49%;display: inline-block;}
.contenedorContacto .imagenContacto img{width: 100%;}
.contenedorContacto{background-color: #212121}
.contenedorContacto .datosContacto{width: 30%;display: inline-block;vertical-align: middle;margin-left: 10%}
.tituloContacto{font-size: 30px;font-weight: bold;text-align: center;color: #fff;margin-top: 20px;padding-top: 20px}
.contenedorContacto .datosContacto p{font-size: 12px;font-weight: ;text-align: left;color: #fff;padding: 0px 5%}
.contenedorContacto .datosContacto form{padding: 0px;font-size: 14px}
.contenedorContacto .datosContacto form div label{color: #fff;font-weight: normal;font-size: 12px}
.contenedorContacto .datosContacto form div input{color: #fff;background: transparent;font-size: 12px}
.contenedorContacto .datosContacto form div textarea{color: #fff;background-color: transparent;resize: none;height: 100px;font-size: 12px}
.contenedorContacto .datosContacto form button{font-size: 14px;width: 50%;margin: 0px auto;background: transparent;border-color:#3C763D;transition: all .3s ease}
.contenedorContacto .datosContacto form button:hover{transform: scale(1.1);filter: brightness(200%);}
.contenedorContacto .datosContacto form .centrarBotonSubmit{text-align: center;margin: 50px 0px;}
/* - -  F O O T E R - - */
footer{background-color: #bdbdbd ;font-size: 14px}
footer .contenedor .logoFooter{width: 50%;margin: 0px left;text-align: left;display: inline-block;}
footer .contenedor .logoFooter img{width: 60%}
footer .contenedor .contactoInformacion{width: 45%;margin: 0px 1%;display: inline-block;vertical-align: middle;text-align: left;color: #212121 ;font-size: 20px}
footer .contenedor .contactoInformacion a{color: #212121  }

/* - -  P R O Y E C T O S  . P H P  - - */
.franjaServicios{background-color: #424242 ;height: 150px;align-items: center;display: flex;justify-content: center;width: 100%}
.franjaServicios h3{font-size: 60px;color: #fff;font-weight: bold;}
.contenedorDescripcionServicio{width: 70%;margin: 0px auto}
.contenedorDescripcionServicio h2{font-size: 30px;color: #39AD4A;width: 100%;border-bottom: 1px solid #39AD4A;}
.contenedorDescripcionServicio .contenedorImagenServicio{width: 45%;vertical-align: middle;display: inline-block;text-align: center;}
.contenedorDescripcionServicio .contenedorImagenServicio img{width: 100%}
.contenedorDescripcionServicio .contenedorInformacionServicio{width: 46%;vertical-align: middle;display: inline-block;text-align: center;margin: 0px 1%}
.contenedorDescripcionServicio .contenedorInformacionServicio p{font-size: 24px;text-align: left;font-weight: normal;}
.contenedorDescripcionServicio .contenedorInformacionServicio ul li{font-size: 18px;margin: 10px 0px;text-align: left;font-weight: normal;}
.contenedorDescripcionServicio .contenedorInformacionServicio ul li strong{font-weight: normal;}

/* - -  S E R V I C I O . P H P  - - */
.franjaServicios{background-color: #424242 ;height: 80px;align-items: center;display: flex;justify-content: center;width: 100%}
.franjaServicios h3{font-size: 30px;color: #fff;font-weight: bold;margin: 0px}
.contenedor h1{color: #fff;font-weight: bold;background-color: #424242;padding: 15px;font-size: 30px;margin-bottom: 0px;text-align: left;}
.contenedorImagenServicio div  .item{height: 450px}
.carousel-inner .item .servSliderImgMantenimiento1{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url('../img/Mantenimiento1.jpg');}
.carousel-inner .item .servSliderImgMantenimiento2{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url('../img/Mantenimiento2.jpg');}
.carousel-inner .item .servSliderImgMantenimiento3{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url('../img/Mantenimiento3.jpg');}
.carousel-inner .item .servSliderImgMantenimiento4{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url('../img/Mantenimiento4.jpg');}
.carousel-inner .item .servSliderImgMantenimiento5{background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 650px;background-image: url('../img/Mantenimiento5.jpg');}
.contenedorImagenServicio{text-align: center; display: flex;justify-content: center;align-items: center;color: #ffffff;background-position: center;background-size: cover;width: 80%;margin: 0px auto}
.contenedorInformacionServicio{width: 100%;vertical-align: top;display: inline-block;text-align: center;}
.contenedorInformacionServicio p{font-size: 18px;text-align: justify;font-weight: normal;color: #757575}
.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento1{background-image: url(../img/Mantenimiento11.jpg);height: 170px;width: 170px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento2{background-image: url(../img/Mantenimiento21.jpg);height: 170px;width: 170px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento3{background-image: url(../img/Mantenimiento31.jpg);height: 170px;width: 170px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
.contenedorInformacionServicio .contenedor .contenedorSubServicio{width: 20%;display: inline-block;vertical-align: top;margin: 0px 2%;}
.contenedorInformacionServicio .contenedor .contenedorSubServicio h2{font-size: 18px;font-weight: bold;color: #39AD4A;margin: 0px;text-align: center;margin-bottom: 10px}
.contenedorInformacionServicio .contenedor .contenedorSubServicio p{font-size: 16px;color: #757575;margin: 0px;text-align: justify;}
@media screen and (max-width: 1486px) {
	.contenedor100{width: 100%}
	.contactoHeader{font-size: 15px}
	.imgLogo{width: 170px;padding-top: 0px}
	.navbar{font-size: 10px;font-weight: normal;}
	.navbar .lineaDivisonMenu{display: none;}
	.navbar li a{padding-left:10px;padding-right:10px}
	.navbar-default .navbar-nav>li>a{font-size: 16px}
}
@media screen and (max-width: 1010px) {
	.contenedor{width: 98%}
	.contactoHeader{font-size: 13px}
	.imgLogo{width: 130px;padding-top: 10px}
	.navbar{font-size: 13px;font-weight: normal;}
	.contenedorContacto .imagenContacto{display: none;}
	.contenedorContacto .datosContacto{width: 80%;display: block;padding-bottom: 10px}
	.contenedorServicios .contenedor .contenedorServicio{width: 200px;display: inline-block;vertical-align: top;margin: .5% 0px}
}
@media screen and (max-width: 768px) {
	.mostrar768{display: block;}
	.esconder768{display: none;}
	header{position: fixed;z-index: 1001;width: 102%;margin-left: -1%;border:none;}
	.imgLogo{width: 170px;padding-top: 0px;}
	.navbar-nav{margin-top: 10px;}
	.navbar-default .navbar-toggle{border:none;margin-top: 20px;margin-right: 0px}
	.navbar-default .navbar-toggle .icon-bar{background-color: #39AD4A;width: 30px;height: 4px}
	.navbar-default .navbar-nav>li>img{margin-left: 5px}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-bottom: 2px solid #bdbdbd;background-color: #fff}
	.contenedorProyectos .contenedor .proyecto{width: 48%;margin: 1% .5%}
	.contenedorProyectos .contenedor .tituloProyectos{font-size: 20px;}
	.contenedorProyectos .contenedor p{width: 97%;font-size: 14px;}
	.contenedorProyectos .contenedor .proyecto h6{font-size: 14px;}
	.contenedorProyectos .contenedor .proyecto p{;font-size: 14px;}
	.contenedorProyectos .contenedor .proyecto img{width: 100%;height: 170px;}
	.contenedorProyectos .contenedor .ocultar768{display: none;}
	.tituloClientes{font-size: 20px}
	.contenedorImagenClientes .logoImss{width: 25px}
	.cont100movServ{width: 100%;margin-top: 40px}
	.contenedor h1{font-size: 24px;text-align: center;margin-top: 20px}
	#carousel-indicators{display: none;}
	.carousel-inner .item{height: 350px}
	.carousel-inner .item .servSliderImgMantenimiento1{height: 300px}
	.carousel-inner .item .servSliderImgMantenimiento2{height: 300px}
	.carousel-inner .item .servSliderImgMantenimiento3{height: 300px}
	.carousel-inner .item .servSliderImgMantenimiento4{height: 300px}
	.carousel-inner .item .servSliderImgMantenimiento5{height: 300px}
	.contenedorInformacionServicio p{font-size: 16px;text-align: justify;font-weight: normal;color: #757575;padding: 0px 5px}
	.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento1{height: 110px;width: 110px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
	.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento2{height: 110px;width: 110px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
	.contenedorInformacionServicio .contenedor .servicioImgRedondaMantenimiento3{height: 110px;width: 110px;background-repeat: no-repeat;background-position: 50%;border-radius: 50%;background-size: 100% auto;display: inline-block;margin: 0px 2%;-webkit-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);-moz-box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);box-shadow: 10px 10px 5px -5px rgba(158,158,158,1);border:1px solid #bdbdbd;}
	.contenedorInformacionServicio .contenedor .contenedorSubServicio{width: 46%;display: inline-block;vertical-align: top;margin: 5% 1%;}
	.proyectosPC{display: none;}
	.proyectosMOV{display: block;}
	.contenedorDescripcionServicio h2{font-size: 18px;margin-top: 20px;padding: 0px;font-weight: bold;padding-left: 10px}
	.contenedorDescripcionServicio .contenedorImagenServicio{width: 100%;display: block;text-align: center;}
	.contenedorDescripcionServicio .contenedorImagenServicio img{width: 100%}
	.contenedorDescripcionServicio .contenedorInformacionServicio{width: 98%;display: block;text-align: justify;margin: 10px auto;margin-bottom: 40px}
	.contenedorDescripcionServicio .contenedorInformacionServicio p{font-size: 16px;text-align: justify;font-weight: normal;}
	.contenedorDescripcionServicio .contenedorInformacionServicio ul li{font-size: 18px;margin: 10px 0px;text-align: left;font-weight: normal;}
	.contenedorDescripcionServicio .contenedorInformacionServicio ul li strong{font-weight: normal;}
	footer{font-size: 12px}
	footer .contenedor .logoFooter{display: block;text-align: center;margin: 0px auto;margin-bottom: 40px;width: 100%}
	footer .contenedor .logoFooter img{width: 100%;text-align: center;}
	footer .contenedor .contactoInformacion{width: 100%;margin: 0px 1%;display: block;text-align: center;}
}
@media screen and (max-width: 412px) {
	.contactoHeader{font-size: 11px;padding-right: 9px}
	.contactoHeader p .correoHeader{float: left;padding-left: 6px}
	.txtLlamanos{display: none;}	
	.navbar{height: 60px;border-bottom: 3px solid #39AD4A}
	.navbar-brand{padding: 7px}
	.imgLogo{width: 140px}
	.navbar-default .navbar-toggle{margin-top: 9px}
	.carousel .carousel-inner .item img{height: 180px}
	.contenedorServicios{padding: 10px 0px}
	.contenedorServicios .contenedor .tituloServicios{font-size: 20px;}
	.contenedorServicios .contenedor .contenedorServicio{width: 100px;display: inline-block;vertical-align: top;margin: 1% 0px}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios1{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios2{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios3{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios4{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios5{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio .imgServicios6{height: 90px;width: 90px;}
	.contenedorServicios .contenedor .contenedorServicio h2{font-size: 14px}
	.cont100movServ{width: 100%;margin-top: 0px}
	.contenedorContacto .datosContacto .tituloContacto{font-size: 20px;}
	.contenedorContacto .datosContacto p{font-size: 14px}
	.contenedorContacto .datosContacto form{font-size: 14px}
	.contenedorContacto .datosContacto form div label{font-size: 12px}
	footer{font-size: 9px}
	footer .contenedor .logoFooter{width: 90%}
	footer .contenedor .logoFooter img{width: 100%}
	footer .contenedor .contactoInformacion{font-size: 16px}
	.carousel-control.left,.carousel-control.right{background: none}
	.carousel-inner .item .servSliderImgProyecto1-1,.carousel-inner .item .servSliderImgProyecto2-1,.carousel-inner .item .servSliderImgProyecto2-2,.carousel-inner .item .servSliderImgProyecto3-1,.carousel-inner .item .servSliderImgProyecto3-2,.carousel-inner .item .servSliderImgProyecto3-3,.carousel-inner .item .servSliderImgProyecto3-4,.carousel-inner .item .servSliderImgProyecto4-1,.carousel-inner .item .servSliderImgProyecto4-2,.carousel-inner .item .servSliderImgProyecto5-1,.carousel-inner .item .servSliderImgProyecto5-2,.carousel-inner .item .servSliderImgProyecto5-3,.carousel-inner .item .servSliderImgProyecto5-4,.carousel-inner .item .servSliderImgProyecto5-5,.carousel-inner .item .servSliderImgProyecto5-6,.carousel-inner .item .servSliderImgProyecto6-1,.carousel-inner .item .servSliderImgProyecto6-2,.carousel-inner .item .servSliderImgProyecto7-1,.carousel-inner .item .servSliderImgProyecto7-2,.carousel-inner .item .servSliderImgProyecto7-3,.carousel-inner .item .servSliderImgProyecto7-4,.carousel-inner .item .servSliderImgProyecto7-5,.carousel-inner .item .servSliderImgProyecto7-6,.carousel-inner .item .servSliderImgProyecto8-1,.carousel-inner .item .servSliderImgProyecto8-2,.carousel-inner .item .servSliderImgProyecto8-3,.carousel-inner .item .servSliderImgProyecto8-4,.carousel-inner .item .servSliderImgProyecto9-1,.carousel-inner .item .servSliderImgProyecto9-2,.carousel-inner .item .servSliderImgProyecto9-3,.carousel-inner .item .servSliderImgProyecto9-4,.carousel-inner .item .servSliderImgProyecto10-1,.carousel-inner .item .servSliderImgProyecto10-2{background-size: unset; background-repeat: no-repeat; background-position: unset; }
}