/*  body {  /* orden margin y padding: top, right, bottom y left  */
/*    margin: 0px 20px 20px 20px;
  padding: 0px 0px 0px 0px;
  background-color: #aaa;  /* gris oscuro */
 /*   font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 10px;
  line-height: 15px;
/*  xxxbackground: url(bg.gif)   */
/*    background-attachment: fixed;  /* scroll */
/*  } */

BODY {font-family : Arial, Helvetica, sans-serif;  
     font-weight: normal; 
	 font-style : normal; 
	 color : #553;  
	 margin-top: 0px; 
	 margin-right: 6px; 
	 margin-bottom: 6px;  
	 margin-left:  10px; 
	 text-indent: 10px; 
	 font-size : 12px;  
/*	 text-align:justify; */
/*    background-attachment: fixed;  /* scroll */
	 background-attachment: fixed;  /* scroll */ 
/*	 }
      */
	scrollbar-3dlight-color : #EAEAF5;
	scrollbar-arrow-color : #333399;
	scrollbar-base-color : #EAEAF5;
	scrollbar-darkshadow-color : #333399;
	scrollbar-face-color : #EAEAF5;
	scrollbar-highlight-color : #333399;
	scrollbar-shadow-color : #EAEAF5;
	scrollbar-track-color : #EAEAF5;
	 }

A {color : #3000FF; Visited color : #9900CC; Active color : #0066FF; 
     text-decoration: underline; font-family: Arial, Helvetica, sans-serif;  }
a {   color: #111; }
a:link, visited, active, hover {
  text-decoration: none;
  padding-bottom: 0px;
  border-bottom: 1px solid #bbb;
}
a.hover {
  background-color: #ddd;
  border-bottom: none;
  text-decoration:underline; 
}
a.selflink {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 0px solid white;
}

/*  #page {   width: 780px;  }
 */

.h1w {	text-align: center;  
	color: #000; 
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;  
	font-size: 30px;
  }
/*  */
p, pre, dl,   { color: #555;  list-style-type: square; font-family: helvetica, arial, sans-serif, Symbol; 
      margin-top:0px; margin-right: 6px; margin-bottom:12px;  margin-left: 10px; text-indent: 10px; text-align: left;  }

ul, ol, li, {    
    list-style-type: circle;    /* disc, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha y none*/ 
    list-style-image: url(graficos/lista.gif); 
    font-size : 12px;  
    text-align: left;
    list-style-position: inside; /*  outside  */
    list-style: upper-alpha outside url(imagenes/bullet.gif);    /* para imagen, ruta del css */
 }

hr { margin-top:0px; border-top: 1px dotted #555; }


#menu { font-size: 13px; 
   letter-spacing: 1px; 
   background: url(imagenes/fondo_menu.gif) repeat-x;   /* ruta del css */
}
.bloque  {  /* orden: top, right, bottom y left  */
    margin: 0px 20px 5px -10px;
} 
.bloque_interior {  /* orden: top, right, bottom y left  */
    margin: 20px 0px 5px -10px;
} 
            /* mantener el orden: color, image, repeat, attachment y position */
.cita { 
   background-color: gray; 
   background-image: url(imagenes/quote.gif);     /* ruta del css */
   background-repeat: no-repeat; 
   background-attachment: scroll; 
   background-position: right top; /* left, bottom */
}
#contenedor { 
  float: left;  font-size: 12px; 
  border: 1px solid black;
  width: 300px;
  height: 50px; 
  }
#pageheader .search {
}

.Parrafo1 {margin-left: 50%;
        margin-right: 20px;
        margin-top: 1em;
        margin-bottom: 6pt;
        text-align: justify;
        padding-left: 5em;
           padding-right: 20px;
           padding-top: 1em;
           padding-bottom: 6pt;
           background-color: yellow;
           border: 1px solid;
}
.Parrafo2 {
        margin-left: 35px;
        margin-right: 50%;
        margin-top: -3em;
        text-align: justify;
        padding-right: 20px;
        padding-top: 1em;
        padding-bottom: 6pt;
        background-color: yellow;
  /*      background: #CCCCFF;   */
        border: 1px solid;
        }
