/* cuerpo de la pagina */
body{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
}

/* Ligas */
a:link {
	text-decoration: underline;
	color:#0000A0;
}
a:visited {
	text-decoration: underline;
	color: #0000A0;
}
a:hover {
	text-decoration: underline;
	color:#004080;
}
a:active {
	text-decoration: underline;
	color:#0000A0;
}



hr { 
background-color: #6373A4; 
height: 1px; 
width: 100%; 
}



#lista li a {
	display:block;
	padding: .5px .5px .5px .5px;
	font-size:12px;
	color:#999999;
	text-align:left;
	font-weight:400;
	text-indent: 5px;
	list-style-type: disc;
}
.letraGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #666666;
	text-align: justify;
	letter-spacing: 1px;
}

.letraAlcances {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	color: #666666;
	text-align: justify;
	letter-spacing: 1px;
}
	
#lista li a:hover{
color: #000000;
text-decoration:underline;

}








/* Formato para los parrafos de textos, justificado*/
.parrafo{ 
list-style: circle;
font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-size:13px;
font-weight:400;
color:#666666;
text-align:justify;
	}
	
/* lista con letra en un parrafo 	*/
.parrafoABC{ 
list-style: upper-alpha ;
font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-size:13px;
font-weight:400;
color:#666666;
text-align:justify;
	}	
	
/* lista con nmero en un parrafo	*/
.parrafo123{ 
list-style: decimal ;
font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-size:13px;
font-weight:400;
color:#666666;
text-align:justify;
	}		
/* Titulo de un parrafo, despues del titulo de la pagina 	*/	
.tituloparrafo{

font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;
font-size:14px;
color:#003366;
text-align:left;
	}

/*sub-titulos de un parrafo despues del titulo de la pagina y titulo del parrafo*/
.subtituloparrafo{ 
list-style: circle;
font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-size:13px;
font-weight:400;
text-decoration :underline;
color:#666666;
text-align:justify;
	}

/* pie  de las pagina */
.pie{
	background-color: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	height: 18px;
	line-height: normal;
	vertical-align: text-bottom;
	word-spacing: normal;
	letter-spacing: 0.05mm;
	font-variant: normal;
	}
	
/* fecha  del encabezado de la pagina*/
.fecha{
font-family:Arial, Helvetica, sans-serif, Helvetica, sans-serif; 
font-size:14px;
text-align:right;
color :#1060A5;
font-weight: lighter;

}




/* Titulo principal de las paginas*/	
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing: 0.3em;
	color:#1060A5;
	text-align:left;
	font-weight: normal;
	text-decoration: underline;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	text-align: left;
	color: #666666;
	letter-spacing: .3em;
}

.titmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #1060A5;
	text-transform: capitalize;
	font-variant: normal;
	letter-spacing: 0.3em;
	background-position: center;
	text-align: center;
}


/* =Formularios */

.boton a:hover{
	background-color: #336699;
	color: #33CCFF;
	border: #CCCCCC;
} 
.boton{ 
color: #FFFFFF;
  cursor:pointer;
    text-align:center;
    letter-spacing: 0.3em;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1060A5;
   border: 1px solid #000000; 

} 
table.tabla tbody td {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
background: #fff;
text-align: left;
padding: 5px;
border: 1px outset  #eeeeee;
}
table.tabla {

border: 1px solid #999999;
margin: 0 auto 1em auto;
}
table.tabla caption{
font-size:14px;
font-weight:600;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color:#666666;
}
table.tabla thead th {

font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .5em;
color: #808080;;
text-align: center;
padding: .5em;
}

table.tabla thead thl {

font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: .5em;
color: #808080;;
text-align: left;
padding: .5em;
}


table.tabla tbody th {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
} 

table.tabla tfoot td {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}
  
 label{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight:400;
 font-size:12px;
 color:#333333; 
 }
input, textarea, select  {  
 border:1px solid #666; 
   font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
  color:#666666;  
}  
input:focus, textarea:focus {
	background:#FFFFFF;
	color: #1060A5;
}  
 

   .radio {
 border:none;
 
 }
 
form p {  
 margin:12px; 
}  
form legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	color:#666666;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
 
div#formularito
 {
	text-align: left;
 
}  

 





/* =Mensajes */
div.mensaje big {
	font-size:14px;
	font-weight:bolder;
}
div.mensaje big span, div.mensaje hr {
	display:none;
}
div.mensaje p {
	margin:10px;
	font-size:14px;}

/* = mensaje de Error */
div.error {
	background:#fffcfc;
	border:0.07em solid #b52222;
	color:#b52222;
	
	}

	
/* = mensaje de Exito */
div.exito {
	background:#eeeeee;
	border:0.07em solid #1060A5;
	color:#1060A5;}
	
div.exito p:first-child {
	border-bottom:0.07em solid #cdd1c9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
	
/* = mensaje Informativo */
div.informativo {
	background:#fffcf5;
	border:0.07em solid #e0a93a;
	color:#464646;}
	
div.informativo big {
	color:#e0a93a;}
	
div.informativo p:first-child {
	border-bottom:0.07em solid #e0c182;}





 
.fondo {
	background-color: #FFFFFF;
}
.cliente {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: capitalize;
	color: #1060A5;
	text-align: left;
}
.Breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: capitalize;
	color: #6373A4;
}
.tablatitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


/* = menu principal (Amarillo-horizontal) parte superior de la pagina */	
#menu{
	font-weight: 500;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	white-space: nowrap;
}

#menu:after{
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	white-space: nowrap;
}

#menu ul{
padding: 5px;
margin: 0;
background-color: #1060A5;
border: 1px solid #bebebe;
text-align: center; 
}

#menu ul li{
	display: inline;
	text-align: center;

}

