@import url(https://unpkg.com/ionicons@4.4.4/dist/css/ionicons.min.css);
 .snip1566 {
     position: relative;
     display: inline-block;
     margin: 23px;
     max-width: 230px;
     width: 100%;
     color: #8D969D;
     font-size: 16px;
     box-shadow: none !important;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
}
 .snip1566 *, .snip1566:before, .snip1566:after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
 .snip1566:before, .snip1566:after {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 50%;
     content: '';
     position: absolute;
     text-align:center;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     z-index: -1;
     border: 2px solid #8D969D;
     border-color: transparent #8D969D;
}
 .snip1566 img {
     max-width: 100%;
     backface-visibility: hidden;
     vertical-align: top;
     border-radius: 50%;
     padding: 10px;
}
 .snip1566 figcaption {
     position: absolute;
     top: 5px;
     bottom: 5px;
     left: 5px;
     right: 5px;
     opacity: 0;
     background-color: #FFFFFF;
     border-radius: 50%;
}
 .snip1566 i {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     font-size: 4em;
     z-index: 1;
}
 .snip1566 a {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 1;
}
 .snip1566:hover figcaption, .snip1566.hover figcaption {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0);
}
 .snip1566:hover:before, .snip1566.hover:before, .snip1566:hover:after, .snip1566.hover:after {
     border-width: 10px;
}
 .snip1566:hover:before, .snip1566.hover:before {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .snip1566:hover:after, .snip1566.hover:after {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
/* Demo purposes only */
 body {
     background-color: #FFFFFF;
    /*text-align: center;
    */
}
/* El estilo de cazador2 tiene que ver con el titulo "CONSULTA POR REDES DE SALUD" que se encuentra en la pagina Padron*/
/* A continuacion se muestra los distintos atributos para cada resolucion de pantalla*/
/* UBICACION: Header.php */
/*cazador*/
 #cazador{
     font-size: 24px;
     color: #e7ebee;
     font-weight: 700;
     line-height: 1.25;
     margin-top: 4px;
}
#cazador3{
    color: #C8C8C8 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    text-transform: none;
}

#cazador4{
    float: left;
    margin-bottom: 2vh;
    margin-top: 5vh
}
#cazador5{
  float: right;
  margin-bottom: 3vh;
  margin-top: 8vh;
    }
#cazador2{
    color: #2b434f;
    margin-bottom: 0px !important;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.2; 
}
 @media (max-width:1082px){
     #cazador{
         font-size: 22px;
         color: #e7ebee;
         font-weight: 700;
         line-height: 1.25;
    }
    #cazador3{
      color: #C8C8C8 !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    text-transform: none;
    }
    #cazador4{
    float: left;
    margin-bottom: 5vh;
    margin-top: 5vh
    }

}
 @media (max-width:1024px){
    #cazador{
         font-size: 22px;
         color: #71acbc;
         font-weight: 700;
         line-height: 1.25;
    }
    #cazador3{
      color: #C8C8C8 !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      text-transform: none;
    }
    #cazador4{
    float: left;
    margin-bottom: 5vh;
    margin-top: 5vh
    }
}
 @media (max-width:991px){
    #cazador{
         font-size: 19px;
         color: #e7ebee;
         font-weight: 700;
         line-height: 1.25;
    }
    #cazador3{
      color: #C8C8C8 !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      text-transform: none;
      font-size: 19px;
    }
    #cazador4{
    float: left;
    margin-bottom: 5vh;
    margin-top: 5vh
    }
    #cazador2{
    color: #2b434f;
    margin-bottom: 0px !important;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.2; 
}
}
 @media (max-width:767px){
    #cazador{
         font-size: 16px;
         color: #e7ebee;
         font-weight: 700;
         line-height: 1.25;
    }
    #cazador3{
      color: #C8C8C8 !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      text-transform: none;
      font-size: 16px;
    }
    #cazador2{
    color: #2b434f;
    margin-bottom: 0px !important;
    font-size: 40px;
    font-weight: 900;
    line-height: 1.2; 
    }
    #cazador4{
    float: left;
    margin-bottom: 3vh;
    margin-top: 3vh
    }
    #cazador5{
      float: right;
      margin-bottom: 3vh;
      margin-top: 3vh;
      width: 170px;
      height: 75px;
    }
 @media (max-width:414px){
    #cazador2{
        font-size: 20px;
         color: #2b434f;
         font-weight: 700;
         line-height: 1.25;
    }
    #cazador{
         font-size: 16px;
         color: #e7ebee;
         font-weight: 700;
         line-height: 1.25;
    }
    
    #cazador3{
      color: #C8C8C8 !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      text-transform: none;
      font-size: 16px;
    }
    #cazador4{
    float: left;
    margin-bottom: 3vh;
    margin-top: 3vh
    }
    #cazador5{
      float: right;
      margin-bottom: 3vh;
      margin-top: 3vh;
      width: 176px;
      height: 80px;
    }
}
 @media (max-width:320px){
    #cazador2{
        font-size: 30px;
         color: #2b434f;
         font-weight: 700;
         margin-bottom: 0px !important;
         line-height: 1.25;
    }
     #cazador{
         font-size: 12px;
         color: #e7ebee;
         font-weight: 700;
         line-height: 1.25;
    }
    
    #cazador3{
      color: #C8C8C8 !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      text-transform: none;
      font-size: 12px;
    }
    #cazador4{
    float: left;
    margin-bottom: 3vh;
    margin-top: 3vh
    }
    #cazador5{
      margin-bottom: 3vh;
      margin-top: 6vh;
      float: right;
      width: 110px;
      height: 65px;
    }
}
 
/* FIN cazadores*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/