body { padding: 0px; margin: 0px; background-color: white; }

#Container { 
    width: 360px; 
    margin: 0px auto; 
    font-family: Arial;
    font-size: 11pt;
}

#Header    { 
    width: 100%; 
    height: 50px; 
    margin: 0px auto; 
    position: relative; 
    left: 0; 
    top: 0; 
}

#Logos     { 
    width: 100%; 
    height: 85%; 
    margin-bottom: 3px; 
    position: relative; 
    align: top; 
}

#Escudo    { 
    width: 20%; 
    margin: 0px auto; 
    position: relative; 
    align:left; 
    float: left;
}

#Escudo img { 
    vertical-align: middle; 
    height: 70px; 
    margin-left: 5px; 
    margin-top: 5px; 
}

#GaPa      { 
    width: 10x0%;  
    position: relative; 
    align: right; 
    float: right; 
}

#GaPa img  { 
    width: 200px; 
    margin-right: 5px; 
    position: absolute; 
    right: 0; 
    margin-top: 10px;
}

#nGaceta   { 
    width: 100%; 
    height: 25px; 
    position: absolute;
    top: 0;
    font-size: 6pt;  
    border-bottom: 1px solid #000; 
    border-top: 1px solid #000
    magin-left: auto;
    magin-right: auto;
}

#nYear     { 
    width: 65px; 
    height: 100%; 
/*    align: left; 
    float: left; */
    position: absolute;
    left: 0;
    padding: 0px; 
    border-right: 1px solid #000; 
    text-align: center; 
}

#nFecha     { 
    width: 100%;  
    height: 100%; 
    align: left;     
    text-align: center; 
}

#nNumero    { 
    width: 60px;  
    height: 100%; 
    align: right; 
    float: right; 
    padding: 0px; 
    text-align: center; 
    font-weight: normal; 
    font-family: Arial 
}

DIV.BrincoG {
    margin-top: 400px;
}

#Contenido { width: 340px; margin-left: auto; margin-right: auto; position: absolute; top: 30px; left: 0px;  text-align: center; }

#tContenido { width: 100%; min-width: 80%; margin-top: 0; margin-left: auto; margin-right: auto; font-size: 9pt;}

#tContenido span { margin-left: auto; margin-right: auto; color: #fff; background-color: #000; padding-left: 10px; padding-right: 10px; vertical-align: top; letter-spacing: 2px; font-weight: bold; }

#tDia  { width: 80%; min-width: 80%; margin-left: auto; margin-right: auto; font-size: 10pt; margin-bottom: 10px;}

#tDia span { color: #fff; background-color: #000; padding-left: 50px; padding-right: 50px; vertical-align: middle; font-weight: bold;}

p.Titulito  { width: 100%; margin-top: 10px; text-align: left; font-size: 8pt; font-weight: bold; font-size: 9pt;}

h1  { margin-left: 10px; width: 100%; margin-top: 10px; text-align: left; font-size: 8pt; font-weight: bold; font-size: 9pt;}
h2  { margin-left: 10px; width: 100%; margin-top: 10px; text-align: left; font-size: 8pt; font-weight: bold; font-size: 9pt;}


#Indice  { width: 100%; margin-top: 5px; text-align: left; font-size: 8pt; font-weight: normal; font-size: 7pt;}

#Indice a { text-decoration: none; color: black; font-weight: normal;}

#Indice ul { padding-left: 0; margin-left: 7px; margin-right: 7px; padding-bottom: 3px; font-weight: normal;}

#Indice li { list-style-type: none;  padding-left: 5px; margin-left: 0px; text-decoration: none; padding-bottom: 9px; padding-top: 9px;  font-weight: normal; font-family: Arial; font-weight: normal; font-size: 7pt;}


p.TSeccion { font-weight: bold; 
	     text-align: left;
	     margin-left: 10px; 
	     margin-top: 10px;
	     font-size: 8pt; }

p.Versales { font-variant: small-caps; color: #990000; text-align: left; margin-left: 10px; font-size: 8pt;}

span.Versales { font-variant: small-caps;}

p.EncabezadoEsteno { text-align: center; font-weight: normal; color: #9C0000; }

p.Centrar { text-align: center; font-weight: bold;}

p.Firmas { text-align: left; margin-left: 10px; font-size: 7pt;}

p.Derecha { text-align: right; margin-right: 5px; font-size: 8pt;}

p.Atentamente { text-align: left; margin-left: 10px; font-size: 8pt; margin-bottom: 0em; padding-bottom: 0; }

p.Sangria { text-align: left; margin-left: 20px; font-size: 8pt;}

p.Sangrona { text-align: left; margin-left: 30px; font-size: 8pt;}

p.Sangrota { text-align: left; margin-left: 35px; font-size: 8pt;}

p.Sangrotota { text-align: left; margin-left: 45px; font-size: 8pt;}

p { text-align: left; margin-left: 10px; font-size: 10pt; font-weight: normal;}

a { text-decoration: none; color: blue; font-weight: normal;}

span.Rojo { color: #C00000;}

span.Negritas {font-weight: bold;}

span.Tachadas {
    text-decoration: line-through;
}



@media only screen and (min-width: 768px) {  

   body { padding: 0px; 
	  margin: 7px; 
	  background-color: white; 
	  font-size: 14pt;
	  width: 768px; 
   }

   #Container {
    width: 768px; 
    font-family: Helvetica;
    font-size: 20pt;
   }

   #Contenido {
       margin-top: 15px;
       width: 768px; 
       font-family: Helvetica;
       font-size: 22pt;
   }


   #nGaceta   { 
       width: 100%; 
       height: 35px; 
       position: absolute;
       top: 0;
       font-size: 9pt;  
       font-family: Helvetica;
       border-bottom: 1px solid #000; 
       border-top: 1px solid #000
       magin-left: auto;
       magin-right: auto;
   }

   p.Versales { 
       font-variant: small-caps; 
       color: #990000; 
       text-align: left; 
       margin-left: 10px; 
       font-size: 10pt;
   }
   
   p.Atentamente { 
       text-align: left; 
       margin-left: 10px; 
       font-size: 10pt; 
       margin-bottom: 0em; 
       padding-bottom: 0; 
   }   

   p.TSeccion { 
       font-weight: bold; 
       text-align: left;
       margin-left: 10px; 
       margin-top: 10px;
       font-size: 10pt; 
   }

   p.Derecha { 
       text-align: right; 
       margin-right: 15px; 
       font-size: 10pt;
   }

   p {
       font-size: 10pt; 
   }
}