/* begin Page */
/* Created by Carlos Vassallo Donayre */

/*
   Inicio del Pie
*/
body {
/*
*/
}

/*
   Footer de la pagina
*/
section#audio {
  /*
  margin: -12.5em auto;
  margin: 8px auto;
  margin: 0px 0px 0px -8px;
  */
  background-color: #424242;   
  display:block;
  min-height: 100px;
  width: 102%;
  /*
  z-index: -3;
  */
}

#reproductor_fm0 {   /* imagen reproductor de audio */
  /*
    margin: 24px 10px 10px 10px;    
  */
    text-align: left;
    width: 20%;
    height: 10%;

    transform:scale(0.5,0.5);
    -ms-transform:scale(1,1); /* IE 9 */
    -moz-transform:scale(1,1); /* Firefox */
    -webkit-transform:scale(0.7,0.7); /* Safari and Chrome */
    -o-transform:scale(1,1); /* Opera */
}

section#navegacion_pie {
/*
background-color: #F4A9EA;
max-width: 77em;    (con max-width)  solo se usan px y porcentajes no (em)
margin: 1.5em 1.5em 0.01em 16.5em;
margin: 24px 24px 0.16px 264px;
padding: 0.01em;
background-color: #212121;
z-index: -3;
margin: 16px 24px 0.16px 190px;
margin: 16px 24px 0.16px 250px;
*/
display: block;
max-width: 855px;   
margin: 16px 24px 0.16px 230px;
padding: 0.16px;
}

article#menu-salon_pie ul {      /* le quitamos los puntos de la izquierda al Ul   */
    list-style: none;
}

article#menu-salon_pie li {     
/*
  padding: 0.4em 0.1em 0.4em 1.0em;
  padding: 6px 2px 6px 16px;
*/
  display: inline-block;
  padding: 6px 2px 6px 10px;
  vertical-align: top;      /*  arriba (al tope) del bloque  */
  text-decoration: none;
}

article#menu-salon_pie a {     
/*
  font-size: 1.3em;
  border: 0.2em solid #fff;   
  border-radius: 0.25em;
  padding: 0.4em 1.4em 0.4em 1.4em;
  Background-color: #F4A9EA;
  color: #FFF;       
*/
  border: 1px solid #fff;   
  border-radius: 4px;
  color: #FFF;       
  display: block;
  font-weight: bold;
  font-family: "Pecita", Helvetica, Verdana;
  font-size: 12px;
  text-decoration: none;
  -ms-transition: all 0.5s ease-in;      
  -moz-transition: all 0.5s ease-in;     
  -o-transition: all 0.5s ease-in;       
  -webkit-transition: all 0.5s ease-in;  
  transition: all 0.5s ease-in;          
  padding: 6px 20px 6px 20px;
}

article#menu-salon_pie a:hover {      
/*
  verde 
  color: #2B6145;    
  border: 0.2em dashed #F60;   /* rojo 
  color: #F60;   /* rojo 
  border: 0.2em dashed #FFF;   /* rojo 
  border-radius: 0.5em 0.5em 1.5em 1.5em;
  color: #000;   /* celeste azulado 
  color: #3994AE;   /* celeste azulado 
*/
  border-radius: 8px 8px 24px 24px;
  color: #3994AE;   /* celeste azulado */
  -ms-transition: all 0.5s ease-out;      
  -moz-transition: all 0.5s ease-out;     
  -o-transition: all 0.5s ease-out;       
  -webkit-transition: all 0.5s ease-out;  
  transition: all 0.5s ease-out;          
}





#wpie_primera_linea {          /*   texto en letras Chicas del pie de Pagina   */
/*
    color: #3994AE;
*/
    color: #FFF;
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0.01em 1.0em 0.0em 1.0em;
    text-align: center;
}

#wpie_segunda_linea {          /*   texto en letras Chicas del pie de Pagina   */
/*
    color: #3994AE;
*/
    color: #FFF;
    font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0.5em 1.0em 0.0em 1.0em;
    text-align: center;
}

