/* Documento CSS, realizado por MAGACOR.COM */

/* P R I N C I P A L ......................................*/
BODY {
	margin: 1% 0% 0% 0%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color:  #999999;
	background-color:    #515151;
	background-image:url(fondo.gif);
	text-align: center;
}
img {
    border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}
h1 {
	margin: 0;
    color: #fff;
	text-align: left;
	padding: 0 0 0 0; 
    font-family: 'trebuchet ms' ,Verdana, Arial, Helvetica, sans-serif ; 
    font-size:  large;
	font-style: oblique;

}
h2 {
	margin: 0;
	padding: 1% 0% 1% 0%;
	background-color:#c00;
	background-image:url(images/menu0.gif);
    color: #fff;
    font-size: small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
h3 {
	margin: 0;
	padding:0 0 5px 0;
    color: #c00;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h4 {
	margin: 0 0 0 0;
    color: #fff;
	padding: 0 0 0 0px; 
    font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
    font-size: small;
}
h5 {
	margin: 0 0 0 0;
    color: #f03;
	padding: 0 0 0 0px; 
    font-family:'trebuchet ms', Verdana, Arial, Helvetica, sans-serif; 
    font-size: small;
}
em {
    color: #000;
	font-weight: bold;
	font-style: oblique;
}
.atajos {
    text-decoration: underline;     
}
.imagenes {
    float: left;
	padding-top: 20px;
}
.imagenes1 {
    float: none;
	  float: left;
	  padding-top: 0px;
}
.imagenesderecha {
    float: right;
	padding-top: 20px;
}
.imagenesderechayarriba {
    float: right;
	padding-top: 0px;
}
.imagenesiniciativas {
    float: right;
	padding-top: 20px;
	padding-left: 20px
}
.oculto {
	display: none
}
.donde {
font-size:x-large;
    color:#0099FF;   
}
.borde_n {
	MARGIN: -4px 4px 0px;
}
/* MARCO 1 ..............................*/
#marco {
	margin: auto; 
    width: 750px! important;
    text-align: left;
    color:#066;
    background-color: #c00;
}
/* MARCO 2..............................*/
#marco2 {
	margin: auto; 
    width: 750px! important;
    text-align: left;
    color: #000;

}
/* CABECERA .................................. */
#cabecera {
	margin: auto; 
}


/* LATERAL Izquierdo  +  MENU .................. */
#izq {
	float: left; 
    width: 150px ; 
    background-color: #000;
    color: #066
}
.div_izq2 {
	margin:6px 4px 0px;
}

/* --- MENU --- */
#menu {
	padding-top:0;
	margin-right: 0;
	margin-bottom: 0;
	float: right;
}
/* --- Menu Principal --- */
	
#menu1 {
	width: 150px;
	border-color: #f00;
	border-width: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
#menu1 UL {
    padding:0; 
    margin: 0%; 
    list-style-type: inherit;	height: 25px;
}

#menu1 li a {
  	height: 41px;
	font-size:80%;
	text-decoration: none;
	padding:0;
    font-weight: normal;
    margin: 0;
	border-color:#000 #c00 #c00 #c00;
	border-style: solid;
	border-width: 1px
}	
#menu1 li a:link, #menu1 li a:visited {
	
	color: #fff;
	display: block; 
	background-color: #c00;
	padding-left: 10px
		}
	
#menu1 li a:hover {
	color: #ccc;
	background-color:#900;	
	text-decoration: none;
	padding-left: 10px;
	border-color:#000 #c00 #900 #c00;

}
	
#menu1 li a:active {
	color: #c00;
	background-color:#ccc;
	text-decoration: none;
	padding-left: 10px
	}


