/* Revisión 2.0 Mayo 6, 2010 */

/* Sistema Internet de Presidencia 2010 */


body {
	background: #F5F5F5 ;/* url("/imagen/fondo.jpg") no-repeat fixed center top;*/
	color:#2F2F2F;
	margin:0;
	font: 1em Arial;
}
a:hover {
	color: #018E9F;
}
#cuerpo_principal {
	width: 61em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
/*	background-color:#ffffff;*/
}

/* @group Encabezado */

#encabezado {
	display: block;
	overflow: hidden;
	height: 8.5em;
}

/* @group Barra de Herramietas */
#herramientas {
	width: 63em;
	float: left;
	padding-right: 0em;
	text-align: right;
	color: #4298C4;
	font-size: .8em;
}

#herramientas a {
	text-decoration: none;
	
/*	color: #414040;*/
	color: #4298C4;

	/*color:Maroon; */
}

#herramientas a:hover {
	text-decoration: none;
}

#barra_herramientas {
	overflow: hidden;
	height: 1.5em;
	background-color: transparent;
	display: table;

}

#login {
	width: 29em;
	float: left;
	padding-left: 1em;
}

#login Input {
	border: 1px solid gray;
	color: #5b5b76;
	font-size: 12px;
	margin:0;
	padding:2px;
	background-position: center top;
}



/* @end */

#firma_busqueda {
	height: 5em;
	display: block;
	overflow: hidden;
	background-image: url(/imagen/se.jpg);
}

#firma a {
	/*display:block;*/
	height: 5em;
	width: 20em;
	float: left;
	/*padding-left: 11em;*/
}

#firma_nombre {
	color: white;
	width: 14em;
	height: 4em;
	display: block;
	float: left;
	text-align: center;
	padding: .5em;
}

#buscar {
	display: table;
	float: right;
	padding-right: 1em;
	height: 2.5em;
	padding-top: .2em;
	text-align: right;
}

#dominio {
	color: white;
	font-size: 2em;
}



#cuerpo {
/*	background-color: #ffffff;
	display: table;
	padding: 1em;
	
	width: 59em;*/
	background-color: white;
	display: table;
	padding: 1em;
	width: auto;
	height:1px;
	float: left;
	height: auto;

	
}

/* @group Pie de Pagina */

#pie {
	border-top: 1px solid #dedde0;
	color: gray;
	background-color: white;
	display: table;
	border-bottom-style: none;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	width:100%; 
}

#pie a {
	color: gray;
	text-decoration: none;
}

#pie p {
	margin: 0;
	font-size: .8em;
	padding-top: .5em;
	padding-bottom: .5em;
	color: gray;
}

#pie_b {
	width: 59em;
	background-image: url(imagenes/pie1.jpg);
	height: .5em;
	margin-right: auto;
	margin-left: auto;
}

#pie_d {
	margin-right: auto;
	margin-left: auto;
	background-color: #dedde0;
	height: 8em;
	background: url(/imagenes/pie.jpg) center;
}

/* @end */

/* ---------------- */

.izquierda {
	float: left;	
}

.derecha {
	float: right;
}

.margen_derecho {
	margin-right: 1em;
}

/* ----------------- */

/* @group Renglones */

.renglon 
{
  /*  float: left;*/
	display: table;
	margin-bottom: 1em;
	background-color:#ffffff; 
	
	
}

/* @end */

/* @group Cuadros */

.cuadro {
	display: table;
	float: left;
	min-height: 15em;
/*	font-size: 1em;*/
}

.cuadro_libre {
	display: table;
	float: left;
	min-height: 15em;
	font-size: 1em;
}

.fijo {
	overflow: auto;
	display: block;
	min-height:18.5em;
}

.A {
	width: 58em;
}

.B {
	width: 44em;
}

.C {float:left;
	width: 39.5em;
}

.D {
	width: 38em;
}

.E {
	width: 35em;
}

.F {
	width: 29em;
}

.G {
	width: 20em;
}
.G1 {
	width: 21em;
}

.H {
	width: 19em;
}

.I {
	width: 18.5em;
}

.J {
	width: 17em;
}

.K {
	width: 14em;
	background-color:#ffffff; 
}

.L {
	width: 12em;
}

.M {
	width: 11em;
}

.N {
	width: 9em;
}

.O {
	width: 8em;
}

.fondo_1 {
	/*background-color: #d8d9de;*/
}

