@import url(http://fonts.googleapis.com/css?family=Crimson+Text:600,400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);

/* font-family: 'Crimson Text', serif; */
/* font-family: 'Roboto Condensed', sans-serif; */

@charset "utf-8";
/* CSS Document */


/*  ======== CONFIGURACION BASICA ===========  */
{
	margin:0; padding:0;
}

html
{
  min-width: 960px;
}

/* El navegador renderiza el contenido html5 */
header,footer, article,section, hgroup,nav, figure, footer
{
	display:block;

}

body
{
  margin: 0 auto;
  padding: 0px;
 /* outline:none;*/

  font-size:13px;
  font-weight: normal;
   font-family: 'Crimson Text', serif;
  letter-spacing: 0.00em;
  color: #ffffff;
  background: #fcfbfa;
  height:100%;

}
/* ======================================================== Estructura global */
.tabla_principal{
  width:100%;
  float:left;
  text-align:center;
  position: relative;
}
.contenido{
  width: 1000px;
  display:inline-block;
  text-align: center;
}

.container {
	margin: 0 auto;
	position: relative;
    width: 998px;

    height: 100%;


}

#page
{

/*position: relative;   */

}


p
{
  margin: 0px;
  padding: 0 0 10px 0;
   font-size: 14px;
   padding-bottom: 5px;
}

a
{
 font-size: 13px;
}


img
{
  border: none;
}



.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


/* ........................................................Imagenes Alineadas */
.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 10px;
}

.fl_img {
	float: left;
	margin: 3px 20px 15px 0;
}
.fr_img {
	float: right;
	margin: 3px 0 15px 15px;
}




/* Headings:  :...................................... */

h1 { font-size: 40px; color: #000; margin: 0 0 30px 0; padding: 0px 0;  }
h2 { font-size: 24px; color: #fff; margin: 0 0 20px 0; padding: 0;      }
h3 { font-size: 21px; color: #fff; margin: 0 0 20px 0; padding: 0;      }
h4 { font-size: 18px; color: #fff; margin: 0 0 10px 0; padding: 0;      }
h5 { font-size: 16px; color: #fff; margin: 0 0 10px 0; padding: 0;      }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}


h1
{
    font-size:18px;
	font-weight:normal;
	text-transform: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 0px;
    margin: 0px;
}

h2
{

     font-size:18px;
	font-weight:normal;
	text-transform: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 0px;
    margin: 0px;

}

h3
{


	font-weight:normal;
	text-transform: none;
     font-size: 26px;

}




img
{
    clear: both;
    display: block;
	border:none;
	vertical-align:top;
}

P
{
      padding-bottom: 5px;
      text-align: justify;
      margin: 5px;

}




/* =================================================================== HEADER */
header
{
    margin: 0px;
    padding: 0px;
    background: #fcfbfa url(../imagenes/bk_header.jpg) top repeat-x;
    width: 100%;
    height: 120px;
    /*overflow: hidden;   */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 980;

}
#sombra_header{
  display: block; margin: 0px; padding: 0px;
  background: url(../imagenes/sombra.png) top repeat-x;
  width: 100%;
  height: 21px;
  position: fixed;
  left: 0px;
  top: 115px;
  z-index: 970;

}

header .container
{
  /*border-left: 1px solid aqua;
  border-right: 1px solid aqua;*/
}


header #logo
        {
          cursor: pointer;
          float: left; margin: 0px; padding: 0px;
          position: absolute; margin-top:0px; margin-left: 0px;
           z-index: 999;
           width: 250px; height: 100px;
           margin-left: -10px; margin-top: 15px;

        }

#enlace_responsive_registro{
  display: none;
}

/* .......................................................................NAV */

nav
{

    display: block;
    float: right;
    padding: 0px;
    width: 590px;
    height: 45px;
    margin-top: 40px;


}


       nav ul#menu_header
       {

            width: 590px;  height: 45px;
            list-style: none;
            display: block; float: left; margin: 0px; padding: 0px;

          }

          nav ul#menu_header li
          {
            display: block; float: left; margin: 0px; padding: 0px;
           width: 114px;
            height: 45px;

            margin-left: 2px; margin-right: 2px;
            width: auto;
            float: right;
            margin-right: 8px;
            margin-left: 8px;
          }
            nav ul#menu_header li:first-child{
               margin-right: 0px;

            }

             nav ul#menu_header li:hover{
                border-bottom: 4px solid #c3d546;
             }

           nav ul#menu_header li a
          {
           display: table-cell; vertical-align: middle;
           font-size: 15px;
           font-family: 'Roboto Condensed', sans-serif;
           width: auto;
           max-width: 114px;
           height: 45px; text-decoration: none;

            cursor: pointer;
            color: #000; text-align: center;

          }


       /* efecto menu ------------------------------------------------------ */
/*
 header.smaller
       {

       }

        header.smaller   #logo_menu
        {
          margin-top: 0px;
        }



        header.smaller nav
        {
           width: auto;
           float: right;
        }

                header.smaller nav  #logo_menu a
                {
                  width: 217px; height: 150px;
                }
                    header.smaller nav  #logo_menu a img
                    {
                      width: 217px; height: 150px;
                    }

            header.smaller nav ul#menu_header
            {
               float: right; width: auto; padding: 0px;

               float: left;
               margin-left: 0px;
                width: 585px;
                width: 800px;

            }

              header.smaller nav ul#menu_header   li
              {
                margin-left: 5px; margin-right: 5px;
                width: 123px;
              }
                 header.smaller nav ul#menu_header li a
                 {
                   width: 123px;
                 }

                header.smaller  nav ul#menu_header li a span
               {
                  vertical-align: middle;
               }

                header.smaller  nav ul#menu_header li a span.txt_menu
               {
                 height: auto;
                 font-size: 16px;
               }

             */


  .clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }



