/* Basic Bar Graph */
.graph { 
	position: relative; /* IE is dumb */
	width: 200px; 
	border: 1px solid #C80000; 
	padding: 2px; 
	margin-bottom: .5em;					
	text-align: left;
}

.graph .bar { 
	display: block;	
	position: relative;
	background: #FF5959; 
	text-align: center; 
	color: black; 
	height: 1.75em; 
	line-height: 2em;									
}

.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */


body
{  
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	color: #333; 
	background: #FFF url(../imagenes/bg.gif);
	/*font-size: 0.7em;
	line-height: 1.3em;*/
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

/*
#estadistica
{
	border: 1px solid #eeeeee; 
	padding: 0px 0px 13px; 
	background: #FFF;
  	width: 500px;
  	margin: 50px auto;
}
*/
#principal
{
	border: 1px solid #eeeeee; 
	padding: 0px 0px 13px; 
	background: #FFF;
  	width: 950px;
  	/*margin: 50px auto;*/
  	/*margin-top: 50px;
  	margin-left: 50px;
  	margin-bottom: 50px;*/
  	/*margin-right: 50px;*/
  	/*float: left;*/
      margin: 50px auto;
    
}
/*
#grafica
{
	border: 1px solid #eeeeee; 
	padding: 0px 0px 13px; 
	background: red;
}
*/
#cabecera
{
   font-size:11px;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
/*	line-height:0px;*/
	margin: 0px; 
	vertical-align: bottom; 
	/*height: 100px;*/
   padding: .5em;
   border-bottom: 0px solid silver;	
}

#centro
{
  border-left: 0px solid silver;
  padding: 1em;
  margin: 0px 0px 0px 0px;
  text-align: center;
  border-width: 0px;
}

#izquierda
{
  float: left;
  width: 230px;
  margin: 0px;
  padding: 0 1em 1em 1em;
  font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
  text-align: left;
  /*border-right: 0px solid silver;
  border-width: 1px;*/
  overflow: auto;
}

#derecha
{
  /*border-left: 0px solid silver;*/
  padding: 1em 3em 3em 3em;
  margin: 0px 0px 0px 235px;
  text-align: left;
  /*border-width: 0px;*/
}

#pie
{
  /*clear: both;*/
  padding: 6px 6px;
  border-top: 0px solid silver;	 
  text-align:center;
/*  line-height:5px;*/
  margin: 0px; 
  vertical-align: bottom;   
  float: left;
}

#cabeceraLogin
{
    font-size:11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	margin: 0px; 
	vertical-align: bottom; 
	height: 30px;
	/*padding: .5em;*/
	border-bottom: 0px solid silver;	
}

#cuerpoLogin
{
  float: none;
  width: 100%;
  margin: 10px;
  /*padding: 1em;*/
  font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
  text-align: center;
  border-right: 0px solid silver;
  border-width: 0px;
}

#pieLogin
{
  clear: both;
  padding: 6px 6px;
  border-top: 0px solid silver;	 
  text-align:center;
/*  line-height:5px;*/
  margin: 0px; 
  vertical-align: bottom;   
}

#cargando
{
	text-align:center;
	font-size:9px;
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; 
	color:White;
	background-color:#C80000;
	width: 50px;
	float:right;
}

label.mensaje
{
	color: red;	
}


input.texto,select.texto,textarea.texto
{
	border: solid 1px #ACACAC;
	font:normal 10px Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}


/*
select.texto 
{
	border-width: 1px;
	border: solid 1px #ACACAC;
	font:normal 11px Helvetica, Arial, sans-serif;
}
*/

a
{
	color: #C80000;
	text-decoration: none;	
}

a:hover
{
	text-decoration:underline;
}

.etiquetaCabecera
{
	font-style:normal;
	font-size: 11px;
	font-family: Tahoma;
	font-weight:bold;
	color:FireBrick;	
}


.tablaSoloBorde
{
	border:solid 1px #EEEEEE;
}

.contenedorExamen
{
	margin-top:20px;
	border: 1px solid #ACACAC;
	width: 90%; 
	padding: 2px 2px 2px 2px;
}

.contenedor
{
	border: 0px solid #ACACAC;
	width: 90%; 
	padding: 5px 5px 5px 5px;
}

/*.contenedor .titulo1
{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}*/

.informacion
{
	background-color: #FFFFFF;
	border: 1px solid #ACACAC;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	float: none;
}
/*
.titulo
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 100%; 
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.titulo th
{
   text-align: left;
   font-size:16px;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.titulo td
{
   text-align: left;
   font-size:11px;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.pregunta
{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	width: 100%; 
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.pregunta th
{
   text-align: left;
   font-size:14px;
   font-weight:normal;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.pregunta td
{
   text-align: left;
   font-size:11px;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.leyenda
{
	background-color: #F3F3F3; 
    font-size: 11px;	
	text-align: left;
}

.tabla
{
	border: 1px solid #ACACAC;	
	background-color: #F3F3F3; 
    font-size:11px;	
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
}

.tabla th
{
   text-align: left;
   font-size:12px;
   font-weight: bold;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.tabla td
{
   text-align: left;
   font-size:11px;
   font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
}

.tabla .titulo
{
	text-align: left;
    font-size:16px;
    font-weight: bold;
    border: solid 0px #F3F3F3;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   	
    background-color: #F3F3F3;
}*/

.resaltarTexto
{
	 color:Red;
}

.itemGrid
{
    font-size:10px;
    background-color: #FFFFFF;
	padding: 3px;
	width: 1px;
}

.itemAlternoGrid
{
    font-size:10px;	
	padding: 3px;	
	background-color: #F3F3F3;
}

.cabeceraGrid
{
	font-size:12px;		
	font-weight: bold;
	padding: 2px;
}

.botones
{
	text-align: right;
	border: 1px solid #ACACAC;
	border-top-style:none;
	border-top-width:0px;
	background-color: #FFF;
}

.botones-sin-borde
{
	text-align: right;
}
/*
.divConScroll
{
	width: 500px;
	margin:0px;
	height: 220px;
	padding: 0px 5px 0px 8px;
	overflow: auto;
	font-size:12px;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*/
#datosPersona
{
	font-weight: bold;
}

#datosPersona .titulo1
{
	font-size: 15px;
}

#datosPersona .titulo2
{
	font-size: 13px;
}

#datosPersona .titulo3
{
	font-size: 10px;
}

#botonera
{
	text-align: right;
	padding: 10px 5px 5px 5px;
}

#error
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: black;
	background-color:#FFEAEA;
	border:solid 1px red;
	padding: 0.5em;
	margin: 2px 2px 2px 2px;
	text-align: center;
}