.fondo_6 {
	background-color: #cdcbcd;
}

.fondo_7 {
	background-color: white;
	
}

.fondo_2 {
	background-color: #dbd9dc;
}

.fondo_3 {
	background-color: #c1c0c4;
}

.fondo_4 {
	background-color: #a1a1a5;
}

.fondo_5 {
	background-color: #545354;
}

.fondo_8 {
	background-color: #f8f8f8;
}

.H16 {
	height: auto;
	
}

.H20 {
	height: 20em;
}

.H8 {
	height: 8em;
}

.H4 {
	height: 4em;
}

/* @end */

/* @group Cajas */
.csubmenu   
{
    color: white; 
    background-image: url(/imagenes/fondo_h1_caja.jpg); 
    text-transform: uppercase; 
    text-align: center; 
    font-size: .8em; 
    text-align:center;
    width:100%;  
   /* padding-top: .3em; 
    padding-bottom: .3em;
     margin-bottom: .4em; */
     }
.caja 
{
     
     display: block; 
    margin-bottom: 1em; 
/*     background-color: #ffffff; */
    

     padding-bottom: .5em; 
     }

 .caja table{ border-collapse:collapse; border: 1px solid #b7b8b9;
                background-color: #f4f5f9;}
                
 .caja td{   margin-left: 1.6em;
   /* margin-bottom: 6em; */
    padding-top:10px 
}
              

.caja a  
{
    color: #555555; 
    text-decoration: none; 
    text-transform: uppercase; 
    font-size: .8em; 
   /* background: url(/ejemplos/imagenes/bullet_notas.jpg) no-repeat;*/
    }
.caja a:hover  
{
    text-decoration: underline; 
    color: #4298C4; 
    }
.caja th  
{
    color: white; 
    background-image: url(/imagenes/fondo_h1_caja.jpg); 
    text-transform: uppercase; 
    text-align: center; 
    font-size: .8em; 
    padding-top: .3em; 
    padding-bottom: .3em;
     margin-bottom: .4em; 
    border: 1px solid #b7b8b9;
     }
.caja h2  
{
    color: #929292; 
    text-transform: uppercase; 
    font-weight: bold; line-height: 1em; 
    margin-bottom: .5em; 
    margin-top: 0; 
    font-size: 1em; 
    margin-left: .3em; 
    }
.caja ul  
{
    padding: 0; 
    margin-top: .2em; 
 }
.caja li  
{
    padding: 0; 
    list-style-image: url(/imagenes/bullet.gif); 
   list-style-position: outside; 
    margin-left: 1.6em;
    margin-bottom: .6em; 
    line-height: .9em; 
    }
.caja_video 
{
     margin-bottom: 1em; 
     } 


    
/* @end */

/* @group Elementos */

/* @group listados */

.w_libre li {
	width: auto !important;
}

.horizontal li {
	display: inline-block;
}

.lista_menu_vertical {
	margin-top: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
	font-size: .8em;
}

.lista_menu_vertical li {
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .8em;
}

.lista_menu_vertical li li {
	font-weight: normal;
	font-style: normal;
	text-transform: capitalize;
	margin-bottom: .1em;
	margin-left: .5em;
}

.lista_menu_vertical a {
	color: #555;
}

.lista_menu_vertical a:hover {
	font-weight: bold;
	color: #1B5E9E;
}

.lista_tipo_A {
	
}

.lista_tipo_A ul {
	padding-top: .5em;
	padding-bottom: .5em;
}

.lista_tipo_A li {
	list-style-image: url(imagenes/bullet.gif);
	margin-bottom: .2em;
}

.lista_tipo_A li li {
	list-style-type: disc;
	list-style-image: none;
}

.lista_tipo_A a {
	color: #555;
	text-decoration: none;
}

.lista_tipo_A a:hover {
	color: maroon;
	text-decoration: underline;
}

.lista_tipo_B {
	padding-top: .3em;
	padding-bottom: .3em;
	padding-right: .3em;
}

.lista_tipo_B ul {
	
}

.lista_tipo_B li {
	padding-top: .3em;
	padding-bottom: .3em;
	border-bottom-style: dotted;
	border-bottom-color: #737576;
	list-style-type: none;
	padding-left: .5em;
	font-size: .9em; /* antes era de 1em */
	line-height: 1em;
}

.lista_tipo_B li li {
	border-bottom-style: none;
	padding-top: 0;
	padding-bottom: 0;
	list-style-type: none;
	font-size: .9em;
}

.lista_tipo_B a {
	
}

.lista_tipo_B a:hover {
}

.lista_tipo_C {
	padding-top: .3em;
	padding-right: .3em;
	padding-bottom: .3em;
}

.lista_tipo_C li {
	list-style-type: none;
	margin-bottom: .2em;
	padding: .5px;
}

.lista_tipo_C li a {
	display: table;
	width: 99%;
	padding: .5em;
	background-color: #e9e9e8;
}

.lista_tipo_C li a:hover {
	background-color: silver;
}

.lista_tipo_C li li {
	list-style-position: outside;
	list-style-image: url(imagenes/bullet.gif);
}

.lista_tipo_D {
	padding-top: .3em;
	padding-bottom: .3em;
}

.lista_tipo_D ul {
	margin: 0;
	padding: 0;
}

.lista_tipo_D li {
	list-style-type: none;
	padding: .5px;
	width: 9em;
	vertical-align: top;
	margin-bottom: .4em;
	/*display: inline-block;*/
}

.lista_tipo_D li a {
	color: gray;
	font-size: .7em;
	line-height: 1em;
}

.lista_tipo_D li a:hover {
	/*color: maroon;*/
	color: #018E9F;
	text-decoration: underline;
}

.lista_tipo_E {
	
}

.lista_tipo_E h1 {
	background-color: #C3122F;
	color: white;
	font-size: 1em;
	text-transform: capitalize;
	padding: .5em;
}

.lista_tipo_E h2 {
	color: #C3122F;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
}

.lista_tipo_E h3 {
	color: #C3122F;
	text-align: right;
	font-size: .7em;
	text-transform: none;
}

.lista_tipo_E h3 a {
	color: #C3122F;
}

.lista_tipo_E h3 a:hover {
	color: #C3122F;
	text-decoration: underline;
}

.lista_tipo_E li {
	list-style-type: none;
	margin-top: .5em;
}

.lista_tipo_E li a {
	color: gray;
	font-size: .8em;
	line-height: .9em;
}

.lista_con_iconos_A {
	padding-top: .3em;
	padding-bottom: .5em;
}

.lista_con_iconos_A a {
}

.lista_con_iconos_A a:hover {
	
}

.lista_con_iconos_A ul {
	margin: 0;
	padding: 0;
}

.lista_con_iconos_A li {
	list-style-type: none;
	display: block;
	padding-top: .5em;
	padding-bottom: .5em;
}

.lista_multimedia_A {
	padding-top: .3em;
	padding-right: .3em;
	padding-bottom: .3em;
}

.lista_multimedia_A li {
	list-style-type: none;
	padding-top: .1em;
	padding-bottom: .1em;
}

.lista_multimedia_A a {
	color: #74bf43;
}

.lista_multimedia_A a:hover {
	color: #1B5E9E;
}

.lista_multimedia_B {
	padding-top: .3em;
	padding-bottom: .3em;
	display: table;
}

.lista_multimedia_B li {
	list-style-type: none;
	height: 2em;
	color: orange;
	font-size: .8em;
	padding-top: .7em;
}

.lista_multimedia_B li a {
	color: #7e7076;
	font-size: 1.2em;
}

.lista_notas_A {
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid gray;
}

.lista_notas_A h1 {
	font-size: .9em;
	color: #666666;
	text-transform: none;
}

.lista_notas_A h1 a {
	color: #666666;
}

.lista_notas_A h1 a:hover {
	color: maroon;
}

.lista_notas_A span {
	color: #c06610;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	border-left-style: none;
	font-size: 0.8em;
}

.lista_notas_A p {
	margin: 0;
}

.lista_notas_A h5 {
	margin: 0;
	text-align: right;
}

.lista_notas_B {
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom-width: 1px;
	border-bottom-color: gray;
}

.lista_notas_B h1 {
	font-size: .9em;
	color: maroon;
	text-transform: none;
}

.lista_notas_B h1 a {
	color: maroon;
}

.lista_notas_B h1 a:hover {
	text-decoration: underline;
}

.lista_notas_B h4 {
	color: #313030;
	font-weight: bold;
	text-transform: none;
	border-left-style: none;
	font-size: 0.7em;
	margin-bottom: .4em;
}

.lista_notas_B img {
	border: 1px solid maroon;
	float: left;
	margin-bottom: .5em;
	margin-right: .5em;
}

.lista_notas_B h5 {
	margin: 0;
	text-align: right;
}

.lista_notas_B h5 a {
	color: maroon;
}

.lista_notas_C {
	padding-top: .5em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid gray;
}

.lista_notas_C h1 {
	font-size: .9em;
	color: maroon;
	text-transform: none;
}

.lista_notas_C h1 a {
	color: maroon;
}

.lista_notas_C h1 a:hover {
	text-decoration: underline;
}

.lista_notas_C h4 {
	color: #313030;
	font-weight: bold;
	text-transform: none;
	border-left-style: none;
	font-size: 0.7em;
	margin-bottom: .4em;
}

.lista_notas_C img {
	border: 1px solid maroon;
	float: right;
	margin-bottom: .5em;
	margin-right: .5em;
}

.lista_notas_C h5 {
	margin: 0;
	text-align: right;
}

.lista_notas_C h5 a {
	color: maroon;
}

/* @end */

/* @group Tablas */

.tabla_A
{
	background: #fff;
	margin: 1em;
	border-collapse: collapse;
	text-align: left;
}
.tabla_A th
{
	font-weight: normal;
	color: #039;
	border-bottom: 2px solid #6678b1;
	font-size: 1.2em;
	padding: .5em;
}

.tabla_A td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: .3em;
}
.tabla_A tbody tr:hover td
{
	color: #009;
}

