.Campo { 
   font-size: 10px; 
   font-family: Verdana; 
   border: 1px solid #333333; 
   background: #EEEEEE;
}

.Boton {
   font-size: 10px;
   font-family: Verdana; 
   border: 1px solid black;
}


a.p:link { 
    color: #616EA2; 
    text-decoration: none; 
} 
a.p:visited { 
    color: #3A5CDB; 
    text-decoration: none; 
} 
a.p:active { 
    color: #FF0000; 
    text-decoration: none; 
} 
a.p:hover { 
    color: #009900; 
    text-decoration: underline; 
} 
a.m:link { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a.m:visited { 
    color: #FFFFFF; 
    text-decoration: none; 
} 
a.m:active { 
    color: #FFFF00; 
    text-decoration: none; 
} 
a.m:hover { 
    color: #66FFFF; 
    text-decoration: underline; 
} 
.titulo{
   background-image: url(../images/logi.jpg);
   background-repeat: repeat-x;
   background-size: 220px;
   height: 48px;
}
.texto_titulo {
   font-family: Verdana; 
   font-size: 12px; 
   font-weight: bold;
   color: #FFFFFF;
   background-color: #004BC0;
}
.texto_menu {
   font-family: Verdana; 
   font-size: 10px; 
}
.texto {
   font-family: Arial; 
   font-size: 13px; 
}
.texto_mas_grande {
   filter: shadow( color = #003399 , direction = 300 );
   font-family: Arial; 
   font-size: 24px; 
}
.texto_grande {
   font-family: Arial; 
   font-size: 18px; 
}
.texto_mediano {
   font-family: Arial; 
   font-size: 16px; 
}
.texto_pequeno {
   font-family: Arial; 
   font-size: 14px; 
}
.texto_mini {
   font-family: Arial; 
   font-size: 12px; 
}
.texto_micro {
   font-family: Arial; 
   font-size: 11px; 
}
.texto_nano {
   font-family: Arial; 
   font-size: 10px; 
}
.texto_copy_mini {
   text-align: center;
   font-family: Arial; 
   font-size: 9px; 
}
.blanco {color: #FFFFFF}
.guindo {color: #990000}
.rojo {color: #CC0000}
.verde {color: #00CC00}
.azul {color: #0000FF}
.amarillo {color: #FFFF00}
.celeste {color: #00FFFF}
.rosado {color: #FF00FF}
.azul1 {color: #003366}
.azul2 {color: #006699}

.pie {
   border: groove;
/*      para margenes
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    padding-left: 50px;
    background-color: silver;
   color: purple;
*/
   font-family: Arial; 
   font-size: 12px; 
}

.Rotate-90
{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
 
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
 
  font-size: 40px;
  background: #e0e0e0;
  width: 100px;
  position: relative;
  top: 50px;
}

.vertical1 {
    writing-mode: vertical-lr;
}
.vertical2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.vertical3 {
  width:20px;
  word-wrap: break-word;
  text-align:center;
}