/************************** HOJA DE ESTILOS PARA LA AGENDA DE CONECTIVIDAD ********************/

/************************** C A R T A   D E   C O L O R E S  Y  N O T A S  ********************/

/*
textos: gris ->#546472
textos con enlace -> naranja #3C2968 
textos hover ->naranja oscuro #7E57DB
enlaces visitados ->#18102A
color de los h3 -> #844756
ancho sugerido para las gr?ficas que acompa?an las notas: 90px
*/

/***************************  ESTILOS GENERALES DE LA PAGINA   ***********************************/

body{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #546472;
	height: auto;
	font-size:8pt;
	line-height: 12pt;
	background-image: url(../graficas/fondo.gif);
}
    
blockquote{
	padding:5px 0px 5px 10px;	
}

p{
	padding:0px 0 5px 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:8pt;
	line-height: 11pt;
	text-align: left;
	color: #546472;
} 

p a:link{
	color: #3C2968;
	text-decoration: none;
}

p a:visited{
	color:#18102A;
	text-decoration: underline;
}

p a:hover{
	color: #7E57DB;
   	text-decoration: underline;
}


.renglon{
	clear: both;
	margin:10px 0px 10px 0px;
}

.fechaactualizacion{
	font-size: 10px;
	color: #3C2968;
	text-align: right;
}

.fecha_ultima{
	font-size: 11px;
	color: #3C2968;
	text-align: right;
}

ul{
	margin: 0 0 0 5px;
	padding: 0px;
}

ol{
	margin: 0 0 0 25px;
	padding: 0;
}

.li{
	list-style: none;
	background-image: url(../graficas/bullet.gif);
	background-position: 0px +8px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height: 10pt;
}

.li a:link{
	color: #3C2968;
	text-decoration: none;
}

.li a:visited{
	color:#18102A;
	text-decoration: underline;
}

.li a:hover{
	color: #7E57DB;
   	text-decoration: underline;
}	

/******* titulo de secci?n *******/
h1{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #8597A5;
	font-weight: bold;
	padding: 5px 0 5px 0;
	margin: 0;
}

/****** titulo de categoria ******/
h2{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #844756;
	font-weight: bold;
	padding: 10px 0 0px 0;
	margin: 0;
}

/***** titulo de item *****/
h3{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #3C2968;
	font-weight: bold;
	padding: 15px 0 5px 0;
	margin: 0;
}

h3 a:link{
	text-decoration: none;
	color: #3C2968
}

h3 a:visited{
	color:#18102A;
	text-decoration: underline;
}

h3 a:hover{
	color: #7E57DB;
	text-decoration: underline;
}

/****** Fecha de publicaci?n *********/
h4{
	padding:15px 0 0px 0;
	margin: 0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:8pt;
	line-height: 11pt;
	text-align: left;
	color: #3C2968;
	font-weight: normal;
}

h4 a:link{
	text-decoration: none;
	color: #3C2968
}

h4 a:visited{
	color:#18102A;
	text-decoration: underline;
}

h4 a:hover{
	color: #7E57DB;
	text-decoration: underline;
}

h5{/*migas*/
   padding: 0px 0px 20px 0px;
   margin: 0;
   font-family:Verdana, Helvetica, Arial, sans-serif;
   font-size:8pt;
   line-height: 12pt;
   text-align: left;
   color: #3C2968;
   font-weight: normal;
}

h5 a:link{/*migas*/
   text-decoration: none;
   color: #3C2968
}

h5 a:visited{
   color: #7E57DB;
      text-decoration: underline;
}

h5 a:hover{/*migas*/
   text-decoration: underline;
   color: #7E57DB;
} 

.form_buscar{
	position:absolute;
	top: 17px;
	left:600px;
}

.boton-buscar{
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.input-buscar{
	border: 1px solid #131569;          
	font-size: 8pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/*************** F O R M A T O  P A R A  I M  A G E N E S *********************/

img {
	margin: auto;
}

.imagen_centro{
	border: none;
 	text-align: center;
	margin-top: 5px;
}

.imagen_izq{
	border: none;
	float: left;
	margin: 5px 10px 5px 0px;
}

.imagen_der{
	border: none;
	float: right;
	margin: 5px 0px 5px 10px;
}

.imagen_vert{
	border: none;
	float: right;
	margin: 0px 0px 15px 0px;
}

.imagen{
        border: none;
	margin: 0px 0px 0px 0px;
}

.imagen-menu{
position: relative;
border: none;
top:8px;
}

/**************** F O R M A T O  P A R A  T A B L A S *********************/

table.standard {
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin: 15px 0px 15px 0px;
	padding: 0px; 
}

table.standard th {
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #3C2968;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

table.standard tr {
	vertical-align: top;
}

table.standard tr a:link{
	text-decoration: none;
	color: #3C2968
}

table.standard tr a:visited{			
	text-decoration: underline;
	color: #18102A
}

table.standard tr a:hover{
	text-decoration: underline;
	color: #7E57DB;
}


table.standard td {
	margin: 0px;
	padding: 3px 5px 3px 5px;
}


table.cellborder th, table.cellborder td {
	border: 1px solid #ADB9C2;
}

tr.color1{
	background-color: #F3F4F5;
}

tr.color2, tr.alt {
	background-color: #E4E7E9;
}

tr.color3{
        background-color: #F68B34;
}

td.der{
	text-align: right;
}
th.icon, td.icon {
	text-align: center;
}

/****************************** APARIENCIA *******************************/

#contenedor{
	margin:0px auto;
	padding: 0px;
	width: 770px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #131569;
	background-color: #fff;
}

/***************************** ENCABEZADO ********************************/

#menu-navegacion{
background-image: url(../graficas/fanja.gif);	
height: 30px;
}

#opciones{
	color: #fff;
	padding: 7px 0 5px 10px;
	margin-left: 50px;	
float: left;
	width: 450px;
}

