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;
}


/* PROCOMER
-----------------------------------------------------------*/
.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;
}

.content
{  
    margin: 5px 5px 5px 5px;
    width: 550px;    
}

.contentSeñas
{  
    margin: 5px 5px 5px 5px;
    width: 763px;    
}

.contentTd1
{          
    width: 350px;    
}
.contentTd2
{         
    width: 200px;    
}

.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;
}

/* Edit Form
-----------------------------------------------------------*/
.edit_form
{
    font: 11px Tahoma;
}

.edit_form .line
{
    display: block;
    float: left;
    clear: both;
    width: 320px;
    margin: 1px 0px;
}
.edit_form .label,
.edit_form .wideLabel
{
    display: block;
    float: left;
    width: 150px;    
    clear: left;
    padding: 4px 0px;
    font: 11px Tahoma;
}
.edit_form .wideLabel
{
	width: 200px;
}
.edit_form .editor
{
    float: left;
    margin-right: 8px;
    width: 250px;
}
.edit_form .checkEditor
{
    float: left;
    margin-right: 8px;
}    
.edit_form .editbutton
{    
    margin: 8px 4px 0px 0px;
    float: left;
}
.edit_form .validator
{   
    display: block;    
    float: left;
    clear: right;
    padding: 3px 0px; 
    color: red;
    font-family: Verdana;
    font-size: 8pt;
}
.edit_form#validationForm .label
{
    width: 80px;    
}
.edit_form#popupControlForm .label
{
    width: 70px;    
}
.edit_form#popupControlForm .button
{
    margin: 8px 4px 84px 0px;
}
.edit_form#popupForm .label
{
    width: 70px;    
}
.edit_form#jQueryValidationForm .line
{
	width: 310px;
}
.edit_form#popupForm .line
{
    width: 260px;    
}

.thumbnail {position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail span{ /* Estilos para la imagen agrandada */
position: absolute;
background-color:#fff;
padding: 5px; 
left: -100px;
border: 5px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}
.thumbnail span img{ border-width: 0; padding: 2px; }
.thumbnail:hover span{ visibility: visible; top: 0; left: 10px; }
/*solicitud #2537 7/8/2025-Fabio Ramírez*/
/* 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;
    }