#menu ul li a{
	color: #FFFFFF;
	margin: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: 400;
	display: inline;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
}
#menu ul li a:visited{
	color: #FFFFFF;
	text-align: center;
} 

#menu ul li a:hover{
	color: #FFFFFF;
	text-decoration:none;
	background-color: #1B207C;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-right: 40px;
	padding-left: 40px;
}
.letraGrandeAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #1060A5;
	letter-spacing: 1px;
}

.letraAlcancesAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #1060A5;
	letter-spacing: 1px;
}
.LetraGrandeVineta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	text-align:justify;
	text-indent: 0pt;
	letter-spacing: 1px;
	list-style-position: inside;
	list-style-type: circle;
	}	
	
	
	
.LetraGrandeVinetaAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #1060A5;
	text-align:justify;
	text-indent: 0pt;
	letter-spacing: 1px;
	list-style-position: inside;
	list-style-type: circle;
	}	
.LetraNormalVineta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	list-style-type: circle;
	text-align: left;
	font-weight: 300;
	letter-spacing: 1px;
}

.LetraNormalVinetaAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1060A5;
	list-style-type: circle;
	text-align: left;
	font-weight: 300;
	letter-spacing: 1px;
}


 
/* menu interior version 2  */
.dspcont{   /* clase para definir las subopciones del menu */
display:none;
margin:0px;
}
.dsphead /* Clase para los encabezados */
{
	margin:0px;
	padding:0px,0px,0px,0px;
	font-size:12px;
	color:#1060A5;
	font-family: Arial, Helvetica, sans-serif;

}



.dsphead  a:hover /* Clase para los encabezados cuando pasa el mouse */
{
	
	font-family: Arial, Helvetica, sans-serif;
	color:#1060A5;

}

.dspheadoculto /*  para cuando no hay subopciones en el menu ocultar los signos de + */
{
margin:0px;
padding:0px,0px,0px,0px;
font-size:12px;
color:#F3F3F3;
}

#mnuint { 
padding:0px,0px,0px,0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; }

#mnuint ul {
	padding:0px,0px,0px,0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #6373A4;


}
#mnuint li {
	padding:0px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style-position: inside;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: none;
	list-style-type: none;
}
#mnuint a {
	color: #FFFFFF;
	letter-spacing: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
	text-decoration: none;
	margin:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	font-weight: 300;
	list-style-type: none;
}
#mnuint a:hover {
	margin:0px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1b207c;
	padding: 0px;
}

#listaMOpciones {
list-style: circle;
list-style-color:##FF9900;
margin: 1px;
List-Style-Position:inside;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:12px;
color:#666666;
padding: 0px 0px 0px 0px;}



#listaMOpciones li  {
	list-style: square;
	list-style-color:##FF9900;	
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	font-size:12px;
	color:#666666;	
	text-align:left;
	text-indent: 0px }


#listaPOpciones {
list-style: none;
list-style-color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:normal;
font-size:14px;
color:#666666;
text-align:left;
padding: 0px 0px 0px 0px;
}



.mnuenc a:hover{
	background-color: #6373A4;
	color: #FFFFFF;
	border: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
} 
.mnuenc{
	color: #FFFFFF;
	cursor:pointer;
	text-align:justify;
	letter-spacing: normal;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6373A4;
	border: 1px solid #000000;
	width: 50px;
} 
/****************************** Fin de menu interior*********************************************************/
.formatoul {
	color: #FFFFFF;
	font-weight: bold;
}
.txtpeqCur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #666666;
}
.TITULOPAGINA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: uppercase;
	color: #1060A5;
	letter-spacing: .5em;
	text-align: right;
	vertical-align: middle;
}
/*************** TABLA *****************/
table.tab,td
{
	border               : 0px solid #CCC;
	border-collapse      : collapse;
	font                 : small/1.5 Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
table.tab
{
	border                :none;
	border                :1px solid #CCC;
	margin: 0px;
	padding: 0px;
}
table.tab thead th,tbody th
{
	color                 : #FFFFFF;
	padding               : 0px;
	border-left           : 1px solid #CCC;
	margin: 0px;
}
table.tab tbody th
{
	border-top            : 1px solid #CCC;
	text-align            : left;
	font-weight           : normal;
	margin: 0px;
	padding: 0px;
	background-color: #1060A5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	word-spacing: 3px;
}
table.tab tbody tr td
{
	padding               : 0px;
	color                 : #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
/*
table.tab tbody tr:hover  
{
	background   : #1060A5 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

table.tab tbody tr.odd:hover   
{
	background  : #1060A5 repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
table.tab tbody tr:hover td  
{
  color   : #454545;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}*/
table.tab tfoot td,tfoot th
{
	border-left           : none;
	border-top            : 0px solid #CCC;
	padding               : 0px;
	background            : #eeeeee;
	color                 : #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

table.tab a:link
{
	color                 : #1060A5;
}
table.tab a:visited
{
	color                 : #666;
}
table.tab a:hover
{
	color                 : #FFFFFF;
	text-decoration       : none;
	background-color: #1060A5;
}
table.tab a:active
{
	color                 : #1060A5;
}

table.tab tbody tr.odd {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-color: #1060A5;
}
table.tab tbody td.odd {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #1060A5;
	text-align: center;
}
.alcancesTitulos {
	font-weight: bold;
}