.tabla_B
{
	margin: 1em;
	text-align: left;
	border-collapse: collapse;
}
.tabla_B th
{
	font-weight: normal;
	color: #039;
	padding: .5em;
	font-size: 1.2em;
}
.tabla_B td
{
	color: #669;
	padding: .4em;
}
.tabla_B .fondo1
{
	background: #e8edff; 
}

.tabla_C
{
	text-align: left;
	border-collapse: collapse;
}
.tabla_C th
{
	font-weight: bold;
	color: white;
	background: #757575;
	padding: .5em;
}


.tabla_C tbody tr:hover td
{
	background: #d0dafd;
}

/* @end */

.tabla_C tbody tr:hover td
{
	background: #d0dafd;
}

/* @end */

/* @group Tabs */

.tab_actual_A {
	background-color: #737373 !important;
}

.tab_visible_A {
	display: block;
}

.tab_A {
	display: block;
	overflow: hidden;
}

.tab_recuadro_A {
		border: 2px solid #737373;
		padding: 1em;
		color:#2F2F2F;
	margin: 0;
	background-position: center top;
	-moz-border-radius-topright: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	-webkit-border-bottom-right-radius: .5em;
}

.tab_A ul{
	list-style:none;
	margin:0;
	padding:0;
}
	.tab_A li{
	display: inline-block;
	background-color: silver;
	width: 8em;
	-moz-border-radius-topleft: .4em;
	-webkit-border-top-left-radius: .4em;
	-moz-border-radius-topright: .4em;
	-webkit-border-top-right-radius: .4em;
}
	.tab_A li a{
		color: white;
		display:block;
		text-align:center;
		text-decoration:none;
	line-height: 1.1em;
	font-size: .9em;
	padding: .3em .5em .2em;
}
.tab_A li a:hover{
	color: white;
	text-decoration:none;
	background-color: #737373;
	-moz-border-radius-topleft: .4em;
	-webkit-border-top-left-radius: .4em;
	-moz-border-radius-topright: .4em;
	-webkit-border-top-right-radius: .4em;
}
			
