@charset "utf-8";
/* CSS Document */


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

input:invalid {
  border: 1px solid red;
  
}

#cuerpo{
      width:960px;
      margin:15px auto;
      text-align:left;
}

#encabezado{
      background:#C8C8C8;
      border-style: solid;
      border-top: thick double #000;     
      padding: 5px;
}
#menu{
      background: #cccccc;
      padding: auto auto;
	  border-style: solid;
      border-top: thick double #000;
	  background: -webkit-linear-gradient(top, #FFFFFF, #006699);
      background: -moz-linear-gradient(top, #FFFFFF, #006699);
	 
}

#seccion{
      float:left;
      width:1020px;
      margin:20px;
}

#lateral{
      float:right;
      width:220px;
      margin:20px 0px;
      padding:20px;
      background:#9F3;
	  
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
      border-radius: 20px;
     -moz-box-shadow: rgb(150,150,150) 5px 5px;
     -webkit-box-shadow: rgb(150,150,150) 5px 5px;
      box-shadow: rgb(150,150,150) 5px 5px;
}
#central{
      margin: 40px auto 60px auto;
      background: #c4d8ed;
        
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
      border-radius: 20px;
     -moz-box-shadow: rgb(150,150,150) 5px 5px;
     -webkit-box-shadow: rgb(150,150,150) 5px 5px;
      box-shadow: rgb(150,150,150) 5px 5px;
}

#centralSecundaria{
      margin: 1000px auto 500px auto;
      background:#DFE9F2;
        
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
      border-radius: 20px;
     -moz-box-shadow: rgb(150,150,150) 5px 5px;
     -webkit-box-shadow: rgb(150,150,150) 5px 5px;
      box-shadow: rgb(150,150,150) 5px 5px;
}


#central td{
      padding:7px;
}
#titulo{
        font-size: 1em; 
        line-height: 1em;
        padding: 60px;
        color: #333333;

}

span.red {
  background: red;
   border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 7.6em;
  margin-right: 15px;
  text-align: center;
  width: 7.6em; 
}
 
span.grey {
  background: #cccccc;
  border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 7.6em;
  margin-right: 15px;
  text-align: center;
  width: 7.6em; 
}
 
span.green {
  background: #5EA226;
  border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 7.6em;
  margin-right: 15px;
  text-align: center;
  width: 7.6em; 
}
 
span.blue {
  background: #5178D0;
  border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 7.6em;
  margin-right: 15px;
  text-align: center;
  width: 7.6em; 
}
 
span.pink {
  background: #EF0BD8;
  border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  line-height: 7.6em;
  margin-right: 15px;
  text-align: center;
  width: 7.6em; 
}
span{
    alignment-baseline: central;
}
table tbody tr td{
    alignment-adjust: central;
}