#alerta
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: black;
	background-color:#FFFFEC;
	border:solid 1px #F3F400;
	padding: 0.5em;
	margin: 2px 2px 2px 2px;
	text-align: center;
}
/*
#mensaje
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: red;
}

#cuerpoLogin .titulo
{
	text-align: center;
    border: solid 0px #F3F3F3;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   	
    background-color: #F3F3F3;
}

#cuerpoLogin .textoTitulo
{
    font-size:16px;
    font-weight: bold;
}

#cuerpoLogin .textoVersion
{
   font-size:11px;
}

#login
{
	vertical-align:top;
	text-align: left;
    border: solid 1px #F3F3F3;
    font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   	
}

.leyendaExamen
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	text-align: right;
	font-weight: lighter;
	font-size: 11px;
	padding-bottom: 1px;
}

.cabeceraExamen
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	text-align: left;
	font-weight: lighter;
	font-size: 12px;
	padding-bottom: 1px;
	border-bottom: solid 1px #C0C0C0;
}
*/
h1
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	text-align: center;
	font-weight: bolder; 
	font-size: 20px;
	color: #333333;
	margin-top: 5px;
}

h2
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	text-align: center;
	font-weight: bolder; 
	font-size: 16px;
	color: #000000;
	margin-top: 5px;
}

