/* --header inicia --- */
.navbar {
    margin-bottom: 0;
}

.jumbotron-1 {
    background: #165ca1;
    color: #fff;
    padding: 3% 0; /* 20px 0; */
}



/*  -- header finaliza--   */



body { 
    padding-top: 70px; /* 40 px original - 70px; dice bootstrap. para el navbar fijo arriba */
     /* background: #913fe2; #8c7373; /* #0074D9;  #fff; background: #913fe2; */
    font-size: 18px;  /*  14px */ 
    font-family: Arial, Helvetica, sans-serif;   
    /* font-family: 'Roboto';
      font-size: 22px;  --
      font-family: 'Aclonica';font-size: 22px; --  
      font-family: 'Open Sans', sans-serif;  */
    background: #e6e6e6;   
}



.azul1 {
    background: #165ca1;
    color: #fff;
    padding: 3% 0; /* 20px 0; */
}


.fondoblanco {
    background: #FFF; /* #FF5050; #FF0000; */
    color: #000;
    padding: 3% 1%; /* 20px 0; */
}

.fondoblanco2 {
    background: #FFF; 
    color: #000;
    
}

.fondorojo1 {
    background: #FF5050; /* #FF5050; #FF0000; */
    color: #fff;
    padding: 3% 0; /* 20px 0; */
}


.resaltado {
  background-color: #FFFF00;
  color: #000;
}
.resaltado02 {
  background-color: #FFFF00;
}

/*
.label-amarillo {
  background-color: #FFFF00;
  color: #000;
}


mark {
  background-color: #FFFF00;
  color: #000;
}
*/

.textwhite {        
    color: white;       
}

.textoblanco {        
    color: #fff;       
}

.textoamarillo {    
    color: #FFFF00;    
}

.testibox1 {
    background-color: #F3FAFC;
    font-size:small;
    border: #003 dashed  thin;
    }

.cuadro01 {
    background-color: #efefef;
    border: #fefefe solid thin;
    color:#333;   
}

img.izquierda {
  float: left;
  margin-right: 3%; 
}

img.derecha {
  float: right;
  margin-left: 3%;
}

figure.izq {
  float: left;
  margin-right: 3%;  
   
}

figure.dere {
    float: right;
    margin-left: 3%;  
   
}


.clearing {
  clear: both;
}

.textoazul {    
    color: #0000FF;    
}

.textorojo {    
    color: #FF0000;    
}

.texto25 {
    font-size: 25%;
}
.texto50 {
    font-size: 50%;
}

.texto75 {
    font-size: 75%;
}

.texto85 {
    font-size: 85%;
}

.texto90 {
    font-size: 90%;
}


.texto100 {
    font-size: 100%;
}

.texto125 {
    font-size: 125%;
}
.texto150 {
    font-size: 150%;
}

.texto175 {
    font-size: 175%;
}

.texto200 {
    font-size: 200%;
}


.bonobinaural {
    background-color: #EFD966; /* #c4ccf8; */
    padding: 3% 3%;
}

.contorno2 {
    padding: 4% 2% 4% 4%;   /* 30px 15px 30px 30px; */
    border-style: solid;
    border-width:5px 5px 5px; /* 5px 1px 1px; */
    margin:15px 0;
    border-color: #ddd;  /*  #cfb87c #ddd #ddd;  */
}

.flexblock {
  /* width: 100%; */
  /* background: #fff; */
  /* padding: 10px; */
  /* float: left; */
  padding: 0px;
  box-sizing:border-box;
 /* overflow: hidden;  /* lo coloque despues */
  display: -webkit-flex;
  display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}


.pad1 {
  padding: 1%
}
.pad2 {
  padding: 2%
}
.pad3 {
  padding: 3%
}
.pad4 {
  padding: 4%
}
.pad5 {
  padding: 5%
}


/*  comienzo testimonio ejemplo */
.testimonial {
    padding: 30px 15px 30px 30px;
    border-style: solid;
    border-width:5px 1px 1px;
    margin:15px 0;
    border-color: #cfb87c #ddd #ddd;
}

.testimonial img {
    border: 1px solid #ddd;
    margin: auto auto 15px;
    width: 100%;
}

.testimonial blockquote {
    font-family: "source sans pro";
    font-size: 16px;
    font-weight: 300;
}

.testimonial blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 5em;
        line-height: 0em;
        margin-right: 0.1em;
        vertical-align: -0.4em;
}

.testimonial blockquote:after {
        content: close-quote;
        visibility:hidden;
}

/* Finaliza testimonio ejemplo */


footer {
    /* background: #174b75 none repeat scroll 0 0;   --- #174b75 -- anterior bueno #222222 none repeat scroll 0 0; */
    border-top: 4px solid #fcab0e;
    margin: 0;
    /* padding: 20px 0; */

}


footer h4 {
    color: #fcab0e; 
    font-family: roboto;
    font-weight: bold;
    margin-bottom: 2%; 
    text-transform: uppercase;
}

.footer-01 {
  background: #174b75;
  color: #ffffff;
    /* width: 100%;  */
}


.footer-02 {
  background: #1b334b;
  color: #ffffff;
    /*  width: 100%;  */
}



.footerlinks01 a:link {
    color: #fff; /* #fff; cyan; yellow !important;*/
}

.footerlinks01 a:visited {
    color: cyan; /* #ffffff; yellow; */
}

/* mouse over link */
.footerlinks01 a:hover {
    color: #fff; /* #DD127B; hotpink; */
    text-decoration: underline;
}

/* selected link */
.footerlinks01 a:active {
    color: blue;
}

.footertext01 {
  font-family: Arial, Helvetica, sans-serif; 
  /* font-family: Verdana, sans-serif; --- font-family: 'Trebuchet MS', sans-serif; */
  font-size: medium; /* font-size: 0.875em; */
}