.tab_A li ul{
	background: #737373;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display:none;
	height:auto;
	/*filter:alpha(opacity=95);
	opacity:0.95;*/
	position:absolute;
	z-index:200;
	margin-top: -1px;
}
.tab_A li:hover ul{
	display:block;
}
.tab_A li li {
	display: inline-block;
	float:none;
	padding:0px;
	background-color: transparent;
}
.tab_A li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	padding:0px 10px 0px 15px;
	text-align:left;
}
.tab_A li ul a:hover{
	background:#949494;
	color:#000000;
	/*opacity:1.0;
	filter:alpha(opacity=100);*/
}

/* @end */



/*p {    font-weight: 700;
}*/

/* @group Carrusel 2 */

.carrusel_2 {
	height: 13em;
	overflow: auto;
	width: 59em;
}

.contenedor_c2 {
	height: 13em;
	display: inline-block;
	width: 8.8em;
	font-weight: bold;
	float: left;
	padding-right: .41em;
	padding-left: .42em;
	overflow: hidden;
	
}

.imagen_contenedor_c2 {
	height: 13em;
	width: 8em;
	overflow: hidden;
	display: block;
	position: relative;
}

.texto_contenedor_c2 {
	margin-top: -3em;
}

.fondo_contenedor {
	background-color: black;
	/*opacity: 0.75;*/
	width: 9em;
	height: 13em;
	position: relative;
}

