-/* ---------------------------- HojaEstilo.css ----------------------------
 Propósito: Definir los estilos de fuente, tablas,colores, etc.
            utilizados en el sistema 
     Autor: Araceli Sánchez García
   Sistema: DeclaraNET
 Fecha última modificación: Julio/2014
 ---------------------------------------------------------------------------------  
*/ 
body {
	margin: 0px;
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */
}

.Contenido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}


.OverLibs
{
  color: #666666;
  border-bottom: 1px dotted #666666;
  
	}

a:link 
{
  color: #CC3300;
	}

a:visited 
{
  color: #666666;
	}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    width: 418px;
}	

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    width: 439px;
}



.TituloPagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
}
.TablaDatosCabecera {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #949E8C;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: center;
	color: #FFFFFF;


}

.TablaDatosCabeceraMenor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #949E8C;
	font-weight: bold;
	border: 1px solid #666666;
	text-align: center;
	color: #FFFFFF;


}
.TablaDatosRenglonNon {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CDCDB4;
	border: none;
	font-weight: normal;
}

.TablaDatosRenglonNonMenor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #CDCDB4;
	border: none;
	font-weight: normal;
}
.TablaDatosCabeceraNoBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #949E8C;
	border: 1px solid #666666;
	text-align: center;
	color: #FFFFFF;


}



.TablaDatosRenglonPar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
	border: none;
	font-weight: normal;
}

.TablaRecomendacion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#F5F5F5;
	border: none;
	font-weight: normal;
}


.TablaDatosRenglonParMenor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #EEEEEE;
	border: none;
	font-weight: normal;
}


.TablaDatosRenglonOver {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ECEACA;
	border: none;
	font-weight: normal;
}

.TablaDatos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #999999;
	background-position: center;
	padding-left: 3px;
    

}

.TablaDatosRojo {
	
	font-weight: normal;
	border: 1px solid  #FF0000;
	background-position: center;
	margin-left:5px;
	
}

.TablaDatosAzul {
	
	font-weight: normal;
	border: 1px solid #0094ff;
	background-position: center;
	margin-left:5px;
	
}

.TablaDatosVerde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid  #81A11A;
	background-position: center;
	margin-left:5px;
	
}

.TablaDatosGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #CCC;
	background-position: center;
	margin-left:5px;	
}



td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.FormaPrompt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: transparent;

}


.FormaPromptMenor {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-color: #CDCDB4;
	padding-left: 3px;
}
.FormaCampo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #EEEEEE;
}

.FormaCampoBlanco {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	
}

.FormaCampoRojo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:red;

}

.FormaCampoRojoTenue {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:red;
	font-style:italic;

}

.FormaCampoVerde {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E9F3E9;

}

.FormaCampoLetrasRojas {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0000;
	background-color: #EEEEEE;
}
.FormaCampoLetrasRojas11 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	background-color: #EEEEEE;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    /*width: 156px;*/
    margin-left: 0px;
}

input[type="radio"]{
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    width: 16px;
    margin-left: 0px;
}

.EtapaOpcion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	border: none;
	text-align: left;


}

.Tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(Imagenes/Tab.gif);
     background-size:cover;


}
.TabActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(Imagenes/Tab_Active.gif);
	vertical-align: middle;
	background-repeat: no-repeat;
    background-size:cover;
}
.TabHover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(Imagenes/Tab_Hover.gif);
	vertical-align: middle;
	background-repeat: no-repeat;
    background-size:cover;

}
.TablaForma {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #999999;
	background-position: center;
	padding: 1px;



}

.TabLiga {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;

}


TR.CabeceraSeccion{
	COLOR: White;
	font-weight : bold;
	background-color : #C67E00;
	text-align : center;
}

TR.CuerpoSeccion{
	COLOR: Black;
	background-color : #ECECEC;
}

TABLE.Seccion8{
	font-size: 8pt;
	border : 0;
	padding-bottom : 5px;
	padding-top : 5px;
	border: 1px solid #999999;
}

TABLE.Seccion8SinBorde{
	font-size: 8pt;
	border : 0;
	padding-bottom : 5px;
	padding-top : 5px;
	
}

.Numero{
	text-align : right;
}

.NumeroRojo{
	text-align : right;
	color: #FF0000;
}

TD.prompt{
	font-size: 9pt;
	font-weight : bold;
}
.Error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
}
.ErrorMedio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FF0000;
}

.ErrorGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FF0000;
}


.ErrorGrandeNegro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#000;
	
}


.TituloModulos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	border: none;


}

.TituloModulosMenor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	border: none;


}

.TituloModulos_CH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	border: none;


}

.TabChico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(Imagenes/TabChico.gif);



}

.TabChico1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(Imagenes/TabChico.gif);



}
.TabActiveChico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(Imagenes/TabChicoActive.gif);
	vertical-align: middle;
	background-repeat: no-repeat;

}
.TabHoverChico {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(Imagenes/TabChicoOver.gif);
	vertical-align: middle;
	background-repeat: no-repeat;

}

.Descrip {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #858585;
	font-style: normal;	
}

	
.bot_terminarsecion{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;

}

.bot_terminarsecion a{
	color: #000000;
	text-decoration: none;
	background-image: url(Imagenes/fondo_cerrar.jpg);
	background-repeat: no-repeat;
	display:block;
	height: 18px;
	width: 116px;
	padding: 8px 3px 0 3px;
	

}

.bot_terminarsecion a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.bot_terminarsecion a:hover{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-image: url(Imagenes/fondo_cerrar_over.jpg);
	background-repeat: no-repeat;
	
}


.bot_nip{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	
}

