body      { font-size: 11px; font-family: Arial; background-color: #f2f2f2; text-align: center; margin: 0; padding: 0 }
a  { outline-width: 0 }

/* TEXTOS*/

.verde  { color: #24af47; font-size: 11px }
.naranjo { color: #feae0c; font-size: 11px }
.gris { color: #666; font-size: 11px }
.boldverde   { color: #24af47; font-size: 11px; font-weight: bold }
.boldnaranjo  { color: #feae0c; font-size: 11px; font-weight: bold }
.boldgris  { color: #666; font-size: 11px; font-weight: bold }

/* MENU SECUNDARIO HEADER*/

.btnsecundario       { color: #666; font-size: 11px; text-decoration: none; background-image: url(../images/flechasubmenu.gif); background-repeat: no-repeat; background-position: right 0 }
.btnsecundario:hover    { color: #feae0c; font-size: 11px; text-decoration: none; background-image: url(../images/flechasubmenuhover.gif); background-repeat: no-repeat; background-position: right 0 }

/* FORMULARIO DE CONTACTO*/

.etiqueta { color: #666; font-size: 11px }
.campos  { color: #333; font-size: 11px; font-family: Arial; background-color: #f5f5f5; padding: 2px 4px; width: 170px; border-width: 0 }
.textarea   { color: #333; font-size: 11px; font-family: Arial; background-color: #f5f5f5; padding: 2px 4px; width: 170px; height: 135px; border-width: 0 }
.asterisco { color: #f30; font-size: 11px }
.btnenviar  { background-image: url(../images/btnenviar.jpg); width: 170px; height: 23px; border-width: 0 }


/* TRES PASOS*/
#nav    { display: block; width: 8px; height: 196px }
#nav ul  { list-style-type: none; margin: 0; padding: 0 }
#nav ul li  { float: left }
#nav ul li span   { display: none }
#nav ul li.trespasos a      { background: url(../images/tres.gif) no-repeat left top; display: block; width: 8px; height: 196px }
#nav ul li.trespasos a:hover  { background: url(../images/treshover.gif) no-repeat left top }