div#contenedor {
   font-size:14px;
   background:#fff;
   margin:0px auto;
   overflow:hidden;
   padding:0px ;
   text-align:center;
   width:1200px;
   height:100%;
}

#cabecera{
   overflow: visible;
   width:100%;
   height:142px;
   color:#f1f1f1;
   font-weight: bold;
   background: url(img/fondo-cabecera.jpg) repeat-x top;
}

#cabeceraTexto {
     color:#f1f1f1;
     width:580px;
     padding:15px 10px 0px 0px;
     text-align:right;
       font-weight: normal;
     float:left;
     font-size:1.2em; 
}

#menuHorizontal {
   float:left;
   margin:0px;
   padding:0px;
   display:none;
   width:100%;
}

menu_box {
  margin:0px;
  padding:0px;
}

#barraSuperior{
  padding:auto;
  margin:0px;
  display:block;
  width:100%;
  height:47px;
  color:#484893;
  font-weight: normal; 
}

#barraSuperiorIzquierda{
  padding: 10px 0px 0px 0px;
  margin:0px;
  float:left;
  width:215px;
  height:47px;
  background: url(img/fondo-barra1.jpg) no-repeat top;
}

#barraSuperiorDerecha{
  padding:20px 0px 0px 0px;
  margin:0px;
  float:right;
  width:985px;
  height:47px;
  background: url(img/fondo-barra2.jpg) repeat-x top;
}

#barraInferior{
  width:100%;
  float:left;
  color:#0000;
  font-size:.8em;
  text-align:center;
  font-weight: normal;
  background: url(img/fondo-barra11.jpg) repeat-x top;
}

#barraInferiorIzquierda{
  float:left;
  width:215px;
  height:47px;
  font-weight: normal;
  background: url(img/fondo-barra10.jpg) repeat-x top;
}

#columnaBarraInferior{font-size:1em;float:left;width:175px; padding:1px 0px 0px 0px;}

@media screen and (max-width:1000px){
div#contenedor{ width: 800px; }
#flash {display:block;}
#barraSuperiorDerecha{ width:585px;  }
 .paso01,.paso02,.paso03 { background-size: 90% auto; }
#cabeceraTexto { width:190px; font-size:.8em; }


}


@media screen and (max-width:800px){
  div#contenedor{ width: 100%; }
   #flash {display:none;}
  #barraSuperior{ display:none;}
  .paso01,.paso02,.paso03 { background-size: 100% auto; }
  div#digabox {font-size: 0.9em;}

  #cabeceraTexto {
     font-size:1em;
     color:#000;
     padding:0px 0px 5px 0px;
     width:95%;
   }
   #menuHorizontal {overflow: visible;
      display:block;}
}


@media screen and (max-width:600px){
  div#contenedor{ width: 100%; }
  #flash {display:none;}
  #barraSuperior{ display:none;}
  div#digabox {font-size: 0.8em;}
  .paso01,.paso02,.paso03 { background-size: 100% auto; }
  #cabecera { height:70px;
   background: #484893;}
  #cabeceraTexto {
     font-size:.9em;
     color:#000;
     padding:0px 0px 5px 0px;
     width:95%;
   }
    #menuHorizontal { overflow: visible;
      display:block;}
}