estilos.css

/* TABLA */
.tabla_seleccion {
  font: 1.1em Arial, Helvetica, sans-serif;
  text-align: center;
  border: 1px solid #333;
  border-collapse: collapse;
  background: #F8F8F8; 
  width:99%;
  	
}
.tabla_seleccion th {
  background: #F5F5F5 ;
  padding: 0 .3em;
}

.tabla_seleccion th, .tabla_seleccion td {
  border: 1px solid #333;
  line-height: 2em;
  padding:0.5em;
}

.tabla_seleccion tr:hover {
  color:#000;
  background: #F0F0F0;
}

body {
  font: .9em/1.4 Arial, Helvetica, sans-serif;
  color: #000;
  background: #E0E0E0;	
}


/* BARRA SUPERIOR */
.bar_titulo{
   display: block;		
   width:99%;
   background-color:#006633;
   height:55px;	
}


.bar_titulo h3{
     font:1.8em Arial, Helvetica, sans-serif;
       color:#FFF;
   text-align: center;

}

.tabla_titulo{
   width:100%;
  text-align: center;
}


/* BOTONES */
.boton {
    font:.8em Arial, Helvetica, sans-serif;
    padding: .4em .6em .4em .6em;
    background:#e5e5e5;
    display:inline-block;
    border-radius: 5px;    
    color:#333;
    text-decoration:none;
    text-shadow: 0 1px 1px #FFF;
    border:1px solid #ccc;
}
.boton:hover {
    color:white;
    background: #68B557;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.boton:active {
    background: #2E5481;
    border: solid 1px #203E5F;
}



.boton_rojo{
	background:red;
	color:#FFF;
}
.boton_rojo:hover {
    background: #FFF;
    color:#000;	
    border: solid 1px #2A4E77;
    text-decoration: none;
}
/* FORMULARIO */
.formulario {
    margin-left:auto;
    margin-right:auto;
    max-width: 500px;
    background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}

.formulario label {
    display: block;
    margin: 0px;
}
.formulario label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.formulario input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.formulario textarea{
    padding: 5px 3px 3px 5px;
}
.formulario select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.formulario textarea{
    height:100px;
}
.formulario .button {
    background: #E27575;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}
.formulario .button:hover {
    background: #CF7A7A
}



/* FOOTER */
.pie {
   width:99%;
   height:20px;
   border-top: 1px solid #C5C5C5;
   border-bottom: 1px solid #C5C5C5;
   background: #F8F8F8;
   color: #555;
   font-size: .75em;
}