#lista-nav li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	color: #fff;
}

#lista-nav li a:link{
	color: #fff;
	text-decoration: none;
}

#lista-nav li a:visited{
	color: #fff;
	text-decoration: none;
}

#lista-nav li a:hover{
	color: #B6B7F1;
	text-decoration: underline;
}

#english{
	color: #fff;
	padding: 7px 10px 5px 10px;
	margin: 0px;
	float: right;
	width: 70px;
	text-align: right;
	font-weight: bold;
}

#english a:link, #english a:visited{
	color: #fff;
	text-decoration:none;
}

#english a:hover{
	color: #B6B7F1;
	text-decoration:underline;
}

#encabezado{
	height: 105px;
	width: 768px;
	padding: 0px;
	margin: 0px;
	clear: both;

}

#encabezado h1, #encabezado h2, #encabezado h3{
	display:none
}


#menu-herramientas{
	background-color: #fff;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 10px 35px;
}

.enlaceboton {    
    margin: 0px 10px;
    font-size: 9pt;
    padding: 10px 4px;
    background-color: #254E86;
    color: #fff;
    text-decoration: none;
}

.enlaceboton:link,
.enlaceboton:visited {
    border-top: 1px solid #cccccc;
    border-bottom: 2px solid #666666;
    border-left: 1px solid #cccccc;
    border-right: 2px solid #666666;
}
.enlaceboton:hover {
    border-bottom: 1px solid #cccccc;
    border-top: 2px solid #666666;
    border-right: 1px solid #cccccc;
    border-left: 2px solid #666666;
} 


#separacion{
        background-image: url(../graficas/separacion.gif);
        background-position: 0px +8px;
        background-repeat: no-repeat;
        width:745px;
        margin:0px 5px 10px 5px;  

}

/********************** MENU PRINCIPAL ****************************/

#bloque1{
	clear: both;
	float: left;
	width: 165px;
	color: #fff;
}

#izquierda{
	width: 155px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

#menu-principal{
	margin-left:5px;
}

#menu-acerca, #menu-componentes, #menu-interes{
	padding-left: 0;
	margin-left: 0;
	margin-top: 2px;
	width: 155px;
}

#menu-acerca li, #menu-componentes li, #menu-interes li{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-bottom: 1px solid #ADB9C2;
}

#menu-acerca li a, #menu-componentes li a, #menu-interes li a{
	text-decoration: none;
	color: #546472;
}

#menu-acerca li a:hover, #menu-componentes li a:hover, #menu-interes li a:hover {
	text-decoration: underline;
	color: #3C2968;
}

.acerca{
	background: #254E86;
	color: #fff;	
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	height: 25px;
}

.componentes{
	background: #254E86;
	color: #fff;	
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	height: 35px;
}

.interes{
	background: #254E86;
	color: #fff;	
	font-size: 10pt;
	font-weight: bold;
	padding: 3px;
	height: 25px;
}

#portales{
	margin: 25px 0 10px 10px;
}

#portales h1{
	display: none;
}

#anuncios{
	margin: 25px 0 10px 10px;
}

#anuncios h1{
	display: none;
}


/****************************** BLOQUE CONTENIDOS *****************************/

#bloque2{
	float: right;
	width: 590px;
	color: #fff;
}

#contenidos{
	clear: both;
	float: left;
	width: 400px;
	color: #546472;
	margin-right: 15px;
	margin-top: 15px;
}


#contenidos_comp{
	clear: both;
	float: left;
	width: 570px;
	color: #546472;
	margin-right: 10px;
	margin-top: 5px;
}

#completo{
	clear: both;
	float: left;
	width: 730px;
	color: #546472;
	margin: 10px;
	margin-top: 5px;
}

#contenidos_comp ul li{
        list-style: none;
        background-image: url(../graficas/bullet.gif);
        background-position: 0px +8px;
        background-repeat: no-repeat;
        padding-left: 15px;
        margin-left: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 10pt;
}

#contenidos_comp ul li a:link{
        color: #3C2968;
        text-decoration: none;
}

#contenidos_comp ul li a:visited{
        color:#18102A;
        text-decoration: underline;
}

#contenidos_comp ul li a:hover{
        color: #7E57DB;
        text-decoration: underline;
}