/* ============================================================== NAVEGACION  */




.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}





/* ============ LINEAS =============== */

.line
{
	/* The dividing line: */
	height:1px;
	background-color: white;
	border-bottom:1px solid #CCC;
	margin:1em 0;
	overflow:hidden;
}

article .line
{
	/* The dividing line inside of the article is darker: */
	/*background-color:  #213E4A;
	border-bottom-color:  #35748E;*/
	margin:1em 0;
    /*margin:0.5em 1em;*/
}



/* ============ ARTICULOS =============== */



article
{
	background-color: transparent;
 	margin:0.8em 0.8em;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    font-size:16px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	/*color: #032b47;   */

	/*text-shadow:0 2px 0 black;*/
	
}


/* ====================== CONTENIDO PRINCIPAL: BLOQUES =============================== */
#trigger1, #trigger2, #trigger3, #trigger4
{
  display: block; /*float: left;*/ width: 100%; height: auto;
}

.bloque_info
{
 /*width: 100%; */
   height: 640px;
   margin: 0px;
   position: relative;
   background-attachment: fixed;

   background: transparent;


}



    .bloque_info .grafico_bloque,
    .bloque_info .txt_bloque
    {
      display: block; position: absolute; margin: 0px; padding: 0px;
      top: 0px; left: 0px; z-index: 10;
    }
        .bloque_info .grafico_bloque{

        }

    .bloque_info  h2.titulo_bloque,
     .bloque_info h2.titulo_bloque_centrado{
      position: relative; display: block;
       margin: 0px;
      font-size: 60px; color: #000; font-weight: 700;
      height: 90px; height: 75px; line-height: 75px;
      /*border: 1px solid black;    */


     }




    .bloque_info  h2.titulo_bloque {
      text-align: left;
    }
     .bloque_info h2.titulo_bloque_centrado  {
      width: 100%; text-align: center;
      background: url(../imagenes/linea_verde.png) bottom center no-repeat;

    }

     .bloque_info .txt_bloque {
        z-index: 20;
     }

         .bloque_info .txt_bloque p
         {
            font-size: 23px;
            display: block;
            color: #222222;
            color: #000;
            margin: 0px;
            margin-bottom: 20px;
         }

     .bloque_info .grafico_bloque {
        display: block;
      }

      .bloque_info .grafico_bloque img {

      }



        /* 01 QUIENES SOMOS ======================================================================================= */
         #bloque_quienessomos
         {
           background: #a5d8a3 url(../imagenes/bloque-quienes-somos.jpg) top center;
           position: relative;  height: 640px;
           margin-top: 120px;

            background-attachment: fixed;
            background-size: cover;

            overflow: hidden;
         }
             /* grafico -------------------------------- */
            #bloque_quienessomos .grafico_bloque
            {
                left: 705px; top: 90px;
                width: 444px; height: 562px;
                display: inline-block;
                position: absolute;
            }

            /* textos -------------------------------- */
             #bloque_quienessomos  .titulo_bloque
             {
               width: 100%; text-align: center;
               top: 60px;
               background: url(../imagenes/linea_verde.png) bottom center no-repeat;
               font-family: 'Crimson Text', serif;
               color: #fff;
               color: #3e6e91; /* azul logo ok */
             }

             #bloque_quienessomos .txt_bloque
            {
                width: 960px;
               padding: 20px;
               background:  url(../imagenes/blanco.png) repeat;
               top: 175px;  left: 0px;
               padding-top: 30px;
               padding-bottom: 30px;

               -webkit-box-shadow: 2px 2px 10px 2px #7D7D7D;
                box-shadow: 2px 2px 10px 2px #7D7D7D;

            }

              #bloque_quienessomos .txt_bloque .titulo_bloque,
              #bloque_quienessomos .txt_bloque p
              {

                text-align: left; color: #000;
              }
                #bloque_quienessomos .txt_bloque .titulo_bloque
                {
                  margin-bottom: 15px; font-size: 20px;
                }

          .texto_quienessomos {
            float: right; width: 92%;display: inline-block; color: #222222;font-family: 'Crimson Text', serif;
            font-size: 24px; line-height: 30px;
            color: #000;
          }
          .logo_quienessomos {
            float: left; width: 40px; height: 40px;background: url(../imagenes/circulo.png);
            background-size: cover; margin-left: 10px; margin-top: 10px;
          }
            .logo_quienessomos#logo_quienessomos_01,
            .logo_quienessomos#logo_quienessomos_03{
              margin-top: 13px;
            }


          .imagen_separadora {
            float: left; width: 100%; height: 4px;
            background: url(../imagenes/linea_verde.png) no-repeat center center;
            margin: 25px 0px;/* margin-top: 30px;   */
          }


         /* 02 EXPERIENCIA ======================================================================================= */
           #bloque_experiencia
           {
             background: #487dac url(../imagenes/bk-bloque-experiencia.jpg) top center no-repeat;
             background-size: cover;
              background-attachment: fixed;
             /*background-size: auto;*/
             height: 745px;
             height: 900px;
             position: relative;
           }
          /* grafico -------------------------------- */
            #bloque_experiencia .grafico_bloque
            {
               width: 998px; height: 350px;
               left: 0px; top: 335px; top: 510px;

            }
                #bloque_experiencia .grafico_bloque .item_experiencia{
                  display: block; float: left; margin: 0px; padding: 0px;
                  width: 319px; height: 350px;
                  margin-left: 10px; margin-right: 10px;
                }
                    #bloque_experiencia .grafico_bloque .item_experiencia:first-child{
                      margin-left: 0px;
                    }
                    #bloque_experiencia .grafico_bloque .item_experiencia:last-child{
                      margin-right: 0px;
                    }



            /* SLIDES ================================================ */
             #bloque_experiencia .contenedor_slide_experiencia{
                display: block; float: left; margin: 0px; padding: 0px;
                  width: 319px; height: 350px; overflow: hidden;
                  margin-left: 10px; margin-right: 10px;
             }
                 #bloque_experiencia .contenedor_slide_experiencia .item_slide{
                    display: block; float: left; margin: 0px; padding: 0px;
                    width: 319px; height: 350px;
                 }
                    #bloque_experiencia .contenedor_slide_experiencia:first-child{
                      margin-left: 0px;
                    }

                    #bloque_experiencia .contenedor_slide_experiencia:last-child{
                      margin-right: 0px;
                    }

          /* textos  -------------------------------- */
           #bloque_experiencia  h2.titulo_bloque_centrado {
               top: 20px; color: #fff;
               top: 53px; height: 80px;
           }

           #bloque_experiencia  .txt_bloque {
               top: 125px; top: 155px;
               width: 900px;  height: 191px;


               float: none; margin: 0 auto; width: 100%;
           }

            #bloque_experiencia  .txt_bloque p{
              text-align: left; color: #fff;
              line-height: 30px;
            }

         /* 03 QUEHACEMOS ======================================================================================= */
           
           .fondo_servicios {background-color: #ebebeb;}
           .titulo_servicios {
              width: 100%; float: left; text-align: center; font-family: 'Crimson Text', serif; font-size: 60px; color: #000;
          }



           #bloque_servicios
           {
              background: #ebebeb url(../imagenes/bk-bloque-servicios.jpg) top center no-repeat;
             height: 1140px;
             height: 1164px;
              background-attachment: fixed;
            background-size: cover;
           }

               #bloque_servicios  h2.titulo_bloque_centrado {
                   top: 56px;  color: #4b4b4b; color: #C2D446;
                   color: #3e6e91; /* azul logo ok */
                   position: relative; z-index: 100; top: -270px;
                  background: url(../imagenes/linea_verde.png) bottom center no-repeat;
               }

                #bloque_servicios #titulo_servicios_aux {
                  color: #C2D446;
                  color: #3e6e91; /* azul logo ok */
                  background: url(../imagenes/linea_verde.png) bottom center no-repeat;
                   top: 56px;
                   position: relative; z-index: 100; top: -270px;
               }

               #bloque_servicios .grafico_bloque.grafico_titulo{
                  width: 1000px; height: 316px;
                  position: relative;
                  background: #ccc;
                  clear: both;
                  display: block; float: none; margin: 0 auto;

                  top: 166px;
                  top: 150px;
               }
               #bloque_servicios .txt_bloque#info{
                   width: 998px; height: 190px;
                   top: 510px;
                   top: 500px;

               }

                #bloque_servicios .txt_bloque#info p{
                  display: block; float: left; margin: 0px; padding: 0px;
                 /* width: 473px;*/ font-size: 22px;  margin-bottom: 20px;
                 /* margin-right: 50px; */
                  color: #424242;
                  color: #000;
                  text-align: left;
                }
                    #bloque_servicios .txt_bloque#info p:last-child{
                     /* margin-right: 0px;   */
                    }



                /* segundo bloque de info --------------------- */

                /* titulo 2 */
               .titulo_bloque.titulo_bloque_centrado#titulo_servicios {
                 top: 335px; top: 335px;
                 font-size: 39px; height: auto; height: 65px;
                 line-height: 60px;
               }

                #bloque_servicios .txt_bloque#txt_servicios_02{
                  /* width: 998px; height: 190px; */  color: #424242;
                  width: 763px;
                   top: 810px;
               }


                #bloque_servicios .txt_bloque#txt_servicios{
                  display: block; float: left; margin: 0px; padding: 0px;
                  width: 712px; height: 280px;
                  margin-left: -10px;
                  top: 920px;
                }

                #bloque_servicios .txt_bloque#txt_servicios ul.lista_servicios{
                  display: block; float: left; margin: 0px; padding: 0px;
                   width: 322px; height: 280px;
                  margin-left: 30px;
                }
                    #bloque_servicios .txt_bloque#txt_servicios ul.lista_servicios li
                    {
                        width: 325px; height: auto;
                      font-size: 22px; font-weight: 400; color: #424242; color: #000;
                      padding: 0px; margin: 0px;
                    }

                #bloque_servicios .grafico_bloque#grafico_normas{
                  width: 292px; height: 336px;
                  left: 770px; top: 790px;
                  background: url(../imagenes/grafico_b_boca_energy.png) center center no-repeat;
                }
          



          /* 04 ALIANZAS ======================================================================================= */
           #bloque_alianzas
           {
             background: #b2b6b4 url(../imagenes/bloque-alianzas.jpg) top center no-repeat;
             height: 750px;
              background-attachment: fixed;
              background-size: cover;
           }
                #bloque_alianzas  .titulo_bloque_centrado
               {
                   top: 66px; color: #414141; color: #fff;
                   background: url(../imagenes/linea_azul.png) bottom center no-repeat;
                   
               }
               #bloque_alianzas  .txt_bloque
               {
                    background: #fff;
                   position: relative;
                   float: none; margin: 0 auto; width: 938px; height: 347px; color: #000000;
                    text-align: left;
                    top: 110px;
                    padding: 20px; width: 918px; width: 960px; height: 327px;
                    padding-bottom: 30px;  color: #000;

                    -webkit-box-shadow: 2px 2px 10px 2px #7D7D7D;
                    box-shadow: 2px 2px 10px 2px #7D7D7D;
               }
                #bloque_alianzas  .txt_bloque p{
                   color: #000;
                }

                #bloque_alianzas  .txt_bloque p.azul
                {
                  text-align: center; color: #225d87; color: #000;
                }

                     #bloque_alianzas .btn_cta{
                         display: block; float: none; position: relative; margin: 0px; padding: 0px;
                         width: 197px; height: 62px; line-height: 62px; color: #fff;
                         font-size: 30px; background: #c2d446; text-align: center; text-decoration: none;
                         /*left: 766px;*/float: right; right: 0px; top: 150px;
                     }

        .texto_alianzas {
            font-family: 'Crimson Text', serif; font-size: 24px; width: 100%;display: inline-block; 
            float: left;color: #414141; color: #000; line-height: 30px;
        }
        .subtitulo_alianzas {
          width: 100%; float: left; text-align: center; font-family: 'Crimson Text', serif; 
          font-size: 24px; color: #414141; font-weight: bold;
        }

        .logo_pequenio {width: 28px; height: 28px; background: url(../imagenes/circulo.png) no-repeat center center;
            background-size: cover; display: inline-block; position: relative; top: 8px;
        }
        .subtitulo_texto {display: inline-block; margin-bottom: 10px; margin-top: 5px; color: #000;}
        .centrado {text-align: center;}
        .margen_arriba {margin-top: 10px;}
        .linea_imagen {
           float: left; width: 100%; height: 4px;
           background: url(../imagenes/linea_azul.png) no-repeat center center;
           margin: 5px 0px; position: relative; top: 130px;
        }



         /* 05 CONTACTO ======================================================================================= */
           #bloque_contacto
           {
             background: url(../imagenes/bk-bloque-contacto.jpg) top center no-repeat;
             height: 710px;
              background-attachment: fixed;
              background-size: cover;  color: #000;
           }
                #bloque_contacto .titulo_bloque_centrado{
                   color: #3e6e91; /* azul logo ok */ 
                  top: 65px;  background: url(../imagenes/linea_verde.png) bottom center no-repeat;
                }

                #bloque_contacto #elementos{
                  display: block; float: none; margin: 0 auto;
                  width: 998px; height: 348px;
                  position: relative; top: 100px;

                }



                #bloque_contacto #elementos .grafico_bloque.elemento_contacto {

                   position: relative;
                 display: block; float: right; margin: 0px; padding: 0px;

                 width: 400px; height: 350px;

                 width: 398px; height: 500px;   color: #000;




               }

               #bloque_contacto  .grafico_bloque.elemento_contacto#formulario_contacto {
                 /*background: #777777;   */
               }
               #bloque_contacto  .grafico_bloque.elemento_contacto#mapa_ubicacion {

                 float: left;
               }
                #bloque_contacto  #mapa_ubicacion #googlemaps
                {
                 /* width: 100%; height: 250px; height: 100%;   */
                 /* width: 400px; height: 350px;*/
                }




                /* contacto- upd-oscar 2015.02.12 */
              #bloque_contacto  .campo {
                    width: 90%; height: 50px; float: none; margin: 0 auto; display: block; margin-top: 20px; font-size: 18px;
                    color: #6a6a6a;  color: #000; text-indent: 10px;  font-family: 'Roboto Condensed', sans-serif; border: 2px solid #c9c9c9;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                  }
               #bloque_contacto   .areatexto {
                    width: 90%; display: block; float: none; margin: 0 auto; margin-top: 20px; height: 200px; border: 2px solid #c9c9c9;
                    color: #6a6a6a;  color: #000; font-size: 18px; text-indent: 10px;  font-family: 'Roboto Condensed', sans-serif;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                  }
               #bloque_contacto   .boton_enviar {
                    display: block; float: none; margin: 0 auto; margin-top: 10px; padding: 10px 35px;  border: none;
                    font-family: 'Roboto Condensed', sans-serif; font-size: 21px; color:  #fff; background-color: #c2d446;
                  }
                #bloque_contacto  #nombre {margin-top: 0px;}

               #bloque_contacto   .mapa_google{width: 500px; height: 350px; float: left;
                    -webkit-box-shadow: 9px 9px 0px 0px rgba(194, 212, 70, 1);
                    -moz-box-shadow:    9px 9px 0px 0px rgba(194, 212, 70, 1);
                    box-shadow:         9px 9px 0px 0px rgba(194, 212, 70, 1);
                  }


                  .info_contacto {
                      float: left; display: inline-block;  color: #6a6a6a; color: #000; margin-top: -125px;
                      font-size: 19px; line-height: 23px;
                    }
                    .info_contacto img {display: inline-block; margin-right: 4px;}
                    #telefono_icono {display: inline-block; margin-left: 9px;}
                    .linea_telefono{display: inline-block;margin: 5px 0px;}

