<!--
a:link {color:#006600; text-decoration:none}
a:visited {color:#004400; text-decoration:none}    /*"tiene que ser en este orden: a:link-visited-hover-active, si no funciona a:hover*/
a:hover {color:#009900; text-decoration:underline}
body {
background-color:#ffffff;
font-size:100%;    /*si no hay "font-size" en "body" Internet Explorer disminuye el tamaño del texto demasiado cambiando a "Pequeña" o "Menor"*/
font-family:helvetica,arial,tahoma,verdana,sans-serif; 
color:#000000;
text-align:center;
padding:0;    /*Opera usa "padding" para que el primer px de la pagína empiece en 0px, los otros usan "margin"*/
margin:0
}
.img {
width:1.6em;	/*para que la imagen aumente como el texto pongo aquí su tamaño en "em" en lugar de 26px en la pagína html*/
height:1.25em;	/*para que la imagen aumente como el texto pongo aquí su tamaño en "em" en lugar de 20px en la pagína html*/
border:0;
float:right;
position:relative;	/*IE corta la parte de la imagen o elemento que sale fuera del contenedor si uso "margin" en lugar de "position"*/
top:-0.3em;
left:0.3em;
}
span {color:#004400}
div#cont {max-width:980px; margin:0 auto}    /*"max-width" no funciona en IE*/
div#top {font-family:"Comic Sans MS",sans-serif; color:#004400}
div#top h4 {font-size:2.4em; margin:0.3em 0 -0.5em 0; font-weight:normal; line-height:0.85em}
div#top span {font-size:0.45em}
div#cont_en, div#cont_es {
width:95%;
background-color:#ffffff;
clear:both;
border-top:solid 0.1em #008000;
border-right:solid 0.3em #008000;
border-bottom:solid 0.2em #008000;
border-left:solid 0.1em #008000;
margin:2.5em auto;    /*"auto" coloca el elemento en el centro*/
text-align:left;
}
div#cont_en p, div#cont_es p {width:auto; margin:1em 2em 1em 3em; line-height:140%}
div#cms {
width:70%;
border-top:solid 0.1em #008000;
border-right:solid 0.3em #008000;
border-bottom:solid 0.2em #008000;
border-left:solid 0.1em #008000;
margin-left:auto;    /*coloca el elemento en el centro*/
margin-right:auto;    /*coloca el elemento en el centro*/
}
p.cushycms {text-align:left; padding:0 0.5em; font-size:0.9em}
ul {
font-weight:bold;
font-size:0.8em;
border-top:solid 0.1em #008000;
border-right:solid 0.1em #008000;
border-bottom:solid 0.1em #008000;
border-left:solid 0 #008000;
list-style-type:none;
float:left;
width:25%;
position:relative;	/*IE corta la parte de la imagen o elemento que sale fuera del contenedor si uso "margin" en lugar de "position"*/
top:2.2em;
left:1.3em;
margin:-1em 3.5em 2em -0.5em;  /*para que salga igual en IE que en otros browsers hay que jugar con "margin" "top" y "left"*/
padding:0;
}
li {
background-color:#ffffff;
width:100%;
border-top:solid 0.1em #008000;
}
li a:link {
display:block;
height:100%;    /*"height" es necesario aquí para que el ancho de los links funcione en IE*/
border-left:solid 0.4em #00aa00;
border-right:solid 0.4em #ffffff;
color:#006600;
padding:0.3em;
}
li a:visited {
display:block;
height:100%;    /*"height" es necesario aquí para que el ancho de los links funcione en IE*/
border-left:solid 0.4em #008000;
border-right:solid 0.4em #ffffff;
color:#009900;
padding:0.3em;
}
li a:hover {
background-color:#eeffee;
border-left:solid 0.4em #00cc00;
border-right:solid 0.4em #00cc00;
color:#004400;
text-decoration:none;
}
div#bottom {clear:both}
div#bottom p {font:0.8em normal; margin:0.5em 0}
div#bottom p span {color:#000000;margin-left:2.5em}
address {font:normal 0.8em normal}
-->