/* --header inicia --- */
.navbar {
    margin-bottom: 0;
    background-color:#A8E6CE;    /* #174b75;  #000066; #FF5050; #165ca1; #2d2d30;   */
    color: #fff !important;
    border: 0;
    /* font-size: 11px !important; */
    /* letter-spacing: 4px;  */
    opacity:0.95;
}

.jumbotron-1 {
    background: #FFAAA6;
    color: #000;
    padding: 3% 0; /* 20px 0; */
}

.jumbotron a:link {
    color: yellow !important;
}

.jumbotron a:hover {
text-decoration: underline;
color: #DD127B;

}

/*  -- 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: 'Roboto Mono';font-size: 22px;   /* font-family: 'Roboto';font-size: 22px;  --font-family: 'Aclonica';font-size: 22px; --  font-family: 'Open Sans', sans-serif;  */
    background: #e6e6e6;
   
}



.fondo01 {
    background: #FF8C94;  /* A8E6CE   DCEDC2   FFD3B5   FFAAA6   FF8C94  */
    color: #fff;
    padding: 3% 0; /* 20px 0; */
}

.fondo02 {
    background: #FFD3B5; 
    color: #000;
    padding: 3% 0; /* 20px 0; */
}

.fondo03 {
    background: #A8E6CE;  
    color: #000;
    padding: 3% 0; /* 20px 0; */
}

.fondo04 {
    background: #DCEDC2;  
    color: #000;
    padding: 3% 0; /* 20px 0; */
}

.fondo05 {
    background: #FFAAA6;  
    color: #000;
    padding: 3% 0; /* 20px 0; */
}


.fondoneutro {   
    padding: 3% 0; /* 20px 0; */
}

.fondoimagen001 {
    background-image: url("fondo-001.jpg");  
    color: yellow; /* #fff;  */  
    
}

.fondoimagen002 {
    background-image: url("fondo-002.jpg");  
    color: #fff; /* #fff;  */  
    
}

.fondomemoria01 {
    background-image: url("fondo-memoria-fotografica-02.jpg");  
    color: #fff; /* #fff;  */  
    
}

.fondomemoria02 {
    background-image: url("fondo-memoria-fotografica-b1.jpg");  
    color: #000; /* #fff;  */      
}

.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;    
}


.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;  */
    border-radius: 25px;

}

.contorno03 {
    border: 2px solid red;
    padding: 10px;
    border-radius: 25px;
}

/*  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 */

.doscolumnas {
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;

    -moz-column-gap: 3em;
    -webkit-column-gap: 3em;
    column-gap: 3em;

    -moz-column-rule: 1px solid #bbb;
    -webkit-column-rule: 1px solid #bbb;
    column-rule: 1px solid #bbb;

    -moz-column-width: 340px;           
    -webkit-column-width: 340px;
    column-width: 340px;
 }

.doscolumnas h2 {
    -webkit-column-span:all;
    -moz-column-span:all;
    column-span:all;
}

.doscolumnas img {
    display:block;
    -webkit-column-span:all;
    -moz-column-span:all;
    column-span:all;
}


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%;  */
}