.contenedor_t1 {
	color: white;
	position: relative;
	margin-top: -13em;
	width: 9em;
	height: 13em;
}


.linea_rosa {
	border-top: 3px solid #d90a90;
}

.flecha_rosa {
	width: 10px;
	height: 5px;
	float: right;
	margin-right: 3px;
	background: url(imagenes/flechas_carrusel2.gif) -60px;
}

.titulo_contenedor {
	line-height: 1.1em;
	text-align: left;
	font-size: .8em;
	padding: .4em .5em .2em;
	height: 3.2em;
}

.texto_contenedor_2 {
	font-size: .7em;
	line-height: 1.1em;
	margin-top: .5em;
	padding-right: .5em;
	padding-left: .5em;
	text-align: left;
}

.texto_contenedor_2 a {
	color: white;
	text-decoration: none;
}

/* @end */

hr {
	margin: 2em 1em;
}

/*ul {
	margin-left: .5em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
*/
/*li {
	line-height: 1.1em;
	list-style-position: inside;
	list-style-type: circle;
}

li li {
	list-style-type: disc;
	line-height: 1em;
	margin-bottom: .1em;
	padding-bottom: 0;
	list-style-position: inside;
}
*/
a {
	text-decoration: none;
	color: #2F2F2F;
}

a:hover {
	text-decoration: underline;
}

h1 {
	color: #d61d00;
	text-transform: uppercase;
	margin-bottom: .3em;
	font: bold 1.6em/1em Arial;
	margin-top: 0;
}

h2 {
	color: #929292;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .5em;
	font-size: 1.2em;
	margin-top: 0;
}

h3 {
	color: #3e8213;
	text-transform: uppercase;
	font: 0.9em/1em Arial;
	margin-bottom: 1em;
}

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

h3 a:hover {
	text-decoration: none;
	color: #3e8213;
}

h4 {
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: .3em;
	border-width: 2px;
	border-color: #e4e3e3;
	text-transform: uppercase;
	margin-top: .2em;
	margin-bottom: .2em;
	font-weight: bold;
	color: maroon;
	font-size: .9em;
}

h4 a {
	color: maroon;
}

h4 a:hover {
	text-decoration: none;
}

h5 {
	font-size: .7em;
	color: gray;
	font-weight: bold;
}

h5 a {
	color: gray;
	text-decoration: none;
}

h5 a:hover {
	text-decoration: underline;
}

h6 {
	font-size: .7em;
	color: #3e8213;
	font-weight: bold;
	margin-top: .2em;
	margin-bottom: .2em;
	margin-left: .5em;
}

/* @group Iconos */

.icono_1 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right:.5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/package_settings.gif) no-repeat ;
}

.icono_2 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/window_list.gif) no-repeat;
}

.icono_3 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/yast_profile-manager.gif) no-repeat ;
}

.icono_4 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/package_programs.gif) no-repeat;
}

.icono_5 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/starthere.gif) no-repeat;
}

.icono_6 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/yast_nis_client.gif) no-repeat;
}

.icono_7 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	margin-left:.5em; 
	background: url(/imagenes/iconografia/yast_remote.gif) no-repeat;
}

.icono_8 {
	width: 16px;
	height: 24px;
	display: block;
	float: right;
	margin-right: .5em;
	background: url(/imagenes/iconografia/yast_remote.gif) no-repeat;
}

/* @end */

/* @group Iconos del tipo de Archivos */

