@viewport{width:device-width;}
.textoresaltado { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: bold; text-align: justify }
.textocontenido { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-align: justify ; line-height: normal}
.blanco { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic ; color: #FFFFFF }
.titulo { font-family: Arial, Helvetica, sans-serif; font-size: large; font-style: normal; font-weight: bold; color: #000000 }

.negrita { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-align: justify }
.piedefoto {  font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal}
/*.enlaces { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}*/
.objetoformulario {  font-family: Arial, Helvetica, sans-serif; font-size: xx-small}
.etiquetas {  font-family: Arial, Helvetica, sans-serif; font-size: normal; color: #000000}
.rojo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic ; color: #FF0000; font-weight: bold;}

.amarillo {background-color:yellow; text-align:right;  position: relative;
 right:0px; font-family: Arial, Helvetica, sans-serif;}

.f { 
  color: green; 
  background-color: red; height: 5px 
}


body {padding:60px; background-image:url("graf/onduladas.jpg"); 
}
	
h4   { color: white; font-family: "Verdana"; "Arial", "Helvetica", sans-serif; font-size: 20pt; float:left; }
 h3 {  font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal;    color:purple;}        



.two-columns {padding:20px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */ -moz-column-gap: 40px;
column-count: 2; align:justify; column-gap:40px; -webkit-column-rule: 2px outset #73AD21; /* Chrome, Safari, Opera */
    -moz-column-rule: 2px outset #73AD21; /* Firefox */
    column-rule: 2px outset #73AD21;
} 

p, body  {margin-top:4px; 
margin-bottom:4px; font-size : 14px;
line-height   : 12pt;
font-family   : Verdana, Arial, Helvetica, sans-serif; text-align: justify; color: black;  }

h4   { color: white; font-family: "Verdana"; "Arial", "Helvetica", sans-serif; font-size: 20pt; float:left; }
         




.two-columns {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2; align:justify;
} 

p {margin-top:4px;
margin-bottom:4px; 
}
  
 a   { color:#2222ff;     }
   
A:link IMG { border: red }
A:link { color: #2222ff;  font-weight: bold; }
A:visited { color: blue }
A:hover { color: red; text-decoration: underline;}
  
   
 
p.centrada { 
text-align: center 
} 

img {max-width:90%; }


img.centrada {
display: block;
    margin-left: auto;
    margin-right: auto 
	
}

img.left { float:left; max-width:40%;
	 padding:15px;
}




  li {
font-size : x-small;
line-height   : 12pt;
text-indent  : 0.5in;
font-family   : Verdana, Arial, Helvetica, sans-serif; text-align: justify }







 
 
/* este es un comentario dentro de las hojas de estilo 
no pueden ser anidados (uno dentro de otro) y todo su 
contenido es ignorado.*/

/*<!'// color :white;   para poner el texto en color blanco>
<! Los comentarios dentro de la hoja de estilo (&lt;!-- --&gt;) 
sirven para esconderla de los browsers más antiguos.>

<''//! A:active  { color: lime }>*/