/* Estilo feo para http://www.danielclemente.com/navega/popup.html */


h1 {text-align:center; margin-bottom: 40px;}


/* frase de introducción ("Hay muchos nav...") */
h2#abstract {
	text-indent:30px;
	margin-top:40px;
	margin-bottom:30px;
}


div.listado {border: 2px solid black; margin-bottom: 40px;
padding:10px;}
  

/* nombres de programas */
h2 {color: #ff9900; }

img {float:left; margin: 50px 30px; } /* capturas */
img.iconos {float: none; margin: 0; }
a img.iconos {border:0; float: left;}


hr.separador {clear:both; border: 1px solid #f0f0f0;
margin-top:30px;
}



/* cmf, y otros */
ul li {margin: 7px; padding: 3px; text-indent: 15px;
  background: #eeeeee; list-style-image: url(./tri.png);}

ol {background: #dddddd;}
ol li {background: white; padding-left: 10px;}


h3 { margin-top: 50px; }


div.firma {border: 2px dashed blue; padding: 3px; text-align: right;
  background: yellow; font-weight: bold; }



/* varios */
body {margin: 50px 5% 40px;}
p {margin-top: 2px; text-indent: 15px; }
a:hover {color: #5566ff;}
code {color: red;}





/* para el CGI de comentarios */

body#com {margin: 50px 20% 40px;}

#com h1 {text-align:center; text-decoration:underline; margin-bottom: 40px;}
#com h3 { background: #cecedd; margin-bottom: 0; margin-top: 20px;}
#com p {background: #f0f0ee; margin-top:0; padding: 5px;}
#com p, #com h3 {text-indent: 20px;}