/*
Suvalor Transaccional
---------------------
*/

/* Etiquetas generales */
body {
	color: #333333;
	background: white;
		padding: 0px;
	text-align: center;
}

p, td, li, h1, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

h2{
  font-family: Verdana;
  font-size: 11px;
  
  font-weight: lighter;
}
.SubTitleRojo
{
  font-family: Verdana;
  font-size: 16px;
  color: Red;
  font-weight: bold;
  
}

.SubTitleVerde
{
  font-family: Verdana;
  font-size: 17px;
  color: Green;
  font-weight: bold;
  
}

/* Top con el logo, el menú, la fecha */
#divTop {
 	margin: 0 auto 0 auto;
	width: 745px;
	height: 111px;
	text-align: left;
}

#divTopPersona {
	color: #0E2489;
	background: url(usercontrol/images/imgTopPersona.gif) repeat-x;
	
	border-top: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	padding: 6px 0px 0px 15px;
	margin: 0;
	
	text-align: left;
	position: relative;
	top: 84px;
	height: 33px;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/* Contenido */
#divContent {
 	background: url(usercontrol/images/imgPageContent.gif);
 	margin: 0px auto 0px auto;
 	padding-top: 15px;
	width: 745px;
	font-size: 13px;
}
p {
	margin: 0px;
}

/* Footer */
#divFooter {
 	background: url(usercontrol/images/imgPageBottom.gif) no-repeat bottom;
	text-align: center;
 	
 	margin: 0 auto 0 auto;
	padding: 3px;
	padding-top: 20px;
	width: 745px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#divUp {
 	background: url(images/imgTop/imgPageUp.gif) no-repeat bottom;
	text-align: center;
 	margin: 0 auto 0 auto;
	padding-top: 2px;
	width: 745px;
	height: 15px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 	
}
.fecha {
	font-family: "Trebuchet MS";
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	font-variant: normal;
	color: #999999;
	text-align:center;
}
/* Style para Eliminar PIN */
.divTextoEliminarPIN
{
	font-size:8pt;
}
.divTextoEliminarPIN10pts {

	font-size:10pt;
}

#text-cabezote-titulo {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	color: #1C2F79;
	text-align: left;
	margin-left:30px;
	margin-top:15px;
	
}
#text-cabezote-subtitulo-azul {
	font-family: "Trebuchet MS";
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	color: #1C2F79;
	text-align: left;
	margin-left:30px;
	
}

#text-cabezote-subtitulo-naranja {
	font-family: "Trebuchet MS";
	font-size: 28px;
	letter-spacing: -1px;
	color: Orange;
	text-align: left;
	margin-left:30px;
	
}

#text-cabezote-subtitulo-verde {
	font-family: "Trebuchet MS";
	font-size: 28px;
	letter-spacing: -1px;
	color: Green;
	text-align: left;
	margin-left:30px;
	
}

#text-cabezote-subtitulo-rojo {
	font-family: "Trebuchet MS";
	font-size: 28px;
	letter-spacing: -1px;
	color: Red;
	text-align: left;
	margin-left:30px;
	
}


/* Contenido para las páginas transaccionales */
#divProcesoCenter {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0;
}


#divProcesoCenter th {
	background-color: #F3F3F3;
	border: 1px solid #CACACA;
	font-weight: normal;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	width: 195px;
	font-weight: bold;
	vertical-align:middle;
}

#divProcesoCenter td {
	border: 1px solid #CACACA;
	padding: 3px;
	vertical-align: top;
	font-size: 12px;
	width: 175px;
}


#divProcesoCenter .procesoTitularIzq {
 	background: url(images/imgTop/imgProcesoTitularIzq.gif) left top;
	border: none;
 	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 13px;
}

#divProcesoCenter .procesoTitularDer {
 	background: url(images/imgTop/imgProcesoTitularDer.gif) right top;
 	padding: 5px;
	border: none;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 13px;
}