#contenidos_comp ul ul li{
        list-style: none;
        background-image: url(../graficas/bullet.gif);
        background-position: 35px +8px;
        background-repeat: no-repeat;
        padding-left: 50px;
        margin-left: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 10pt;
}

#contenidos_comp ul ul li a:link{
        color: #A41010;
        text-decoration: none;
}

#contenidos_comp ul ul li a:visited{
        color:#18102A;
        text-decoration: underline;
}

#contenidos_comp ul ul li a:hover{
        color: #7E57DB;
        text-decoration: underline;
}
                       
#contenidos_comp ol li{
	list-style-type: decimal;        
	padding-left: 15px;
        margin-left: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
        line-height: 10pt;
}

#contenidos_comp ol li a:link{
        color: #3C2968;
        text-decoration: none;
}

#contenidos_comp ol li a:visited{
        color:#18102A;
        text-decoration: underline;
}

#contenidos_comp ol li a:hover{
        color: #7E57DB;
        text-decoration: underline;
}


#contenidos h1{
	color: #466693;
	font-size: 20pt; 
}

.noticias-index{
	border-top: 1px dashed #844756;
	text-align: left;
	color: #546472;
	padding-top: 12px;
	margin-top: 3px;
	font-size: 8pt;
	line-height: 11pt;
}

.noticias-index h2{
	font-size: 11pt !important;
	color: #844756 !important;
	padding: 10px 0 0px 0;
	margin: 0;
}


.noticias-index a:link{
	color: #844756 !important;
	text-decoration: none;
}

.noticias-index a:visited{
	color:#B36075 !important;
	text-decoration: underline;
}

.noticias-index a:hover{
	color: #44242C !important;
   	text-decoration: underline;
}

#documentos{
	margin-top: 20px;
	float: left;
	background-image: url(../graficas/documentos.gif);
	width: 170px;
	padding: 10px;
	background-repeat: no-repeat;
}

#servicios{	
	margin-top: 20px;
	float: right;
	background-image: url(../graficas/servicios.gif);
	width: 170px;
	padding: 10px;
	background-repeat: no-repeat;
}

#documentos h1, #servicios h1{
	display: none
}

.tit-docs-serv{
	margin: 35px 0 0 0;
	color: #000;
	font-weight: bold;
}

#extras{
	margin-top: 10px;
	float: left;
	width: 155px;
	color: #fff;
}

#notificacion{
	margin-top: 5px;
	clear: both;
	border: 1px solid #ADB9C2;
	background-image: url(../graficas/notificacion.gif);
	background-repeat: no-repeat;
margin-bottom:10px;
}

.notificacion{
	color: #546472;
	padding: 40px 0 15px 10px;
}

.rss, .podcast{
	padding: 0px 0 15px 10px;
	color: #546472;
}

.notificacion a:link, .rss a:link, .podcast a:link{
	color: #3C2968;
	text-decoration: none;
}

.notificacion a:visited, .rss a:visited, .podcast a:visited{
	color:#18102A;
	text-decoration: underline;
}

.notificacion a:hover, .rss a:hover, .podcast a:hover{
	color: #7E57DB;
   	text-decoration: underline;
}

#notificacion h1{
	display: none
}

#encuesta{
	clear: both;
	border: 1px solid #ADB9C2;
	background-image: url(../graficas/encuesta.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	padding: 0 5px 10px 0;
}

#encuesta h1{
	display: none
}

.encuesta-tit{
	color: #546472;
	font-weight: bold;
	line-height: 10pt;
	padding: 25px 0 15px 10px;
}

.encuesta-items{
	color: #546472;
	font-weight: normal;
	line-height: 10pt;
	padding: 5px 0 0px 5px;
}

.votar{
	color: #3C2968;
	padding: 5px 0 0px 5px;
	text-align: right;
}

.votar a:link{
	color: #3C2968;
}

.votar a:visited{
	color:#18102A;
	text-decoration: underline;
}

.votar a:hover{
	color: #7E57DB;
	font-weight: bold; 
}

.seguimiento{
float: right;
}
/****************************** PIE DE PAGINA *******************************/

#pie{
        border-top:30px solid #254E86;
	clear: both;
	width: 770px;
	color: #131569;
	text-align: right;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 7pt;
}


#pie a:link{
	color: #3C2968;
	text-decoration: none;
}

#pie a:visited{
	color:#18102A;
	text-decoration: underline;
}

#pie a:hover{
	color: #7E57DB;
   	text-decoration: underline;
}


/********************* Logo de la validaci?n ******************/


.tawlogo {
font-family: arial, sans-serif;
border: 1px solid #555;
vertical-align: 0.3em;
font-weight: bold;
color: #fff;
font-size: 0.9em;
background-color: #555;
padding: 0;
}

.tawlogo .tnivel {
padding: 0 0.4em ;
border-bottom: 0px;
background-color: #555;
color: #fff;
font-size: 0.8em;
}

.tawlogo abbr {
border-bottom: 0px;
}

.tawlogo acronym{
border-bottom: 0px;
padding: 0 0.3em;
background-color: #fff;
color: #000;
}

.tawlogo sup{
padding: 0em;
vertical-align: 0.6em;
font-size: 0.6em;
}