.Parrafo3 {margin: 0 25%;
           padding: 8px;
           padding-bottom: 6pt;
           border-width: thin thick thick thin;
           border-color: blue navy navy blue;
           border-style: solid;
           background: #CCCCFF;}
.Parrafo4 {margin: 0 25%;
           padding: 8px;
           padding-bottom: 6pt;
           border-width: medium thin thin medium; /* era thin thick thick thin */
           border-color: navy blue blue navy;     /* era blue navy navy blue   */
           border-style: solid;
           background: #FFFFFF;                  /* era #CCCCFF               */
}

#pagenav {
  float: right;
  font-family: Verdana, Geneva, Arial, sans-serif;
  background-color: #fff;   /*  Quitar para pruebas  */
  line-height: 15px;
  padding: 10px 20px;
  border:1px solid #BBBBBB;
  padding-top: 15px;
  padding-bottom: 1px;
  letter-spacing: 0px;
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 30px;
  text-align: right;
  font-size: 9px;  
  overflow: visible;  
  /*  text-transform: uppercase;     */
} 
#pagetext {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 10px;
  color: #555;
  background-color: #fff;
  border: 1px solid #bbb;
}

#pagefooter {
  clear: both;
/*  border-top:1px solid;  #1E90FF;   */    /*  traza linea de color   */
  font-size:10px;
  margin-left: 20px;
  padding:4px;
  padding-top: 15px;
  height: 30px;
  padding-left: 20px;  
  color:#555;
  padding-left: 20px; 
}

#pagefooter a {
  color: #666;
  border: none;
  padding: 2px;
}

div {
/*   background-color: #be4061;    /*color burdeo para el fondo*/
   background-color: transparent;  /* */
    background-image: url(cabeza.jpg);  /*   url(bg-flecha.gif);    */
/*    background: url("cabeza.jpg") #FFFFFF 250% repeat fixed; */
    background-repeat: no-repeat; 
     background-position: 160px 14px;  /* -6px 14px; valores en pixeles (la ubicación horizontal es negativa) */
/*    border: 10px solid #e7a219;     /*color naranja para el borde*/
    margin: 50px;  /*    */
    margin-right: 20px;
    padding: 20px;
    padding-right: 2px;
}

/*   P:first-letter {font-size: 200%; font-weight: bold; float: left;  border-style: dotted;          }        */
     /*   margin: 6em 0;   /* dashed, solid, double, groove, ridge, inset, outset */

DIV#def {position: absolute;
         left: 30px;
         top: 25% }
 /*  DIV {background-color: yellow;}   */

 /*  #normal:first-letter {font-size: 200%; font-weight: bold; float: left; 
  font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
  color: navy;}  
code {color: red;}  */
   
/* 
.normal  normal:first-letter  {font-size: 150%; 
  font-weight: bold; float: left; font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
color: navy;}*/

.normal {font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;
color: navy;}


.cont {width: 480px; height: 240px;  position:relative;
         background-color: #CCCCCC;
       background-image: url(cabeza.jpg);
        background-repeat:  no-repeat; 
}

TABLE  {font-family : Arial, Helvetica, sans-serif; 
        font-weight : normal; font-style :normal; 
		color :#553;  font-size :11px; 
		}

td {
 /*     background-color: #FFF;  #CCC; */
 /*           border-color: navy blue blue navy;     /* era blue navy navy blue   */
/*            border-style: solid;    */
     border-width: medium thin thin medium;
     font-family:verdana,arial;
     font-size:8pt;
}
.estilotabla{
    background-color:ffffff;
    border-style:solid;
    border-color:666666;
    border-width:1px;
}
.estilocelda{
    background-color:ddeeff;
    color:333333;
    font-weight:bold;
    font-size:10pt;
} 

.punteado{
  border-style: dotted;
   border-width: 1px;
   border-color: 660033;
   background-color: cc3366;
   font-family: verdana, arial;
   font-size: 10pt; 
   /*  para centrar verticalmente  */
img.valign { 
  width:100px;
  height:100%;
  vertical-align:middle;
} 
.ejemplo {width: 100%; background-color: #FF0000;}   /* opacidad 100% */
.opaco {filter: alpha(opacity=30); opacity: .1;}    /* opacidad 30%  */

.enlaceboton {    font-family: verdana, arial, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 4px;
   background-color: #ffffcc;
   color: #666666;
   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;
} 
/*  Codigo para un menu */
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 8pt;
color: white;
}
#menu div.barraMenu {
text-align: left;
}
#menu div.barraMenu a.botonMenu {
background-color: #556975;
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #637D4D;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #637D4D;
color: black;
} 
/* 
 Propiedades del Margen:  "margin-top", "margin-right", "margin-bottom", "margin-left" y "margin"
Propiedades del Relleno: "padding-top", "padding-right", "padding-bottom", "padding-left" y "padding"
Propiedades del Borde:
   1. Ancho (width)
      "border-top-width", "border-right-width", "border-bottom-width", "border-left-width" y "border-width". 
      Pueden ser valores específicos o los valores "thin" (fino), "medium" (medio) y "thick" (grueso)
   2. Color (color)
      "border-top-color", "border-right-color", "border-bottom-color", "border-left-color" y "border-color"
   3. Estilo (style)
      "border-top-style", "border-right-style", "border-bottom-style", "border-left-style" and "border-style". 
      Toma una serie de posibles valores, tales como: 
      none, hidden, dotted, dashed, solid, double, groove, ridge, inset y outset. 
      Es una propiedad algo conflictiva ya que no todos los navegadores interpretan sus valores de la misma manera.
*/