h3
{
	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;   
	text-align: left;
	font-weight: bolder; 
	font-size: 16px;
	color: Maroon;
	margin-top: 5px;
}


#navegador
{
	border: solid 1px #dcdcdc;
	/*background-color: #EFEFEF;*/
	background: #EFEFEF url(../imagenes/bg.gif);
	text-align: left;
	padding: 3px 1px 3px 1px;
	font-weight: bold;
	text-align: center;
}

#advertencia
{
	border: solid 1px #dcdcdc;
	background-color: #FFFFEC;
	/*background: #EFEFEF url(../imagenes/bg.gif);*/
	text-align: left;
	padding: 3px 1px 3px 1px;
	font-weight: bold;
	text-align: center;
}


.itemGrid
{
    font-size:10px;
    background-color: #FFFFFF;
	padding: 3px;
	width: 10px;
	border: solid 0px #FFFFFF;
}

.itemAlternoGrid
{
    font-size:10px;	
	padding: 3px;	
	background-color: #F3F3F3;
	border: solid 0px #FFFFFF;
}

.cabeceraGrid
{
	font-size:11px;		
	font-weight: bold;
	padding: 2px;
	border: solid 0px #FFFFFF;
}

.tabla
{
	border: 1px solid #ACACAC;	
	background-color: #F3F3F3; 
    font-size:10px;	
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
}


boton
{
	border: 1px solid #ACACAC;
}

/*Textbox Watermark*/

.unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.watermarked {
	border:solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(../imagenes/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	/*border:1px solid #000000;*/
	/*border-color:Black;*/
	background-color:#F3F3F3;
	/*background-image:url(../imagenes/bg_nav.gif);*/
	/*background-repeat:repeat;*/
	color:#000;
}

.reorderListDemo li a {color:#000 !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.celdaSombreada {background: #F7F7F7;}
.letraNormal {font: bold normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif; color: #000000;}
select{font-family:arial; font-size:10px}
input{font-family:arial; font-size:10px; border: 1px solid #ACACAC;}
textarea{font-family:arial; font-size:10px}

#nobordes input
{
	border-style: none;
}

.nobordes input
{
	border-style: none;
}

.tituloPlantilla
{
	font-size:12px;		
	font-weight:  bold;
	text-decoration:underline;	
	color:Maroon;	
	padding: 2px;
	text-align: left;
}

.etiquetaPlantilla
{
	font-size:12px;		
	font-weight:  bold;
	text-decoration:underline;
	color:Black;	
	padding: 2px;
	text-align:right;
}

.campoPlantilla
{
	font-size:12px;		
	font-weight:normal;
	color:Black;	
	padding: 2px;
	text-align:left;
}

.piePlantilla
{
	font-size:10px;		
	font-weight:normal;	
	font-style:italic;
	color:Black;	
	padding: 2px;
	text-align:left;
}

.pagGridView
{
    font-family:verdana;
    font-weight: bold;
    font-size: 11pt;
    color: #333333;
}
.pagGridView a
{
    font-family:verdana;
    font-size: 9pt;
    /*text-decoration: none;*/
    color: #1998B4; 
    /*ForeColor="#1998B4"               */
}
/*++ INICIO AUMA-28 */
/* Cuadro de instrucciones */
.instrucciones 
{
    border: solid 1px #dcdcdc;
}
/* Numeración de las instrucciones */
#listaInstruccionesP,
#listaInstrucciones
{
    list-style-type: decimal;
}
/* Estilo de los titulares de instrucciones */
#titInstuccionesP,
#titInstucciones 
{
    font-weight: bold; 
    padding-left: 10px;
}
/*-- FIN AUMA-28*/

.superindice
{
    font-size: 0.75em;
    vertical-align: super;
}
.subindice
{
    vertical-align: sub;
}

.imgLogoCabecera 
{
    margin-left: -5px;
    width: 230px;
}

.imgUsuario 
{
    margin-right: 10px;
}

.tituloAplicacion 
{
    margin-right: 10px;
    margin-top: 10px;
    color: darkblue;
    font-size: 18px;
    font-weight: bold;
}

td.tituloAplicacion 
{
    text-align: right;
    vertical-align: top;
    padding-top: 22px;
}

.tab_selected 
{
    padding: 4px; 
    border-top: 3px solid #C80000;
    border-left: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;    
    background-color: white;
    text-align: center;
}

.tab_unselected 
{
    padding: 4px; 
    border: 1px solid #ACACAC;    
    background-color: #EFEFEF;
    text-align: center;
}

.tab_body 
{
    border-bottom: 1px solid #ACACAC;
    border-left: 1px solid #ACACAC;
    border-right: 1px solid #ACACAC;
    background-color: #F3F3F3;
    font-size: 10px;
    text-align: left;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.tablaCompacta
{
    border: 1px solid #ACACAC;
    background-color: #F3F3F3;
    font-size: 10px;
    text-align: left;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 5px;
    padding-bottom: 3px;
}

a.boton
{
    background-color: #EFEFEF;
    border: 1px solid #ACACAC;
    color: #333;
    padding: 2px 2px;
    text-align: center;
    text-decoration: none;    
    font-size: 8px;    
    border-radius: 4px;
}

.tabla_sin_borde
{
	border: none;	
	background-color: #F3F3F3; 
    font-size:10px;	
	text-align: left;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
}

.modalBackground 
{
    background-color: #EFEFEF;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPanel 
{
    border: 1px solid #ACACAC;    
    background-color: white;
    width: 700px;
}

.modalPanelTitle
{
	border: solid 1px #dcdcdc;
	/*background-color: #EFEFEF;*/
	background: #EFEFEF url(../imagenes/bg.gif);
	text-align: left;
	padding: 3px 1px 3px 1px;
	font-weight: bold;
	text-align: center;
    margin: 15px 10px;
    
}

a.boton_info 
{   
    color: #31708f;
    text-align: center;
    text-decoration: none;    
    font-size: 14px;        
}

a.boton_info:hover
{   
    color: #0c6692;   
}

a.boton_agregar
{
    color: #155724;
    /*background-color: #28a745;*/
    background-color: #d4edda;
    border: 1px solid #1e7e34;
    padding: 2px 3px;
    text-align: center;
    text-decoration: none;    
    font-size: 6px;    
    border-radius: 4px;
}

a.boton_agregar:hover {
    color: #155724;
    background-color: #88eba0;
    border-color: #1e7e34;
}

a.boton_eliminar
{
    /*background-color: #dc3545;*/
    background-color: #f8d7da;
    border: 1px solid #bd2130;
    color: #721c24;
    padding: 2px 3px;
    text-align: center;
    text-decoration: none;    
    font-size: 6px;    
    border-radius: 4px;
}

a.boton_eliminar:hover
{
    background-color: #fa838e;
    border-color: #bd2130;
    color: #721c24;    
}

a.checkbox_unselected
{       
    text-align: center;
    text-decoration: none;    
    font-size: 14px;
    color: #ACACAC;        
}

a.checkbox_selected
{       
    text-align: center;
    text-decoration: none;    
    font-size: 14px;
    color: #3c763d;       
}

a.subject_ok
{       
    text-align: center;
    text-decoration: none;    
    font-size: 14px;
    color: #797979;        
}

a.subject_ko
{       
    text-align: center;
    text-decoration: none;    
    font-size: 14px;
    color: #C80000;        
}


.progress_background 
{
    z-index: 2;    
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;    
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #EFEFEF;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.progress_content {
        z-index: 3;    

        width: 300px;
        height: 100px;
        border: 1px solid #ACACAC;    
        background-color: white;

        text-align: center;
        padding-top: 50px;

        position:absolute; /*it can be fixed too*/
        left:0; right:0;
        top:0; bottom:0;
        margin-left:auto;
        margin-right:auto;
        margin-top:250px;

        /*this to solve "the content will not be cut when the window is smaller than the content": */
        max-width:100%;
        max-height:100%;
        overflow:auto;        
}

.fa-2_10X {
    font-size: 2.10em;
}