.icono_avi {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_bmp {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_doc {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_fla {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_gif {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_htm {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_img {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_iso {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_jar {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_jpg {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_mov {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_mp3 {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_pdf {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_png {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_ppt {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_rar {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_rtf {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_tar {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_tif {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_txt {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_wav {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_wma {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_wmv {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_xls {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_xml {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

.icono_zip {
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -330px;
}

/* @end */

/* @group Iconos Multimedia A y B */

.audio_1 {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -45px -40px;
}

.video_1 {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -40px;
}

.foto_1 {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -105px -40px;
}

.info_1 {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -75px -40px;
}

.rel_1 {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) -135px -40px;
}

.audio_2 {
	width: 35px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -16px -96px;
}

.video_2 {
	width: 35px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -59px -96px;
}

.foto_2 {
	width: 35px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -102px -96px;
}

.info_2 {
	width: 35px;
	height: 24px;
	display: block;
	float: left;
	margin-right: .5em;
	background: url(imagenes/iconografia.gif) no-repeat -153px -96px;
}

/* @end */

/* @group listado de redes */

#lista_redes {
}

#lista_redes a {
	background-color: orange;
	display: inline-block;
	float: left;
}

#r1 a {
	background: url(/imagenes/iconografia.gif) no-repeat -16px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r1 a:hover {
	background: url(/imagenes/iconografia.gif) no-repeat -16px -195px;
}

#r2 a {
	background: url(/imagenes/iconografia.gif) no-repeat -58px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r2 a:hover {
	background-position: -58px -195px;
}

#r3 a {
	background: url(/imagenes/iconografia.gif) no-repeat -100px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r3 a:hover {
	background-position: -100px -195px;
}

#r4 a {
	background: url(/imagenes/iconografia.gif) no-repeat -142px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r4 a:hover {
	background-position: -142px -195px;
}

#r5 a {
	background: url(/imagenes/iconografia.gif) no-repeat -184px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r5 a:hover {
	background-position: -184px -195px;
}

#r6 a {
	background: url(/imagenes/iconografia.gif) no-repeat -226px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r6 a:hover {
	background-position: -226px -195px;
}

#r7 a {
	background: url(/imagenes/iconografia.gif) no-repeat -268px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r7 a:hover {
	background-position: -268px -195px;
}

#r8 a {
	background: url(/imagenes/iconografia.gif) no-repeat -310px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r8 a:hover {
	background-position: -310px -195px;
}

#r9 a {
	background: url(/imagenes/iconografia.gif) no-repeat -352px -152px;
	width: 2em;
	height: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}

#r9 a:hover {
	background-position: -352px -195px;
}

/* @end */

/* ---------------- */

.recuadro {
	margin: 1em;
	border: 1px none gray;
	padding: 1em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	display: table;
}

.recuadro2 {
	margin: 1em;
	border: 1px solid gray;
	padding: 1em;
	background-color: #f9f7fa;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	font: .75em Courier;
}

.recuadro3 {
	border: 2px solid #737373;
	padding: 1em;

	font-size: .7em;
	background:url("imagenes/background.jpg") no-repeat scroll center top #F4F5F9;
color:#2F2F2F;
}

.recuadro4 {
	padding: 1em;

	font-size: .7em;
color:#2F2F2F;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.titulo_seccion {
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: .3em;
	border-width: 2px;
	border-color: #e4e3e3;
	text-transform: uppercase;
	font-weight: bold;
	/*color: maroon;*/
	color:#4298C4;
	
	margin-bottom: .5em;
	font-size: 1em;
}

.titulo_seccion a 
{
    color:#4298C4;
    font-weight: bold;
    font-size: 1em;
/*	color: maroon;*/
text-transform: uppercase;
	text-decoration: none;
}

.titulo_seccion_b {
	font-size: .7em;
	color: gray;
	font-weight: bold;
}

.titulo_seccion_b a {
	color: gray;
}

.ruta_de_navegacion {
	text-align: left;
	color: #d92b12;
	text-transform: uppercase;
	font-size: .7em;
	margin-bottom: 1em;
}

.ruta_de_navegacion a {
	color: #929292;
	text-decoration: none;
}

.ruta_de_navegacion a:hover {
	color: #d92b12;
	text-decoration: underline;
}

.herramientas_del_usuario {
	font-size: .7em;
}

.texto_herramientas {
	vertical-align: top;
	
}

.herramientas_del_usuario a {
	color: gray;
	text-decoration: none;
}

.titulo_nota {
	color: #929292;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: .5em;
	font-size: 1.2em;
}


.autor_nota {
	color: #ba5112;
	text-align: right;
	font-size: .6em;
}

.nota_chica {
	font-size: .8em;
}

.nota_media {
	font-size: 1em;
}

.nota_grande {
	font-size: 1.3em;
}

.nota_especial {
	font-weight: bold;
	color: #744d2f;
	font-size: .9em;
}

.nota_especial a {
	color: blue;
}

.fecha_nota {
	color:#434D2A;
	font-size:0.7em;
	font-weight:bold;
	margin-bottom:0.5em;
}

.renglon_ban 
{
    margin-top: 1em;
	margin-bottom: 1em;
	height: 4em;
	display: block;
	
}

.ban_1 a img{
	width: 9.75em;
	height: 4em;
	border:0;
}

.ban_2 {
	width: 20em;
	height: 4em;
	margin-bottom: 1em;
}



/* @group ejemplos */

.cuadro_notas_inicio {
	height: 20em;
	display: table;
	background-image: url(/imagenes/fondo_notas.jpg);
}

.cuadro_notas_inicio a {
	display: block;
	/*width: 18em;*/
	height: 3em;
	padding: .5em .5em .5em 1.5em;
	color: #4298C4;
	line-height: 1em;
	border-bottom: 1px solid #ffffff

}

.cuadro_notas_inicio a:hover {
	display: block;
	background: #f1f0f0 url(/imagenes/bullet_notas.jpg) no-repeat;
}
.js
{
    display: block;
	background: #f1f0f0 url(/imagenes/bullet_notas.jpg) no-repeat;
	color : Black; 
    }

.nota_prima {
	display: table;
	padding-bottom: .5em;
	margin-top: .5em;
	padding-left: .5em;
	font-size: .8em; 
}

.marco_cuadro_I a {
}

.marco_cuadro_I img {
	border-style: solid;
	border-color: #1c6fc9;
	margin-left: .5em;
	margin-bottom: .5em;
}

.marco_cuadro_I2 
{
    
}

.marco_cuadro_I2 a {
	font-size: .8em;
	line-height: .9em;
}

.marco_cuadro_I2 a:hover {
	color: #1b5e9e;
	text-decoration: underline;
}

.borde_azul {
	border: 1px solid #289ed4;
}

.borde_gris {
	border: 1px solid #737576;
}

.titulo_seccion2 {
	border-left-style: solid;
	border-left-width: 2px;
	padding-left: .3em;
	border-width: 2px;
	border-color: #e4e3e3;
	text-transform: uppercase;
	margin-top: .2em;
	font-weight: bold;
	color: #1c5da4;
	font-size: .9em;
	margin-bottom: .5em;
}

#videos_v4 {
	height: 16.5em;
	/*width: 29.5em;*/
	margin-right: .2em;
	/*font-size: .9em;border-width: 2px;*/
}

#v_4_notas {
	/*border-right: 1px solid #e4e3e3;*/
	height: 15em;
}

.v4_frame {
	width: 22.5em;
	
}

.v4_notas {
	padding-left: .5em;
	padding-right: .5em;
	width: 15.5em;
}

.v4_notas ul {
	margin: 0;
	padding: 0;
}

.v4_notas li {
	margin: 0;
	list-style-type: none;
	font-size: .7em;
	border-bottom: 1px dashed silver;
	line-height: 1.2em;
	padding-top: .4em;
	padding-bottom: .4em;
}

.v4_notas a {
	color: #5f5e5f;	
	text-decoration: none;
}

.v4_notas a:hover 
{
    color: #018E9F;
	/*color: #c71907;*/
	text-decoration: underline;
}

.videos_C {
	font-size: .6em;
	text-transform: capitalize;
}

.videos_C a {
	color: #C71707;
	margin-top: .3em;
}

.texto_nota 
{
    font-size: .9em; color:#414040;
    
    }
/*p {color:#414040; font-size:0.85em; margin:0 0 0.5em 0.5em; }*/
/*.texto_nota img {float:left; height:110px; */
/*margin-bottom:1em; margin-right:1em; width:122px; }*/
.nota_chica {font-size: .8em;}
.nota_media {font-size: 1em;}
.nota_grande { font-size: 1.3em;}
.texto_nota a
{	color: #1c5da4;
	line-height: 1em;
    }

/* @end */
/*prueba*/
ul.menu2
{
   list-style:none;
}
ul.menu2 li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:170px;
}
ul.menu2 div
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:150px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
     background:#4298C4; 
   border-bottom: 2px solid #ff0; 
   display:none; height:auto; 
}
ul.menu2 li:hover > div
{
   display:block;
}



/* estilo sector */

.menu_principal 
 { 
   height: 2.5em; 
   display: block; 
   overflow: hidden; 
   background-image: url(/imagen/fondo_menu.jpg); 
   margin-top: 0; } 
.letra_menu 
 { 
   font-size: .8em; 
 } 
.menu_principal ul
 { 
  height: 2em; 
  list-style:none; 
  margin:0; 
  padding:0; 
  text-align: center; 
  
  } 
.menu_principal li
  {
   display: inline-block; 
   font-weight: bold; 
   background-color: transparent; 
   /*margin-bottom: 10em; */
   float:left;
  /* list-style:none;   */
  } 
.menu_principal li a
  {
   color: white; 
   display:block; 
   line-height: 2em; 
   text-align:center; 
   text-decoration:none; 
   padding:  0px .5em ; 
  } 
.menu_principal li a:hover
  { 
   text-decoration:none; 
  } 
.menu_principal li ul
   { 
 /* background: #737373;*/

   background:#4298C4; 
   border-bottom: 2px solid #ff0; 
   display:none; height:auto; 
 /*  filter:alpha(opacity=95); 
   opacity:0.95; */
   position:absolute; 
   width: 10em; 
   z-index:200; 
   margin-top: -1px; 
  margin-bottom:-6px;
  margin:0px;
  
} 
.menu_principal li:hover ul
  { 
  display:block; 
  } 
.menu_principal li li 
  { 
  display:block; 
  float:none; 
 /* padding: 5px;*/
  width: 10em; 
 /* margin: 0 0 80 0; */
 margin-top: 10px;
  font-weight: normal; 
  font-style: normal; 
  list-style:none;
  background: url(/imagenes/bullet_menu.png) no-repeat  .5em; 
 } 
.menu_principal li ul a
{ 
  display:block; 
  font-size:12px; 
  font-style:normal; 
  padding: 0px  10px 0px 15px; text-align:left;
 }
.menu_principal li ul a:hover
  { 
  /* opacity:1.0; 
   filter:alpha(opacity=100); */
   text-decoration: underline;
 }  

#submenu1, #submenu2, #submenu3, #submenu4, #submenu5 { width: 20.4em; } #submenu4 li, #submenu1 li, #submenu2 li, #submenu3 li, #submenu4 li, #submenu5 li { display: inline-block; }

.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

  .contenido
  {
      font-family:"Trebuchet MS";
	font-size:13px;
	/*color:#630D0D;*/
	font-weight:normal;
	text-decoration:none;
	
      }
      
 .contenido a
 {text-decoration:none;
     }
  .contenido a:hover
 {text-decoration: underline;
  /* background-color: Orange; */
     } 
     .notaroja
 { color:Red;
     }
   .accordion {   
            width: 100%;   
        }   
           
        .accordionHeader {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #2E4d7B;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
           margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionHeaderSelected {   
           border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #5078B3;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionContent {   
            background-color: #D3DEEF;   
            border: 1px dashed #2F4F4F;   
            border-top: none;   
            padding: 5px;   
            padding-top: 10px;   
        }   
 .modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
.drag
    {
         font: normal 11px auto "Trebuchet MS", Verdana;    
        background-color: #ffffff;
        color: #4f6b72; 
        padding:6px;  
         border:solid 1px gray ;
    }
.alerta {  
background: #fff6bf url(/images/important.gif) center no-repeat;  
background-position: 15px 50%; /* x-pos y-pos */  
text-align: left;  
padding: 5px 20px 5px 45px;  
border-top: 2px solid #ffd324;  
border-bottom: 2px solid #ffd324;  
color:#000000;  
}

.tabla 
{background: red;
    }
.tabla td
{
    color: #333377;padding: 6px;margin: 3px;border:2px groove #C8C8F2;line-height: 1.5em;white-space: nowrap;
    border-top: 2px solid #ffd324;  
border-bottom: 2px solid #ffd324;  
color:#000000; 
    } 
    
#modal {
width:100%; /*Toma el 100% del ancho de la página*/
height:100%; /*Toma el 100% del alto de la página*/
position:fixed; /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
background-color: rgba(1, 1, 1, 0.9); /*Color de fondo, incluye opacidad del 90%*/
top:0; /*Position superior*/
left:0; /*Posición lateral*/
z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}
#contenido-interno { 
margin:140px auto; /*Separación arriba y centrado*/
font-size:12px; /*Tamaño de la fuente*/
width:600px; /*Ancho del contenedor*/
text-align:center; /*Alineación del texto*/
color:#222; /*Color del texto*/
background:#fff; /*Color de fondo*/
}