#divProcesoCenter .lblTitulo {
 	color: #003366;
	text-align: left;
	font-size: 9px;
	text-align: right;
}

#divProcesoCenter ol {
	margin-bottom: 0;
}

#divPreguntas {
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
}

#divPreguntas .lblTitulo {
 	font-family: "Trebuchet MS";
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	color: #1C2F79;
	text-align: left;
	
}

#divPreguntas .rblrespuestas {
 	font-family: "Trebuchet MS";
	font-size: 19px;
	text-align: left;
	padding: 0 15px 0 15px;

}

.Botones {
 	text-align: center;
}

#divPreguntas .lblPreguntas {
 	top: 200;
 	left: 200;
 	background-color:Blue;
 	position: relative;
	
}
/************ pasos ************************** */

#divProcesoTop {
	/*border-bottom: 1px solid #CACACA;*/
	margin: 0 auto 0 auto;
	width: 5px;
	height: 24px;
	text-align: right;
	padding-right: 20px;
}

#divProcesoTop h1 {
	/*background: url(images/imgTopo/imgProcesoTopBack.gif) repeat-x top;*/
	float: left;
	color: #0B3C99;
	height: 24px;
	margin: 0px;
	padding: 0px;
	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#divProcesoTop .procesoTopPag {
	color: #0B3C99;
	/*background: url(images/imgTop/imgProcesoTopPagBack.gif) repeat-x top;*/
	float: right;
	height: 24px;
	margin: 0px;
	padding: 0px;
	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#divProcesoTop .procesoTopPagActual {
	background: url(images/imgTop/imgProcesoTopPagActual2.gif) repeat-x top;
	width: 23px;
	height: 23px;
	text-align: center;
}

#divProcesoTop .procesoTopPagTotal {
	background: url(images/imgTop/imgProcesoTopPagTotal2.gif) repeat-x top;
	width: 23px;
	height: 23px;
	text-align: center;
}

/* ******************** Tipo Clave ********************* */

#divTipoClave {
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 5px 10px 5px 15px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	}

#divTipoClave td{
	
	margin: 0 auto 0 auto;
	padding: 0 10px 5px 5px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#divTipoClave .SubTitleVerdeTipoClave
{
  font-family: Verdana;
  font-size: 17px;
  color: Green;
  font-weight: bold;
  
}

#divTipoClave .rbTipoClave {
  font-family: Verdana;
  font-size: 15px;
  color: Green;
  font-weight: bold;
	
}

#divTipoClave .SombraTipoClave {
	width: 100%;
	margin: 13px 0 0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: WhiteSmoke;
	font-size: 11px;
}

#divTipoClave .TextoTipoClave {
	width: 100%;
	margin: 10px 0 0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#divTipoClave .Asterisco {
	color: Red;
	font-size: 9px;
	
}

#divTipoClave .BotonContinuar 
{
	text-align: center;
	margin: 10px 10px 5px 10px;
	
}

#divTipoClave .piePagina 
{
	width: 100%;
	margin: 10px 0 0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	
}

/* *************  tabs *************************** */

.MultiPage
{
  background-color:White;
  overflow:visible;
  position:relative;
  padding:10px;
  top:-3px;
  left:1px;
  z-index:98;
  border: 1px solid #919B9C;
  width:580px;
  height:200px;
}

.PageContent
{
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  
}

.PageHeader
{
  font-size:22px;
  font-weight:bold;
  letter-spacing:-0.2mm;
  font-family: verdana; 
  color: #3F3F3F; 
  margin-top:0px;
  margin-bottom:0px;
}


.TopGroup
{
  z-index:99;
  position:relative;
 
}

.DefaultTab 
{
  color:black; 
  background-image: url(images/Tabs/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:Black; 
  background-image: url(images/Tabs/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(images/Tabs/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.grid
{
  font-size:2px;
  font-family: verdana; 
  color: #3F3F3F; 
  margin-top:0px;
  margin-bottom:0px;
}