/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
}
a{color: #5a96b6}
.h4, h4 {

    font-size: 1.3rem;
    line-height: 2rem;

}
.ancho-100 { width: 100% }
.p-sidebar{ width: 63%; margin: auto; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.img-carrusel{ background: url(image/alargamiento-pene-natural-sizegain-plus.jpg);}
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
.h1-carrusel{ color: #07224a }
.titok {
    font-size: 15px;
    font-weight: lighter;
    line-height: 33px;
    color: #5a96b6;
}
.pad-desta{ padding: 15px }
footer{ margin-top: 50px }

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
   color:#5a96b6;
    font-size: 2.4rem;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.marketing .h2 {
  font-weight: 400;
  color:#5a96b6;
}

.marketing .h3 {
  font-weight: 400;
  font-size: 1.20rem;
}
.min-bullets{ font-size: 11px; color: #afc230 }
.verde-claro{ color: #afc230  }
.btn-buy {
    color: #fff;
    background-color: #e8843b;
    border-color: #e8843b;

}
.guia-home{ background: url(image/fondoc2.jpg) ;  
  width: 100%;
  color: #fff;
  padding: 4% 0;
}
.regalo-home{background: url(image/fondo.jpg) ;  
  width: 100%;
  color: #fff;
  padding: 4% 0;}

.text-ver{ color: #5a96b6; }

.btn-ver {
    color: #fff!important;
    background-color: #5a96b6;
    border-color: #5a96b6;
}
.btn-ver a {color: #fff!important;}

.featurette a {

    color: #5a96b6 !important;
    text-decoration: underline;
}

.desta{ background: #eee ;
        border:2px solid #e4e4e4;
        width: 100%;
        margin: 4% 0 ;
}
.ficha{ background: #f7f7f7 ;
        border:2px solid #e4e4e4;
        width: 100%;
        margin: 4% 0 ;
        padding:35px;
}
.ficha h3{ font-size: 24px; margin-bottom: 20px }
.ficha h2 { 
  color: #5a96b6;
  font-size: 2rem;
  margin-bottom: 20px
  }
 .text-azul{ color: #5a96b6; } 
.ficha .h2  { color: #5a96b6; font-size: 2.5rem; }

.cab-logo{background: #f7f7f7 ;
  border-bottom: 2px solid #e4e4e4;
        width: 100%;
}
.link-acordeon{ color: #13265e;
        font-weight: bold;  }
.tit-azul{
  color: #5a96b6;
  font-size: 22px;
  line-height: 16px;
  padding-top: 12px;
}

.tit-azul-small{
  color: #5a96b6;
  font-size: 17px;
  line-height: 16px;
  padding-top: 12px;
  margin-bottom: 20px
}
.terminos-cond{ font-size: 10px; text-align: center;}
.desta-pad{ padding: 4% 0; }
.mt-7{margin-top:7.5rem}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    color: #fff;
    background-color: #5a96b6;}

.sus-sidebar{
background: #ededed;
padding: 10px;
text-align: center;
}
.jumbotron {
  padding: 3rem 2rem !important;
}
.pad-4{ padding: 22px; border: solid 1px #dadad9; }
hr {

    display: block;
    width: 100%;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    color: #b2b2b2;
    -moz-float-edge: margin-box;
    box-sizing: content-box;

}
.cont-flot{ position: absolute; 
            top: 0; 
            display: block; }
.bg-azul-oscuro{ background: url(image/fondo.jpg) ;  }
.mrg-secciones{ margin: 2rem 0 }
.bord-of{ border: solid 1px #dbdbdb; margin: 3px; background: #fff; color: #484747 }
/* ofertas
------------------------- */
.bg_of1{ background: #0b2844; }
.bg_of2{ background: #104374;}
.bg_of3{ background: #0a5194;}
.bg_of4{ background: #3477b8; }
.bg_of5{ background: #333333; }
.bg_of6{ background: #434242; }
.bg_of7{ background: #757474; }
.bloque-of{ padding: 1px !important; margin: 0 3px 5px 3px; max-width: 24% !important }
.bloque-of2{ padding: 1px !important; margin: 0 3px; max-width: 48% !important }
.tit_of{ color: #fff; text-transform: uppercase; font-size: 16px; text-align: center; line-height: 20px; margin-top: 13px; }
.precio-a-d{ margin: 5px 0 !important; text-align: center; }
.precio-antes{ text-decoration: line-through; }
.precio-final{background: #1b3e5b;
    color: #fff;
    font-size: 36px;
    line-height: 1.3em;
    margin: 0 0 10px;
    padding: 0; text-align: center;

}
/* menu
------------------------- */
.affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

/* CSS para la animación y localización de los DIV de cookies */
 #overbox3 {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
        display: block;
    }
    #infobox3 {
        margin: auto;
        position: relative;
        top: 0px;
        height: 64px;
        width: 100%;
        text-align:center;
        background-color: #eeeeee;

    }
    #infobox3 p {
        line-height:58px;
        font-size:12px;
        text-align:center;
    }
    #infobox3 p a {
        margin-right:5px;
        text-decoration: underline;
    }
   

 

@keyframes desaparecer

{

0%    {bottom: 0px;}

80%   {bottom: 0px;}

100%    {bottom: -50px;}

}

 

@-webkit-keyframes desaparecer /* Safari and Chrome */

{

0%    {bottom: 0px;}

80%   {bottom: 0px;}

100%    {bottom: -50px;}

}

 

@keyframes aparecer

{

0%    {bottom: -38px;}

10%   {bottom: 0px;}

90%   {bottom: 0px;}

100%    {bottom: -38px;}

}

 

@-webkit-keyframes aparecer /* Safari and Chrome */

{

0%    {bottom: -38px;}

10%   {bottom: 0px;}

90%   {bottom: 0px;}

100%    {bottom: -38px;}

}/* Fin del CSS para cookies */



/* RESPONSIVE  CSS
-------------------------------------------------- */
@media (min-width: 576px) {
  .movil-out{ display: none; }
 
}

@media (min-width: 768px) {
 
}

@media (min-width: 992px) {
 
}

@media (min-width: 1200px) {

}



/* RESPONSIVE  CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 3rem;
  }
}