/* CSS Document */

/*estilo vacunacion*/

/*

	fuentes

	color

	mixin

	margenes

	estilos globales

	header

	menu principal

	footer

	estilos particulares

	plug

*/

/* fuentes */

@font-face {

  font-family: 'myriadpro_bold';

  src: url("../fonts/myriadpro_bold/myriadpro_bold.eot");

  src: url("../fonts/myriadpro_bold/myriadpro_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro_bold/myriadpro_bold.woff") format("woff"), url("../fonts/myriadpro_bold/myriadpro_bold.ttf") format("truetype"), url("../fonts/myriadpro_bold/myriadpro_bold.svg#myriadpro_bold") format("svg");

  unicode-range: U+0020-25CA; }

@font-face {

  font-family: 'myriadpro_regular';

  src: url("../fonts/myriadpro_regular/myriadpro_regular.eot");

  src: url("../fonts/myriadpro_regular/myriadpro_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro_regular/myriadpro_regular.woff") format("woff"), url("../fonts/myriadpro_regular/myriadpro_regular.ttf") format("truetype"), url("../fonts/myriadpro_regular/myriadpro_regular.svg#myriadpro_regular") format("svg");

  unicode-range: U+0020-25CA; }

@font-face {

  font-family: 'myriadpro_semibold';

  src: url("../fonts/myriadpro_semibold/myriadpro_semibold.eot");

  src: url("../fonts/myriadpro_semibold/myriadpro_semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro_semibold/myriadpro_semibold.woff") format("woff"), url("../fonts/myriadpro_semibold/myriadpro_semibold.ttf") format("truetype"), url("../fonts/myriadpro_semibold/myriadpro_semibold.svg#myriadpro_semibold") format("svg");

  unicode-range: U+0020-25CA; }

/************************/

/* margenes */

/************************/

/***/
/*Datos de pago**/
#regresar-pedido{ text-decoration: none; padding: 5px; font-family: 'Open Sans', sans-serif; margin: 20px auto; display: table; text-align: center; background-color: #ce0614; color: white;  }
#tabla-pago h1{ font-size: 1.2em; text-align: center; background-color: #eee; margin:0; padding: 5px; }
#tabla-pago h2{ font-size: 1.1em; }
#tabla-pago h3{ font-size: 1em; }
#tabla-pago ol li , #tabla-pago p{ font-size: 0.9em; margin: 0; }

#tabla-pago h2, #tabla-pago h3{ margin-bottom: 0.5em; }

#link-vacuna{ font-weight: bold;  } #link-vacuna a{ color: #ce0614;}

#carousel-vacunas { height: 150px; }
.carousel-control.left , .carousel-control.right{  background-image: none !important; }

#carrousel_promo{ height: 280px; }

#carrousel_promo .carousel-control{ width: 0; }

#carrousel_promo { background-color: transparent; border-bottom: none; }

#carrousel_promo .carousel-caption{  position: initial; text-shadow: none; }

#carousel-vacunas .carousel-caption{  position: initial; }

#listado-vacunas div{ height: 215px; border-bottom: 1px solid #d6d4d4; padding: 10px 0;  }
#listado-vacunas div p{ margin-bottom: 0; } 
#listado-vacunas .open_cart{ background-color: #ce0614; color: white; padding:5px; }
#listado-vacunas .titulo-vacuna{ color: black; font-weight: bold; text-decoration: underline;}
#listado-vacunas span{ font-size: 0.9em;}
#listado-vacunas p em{ width: 100%; display: inline-block; }
.info-vacuna{ margin: 0; } 
 
 #promo-home p{ font-size: 1.4em; } 

 #desc_vac_html li, #desc_vac_html p{ color: #333; }

 #desc_vac_html ul li{ list-style: disc;  }  #desc_vac_html li{ margin: 10px; font-size: 1.6rem; font-family: "myriadpro_regular", arial, sans-serif; } 
 
 #desc_vac_html ol li{ list-style: decimal; } 

 #desc_vac_html ul{ margin-left: 15px; }  #desc_vac_html em{ font-style: italic; }  #desc_vac_html strong{ font-weight: bolder; } 

/***/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  border-top: 1px solid #cac9c9;
}

.table>tbody>tr>td>input[type='number']{text-align: center; }

.container {

  padding-left: 15px;

  padding-right: 15px;

  width: 100% !important; }



@media (min-width: 768px) {

  .container { width: 1000px !important; } 

  }

/************************/

/* estilos globales */

/************************/

.btn-regresar:hover, .btn-regresar:focus, .btn-regresar:active{ color: white;  }

#add_carrito , #modal-add-cart form button , .btn-regresar{ 
  color: white;
  text-transform: uppercase;
  border: 0;
  background-color: #ce0614;
  -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
   -o-transition-duration: 0.3s;
   transition-duration: 0.3s;
  margin: 20px 0;
  display: inline-block;
  padding: 10px;
}

#pago-descuento{ background-color: #d1ecf1; }

#pago-sucursal{ background-color: #d4edda; }

