body
{
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.formTitle
{
    color: #1c2960;
    font-size: large;        
}

a
{
    clear: both;
}
/*
.menuItemAprobado
{
    width: 185px;
    display: block;
    background-color: #32814b;
    color: #c1f49c;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff;     
    padding: 8px 12px;
    text-decoration: none;           
}
*/

.menuItemAprobado
{
    width: 185px;
    display: block;
    background-color: #7d98c4;
    color: #d6eaf6;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff;     
    padding: 8px 12px;
    text-decoration: none;           
}

.menuItemDone
{
    width: 185px;
    display: block;
    background-color: #5175ae;
    color: #d6eaf6;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff;     
    padding: 8px 12px;
    text-decoration: none;           
}

.menuItemDoing
{
    width: 185px;
    display: block;
    background-color: #3f5683;
    color: #f7edc5;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff; 
    padding: 8px 12px;
    text-decoration: none;
}

.menuItemMissing
{
    width: 185px;
    display: block;
    background-color: #c0c0c0;
    color: #7c8090;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff; 
    padding: 8px 12px;    
    text-decoration: none;
}

.seccion1
{
    background: #f8f8f8;
    border: 1px dotted #e5ddca;
    font-family: Verdana;
    font-size: small;
    width: 780px;
    margin: 5px 5px 5px 5px;    
}

.seccion2
{
    background: #eaf1f7;    
    margin: 0px 5px 5px 5px;    
}

.seccion3
{
    background: #ffffff;   
    border: 1px solid #cccccc; 
    margin: 0px 5px 5px 5px;
}

.seccion4
{
    background: #f8f8f8;
    border: 1px dotted #e5ddca;
    font-family: Verdana;
    font-size: small;
    width: 780px;
    margin: 5px 5px 5px 5px;   
    text-align:center; 
}

.content
{  
    margin: 5px 5px 5px 5px;
    width: 550px;    
}

.content2
{  
    margin: 5px 5px 5px 5px; 
    width: 530px;
}

.content3
{  
    margin: 5px 5px 5px 5px; 
    width: 490px;
}

.help
{
    vertical-align: top;
    font-size: smaller;
    border-left-style: solid;
    border-left-color: #e5ddca;
    border-left-width: 1px;    
    margin: 5px 5px 5px 5px;
    width: 200px;    
}

.helpTitle
{
    color: #666666;    
    font-weight: bold;
    border-bottom-style: dotted;
    border-bottom-color: #e5ddca;
    border-bottom-width: 1px;    
    margin: 5px 5px 5px 5px;    
}

.helpLabel
{
    color: #891300;         
}

.helpText
{
    color: #888888;
    margin: 5px 5px 5px 5px;     
}

.question
{    
    color: #5175ae;
    font-weight: bold;
}

.answer
{    
    color: #3f5683;
    font-weight: bold;
}

.button
{
    width: 150px;
    display: block;
    background-color: #891300;
    color: #ffffff;
    font-family: Verdana;
    font-size: smaller;
    font-weight: bold;
    border: 1px solid #ffffff;     
    padding: 8px 12px;
    text-decoration: none;      
    text-align: center;     
}

.ejemplo
{
    color: #666666;
    font-size: smaller;
}

.submit
{
    clear: both;
}

.link
{    
    color: #1c2960;
    font-size: smaller;    
    background:none!important;
    border:none; 
    padding:0!important;
    text-decoration: underline;
    font-family: Verdana;    
    cursor: pointer;
}

a.botonFirma
{     
     background: url(Images/firmar.png) no-repeat top left;
     display:inline-block;
     width: 220px;
     height: 60px;
     text-indent: 90px;
     padding-bottom: 35px;
     padding-top: 45px;     
     border: 1px solid #000000;  
     font-size: x-large;
     color: Black;
     text-decoration:none;
}

.text
{
    background-color: transparent;
    border: none;
    width: 65%;
    text-align: center;
    

}


.center table>tr>td
{
    
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 300px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 50px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}