/* Zona DERECHA ------- Principal ...................................................................... */
#derecha {
	margin: auto;
    float: right; 
    width: 600px;
    padding: 0px 0px 0px 0px;
	background-color: #000;
	color: #99cc00;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#cuerpo{
	margin: auto;
    float: right; 
    width: 690px;
    padding: 33px 30px 15px 30px; 

	background-image:url(fondo_centro.jpg);
    color: #666;
    text-align: justify;
    font-size: small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#cuerpo UL {
    padding:0% 0% 0% 0%;
	 color: #666;
    margin: 0%; 
    list-style-type:none;
}
#cuerpo a:link {
    color: #666;
	text-decoration: none;
}
#cuerpo a:visited {
	color: #666;
	text-decoration: none;
}
#cuerpo a:hover {
	color: #fff;
	font-style:normal;
	background-color: #000;
}
/* <<<<<<<<<<<<<<<   MENU LETRAS  >>>>>>>>>>>>> */
.menuletras {
    color: #666;
	background-image:url(images/menu0.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	text-align:center;
	font-weight:bold;
}
.menuletras A:link {
	text-decoration:none;
	color: #fff;
}
.menuletras A:visited {
	color: #fff;
	text-decoration:none;
}
.menuletras A:hover {
	color: #fc0; 
    font-style:normal; 
}
/* PIE DE PAGINA ........................................................................................*/

#pie {
width: 750px;
height: 27px;
	clear: both;
    color:#000;
    padding: 15px 0 3px 0;
	background-image:url(pie.jpg); 
    text-align: right;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
}
#pie a:link {
    color: #999;
	text-decoration: none;
}
#pie a:visited {
	color: #999;
	text-decoration: none;
}
#pie a:hover {
	color: #fff;
	font-style:normal;
	background-color: #000;
}
.subpie {
	clear: both;
	margin: 1% 0% 1% 0%;
	height: 30px;
	color: #fff;
    text-align: center;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.subpie a:link {
    text-decoration: none;
	color:#fff;
}
.subpie a:visited {
	color: #fc0;
	text-decoration: none;
}
.subpie a:hover {
	color: #fff;
	font-style:normal;
	background-color: #ff0000;
}

/* TABLAS .................................................................................................*/
table {
	width: 100%! important;
	color: #666; 
text-align: center;
    font-style:normal; 
}
tr {
	color: #666; 
text-align: center;
    font-style:normal; 

}

td {
	width: 20%! important;
	color: #666; 
text-align: center;
    font-style:normal; 

	padding: 0 0 0 10px;
}
th {
	color: #000; 

	padding: 0 0 0 10px;
}
.td_cabeza {
	color: #000; 

}
table  A:link {
	text-decoration:none;
	color: #f00;

	
}
table A:visited {
	color: #f00;

	text-decoration:none;
}
table A:hover {
	color: #fff; 
    
    background-color:#c00;
}

/* HIPERVINCULOS DOS  ..............................................................................................*/
.dos {
    color: #666;
	background-image:url(images/menu0.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	text-align:center;
	font-weight:bold;
}
.dos A:link {
	text-decoration:none;
	color: #fff;
}
.dos A:visited {
	color: #fff;
	text-decoration:none;
}
.dos A:hover {
	color:  #000 ;
	font-style:normal; 
}
/* U T I L I D A D E S ------- Principal ...................................................................... */
#utilidades {
	margin: auto;
    float: none; 
    width: 600px ! important;
    padding: 0px 0px 0px 0px;
	background-color: #fff;
	color: #99cc00;
    text-align: justify;
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#utilcuerpo{
	margin: auto;
    float: right; 
    width: 540px;
    padding: 33px 30px 15px 30px; 

	background-image:url(fondo_centro.jpg);
    color: #666;
    text-align: justify;
    font-size: small;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#utilcuerpo UL {
    padding:0% 0% 0% 0%; 
    margin: 0%; 
    list-style-type:none;
}
#utilcuerpo a:link {
    color: #999;
	text-decoration: none;
}
#utilcuerpo a:visited {
	color: #999;
	text-decoration: none;
}
#utilcuerpo a:hover {
	color: #fff;
	font-style:normal;
	background-color: #000;
}
#espacio {
	margin: 0;
	padding: 1% 0% 0% 0%;
	}
#espacio1 {
	margin: 0;
	padding: 1% 0% 0% 0%;
	}