footer#copy {     
/*
  background: #FFF;   
*/
  border-radius: 0.5em;
  text-align: center;
}

#texto_de_letrita_pie {          /*   texto en letras Chicas del pie de Pagina   */
/*
    color: #3994AE;
*/
    color: #FFF; 
    font-size: 11px; 
    line-height: 16px; 
    margin: 0.5em 1.0em 0.0em 1.0em;
}
/*
   Fin del Pie
*/

/*  manejo de Responsive Web Design (media cuery)   */
@media screen and (max-width: 1080px) {
}

@media screen and (max-width: 880px) {
    section#audio {
        /*
          background-color: #424242;
          background-color: #3994AE;
        */
        margin: 0.5em auto;
    }

    section#navegacion_pie {
    /*
    */
        margin: 8px 16px 0.5px 0.5px;
    }


    article#menu-salon a {     
      /*
      */
      border: 2px solid #fff;   
      font-family: arial;
      font-size: 12px;
      }

    article#menu-salon a:hover {      
      /*
      */
      font-family: arial;
      font-size: 12px;
    }



  #wpie_primera_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 13px;
    font-family: arial;
    margin: 1.0em 1.0em 1.0em 1.0em;
    text-align: center;
    }

  #wpie_segunda_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 13px;
    font-family: arial;
    margin: 0.5em 1.0em 0.0em 1.0em;
    text-align: center;
    }
}

@media screen and (max-width: 680px) {
 section#audio {
    /*
      background-color: #424242;
      background-color: #212121;
    */
    margin: 0.5em auto;
    }





    section#navegacion_pie {
      /*
      */
      margin: 8px 16px 0.5px 0.5px;
      }

    article#menu-salon a {     
      /*
      */
      border: 2px solid #fff;   
      font-family: arial;
      font-size: 12px;
      }

    article#menu-salon a:hover {      
      /*
      */
      font-family: arial;
      font-size: 12px;
    }








  #wpie_primera_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
    */
    font-size: 12px;
    font-family: arial;
    margin: 1.0em 1.0em 1.0em 1.0em;
    text-align: center;
    }

  #wpie_segunda_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
    */
    font-size: 12px;
    font-family: arial;
    margin: 0.5em 1.0em 0.0em 1.0em;
    text-align: center;
    }
}

@media screen and (max-width: 480px) {
  section#audio {
    /*
      background-color: #424242;
      background-color: #3994AE;
    */
    margin: 0.5em auto;
    }





    section#navegacion_pie {
      /*
      */
      margin: 8px 16px 0.5px 0.5px;
      }

    article#menu-salon a {     
      /*
      */
      border: 2px solid #fff;   
      font-family: arial;
      font-size: 12px;
      }

    article#menu-salon a:hover {      
      /*
      */
      font-family: arial;
      font-size: 12px;
      }








  #wpie_primera_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 11px;
    font-family: arial;
    margin: 1.0em 1.0em 1.0em 1.0em;
    text-align: center;
    }

  #wpie_segunda_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 11px;
    font-family: arial;
    margin: 0.5em 1.0em 0.0em 1.0em;
    text-align: center;
    }
}

@media screen and (max-width: 280px) {
  /*
     Footer de la pagina (Audio)
  */
  section#audio {
    /*
      background-color: #424242;
      background-color: #212121;
    */
    margin: 0.5em auto;
    }

  #wpie_primera_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 11px;
    font-family: arial;
    margin: 1.0em 1.0em 1.0em 1.0em;
    text-align: center;
    }

  #wpie_segunda_linea {          /*   texto en letras Chicas del pie de Pagina   */
    /*
        color: #3994AE;
    */
    font-size: 12px;
    font-family: arial;
    margin: 0.5em 1.0em 0.0em 1.0em;
    text-align: center;
    }
}