/*Barras inicio*/

.FloatingSection1, .FloatingSection2
{
  position:relative;
  background-color: #427348;
  background-color: rgba(66, 115, 72, 0.7);
  box-shadow: 2px 2px 2px rgba(30,30,30,0.3);
  width: 50%;
  height: 230px;
 -moz-transform: matrix(1, 0, -.5, 1, -100px, 0px);
 -webkit-transform: matrix(1, 0, -.5, 1, -100, 0);
 -o-transform: matrix(1, 0, -.5, 1, -100, 0);
 transform: matrix(1, 0, -.5, 1, -100, 0);
 -webkit-transition: .2s;
 -moz-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;
}
.FloatingSection2
{
  width: 40%;
  height: 120px;
  background-color: rgba(255, 255, 255, 1);
}
.texto-inicio{
  position:absolute;
  width:100%;
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.texto-inicio p.titulos{
  text-align: right;
  font-size: 1.8em;
  margin-right: 30px;
  letter-spacing: 1pt;
  font-weight: 100;
}
h1, h4{
  color:#fff;
  letter-spacing:2pt;
  text-align: right;
  margin: 0;
  line-height: 46px;
  font-size: 30px;
  margin-right: 30px;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  transition:.2s;
}
h4{
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (max-width : 1465px) {
.FloatingSection1, .FloatingSection2
{
  width: 60%;
  height: 170px;
}
.FloatingSection2
{
  width: 55%;
  height: 90px;
}

h1, h4{
  line-height: 36px;
  font-size: 23px;
}
h4{
  font-size: 17px;
  line-height: 22px;
}
}
@media only screen and (max-width : 959px) {
    .vacio{
  height: 60px;
}
.FloatingSection1, .FloatingSection2
{
  width: 75%;
  height: 140px;
}
.FloatingSection2
{
  width: 75%;
  height: 90px;
}

h1, h4{
  line-height: 28px;
  font-size: 20px;
}
h4{
  font-size: 17px;
  line-height: 21px;
}
}
@media only screen and (max-width: 700px){
  .FloatingSection1, .FloatingSection2{
    width: 100%;
    height: 170px;
  }
  .FloatingSection2{
    width: 100%;
    height: 90px;
  }
}
@media only screen and (max-width: 520px) {
  .vacio{
    height: 60px;
  }
  .FloatingSection1, .FloatingSection2{
    width: 100%;
    height: 110px;
  }
  .FloatingSection2{
    width: 100%;
    height: 60px;
  }
  h1{
    line-height: 22px;
    font-size: 14px;
    letter-spacing: 1pt;
  }
  h4{
    font-size: 15px;
    line-height: 18px;
  }
  .FloatingSection2 .titulos{
    font-size: 16px !important;
  }
}
/* BENEFICIOS */
.new{
  display: inline-block;
  position: absolute;
  padding: 3px 6px;
  font-size: 9px;
  border-radius: 3px;
  top: -7px;
  left: -14px;
  background-color: red;
  -webkit-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
  color: white;
  box-shadow: 0 0 10px red;
}

.icon-app, .icon-adn, .icon-HL7, .icon-wha, .icon-correo, .icon-encuesta, .icon-lealtad, .icon-masivo, .icon-facturaweb, .icon-citas{
  width: 72px;
  height: 72px;
  background-image: url(../images/sprite-icons-new.png);
  background-repeat: no-repeat;
  background-size: 720px 216px;
  -webkit-transition: .1s;
  -moz-transition: .1s;
  -o-transition: .1s;
  -ms-transition: .1s;
  transition: .1s;
  text-align: center;
  margin:10px auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50%;
  position: relative;
}

.icon-reportes, .icon-canvas, .icon-dispositivos, .icon-design, .icon-seguridad, .icon-pacientes, .icon-doctores, .icon-usuarios, .icon-resultados, .icon-facturacion, .icon-inventarios, .icon-graficas, .icon-formulas, .icon-mensajes, .icon-agenda, .icon-respuestas, .icon-sucursales{
    width: 72px;
    height: 72px;
    background-image: url(../images/sprite-icons.png);
    background-repeat: no-repeat;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -o-transition: .1s;
    -ms-transition: .1s;
    transition: .1s;
    text-align: center;
    margin:10px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50%;
}

.icon-app{
  background-position: 0 0;
}
  .icon-app:hover{
    background-position: -72px 0px;
  }

.icon-adn{
  background-position: 0 -72px;
}
  .icon-adn:hover{
    background-position: -72px -72px;
  }

.icon-facturaweb{
  background-position: -288px -144px;
}
  .icon-facturaweb:hover{
    background-position: -360px -144px;
  }

.icon-lealtad{
  background-position: -288px 0px;
}
  .icon-lealtad:hover{
    background-position: -360px 0px;
  }

.icon-masivo{
  background-position: -288px -72px;
}
  .icon-masivo:hover{
    background-position: -360px -72px;
  }

.icon-citas{
  background-position: -432px 0;
}
  .icon-citas:hover{
    background-position: -504px 0;
  }

.icon-wha{
  background-position: -144px 0;
}
  .icon-wha:hover{
    background-position: -216px 0;
  }

.icon-correo{
  background-position: -144px -72px;
}
  .icon-correo:hover{
    background-position: -216px -72px;
  }

.icon-encuesta{
  background-position: -144px -144px;
}
  .icon-encuesta:hover{
    background-position: -216px -144px;
  }

.icon-HL7{
  background-position: 0 -144px;
}
  .icon-HL7:hover{
    background-position: -72px -144px;
  }

.icon-reportes{
  background-image: url(../images/sprite-icons2.png);
  background-position: 0 0;
}
  .icon-reportes:hover{
    background-position: -72px 0px;
  }

.icon-canvas{
  background-image: url(../images/sprite-icons3.png);
  background-position: 0 0;
}
  .icon-canvas:hover{
    background-position: -72px 0px;
  }

.icon-dispositivos{
    background-position: 0 0 ;
}
    .icon-dispositivos:hover{
        background-position: -72px 0px ;
    }
.icon-design{
    background-position: -144px 0px;
}
    .icon-design:hover{
        background-position: -216px 0px;
    }
.icon-seguridad{
    background-position: -288px 0px;
}
    .icon-seguridad:hover{
        background-position: -360px 0px;
    }
.icon-pacientes{
    background-position: -432px 0px;
}
    .icon-pacientes:hover{
        background-position: -504px 0px;
    }
.icon-doctores{
    background-position: -576px 0px;
}
    .icon-doctores:hover{
        background-position: -648px 0px;
    }
.icon-usuarios{
    background-position: 0px -72px;
}
    .icon-usuarios:hover{
        background-position: -72px -72px;
    }
.icon-resultados{
    background-position: -144px -72px;
}
    .icon-resultados:hover{
        background-position: -216px -72px;
    }
.icon-facturacion{
    background-position: -288px -72px;
}
    .icon-facturacion:hover{
        background-position: -360px -72px;
    }
.icon-inventarios{
    background-position: -432px -72px;
}
    .icon-inventarios:hover{
        background-position: -504px -72px;
    }
.icon-graficas{
    background-position: -576px -72px;
}
    .icon-graficas:hover{
        background-position: -648px -72px;
    }
.icon-formulas{
    background-position: 0px -144px;
}
    .icon-formulas:hover{
        background-position: -72px -144px;
    }
.icon-mensajes{
    background-position: -144px -144px;
}
    .icon-mensajes:hover{
        background-position: -216px -144px;
    }
.icon-agenda{
    background-position: -288px -144px;
}
    .icon-agenda:hover{
        background-position: -360px -144px;
    }
.icon-respuestas{
    background-position: -432px -144px;
}
    .icon-respuestas:hover{
        background-position: -504px -144px;
    }
.icon-sucursales{
    background-position: -576px -144px;
}
    .icon-sucursales:hover{
        background-position: -648px -144px;
    }
.icon-titulo{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
    font-weight: 400;
    color: #666;
}
.icon-descripcion, .respuesta{
    font-size: 14px;
    line-height: 18px;
    font-weight: 100 !important;
    color: #666;
}
.respuesta{margin-left: 25px; text-align: justify;}