#cabecera
{
  clear: both;
  height: 430px;/*pie pagina color
  background:#C0C0C0;
  /*background-color: #666;*/

  margin-bottom: 1px;
  color:#FF0080;
  font-family:Algerian ;
}
#titulo_pie{
  text-align: center;

}

#contenido-pie{
  text-align: center;
}

#contenido
{
  float: 30 auto;
  width: 100%;
  background-color: #00FFFF;
  margin: 50px auto;
  position:center;
  color: #FF0080;
  
  
}




#contenedor{
  font-family: Algerian;
  width: 103%;/*direccion de la barra*/
  margin: 1 auto;
  text-align: left;
  background:#6F7261; 
}


h1
{





  width:150%;
  color:#F6F6F6;
  font-weight: bold;
  font-size:9px;
  text-align: left;
  text-transform: uppercase;
  margin:1px;
  padding:21px 50px 30px 10px;
  border:0px;
}

h3
{
  margin-top: 0;
  padding-top: -10px;
  color:#000000;
}


#tabla{

 background-color: red;
 background: #A5CFF0;


}
th {
  background: #00FFFF;

}



.tfilial,td{

  vertical-align: top;
  font: Algerian;
  padding: 30px;
  margin: 10px;

}
.tfilial1,td1{

  vertical-align:top;
  font: Algerian;
  padding:610px;
  margin: 110px;
  



}





#pie{
  background: #808080;
  clear: both;
  color: white;
  height: 320px;
  font-size: 15px;
  font-family:Algerian ;
  color: #FF0080;
}












/*----------------------------------MENU-------------------------------------*/
/*---------------------------------------------------------------------------*/

.mi-menu  {
  border-radius: 15px;
  list-style-type: none;
  line-height:40px;
  margin:35 auto; /* si queremos centrarlo */
  padding:0;
  /* la altura y su ancho dependerán de los textos */
  height:35px; 
  width:1694px;


  /* el color de fondo */
  background: #FF0080;
  background: -moz-linear-gradient(#FF0080,#0000FF);
  background: -webkit-linear-gradient(#FF0080,#0000FF);
  background: -o-linear-gradient(#FF0080,#0000FF);
  background: -ms-linear-gradient(#FF0080,#0000FF);
  background: linear-gradient(#FF0080,#0000FF);
}




.mi-menu  br { display:none;



}


/* cada item del menu */
.mi-menu  li {
  display: block;
  float: left; /* la lista se ve horizontal */
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;

}
.mi-menu li a {
  border-left: 1px solid #00FFFF;
  border-right: 1px solid #FF0080;
  color: #EEE;
  display: block;
  font-family: Algerian ;
  font-size: 13px;
  font-weight: bold;
  line-height: 28px;
  padding: 0 14px;
  margin: 6px 0;
  text-decoration: none;
  /* animamos el cambio de color de los textos */
  -webkit-transition: color .65s ease-in-out;
  -moz-transition: color .58s ease-in-out;
  -o-transition: color .169s ease-in-out;
  -ms-transition: color .42s ease-in-out;
  transition: color .111s ease-in-out;
}

/* efecto hover cambia el color */
.mi-menu li:hover > a { color: red; }

/* los submenús */
.mi-menu ul {
  border-radius: 0 0 5px 5px;
  left: 10;
  margin: 0;
  opacity: 0; /* no son visibles */
  position: absolute;
  top: 0px; /* se ubican debajo del enlace principal */
  /* el color de fondo */
  background: #FF0080;
  background: -moz-linear-gradient(#FF0080,#0000FF);
  background: -webkit-linear-gradient(#FF0080,#0000FF);
  background: -o-linear-gradient(#FF0080,#0000FF);
  background: -ms-linear-gradient(#FF0080,#0000FF);
  background: linear-gradient(#FF0080,#0000FF);
}