#pago-domicilio{ background-color: #e2e3e5; }

.delete_vacuna, .delete_vacuna:hover, .delete_vacuna:focus, .delete_vacuna:active { color: #ce0614; }

.terminar_pedido:hover, .terminar_pedido:focus, .terminar_pedido:active{ color: white; }

.terminar_pedido , .agendar_cita{ margin:20px 0; text-transform: uppercase; float: right; color: white; background-color: #ce0614; padding: 10px; border: none; }

.terminar_pedido , .agendar_cita{
  webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;

}

footer .certificacion_amv{ margin: 3em 0; float: left; }

.agendar_cita{ border: none;  }

#carrito_float a{ color: white; }

#data-tarjeta{ display: none; }

#tabla_vacunas .table td span{ text-decoration: underline;  }

.padding-left-0 { padding-left: 0; }

.opcion_pago:hover, .opcion_pago:focus, .opcion_pago:active{ color: white; text-decoration: none; background: #9e1a11; }

.opcion_pago{ 
    border:none;
    width: 190px;
    display: table;
    margin: 0 auto;
    text-align: center;
    color: white;
    background-color: #ce0614;
    padding: 10px 0; 
}


#certificado_float img{ margin: 10px auto; display: block; float:left; }

#carrito_float{ 
font-size: 1.3em;
    padding: 27px 0;
    border-radius: 50%;
    color: white;
    background-color: #ce0614;
    text-align: center;
    width: 75px;
    z-index: 100;
    position: fixed;
    left: auto;
    right: 0em;
    top: 0em;
    height: 75px;
}

#instrucciones-lista li{  list-style: decimal; font-family: "myriadpro_regular", arial, sans-serif; font-size: 1.6rem; line-height: 2em; }

#instrucciones-lista li ul{ margin-left: 20px; }

#instrucciones-lista li ul li{ list-style: disc; }

html { font-size: 50%; }

@media (max-width: 1050px) {
  #carrito_float{ top: 5em; }
}

@media (min-width: 768px) {
  html { font-size: 62.5%; } 
}

/**/

h1 {
  font-family: "myriadpro_semibold", arial, sans-serif;
  font-size: 3rem; 
}

h2 {
  font-family: "myriadpro_semibold", arial, sans-serif;
  font-size: 3rem; 
}

label{ display: block; margin: 10px 0; }

/*# sourceMappingURL=css1.css.map */

#formulariocontacto2 button{ margin-top: 20px; }

#formulariocontacto2 .bxgroup label{ color: black !important; }

#btn_float { width: 5%; padding: 10px; }

#btn_float img{ width: 80px; }

#btn_float {
    text-align: center;
    width: 10%;
    z-index: 100;
    position: fixed;
    left: auto;
    right: 0em;
    bottom: 0;
}


  .topfooter p {

    position: relative;

    font-family: "myriadpro_regular", arial, sans-serif;

    color: rgba(255, 255, 255, 0.8);

    text-align: center;

    margin-bottom: 1em; }


  .inf4 {

    padding-top: 5rem;

    padding-bottom: 5rem;

    border-top: 1px solid #ccc;

    background-color: rgba(0, 0, 0, 0.1); 
  }

.bxform label {

  font-size: 1.4rem;

  color: white !important;

  text-transform: uppercase;

  letter-spacing: 2px; 
}


@media (min-width: 768px) {
  h2 { font-size: 5rem; } 
}

  h3 {
    font-family: "myriadpro_semibold", arial, sans-serif;
    font-size: 2.5rem; 
  }

  h4 {
    font-family: "myriadpro_semibold", arial, sans-serif;
    font-size: 1.8rem; 
  }

  h5 {
    font-family: "myriadpro_regular", arial, sans-serif;
    font-size: 2.4rem; 
  }

  h6 {
    font-family: "myriadpro_regular", arial, sans-serif;
    font-size: 1.4rem;
    margin: 0; 
  }

  h1, h2, h3, h4, h5 {
    color: black;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 1.2em; 
  }

p {

  font-family: "myriadpro_regular", arial, sans-serif;

  font-size: 1.6rem;

  text-align: justify;

  color: black;

  line-height: 1.7em;

  margin-bottom: 1.7em; }

  p b { font-family: "myriadpro_bold", arial, sans-serif; font-weight: normal; }

  .inf5 .table thead { background-color: #ce0614; }

  .inf5 .table thead th {
    font-family: "myriadpro_semibold", arial, sans-serif;
    font-size: 1.6rem;
    color: white;
    text-align: center;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem; 
  }

.listpg { margin-left: 2rem; margin-bottom: 4rem; }

  .listpg li {

    position: relative;

    font-family: "myriadpro_regular", arial, sans-serif;

    font-size: 1.6rem;

    color: black;

    margin-bottom: .3em; 
  }

    .listpg li:before {

      content: "";

      display: block;

      position: absolute;

      width: 8px;

      height: 8px;

      margin-top: 8px;

      margin-left: -2rem;

      border-radius: 100%;

      background-color: #ce0614; 
    }

/************************/
/* header */
/************************/

.consultorio { display: table; width: 100%; }

.header {

  z-index: 30;

  display: block;

  position: fixed;

  width: 100%;

  border-bottom: 5px solid #ce0614;

  background-color: white;

  -webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.4);

  -moz-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.4);

  -ms-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.4);

  -o-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.4);

  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.4); }

  .header .bxlogo {

    display: block;

    text-align: left;

    padding: 10px 0; }

    .header .bxlogo img {

      display: inline-block;

      width: 130px; }

    .header .bxlogo h1 {

      text-indent: -9999px;

      width: 0;

      height: 0;

      padding: 0;

      margin: 0; }

