/* 
FORMULARIO.CSS

    Define los estilos de todos los elementos que componen un formulario web
*/

.formulario
{
    margin: 10px 0 20px 0px;
    border-top: 1px dotted #eee;    
}

*html .formulario LABEL
{
    display:block;
    font-size: 12px;
    font-weight: bold;
    float:left;
    margin-right:6px;
    padding-top:8px;
    text-align:left;
    width:200px;
    margin-left: 10px;   
}

.formulario LABEL
{
    display:block;
    font-size: 12px;
    font-weight: bold;
    float:left;
    margin-right:6px;
    padding-top:8px;
    text-align:left;
    width:200px;
    margin-left: 20px; 
}

.formulario P SPAN
{
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 5px; 
}

.formulario P
{
    clear: left;
}

.parrafoEspaciado
{
    margin: 4px 0 8px 0;
}

.botonera
{
    text-align: center;
    clear: left;
    padding: 5px;
    border-top: 1px dotted #eee;
    margin-top: 10px;    
}

.formulario .camposObligatorios
{
    font-size: 11px;
    color: Red;
    margin-top: 5px;
    float: right;   
}

/* ENLACES */

.formulario .enlace
{
    font-size: 12px;    
}

/* TEXTO */

.columna_centro .formulario H2
{
    margin: 20px 10px 10px 20px;    
    border-bottom: 2px solid #EBEBEB;
}

.columna_centro .formulario P.comentarios
{
    margin: 10px 10px 10px 20px;    
    font-size: 0.8em;
    color: #666666;
}

/* TEXTBOX */

.formulario .textinput
{
    font-size: 12px;
    border: 1px solid #999999;
    width: 200px; 
    padding: 2px;  
}

.watermark
{
    font-size: 12px;
    border: 1px solid #999999;
    width: 200px; 
    padding: 2px;  
    color: #999999;
}

.formulario .textarea
{
    font-size: 12px;
    border: 1px solid #999999;
    width: 330px; 
    height: 100px;
    padding: 2px;
    font-family: Arial, HelveticaRounded, Sans-Serif;
}

.formulario .textareaLinkExterno
{
    font-size: 12px;
    border: 1px solid #999999;
    width: 500px; 
    height: 100px;
    padding: 2px;
    font-family: Courier New, Sans-Serif;
}


.formulario .textarea_mini
{
    font-size: 12px;
    border: 1px solid #999999;
    width: 330px; 
    height: 40px;
    padding: 2px;
    font-family: Arial, HelveticaRounded, Sans-Serif;
}

.cabecera_buscador .elemento_buscador INPUT.criterios
{
    width: 16em;
    border: 1px solid #999;
    padding: 3px;
    margin: 2px 0px;  
}

*html .cabecera_buscador .elemento_buscador INPUT.criterios
{
    width: 18em;
    border: 1px solid #999;
    padding: 2px;
    margin: 2px 0px;
    
}



/* DROPDOWNLIST */

.formulario .select
{
    font-size: 12px;
    border: 1px solid #999999;   
    width: 200px;
    padding: 2px; 
}

.formulario .selectAuto
{
    font-size: 12px;
    border: 1px solid #999999;
    padding: 2px; 
}

.formulario .selectLargo
{
    font-size: 12px;
    border: 1px solid #999999;   
    width: 250px;
    padding: 2px; 
}

.formulario .selectCorto
{
    font-size: 12px;
    border: 1px solid #999999;   
    width: 100px;
    padding: 2px; 
}

/* >>> BUSCADOR CABECERA */
.cabecera_buscador .elemento_buscador SELECT.localizacion
{
    border: 1px solid #999;
    padding: 2px;
    margin: 2px 0px; 
    width: 16em;
}

*html .cabecera_buscador .elemento_buscador SELECT.localizacion /* IE6 */
{
    margin: 3px 0px;
    width: 16em;
}

/* RADIO */

.formulario SPAN.radio
{
}

.formulario SPAN.radio INPUT
{
    float:left;
    margin-top: 8px;
}

.formulario SPAN.radio LABEL
{
    font-size: 12px;
    font-weight: normal;
    float:left;
    margin-left: 5px;
}


/* CHECKBOX */

.formulario SPAN.checkbox
{
    text-align:left;
}

.formulario SPAN.checkbox INPUT
{
    
    margin-top: 5px;
}

.formulario SPAN.checkbox LABEL
{
    font-size: 12px;
    font-weight: normal;
    float:left;
    margin-left: 5px;
}

/* BUTTON */

.formulario .buttonSubmit
{
    cursor:pointer;
    font-size: 13px;
    font-weight:bold;
    margin:1px 0;
    padding:2px 1px;
    
}

.botonera .buttonSubmit
{
    cursor:pointer;
    font-size: 13px;
    font-weight:bold;
    margin:1px 0;
    padding:2px 1px;
    
}

/* >>> BUSCADOR CABECERA */
.cabecera_buscador .elemento_buscador INPUT.buttonSubmit
{
    font-size: 80%;
    cursor: pointer;
    margin: 1px 0;
    padding: 2px 5px;
    font-weight: bold;
}

*html .cabecera_buscador .elemento_buscador INPUT.buttonSubmit /*IE6*/
{
    height: 25px;
    padding: 0 px;
    line-height: 120%;
}

.datoOculto
{
	font-style: italic;
	color: #ccc;
}

.TablaSinDatos
{
	font-style: italic;
	color: #ff6666;
	font-size: 0.8em;
}