@import url(http://fonts.googleapis.com/css?family=Exo+2:400,300,700,900);
body,html{font-family: 'Exo 2', sans-serif;}
#servifact,#servibox,#servifact_sp{display: none;}
.container{max-width: 950px;}
a{cursor: pointer;}
.navbar{background: #0D3F87!important;color: #FFFFFF;border: 0!important; height:50px;}
.navbar-collapse{background-color:#0D3F87;}
.navbar-nav>li>a{color: #FFFFFF;font-weight: 700;cursor: pointer;}
.nav>li>a:focus, .nav>li>a:hover{background:;color: #000000;}
.navbar-brand{width: 60px;background: #DA251D;padding-top: 10px;}
.navbar-brand>img{cursor: pointer;margin: auto;display: block;}
.navbar-nav>li>img{margin: 7px 20px!important;}
.navbar-right>li>span{font-size: 20px;position: relative;top: 5px;}
.navbar-toggle{background-color: #FFFFFF!important;}
.navbar-toggle .icon-bar{background-color: #000000!important;}
.dropdown-menu{background: #FFFFFF!important;}
.first-slide{z-index: -1!important;}
.imagen{  background: url(../img/slide/mushasho.png) 50% 100% no-repeat;
  background-size:80%;
  height: 100%;}
   
.menu{margin-bottom: 50px;}
.menu>h1{  text-align: center;
  font-weight: 300;
  max-width: 550px;
  margin: 0px auto 25px auto;
}
.menu>h5{  text-align: center;
    font-size: 17px;
  font-weight: 300;
  max-width: 600px;
  margin: 0px auto 55px auto;
  line-height: normal;
}
.menu>.row p{line-height: 20px;}
.center{text-align: center!important;}
.row>.col-md-4>img{margin:20px 0;
    cursor: pointer;
  opacity: 0.5;
filter: url('#grayscale'); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: Gray();

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.row>.col-md-4>img:hover { 
      opacity: 1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
h4,h5,p{  font-size: 18px!important;font-weight: normal;}
.gris{background: #f2f2f2;padding: 50px 0;}
.azul{background: #0D3F87;padding: 50px 0;color: #FFFFFF;}
.negro{background: #303030;padding: 25px;}
.somos>h1,.desarrollo>h1,.mas>h1,.dudas>h1{font-weight: 300;text-align: center;max-width: 900px;margin: auto;}
.somos>h5{text-align: center;max-width: 600px;margin:30px auto;font-size: 16px;}
.desarrollo>h1:nth-child(2){max-width: 700px;}
.mas>p{margin: 20px auto;max-width: 600px;font-size: 16px;font-weight: 300;}
.dudas>h5{text-align: center;max-width: 400px;margin:30px auto;font-size: 16px;}
.contacto>form{max-width: 600px;margin: auto;}
.contacto>form>input,form>textarea{margin: 10px 0;}
.contacto>form>input[type='submit']{width: 150px;height: 35px;color: #FFFFFF;background: #0D3F87;margin: 20px 0 0 0;}
.llamanos,.empresas{margin: 35px auto;}
.llamanos>h4{font-weight: 700;text-align: center;color: #0D3F87;}
.llamanos>h3{color: #DA251D;font-weight: 300;text-align: center;margin-bottom: 0;}
.llamanos>h1{color: #DA251D;font-weight: 900;text-align: center;margin-top: 0;}
.empresas>h4{font-weight: 700;text-align: center;color: #000000;}
.empresas>img{max-width: 90%;  margin: auto;  display: block;}
.derechos>img{margin: 0 auto 35px auto;display: block;max-width: 90%;}
.derechos>p{text-align: center;margin: 0;}
/*servifact*/
.servifact-1{margin-bottom: 70px;}
.servifact-1>img{margin: auto;display: block;max-width: 90%;}
.servifact-1>h4{max-width: 800px;text-align: center;margin: 30px auto;}
.arrows{margin:-102px auto 0 auto;display: block;max-width: 90%;}
.img_muc{background:url(../img/servifact/mushasha.png) 50% no-repeat,url(../img/servifact/fondo_mushasha.jpg) 50% no-repeat;background-size:contain;height: 727px;}
.img_muc>.container>.row{margin-top: 15%;}

/*.full-img{max-width: 100%;}*/
.no-sistema p{margin: 40px 0;}
.necesitas-algo{margin: 40px auto;}
.necesitas-algo h4{margin: 30px 0;}
.necesitas-algo img{max-width: 90%;}
.mejor-atencion>h1{max-width: 700px;text-align: center;margin: auto;}
.comprobantes{background:url(../img/servifact/servifact_producto-17.png) no-repeat 50%;background-size: cover;padding: 50px;}
.comprobantes h1{padding-left: 35px;}
.comprobantes h2{text-align: center;}
.comprobantes h4{text-align: center;max-width: 450px;font-weight: 700;margin:30px auto;}
.label-danger{background: #DA251D!important;}
.comprobantes ul>li>h3{padding-left: 15px;}
.vineta{list-style-image: url(../img/servifact/servifact_producto-16.png);}
/*servifact sp*/
.servifact_sp-1{}
.servifact_sp-1>img{margin: auto;display: block;max-width: 90%;}
.servifact_sp-1>h1{text-align: center;max-width: 700px;margin:30px auto;}
.servifact_sp-1>h4{max-width: 800px;margin: 20px auto;}
.distintos-puntos{margin: 40px auto 60px auto;}
.distintos-puntos>h1{text-align: center;max-width: 600px;margin: auto;}
.distintos-puntos h4:nth-child(1){margin-top: 120px;}
.distintos-puntos h4{margin-bottom: 25px;}
.distintos-puntos img{max-width: 90%;margin: auto;display: block;}
.sector{}
.sector>img{max-width: 90%;margin:0 auto 50px auto;display: block;}
.sector>h4{max-width: 500px;margin:25px auto;text-align: center;}
.img_sp{background:url(../img/servifact_sp/servifact-sp-05.png) 50% no-repeat;height: 521px;color: #FFFFFF;}
.img_sp>.container>img{margin-top: 7%;}
.img_sp>.container>p{max-width: 550px;margin:20px auto;}
/*servibox*/
.servibox-1>img{margin:40px auto;display: block;max-width: 90%;}
.servibox-2{margin: 30px auto; }
.servibox-2>.row{margin: 20px auto;}
.left{text-align: right;}

.sat{margin: 150px auto;}
.sat img{max-width: 90%;}
.sat h3{margin: 0 auto 20px auto;  font-weight: 700;}
.sat p{margin-bottom: 30px;}

@media (max-width: 992px){
  .distintos-puntos h4:nth-child(1){margin-top: 20px;}  
  .img_muc{background:url(../img/servifact/fondo_mushasha.jpg) 50% no-repeat;background-size:cover;height: 400px;} 
  .img_muc>.container>.row{margin-top: 10%;text-align: center;} 
  .first-slide{z-index;: none;}
  .imagen{  background: none;
  background-size:80%;
  height: 100%;}
  .col-md-7{text-align:center} 
  div.crop-img {width: 100%
  max-width: 10/*.boton{width: 150px;height: 35px;color: #FFFFFF;background: #0D3F87;margin: 20px 0 0 0;}*/nt;
}
div.crop-img img {
  max-width: none !important;
} 
}