@media (max-width: 767px) {
  #add_carrito, #modal-add-cart form button{
    margin: 15px auto;
    display: table;
  }      

}

@media (max-width: 767px) {
  .header{ top: 0; }
  .bodi{ /*margin-top: 85px;*/ }
  #btn_float{ width: 16%; }
  #btn_float img {  width: 45px; }
  .title-vacuna-td{ padding: 3px 0 3px 0px; margin: 10px 0; background-color: #ce2013; color: white; }
  .table-info-vacuna .visible-xs{ margin: 0; }
  #carousel-vacunas{ height: 175px; }
}


@media (min-width: 768px) {

  .header .bxlogo {

    text-align: left;

    padding: 20px 0;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header .bxlogo img {

      width: 230px;

      -webkit-transition-duration: 0.3s;

      -moz-transition-duration: 0.3s;

      -ms-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

  .header .menuprincipal {

    margin-top: 50px;

    -webkit-transition-duration: 0.3s;

    -moz-transition-duration: 0.3s;

    -ms-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

  .header.fix .bxlogo { padding: 10px 0; }

  .header.fix .bxlogo img { width: 170px; }

  .header.fix .menuprincipal { margin-top: 30px; } 

  .title-vacuna-th{ 
    display: table;
    padding: 3px 0 3px 0px;
    margin: 10px 0;
    background-color: #ce0614;
    width: 100%; 
  }

  .title-vacuna-th p{ text-align: center; color: white; margin: 0; }

}

@media (min-width: 1000px) {
  .header { width: 100%; } 
}

/************************/

/* menu principal*/

/************************/

/**/

.btcolapse { z-index: 20; display: block; }

.bxcolapse { z-index: 20; width: 100%; }

@media (min-width: 768px) {

  .btcolapse { display: none; }

  .bxcolapse {

    display: block;

    position: relative;

    width: auto; } 

}

/**/

.btcolapse {

  position: absolute;

  top: 50%;

  right: 0;

  width: 40px;

  height: 35px;

  margin-right: 15px;

  margin-top: -5px;

  transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%); }

  .btcolapse:before {

    content: "MENU";

    display: block;

    position: absolute;

    bottom: 0;

    margin-bottom: -15px;

    font-family: "myriadpro_regular", arial, sans-serif;

    font-size: 13px;

    letter-spacing: 1.5px;

    color: rgba(0, 0, 0, 0.7); 
  }

  .btcolapse span {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 6px;

    border-radius: 2px;

    background-color: transparent;

    transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -ms-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s; 
  }

    .btcolapse span:before {

      content: "";

      display: block;

      position: absolute;

      top: 50%;

      left: 50%;

      width: 100%;

      height: 6px;

      border-radius: 2px;

      background-color: #ce0614;

      -webkit-transform: translate(-50%, -50%) rotate(45deg);

      -moz-transform: translate(-50%, -50%) rotate(45deg);

      -ms-transform: translate(-50%, -50%) rotate(45deg);

      -o-transform: translate(-50%, -50%) rotate(45deg);

      transform: translate(-50%, -50%) rotate(45deg);

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; 
    }

    .btcolapse span:after {

      content: "";

      display: block;

      position: absolute;

      top: 50%;

      left: 50%;

      width: 100%;

      height: 6px;

      border-radius: 2px;

      background-color: #ce0614;

      -webkit-transform: translate(-50%, -50%) rotate(-45deg);

      -moz-transform: translate(-50%, -50%) rotate(-45deg);

      -ms-transform: translate(-50%, -50%) rotate(-45deg);

      -o-transform: translate(-50%, -50%) rotate(-45deg);

      transform: translate(-50%, -50%) rotate(-45deg);

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; 
    }

  .btcolapse.collapsed span { background-color: #ce0614; }

    .btcolapse.collapsed span:before {

      margin-top: -11px;

      -webkit-transform: translate(-50%, -50%) rotate(0deg);

      -moz-transform: translate(-50%, -50%) rotate(0deg);

      -ms-transform: translate(-50%, -50%) rotate(0deg);

      -o-transform: translate(-50%, -50%) rotate(0deg);

      transform: translate(-50%, -50%) rotate(0deg); 
    }

    .btcolapse.collapsed span:after {

      margin-top: 11px;

      -webkit-transform: translate(-50%, -50%) rotate(0deg);

      -moz-transform: translate(-50%, -50%) rotate(0deg);

      -ms-transform: translate(-50%, -50%) rotate(0deg);

      -o-transform: translate(-50%, -50%) rotate(0deg);

      transform: translate(-50%, -50%) rotate(0deg); 
    }

  .btcolapse.op2 { margin-top: 0; }

    .btcolapse.op2:before { display: none; }

    .btcolapse.op2 span:before { background-color: white; }

    .btcolapse.op2 span:after { background-color: white; }

    .btcolapse.op2.collapsed span { background-color: white; }

/**/

.menuprincipal {

  position: absolute;

  left: 0;

  width: 100%; }

  .menuprincipal ul {

    margin-bottom: 0;

    width: 100%;

    display: block;

    background-color: black; }

    .menuprincipal ul li { display: block; }

      .menuprincipal ul li a {

        display: block;

        position: relative;

        font-family: "myriadpro_regular", arial, sans-serif;

        color: white;

        font-size: 16px;

        padding: 12px 15px; }

        .menuprincipal ul li a:hover, .menuprincipal ul li a:focus {

          text-decoration: none;

          background-color: inherit; }

      .menuprincipal ul li + li {

        border-top: 1px solid rgba(255, 255, 255, 0.3); }

      .menuprincipal ul li.active a { background-color: #ce0614; }

.footer {
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.95); 
}

.bxform label,

.bxform input,

.bxform textarea {

  display: block;

  font-family: "myriadpro_regular", arial, sans-serif;

  font-weight: normal;

  font-size: 1.8rem;

  width: 100%;

  border: 0; }

  .topfooter h5 {

    position: relative;

    color: white;

    text-align: center;

    padding-bottom: 10px;

    margin-bottom: 1.4em; }

  .bottomfooter h6 {
      margin-top: .8rem;
      text-align: center;
    }


@media (min-width: 768px) {

  .menuprincipal { position: relative; }

    .menuprincipal ul {

      text-align: right;

      background-color: inherit; 
    }

      .menuprincipal ul li { display: inline-block; }

        .menuprincipal ul li a {

          color: black;

          font-size: 18px;

          padding: 5px 0; 
      }

        .menuprincipal ul li + li {
          border-top: 0;
          margin-left: 2.5rem; 
        }

        .menuprincipal ul li.active a {
          color: #ce0614;
          background-color: inherit; 
       }
}
/*
        .menuprincipal ul li:last-child a {

          color: white;

          padding-left: 15px;

          padding-right: 15px;

          border-radius: 4px;

          background-color: #ce0614;

          -webkit-transition-duration: 0.3s;

          -moz-transition-duration: 0.3s;

          -ms-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s;

          -webkit-box-shadow: 0 2px 5px 0 transparent;

          -moz-box-shadow: 0 2px 5px 0 transparent;

          -ms-box-shadow: 0 2px 5px 0 transparent;

          -o-box-shadow: 0 2px 5px 0 transparent;

          box-shadow: 0 2px 5px 0 transparent; }

          .menuprincipal ul li:last-child a:hover {

            background-color: #b50512;

            -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);

            -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);

            -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);

            -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);

            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } }*/

/************************/

/* footer */

/************************/




@media (min-width: 768px) {

  .footer {

    width: 1000px; } }

@media (min-width: 1000px) {

  .footer {

    width: 100%; } }

/**/

.topfooter {

  position: relative;

  padding-top: 4rem;

  padding-bottom: 4rem; }

  

    .topfooter h5:after {

      content: "";

      display: block;

      position: absolute;

      bottom: 0;

      left: 50%;

      width: 25px;

      height: 2px;

      background-color: #ce0614;

      transform: translate(-50%, 0);

      -o-transform: translate(-50%, 0);

      -ms-transform: translate(-50%, 0);

      -moz-transform: translate(-50%, 0);

      -webkit-transform: translate(-50%, 0); }



  .topfooter .col-sm-4 {

    text-align: center; }

  .topfooter .redes {

    text-align: center;

    margin-bottom: 6rem; }

    .topfooter .redes a {

      opacity: .7;

      display: inline-block;

      position: relative;

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; }

      .topfooter .redes a:hover {

        opacity: 1; }

      .topfooter .redes a + a {

        margin-left: .8rem; }



@media (min-width: 768px) {

  .topfooter {

    padding-top: 8rem;

    padding-bottom: 8rem; }

    .topfooter h5 {

      text-align: left; }

      .topfooter h5:after {

        left: 0;

        transform: translate(0, 0);

        -o-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        -moz-transform: translate(0, 0);

        -webkit-transform: translate(0, 0); }

    .topfooter p {

      text-align: left;

      font-size: 1.7rem;

      line-height: 1.6em; }

    .topfooter .redes {

      text-align: left;

      margin-bottom: 0; } }

/**/

.bottomfooter {

  padding-top: 2rem;

  padding-bottom: 2rem;

  background-color: black; }

  .bottomfooter h6 {

    color: rgba(255, 255, 255, 0.8);

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 2px;

    line-height: 1.4em;

    margin-bottom: 0; }





@media (min-width: 768px) {

  .bottomfooter h6 {

    margin-top: .8rem;

    text-align: center; } }

/************************/

/* estilos particulares */

/************************/

.bodi {

  width: 100%;

  padding-top: 81px; }



@media (min-width: 768px) {

  .bodi {

    width: 1000px;

    padding-top: 140px; } }

@media (min-width: 1000px) {

  .bodi {

    width: 100%; } }

/**/

.w {

  position: relative;

  padding-top: 4rem;

  padding-bottom: 4rem; }

  .w h1 {

    color: #ce0614;

    text-align: center; }

  .w h2 {

    color: black;

    text-align: center;

    text-transform: uppercase;

    line-height: 1em;

    margin-bottom: 1em; }

  .w h3 { color: #ce0614; margin:20px 0; }

  .w .bt {

    display: block;

    position: relative;

    text-align: left; }

    .w .bt a {

      overflow: hidden;

      display: inline-block;

      position: relative;

      font-family: "myriadpro_regular", arial, sans-serif;

      font-size: 18px;

      color: #363636;

      padding-right: 25px;

      -webkit-transition-duration: 0.3s;

      -moz-transition-duration: 0.3s;

      -ms-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .w .bt a:after {

        content: "";

        display: block;

        position: absolute;

        top: 50%;

        right: 0;

        width: 20px;

        height: 9px;

        background-image: url(../imagenes/idisa-boton.png);

        background-size: cover;

        background-position: center;

        transform: translate(0, -50%);

        -o-transform: translate(0, -50%);

        -ms-transform: translate(0, -50%);

        -moz-transform: translate(0, -50%);

        -webkit-transform: translate(0, -50%); }

      .w .bt a:hover, .w .bt a:focus {

        color: #ce0614;

        text-decoration: none;

        padding-right: 35px; }

  .w .bt2 a {

    display: block;

    position: relative;

    font-family: "myriadpro_regular", arial, sans-serif;

    font-size: 1.8rem;

    color: white;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 3px;

    padding: 10px 30px;

    background-color: #ce0614;

    border: 0;

    border-radius: 4px;

    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

    -ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -ms-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s; }

    .w .bt2 a:hover {

      text-decoration: none;

      background-color: #9c050f; }



@media (min-width: 768px) {

  .w {

    padding-top: 8rem;

    padding-bottom: 8rem; }

    .w .bt {

      text-align: left; }

    .w .bt2 a {

      display: inline-block; } 
}

.inf1 {

  border-bottom: 1px solid #ccc;

  background-color: rgba(0, 0, 0, 0.03); }

  .inf1 h2 {

    font-family: "myriadpro_semibold", arial, sans-serif;

    color: #363636;

    text-align: left;

    text-transform: none; }

  .inf1 .bxctn h3 {

    position: relative;

    font-family: "myriadpro_semibold", arial, sans-serif;

    font-style: italic;

    padding-left: 7rem;

    margin-top: 8rem; }

    .inf1 .bxctn h3 img {

      position: absolute;

      top: 0;

      left: 0;

      opacity: .2;

      width: 7rem;

      height: auto;

      transform: translate(0, -3rem);

      -o-transform: translate(0, -3rem);

      -ms-transform: translate(0, -3rem);

      -moz-transform: translate(0, -3rem);

      -webkit-transform: translate(0, -3rem); }

  .inf1 .bxctn p {

    font-family: "myriadpro_semibold", arial, sans-serif;

    font-size: 2.5rem;

    line-height: 1.4em;

    color: rgba(0, 0, 0, 0.8);

    text-align: left;

    font-style: italic; }

/*    .inf1 .bxctn p:nth-child(1) {

      background-color: #f0f; }

    .inf1 .bxctn p:last-child {

      color: #f0f !important; }*/

    .inf1 .bxctn p span {

      display: block;

      font-family: "myriadpro_regular", arial, sans-serif;

      font-size: 60%;

      color: rgba(0, 0, 0, 0.5);

      font-style: normal;

      margin-bottom: 10px; }

.bxctn .fuente{ font-size: 1em; }

@media (min-width: 768px) {

  .inf1 .bxctn h3 { margin-top: 0; } 
}

.inf2 {

  background-image: url(../imagenes/idisa-esquemas-completos-de-vacunacion.png);

  background-repeat: no-repeat;

  background-position: bottom center; }

  .inf2 h2 {

    font-family: "myriadpro_semibold", arial, sans-serif;

    color: #363636;

    text-align: left;

    text-transform: none; }

  .inf2 .enlace {

    display: inline-block;

    position: relative;

    margin-bottom: 20px; }

    .inf2 .enlace img {

      display: inline-block;

      width: 5rem;

      height: auto; }

    .inf2 .enlace h4 {

      display: inline-block;

      position: relative;

      margin-bottom: 0;

      margin-left: 15px;

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; }

    .inf2 .enlace:hover, .inf2 .enlace:focus {

      text-decoration: none; }

      .inf2 .enlace:hover h4, .inf2 .enlace:focus h4 {

        color: #ce0614; }

  .inf2 .bxctn {

    display: block;

    position: relative;

    padding: 40px 20px;

    margin-top: 30px;

    border-radius: 0 0 5px 5px;

    background-color: rgba(235, 235, 235, 0.85);

    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);

    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);

    -ms-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);

    -o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);

    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4); }

    .inf2 .bxctn:before {

      content: "";

      display: block;

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 5px;

      background-color: #ce0614; }

    .inf2 .bxctn span {

      display: block;

      position: relative;

      width: 100%;

      height: 1px;

      margin: 30px 0;

      border-top: 1px dashed rgba(0, 0, 0, 0.3); }

    .inf2 .bxctn form {

      margin-bottom: 15px; }

      .inf2 .bxctn form input,

      .inf2 .bxctn form select {

        font-family: "myriadpro_regular", arial, sans-serif;

        font-size: 1.6rem;

        width: 100%;

        height: 4rem;

        margin: 0;

        margin-bottom: 1rem;

        border-radius: 4px; }

      .inf2 .bxctn form input {

        color: white;

        text-transform: uppercase;

        border: 0;

        background-color: #ce0614;

        -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

        -webkit-transition-duration: 0.3s;

        -moz-transition-duration: 0.3s;

        -ms-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .inf2 .bxctn form input:hover, .inf2 .bxctn form input:focus {

          background-color: #9c050f; }

      .inf2 .bxctn form.op2:after {

        content: "";

        display: block;

        clear: both; }

      .inf2 .bxctn form.op2 input,

      .inf2 .bxctn form.op2 select {

        float: left; }

      .inf2 .bxctn form.op2 input {

        width: 30%; }

      .inf2 .bxctn form.op2 select {

        width: 67%;

        margin-right: 3%; }


/**/

  .inf3 .bxctn {

    display: block;

    position: relative;

    text-align: center;

    width: 100%;

    height: 70px; 
  }

  .inf3 .bxctn img { margin-left: 0 !important; }

  .inf4 .bxgnral .bxctn { text-align: center; }

  .inf4 .bxgnral .bxctn .bx {

      display: block;

      position: relative; 
  }

  .inf4 .bxgnral .bxctn .bx.op2 { margin-top: 4rem; }

  .inf4 .bxgnral .bxctn .bx h3 {
        display: inline-block;
        position: relative;
        font-family: "myriadpro_semibold", arial, sans-serif;
        color: #ce0614;
        text-align: center;
        font-style: italic;
        padding-left: 5.5rem;
        margin-top: 0rem; 
  }

  .inf4 .bxgnral .bxctn .bx h3 img {

          position: absolute;

          top: 0;

          left: 0;

          opacity: .2;

          width: 5rem;

          height: auto;

          transform: translate(0, -1.6rem);

          -o-transform: translate(0, -1.6rem);

          -ms-transform: translate(0, -1.6rem);

          -moz-transform: translate(0, -1.6rem);

          -webkit-transform: translate(0, -1.6rem); 
  }

  .inf4 .bxgnral .bxctn .bx p {

        font-family: "myriadpro_semibold", arial, sans-serif;

        font-size: 2rem;

        line-height: 1.4em;

        color: rgba(0, 0, 0, 0.8);

        text-align: center;

        font-style: italic;

        margin-bottom: 0; 
  }

  .inf4 .bxgnral .bxctn .bx p span {
    display: block;
    font-family: "myriadpro_regular", arial, sans-serif;
    font-size: 60%;
    color: rgba(0, 0, 0, 0.5);
    font-style: normal;
    margin-bottom: 10px; 
  }


@media (min-width: 768px) {

  .inf2 h2 { margin-top: 15px; }

  .inf2 .bxctn {
    margin-top: 0;
    transform: translate(0, -170px);
    -o-transform: translate(0, -170px);
    -ms-transform: translate(0, -170px);
    -moz-transform: translate(0, -170px);
    -webkit-transform: translate(0, -170px); 
  }

  .inf4 { /*padding-bottom: 0rem;*/ }
  .inf4 .bxgnral .bxctn .bx.op2 { margin-top: 0; } 
}

.inf5 {

  padding-bottom: 0;

  background-color: white; }

  .inf5 h2 {

    position: relative;

    font-family: "myriadpro_semibold", arial, sans-serif;

    color: #363636;

    text-align: left;

    text-transform: none;

    padding-bottom: 3rem; }

    .inf5 h2:after {

      content: "";

      display: block;

      position: absolute;

      bottom: 0;

      left: 0;

      width: 10rem;

      height: 3px;

      background-color: #ce0614; }

  .inf5 .bx1 {

    display: block;

    position: relative;

    padding: 2rem;

    padding-top: 2rem;

    padding-bottom: 2rem;

    margin-bottom: 1.5rem;

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #ebebeb; }

    .inf5 .bx1 p {

      margin-bottom: 0; }

      .inf5 .bx1 p:first-child {

        font-family: "myriadpro_semibold", arial, sans-serif;

        font-size: 1.6rem;

        color: #ce0614;

        margin-bottom: 10px; }

  .inf5 .bx2 {

    display: inline-block;

    padding: 2rem;

    margin-bottom: 2rem;

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #ebebeb;

    -webkit-box-shadow: 0 2px 5px 0 transparent;

    -moz-box-shadow: 0 2px 5px 0 transparent;

    -ms-box-shadow: 0 2px 5px 0 transparent;

    -o-box-shadow: 0 2px 5px 0 transparent;

    box-shadow: 0 2px 5px 0 transparent;

    -webkit-transition-duration: 0.2s;

    -moz-transition-duration: 0.2s;

    -ms-transition-duration: 0.2s;

    -o-transition-duration: 0.2s;

    transition-duration: 0.2s; }

    .inf5 .bx2 a {

      font-family: "myriadpro_regular", arial, sans-serif;

      font-size: 1.6rem;

      -webkit-transition-duration: 0.2s;

      -moz-transition-duration: 0.2s;

      -ms-transition-duration: 0.2s;

      -o-transition-duration: 0.2s;

      transition-duration: 0.2s; }

    .inf5 .bx2:hover {

      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);

      -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);

      -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);

      -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);

      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); }

      .inf5 .bx2:hover a {

        color: #ce0614; }

  .inf5 .bx3 {

    display: block;

    position: relative;

    margin-top: 4rem; }

    .inf5 .bx3 h3 {

      padding-bottom: 3rem;

      border-bottom: 1px solid #ccc; }

    .inf5 .bx3 h4 {

      text-transform: uppercase; }

    .inf5 .bx3 p.nota {

      font-size: 1.4rem;

      color: rgba(0, 0, 0, 0.7); }

  #table-sucursal{ min-width: 750px;}    

  #table-sucursal tbody td{ white-space: initial !important; }

  .inf5 .table tbody td {

    font-family: "myriadpro_regular", arial, sans-serif;

    font-size: 1.4rem;

    text-align: center;

    max-width: 260px; }

    .inf5 .table tbody td .bt3 a {

      display: block;

      color: #ce0614;

      text-align: center;

      width: 100%;

      height: 100%; }



@media (min-width: 768px) {

  .inf5 .bx1 {

    height: 170px; } }

.inf6 {

  display: block;

  position: relative;

  width: 100%;

  height: 100px;

  border-bottom: 1px solid #ddd;

  background-color: #ebebeb;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: -170px center; }

  .inf6.nosotros {

    background-image: url(../imagenes/idisa-nosotros.png); }

  .inf6.vacunas {

    background-image: url(../imagenes/idisa-vacunas.png); }

  .inf6.promociones {

    background-image: url(../imagenes/idisa-promociones-.png); }

  .inf6.contacto {

    background-image: url(../imagenes/idisa-contacto.png); }

  .inf6 h1 {

    color: #ce0614;

    margin-top: 55px;

    margin-bottom: 0; }



@media (min-width: 768px) {

  .inf6 {

    height: 150px;

    background-position: center; }

    .inf6 h1 {

      margin-top: 95px; } }

#map {

  display: block;

  position: relative;

  width: 100%;

  height: 40rem;

  border-top: 1px solid #ccc; }


.section_view_cart{ padding-bottom: 8rem; }

@media (min-width: 768px) {

  #map {

    height: 45rem; } }

/************************/

/* plug */

/************************/

/* slide */

.slide {

  z-index: 0;

  display: block;

  position: relative;

  width: 100%;

  height: 300px;

  border-bottom: 5px solid #ce0614;

  background-color: white; }

  .slide .blk {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center; }

    .slide .blk .container,

    .slide .blk .row,

    .slide .blk .col-xs-12 {

      display: block;

      height: 100%; }

  .slide .slide1 {

    background-image: url(../imagenes/slide/slide1-.png); }

  .slide .slide2 {

    background-image: url(../imagenes/slide/slide2-.png); }

  .slide .slide3 {

    background-image: url(../imagenes/slide/slide3-.png); }

  .slide .slide4 {

    background-image: url(../imagenes/slide/slide4-.png); }

  .slide .slide5 {

    background-image: url(../imagenes/slide/slide5-.png); }



@media (min-width: 768px) {

  .slide {

    height: 550px; }

    .slide .slide1 {

      background-image: url(../imagenes/slide/slide1.png); }

    .slide .slide2 {

      background-image: url(../imagenes/slide/slide2.png); }

    .slide .slide3 {

      background-image: url(../imagenes/slide/slide3.png); }

    .slide .slide4 {

      background-image: url(../imagenes/slide/slide4.png); }

    .slide .slide5 {

      background-image: url(../imagenes/slide/slide5.png); } }

/**/

.slide .blk .bxinfo {

  display: block;

  position: absolute;

  top: 50%;

  left: 0;

  width: 100%;

  transform: translate(0, -50%);

  -o-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  -moz-transform: translate(0, -50%);

  -webkit-transform: translate(0, -50%); }

  .slide .blk .bxinfo h2 {

    position: relative;

    font-family: "myriadpro_bold", arial, sans-serif;

    font-size: 4rem;

    line-height: 1em;

    color: #363636;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    margin-bottom: 0; }

    .slide .blk .bxinfo h2 span.clr2 {

      color: #ce0614; }

    .slide .blk .bxinfo h2 span.clr3 {

      color: #6e6e6e; }



@media (min-width: 768px) {

  .slide .blk .bxinfo h2 {

    font-size: 7rem;

    text-align: left; }

  .slide .blk.op2 .bxinfo h2 {

    text-align: right; }



  /**/

  .slide .blk .bxinfo h2 {

    opacity: 0;

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-filter: blur(3px);

    -moz-filter: blur(3px);

    -ms-filter: blur(3px);

    -o-filter: blur(3px);

    filter: blur(3px);

    -webkit-transition-delay: 0.5s;

    -moz-transition-delay: 0.5s;

    -ms-transition-delay: 0.5s;

    -o-transition-delay: 0.5s;

    transition-delay: 0.5s;

    -webkit-transition-duration: 0.5s;

    -moz-transition-duration: 0.5s;

    -ms-transition-duration: 0.5s;

    -o-transition-duration: 0.5s;

    transition-duration: 0.5s; }

  .slide .rsActiveSlide .blk .bxinfo h2 {

    opacity: 1;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-filter: blur(0);

    -moz-filter: blur(0);

    -ms-filter: blur(0);

    -o-filter: blur(0);

    filter: blur(0); } }

/* nav */

.slide .rsNav {

  z-index: 10;

  display: block !important;

  position: absolute;

  bottom: 0;

  left: 50%;

  text-align: center;

  width: 100%;

  transform: translate(-50%, -20px);

  -o-transform: translate(-50%, -20px);

  -ms-transform: translate(-50%, -20px);

  -moz-transform: translate(-50%, -20px);

  -webkit-transform: translate(-50%, -20px); }

.slide .rsBullet {

  display: inline-block;

  width: 25px;

  height: 3px;

  background-color: rgba(0, 0, 0, 0.2);

  cursor: pointer; }

.slide .rsBullet + .rsBullet {

  margin-left: .3rem; }

.slide .rsBullet.rsNavSelected {

  background-color: #ce0614; }



@media (min-width: 768px) {

  .slide .rsNav {

    text-align: left;

    width: 970px;

    transform: translate(-50%, -50px);

    -o-transform: translate(-50%, -50px);

    -ms-transform: translate(-50%, -50px);

    -moz-transform: translate(-50%, -50px);

    -webkit-transform: translate(-50%, -50px); } 

  }

/* bxform */

.bxform .bxgroup { margin-bottom: 3rem; }

.bxform input {

  color: black;

  height: 40px;

  padding: 1rem;

  background-color: rgba(255, 255, 255, 0.8);

  border-radius: 4px; }

  .bxform input::-webkit-input-placeholder {

    color: black; }

  .bxform input:-moz-placeholder {

    color: black; }

  .bxform input::-moz-placeholder {

    color: black; }

  .bxform input:-ms-input-placeholder {

    color: black; }

.bxform textarea {

  color: black;

  width: 100%;

  height: 40px;

  padding: .8rem;

  padding-bottom: 0;

  background-color: rgba(255, 255, 255, 0.8);

  border-radius: 4px; }

  .bxform textarea::-webkit-input-placeholder {

    color: black; }

  .bxform textarea:-moz-placeholder {

    color: black; }

  .bxform textarea::-moz-placeholder {

    color: black; }

  .bxform textarea:-ms-input-placeholder {

    color: black; }

.bxform button {

  display: block;

  position: relative;

  font-family: "myriadpro_regular", arial, sans-serif;

  font-size: 1.8rem;

  color: white;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 3px;

  width: 100%;

  height: 40px;

  background-color: #ce0614;

  border: 0;

  border-radius: 4px;

  -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -ms-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -o-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

  -ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

  -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -ms-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s; }

  .bxform button:hover {

    background-color: #9c050f; }

.bxform.op2 .bxgroup {

  margin-bottom: 2rem; }

.bxform.op2 label {

  color: #6e6e6e; }

.bxform.op2 input {

  border: 1px solid #ccc;

  background-color: rgba(0, 0, 0, 0.1); }

.bxform.op2 textarea {

  height: 15rem;

  border: 1px solid #ccc;

  background-color: rgba(0, 0, 0, 0.1); }

.bxform.op2 button { margin-top: 0rem; }

@media (min-width: 768px) {
  .bxform button { margin-top: 2.5rem; }
}


@media (max-width: 767px) {
  
  #certificado_float img{
    right: 70px;
    width: auto;
/*    position: fixed;*/
    top: 0;
    height: 78px;
  }

  #listado-vacunas div{ height: auto;  }

}