.bot_nip a{
	color: #000000;
	text-decoration: none;
	background-image: url(Imagenes/fondo_nip.jpg);
	background-repeat: no-repeat;
	display:block;
	height: 18px;
	width: 116px;
	padding: 8px 0 0 3px;
	
}

.bot_nip a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.bot_nip a:hover{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background-image: url(Imagenes/fondo_nip_llave.jpg);
	background-repeat: no-repeat;
	
}

div#Ayuda, div#Ayuda02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	background-color: #D2DACB;
	width:100%;
}

div#Ayuda p#TextoAyuda, div#Ayuda02 p#TextoAyuda02{
	text-align:justify; 
	margin-top:-30px; 
	margin-left:65px; 
	padding-right:10px;
    line-height:20px;
	
}
.Borde_SupeIzquierdo{
	background-image:url(Imagenes/Forma_01.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
  
}


.Borde_SupeDerecho{
	background-image:url(Imagenes/Forma_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  
}

.Borde_CentroIzquierdo
{
	background-image:url(Imagenes/Forma_08.gif); 
	background-repeat:repeat-y;
	background-position:right top;
}


.Borde_CentroDerecho
{
	background-image:url(Imagenes/Forma_04.gif); 
	background-repeat:repeat-y;
}


.Borde_InfeIzquierdo{
	background-image:url(Imagenes/Forma_07.gif); 
	background-repeat:no-repeat;
	height:6px;
}

.Borde_InfeCentro {
	background-image:url(Imagenes/Forma_06.gif); 
	background-repeat:repeat-x;
	height:6px;
}
.Borde_InfeDerecho {
	background-image:url(Imagenes/Forma_05.gif); 
	background-repeat:no-repeat;
	height:6px;
}

.Renglon_Par{
	background-color:#f4f4f4;

}
.FormaPromptOverNegrita {

	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color: #E8E7D0;
	padding: 3px;

}

.FormaPromptVerdeNegrita {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	background-color: #DEE5DE;
	padding: 3px;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*Estilos del menu lateral*/
.Seccion{
	background-image: url(Imagenes/BarraSecc.gif);
	background-repeat: no-repeat;
	

}
.SeccionActive{
	background-image: url(Imagenes/BarraSecc_Over.gif);
	background-repeat: no-repeat;
	
}
.SeccionDisabled{
	background-image: url(Imagenes/BarraSeccDisabled.gif);
	background-repeat: no-repeat;

}
.Texto_Secc {
	display:block;
	width:168px;
	vertical-align:middle;
	margin-left:55px;
	margin-top:-35px;
	text-align: left;
}


.Texto_Disabled {
	color: #AAAAAA;
	font-weight: bold;
}

.TituloMenuLate {
	background-image: url(Imagenes/BarraSecciones_Titulo.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	border: none;
	padding-top:3px;
	height: 37px;
	width: 232px;	
}
.Fondo_MenuLate{

    background-image: url(Imagenes/Fondo_menulate.gif);
	background-repeat:repeat-y;
}

/*  inicio mostrar mensajes contraseña segura */ 

#iToolkitPMContainer {
	padding: 3px;
	margin-left: 5px;
}

#iToolkitPMBorder {
	float: left;
	border: 1px solid #000000;
	width: 50px;
	height: 10px;
	background-color:#FFFFFF;
}

#iToolkitPMStatus {
	float: left;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding-left:5px;
	text-align: left;
	font-size: 10px;
	overflow:hidden;
}

.iToolkitPMLevel5 {
	background-color:#00CC00;
	width: 100%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;

}

.iToolkitPMLevel4 {
	background-color:#00CC00;
	width: 80%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;

}

.iToolkitPMLevel3 {
	background-color:#00CC00;
	width: 60%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;
}

.iToolkitPMLevel2 {
	background-color:#CC3300;
	width: 40%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;

}

.iToolkitPMLevel1 {
	background-color:#CC3300;
	width: 20%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;
}

.iToolkitPMLevel0 {
	background-color:#ffffff;
	width: 0%;
	height: 100%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
	font-size: 10px;
	overflow:hidden;
}

/*  fin mostrar mensajes contraseña segura */ 


#wrap_lateralP{
	float: left;
	background-color: #FFFFFF;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 47px;
}

#menu_horizontalP{
	margin: 0;
	padding: 0;
	font-weight: bold;
	height: 47px;
	
	
}

#menu_horizontalP li{
	display: inline;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	height: 47px;
	width: 152px;
	}

#menu_horizontalP li a{
	float:left;
	width:152px;
	height: 47px;
	padding-top: 17px;
	vertical-align:middle;
	
	
	

}

#menu_horizontalP li a:link{
	color: #000000;
	text-decoration: none;
	border-right-color: #FFFFFF;
	background-image: url(Imagenes/tapverde.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 152px;
	display: block;
	
	
}

#menu_horizontalP li a:visited{
	color: #000000;
	text-decoration: none;
	background-image: url(Imagenes/tapverde_active.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 152px;
	
}

#menu_horizontalP li a:hover{
	color: black;
	background-image: url(imagenes/tapverde_over.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 152px;
}

#menu_horizontalP li a:active{
	color: black;
	background-color: #FFFFFF;
	background-image: url(imagenes/tapverde_over.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	height: 47px;
	width: 152px;
	
}


.TituloReco {
	font-weight: bold;
	color: #D31145;
	margin-left:10px;
}

ul.Recomend, li.Recomend{ 
	margin:0 0 0 2px; 
	padding:0; 
	list-style-type:none; 
} 


li.Recomend{
	background:url(Imagenes/Paloma2.gif) left top no-repeat;
	padding:1px 2px 10px 15px;
	text-align:justify;
} 


.FormaCampo_ConsUsua {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FF0000;
}


.ListaMensaje {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;	
}

.fondologin{
	background-image: url(Imagenes/fondo_login.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}