center	{text-align: center;	}

#extra {
	position: absolute;
	/* top: 8px; */
	left: 675px;
	width: 235px;
}

.encaseccion2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #466F93;
	border-bottom-color: #0066CC;
}


#pie {
  clear: both;
  border-top:1px solid;  #1E90FF;    /*  traza linea de color   */
  font-size: 8px;
  margin-left: auto;
  margin-right: auto;
  padding:4px;
  padding-top: 10px;
  padding-bottom: 12px; 
  margin-bottom: 12px;
  height: 30px;
  padding-left: 10px;  
  color:#555;
  border-top: 5px solid #E35331;
}

.titulo { 
	font-family: Arial, Helvetica, Arial Rounded MT Bold, sans-serif;  
	font-weight: bold; }
.texto8 { 
	font-family: Verdana, Arial, Helvetica; 
	font-size: 8px; 
	text-decoration: underline }
.text9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #553;  }
.text12 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #553;  }
.titular {
	font-family: Arial, Helvetica, sans-serif, Tahoma; 
	font-size: 14px; 
	font-weight: bold}
.titulocolor { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight: normal; 
	color:red }

.g {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: blue; 
     font-weight: bold; 
     text-decoration: underline;text-shadow: 1px }
.comic {
	font-family: Comic Sans MS, Arial, Helvetica; 
	font-size: 10px; 	
	text-decoration: none; 
	color:#553;  
	font-weight: normal}
/*
.city  {font-family: CityBlueprint, Arial; font-size: 10pt; color:black; text-decoration: none; font-weight: normal} 
.lucida  {font-family: Lucida Handwriting, Arial; font-size: 10pt; text-decoration: none; color:black; font-weight: normal}
.tecnic  {font-family: TechnicBold, Arial; font-size: 10pt; text-decoration: none; color:black; font-weight: bold }

.plata { font-size:10.0pt; mso-bidi-font-size: 10.0pt; color:teal; background:silver; mso-highlight:silver;text-align:justify  }
.todo {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
.style_bouton {color:white; background:navy}    */

<style>
<!--
#glowtext{
filter:glow(color=FFFF00,strength=3);
width:100%;
}
-->
</style>

<script language="JavaScript1.2">
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==3)
document.all.glowtext[which].filters[0].strength=2
else
document.all.glowtext[which].filters[0].strength=3
}

function glowit2(which){
if (document.all.glowtext.filters[0].strength==3)
document.all.glowtext.filters[0].strength=2
else
document.all.glowtext.filters[0].strength=3
}

function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}

if (document.all)
window.onload=startglowing
</script>
*/
 
 /* Capas, genera los menús con sombras en la información */
<script language="javascript">
var capa
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
function init() {
   if (ns4) {
     capa1 = document.descripcion1
     capa2 = document.descripcion2
     capa3 = document.descripcion3
     capa4 = document.descripcion4
     capa5 = document.descripcion5
  }
 if (ie4) {
   capa1 = descripcion1.style
   capa2 = descripcion2.style
   capa3 = descripcion3.style
   capa4 = descripcion4.style
   capa5 = descripcion5.style
   
 }
}
function muestra(obj) {
 if (ns4) obj.visibility = "show"
 else if (ie4) obj.visibility = "visible"
}
function oculta(obj) {
 if (ns4) obj.visibility = "hide"
 else if (ie4) obj.visibility = "hidden"
}
</script>

H1 { font-size: 18pt; font-weight: bold; font-family: Arial; color: #553; } 
H2 { font-size: 16pt; font-weight: bold; font-family: Arial; color: #553;  margin-top: 16px;} 
H3 { font-size: 14pt; font-weight: bold; font-family: Arial; color:#553; }
H4 { font-size: 12pt; font-weight: bold; font-family: Arial; color: #553; }
H5 { font-size: 10pt; font-weight: bold; font-family: Arial; color: #553; } 
H6 { font-size:  9pt; font-weight: bold; font-family: Arial; color: #553; }