/* =========================== FOOTER ======================================  */


footer
{

 background: #487ea7;

margin: 0px;
padding: 0px;
clear: both;
height: 305px;
}


footer ul#menu_footer
{
  display: block; float: right; margin: 0px; padding: 0px;
  width: auto; height: 50px; margin-top: 50px;
  list-style:none;

}
    footer ul#menu_footer li
    {
      display: block; float: left; margin: 0px; padding: 0px;
      max-width: 120px; height: 50px; margin-left: 10px; margin-right: 10px;

    }
        footer ul#menu_footer li a
        {
          display: table-cell; text-align: center; vertical-align: middle;
          color: #fff; text-decoration: none; width: 100%; height: 50px;
          font-size: 15px; font-family: 'Roboto Condensed', sans-serif;

        }



.footer-segment {
float: left;
margin: 0px;
padding: 0px;

margin-top: 0px;
padding-bottom: 15px;
margin-right: 20px;

width: 260px;


}
/* registro */.borde{border:1px #df00ee solid;}.registro{max-width:1000px;display:inline-block;}.renglon{width:100%;font-size:18px;margin-bottom:10px;text-align:center;float:left;}.divisor{border-top:1px #676767 solid;height:20px;margin-top:20px;float:left;}.azul{color:#0048ca;}.campo{width:49%;height:45px;float:left;}.milabel{width:40%;color:#333;font-size:18px;float:left;text-align:right;margin-right:2%;}.form_input{width:55%;height:26px;float:left;}#unmomento{display:none;}.rojo{color:#df0000;}.marcorojo{border:1px #df0000 dashed;background:#ffcccc;}
#unmomento2{display:none; width: 100%; position: absolute; top: 310px;}

.logo_pie {float: left; width: 228px; height: 82px;  margin-top: 20px;
  background: url(../imagenes/logo_pie.png) no-repeat center center;
}