body {font-family:Verdana; margin:0px; color:blue; font-size:11pt;
	background-image:url(http://ciencia.cc/xp/bg.jpg);
	background-color:#000000; 
	/* background-image:url(http://ciencia.cc/bg2011.jpg); */
	background-attachment: fixed;
	background-repeat: x-repeat; }
.abajo { color: #000000; text-align: center; font-size:5pt; }
h1 {	margin: 10px 0px; padding: 8px 20px 10px 10px; font-weight: bold; font-size: 12pt; color:#0099ff;
	text-align:left; 
	background-image:url(/xp/h1.png);
	background-repeat: no-repeat; background-position: top left;
	width: 516px;
	clear:both; }
h2 { margin: 0px 0px 5px 0px;  font-weight: bold; font-size: 11pt; color:red; text-align:left; BORDER-bottom:2px red solid;}
h3 { margin: 0px 0px 3px 5px;  font-weight: bold; font-size: 11pt; color:#0099ff; text-align:left; }
h4 { margin: 0px 0px 0px 0px;  font-weight:bold; text-align:left;}

td { font-size:10pt; }
ul { margin: 0px 10px 0px 20px; padding: 0px; }
ul.star { margin: 0px 10px 0px 20px; padding: 0px; list-style-image:url(/xp/star.gif); }

ol { margin: 0px 10px 0px 30px; padding: 0px; }
/*p { margin: 0px 10px 10px 10px; padding: 10px; }*/
form { padding:0px; margin: 0px; }
input:focus { background-color:#c0c0c0; }
img {max-width:99%; width: expression(this.width > 99% ? 99%: true); }

a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
a:link { text-decoration: underline; }
a:active { text-decoration: underline; }

/* aqui defino el calendario */
.calendario { font-weight:10pt; border:2px solid #0099ff; margin:2px; padding:5px; background-color:#000000; color: #ffffff; }
.hoy { font-size:11pt; font-weight:bolder; border:4px solid #ff0000; margin:0px; padding:5px;  background-color:#ff0000; color: #ffffff; }
.day { text-align: right; color: lime; margin: 0px; font-weight:bold; font-size:10pt; display: block;}
#efemeride { text-align:justify; border: 0px; margin: 0px; padding: 2px; color: #ffffff; }
#efemeride a, a:hover, .efemeride a:visited { COLOR: lime; TEXT-DECORATION: none; }
#efemeride a:link, .efemeride a:active { COLOR: cyan; TEXT-DECORATION: none; }

/* aqui defino los parrafos */
.azul { font-size: 10pt; border: 2px solid navy; background-color:#0099ff; margin:5px 5px 5px 0px; padding: 10px;
	text-align: justify; color: #ffffff; }
.azul a, a:hover, a:visited { COLOR: navy; TEXT-DECORATION: none; }
.azul a:link, a:active { COLOR: navy; TEXT-DECORATION: underline; }

.negro { font-size: 10pt; border: 2px solid #0099ff; background-color:#000000;
	margin: 15px 5px 5px 0px; padding: 10px; color: #ffffff; line-height: 20px;
	/*opacos
	filter:Alpha(opacity=85);
	/*background-color: #000000;
	_background:#000000;
	_position:static; */
	}
.negro a, .negro a:hover, .negro a:visited { color: green; text-decoration: none; }
.negro a:link, a:active { color: lime; text-decoration: underline; }
.negro img {max-width:99%; width: expression(this.width > 99% ? 99%: true); margin: 6px 4px; }

.blanco{font-size: 10pt; border: 0px 4px 4px 0px; background-color:#ffffff; margin: 5px; padding: 10px 3px 10px 30px; color:#0000ff; background-image:url(/xp/spiral.jpg); background-repeat: repeat-y; background-position: top left; }
.blanco a, .blanco a:hover, .blanco a:visited { COLOR: #000033; TEXT-DECORATION: underline; }
.blanco a:link, .blanco a:active { COLOR: #0000ff; TEXT-DECORATION: underline; }

.plata { font-size: 10pt; width:95%; max-width:580px; min-height:20px; border: 2px dotted #000000; background-color:#c0c0c0; margin: 1px; padding: 5px; color:#0000ff; }
.plata a, .plata a:hover, .plata a:visited { COLOR: #navy; TEXT-DECORATION: underline; }
.plata a:link, .plata a:active { COLOR: #blue; TEXT-DECORATION: underline; }
.plata li { margin: 0px 0px 0px 15px; padding: 0px; }

.notebook { font-size: 10pt; width:95%; max-width:480px; min-height:50px; color:#000099; padding: 10px 10px 45px 45px; margin:0px; text-align:justify;  background-color:#ffff99; background-image:url(/xp/padbg.jpg); background-position: top left; border: 2px dashed #a0a0a0; }
.notebook ul { list-style-type: square; }
.notebook a, .notebook a:hover, .notebook a:visited { COLOR: blue; TEXT-DECORATION: underline; }
.notebook a:link, .plata a:active { COLOR: blue; TEXT-DECORATION: underline; }

/* los textos */
.boxgreentxt { border:1px solid lime; border-right:5px solid green; padding:0px 5px; margin: 5px; BACKGROUND-COLOR: #000000; color:#c0c0c0; }
.samarilla {width:99%; BORDER: #333 2px dashed; PADDING: 10px; COLOR: #333333; BACKGROUND-COLOR: #ffff33; 
	text-align:justify; margin:10px; }
.pullquote { width:90%; /*width: 20%; float:right; border:1px #ddd solid; padding:0px 25px -5px 0px;*/ 
font-family: Times; font-style:italic;  font-weight:bolder; font-size:17pt; color:#ffff33; text-align:center; margin:10px; padding:0px 0px 0px 0px; margin: 5px; line-height:26px; }

/* Tipos para cajas*/
.corcho { float:left; width:99%; min-height:200px; color:#000099; background-image:url(/xp/corcho.jpg); background-position: top left; background-color:#ffff99; }
.principal { margin-left:auto; margin-right:auto; width: 800px; text-align:left; }
.trans {	font-family: Verdana; padding: 0px 0px 0px 0px; border: 0px solid #ffffff;
	font-size: 12pt; color: #ffffff; overflow:hidden; }
.texto { float:left; width:75%; }
.menur { float:left; text-align: left; width:25%; padding: 0px; border: 1px; }

/* Aqui defino el menu lateral  como un id*/
#menu { color: lime; font-size: 10pt; text-decoration: none;	border: 0px; margin: 0px 0px 0px 20px; width:180px;
	list-style-image:url(/xp/masq.png); margin:0px; padding:0px; overflow:hidden;  }
#menu li a { text-align: right; color: #ffffff; text-decoration: none; margin:0px; }
#menu li a:hover { text-align: right; color: #00ccff; text-decoration: none; margin:0px; }
	
#menutop { width:95%; font:13pt; border: 2px solid #0099ff; background-color:#000000;
	padding: 2px 0px 2px 20px;  margin: 10px 0px;
	clear: both; 
	color: lime; text-decoration: none;
	/* background-image:url(/xp/topmenu.jpg);
	background-repeat: repeat; */ }
#menutop ul { list-style-type:none; margin:0; padding:0; overflow:hidden; }
#menutop li a { float:left; padding: 0px 10px; color: lime; text-decoration: none; }

/* #menutop li a:hover{ float:left; padding: 0px 10px; color: lime; text-decoration: none; }
#menutop li a:visited { float:left; padding: 0px 10px; color: lime; text-decoration: none; }
#menutop li a:link{ float:left; padding: 0px 10px; color: lime; text-decoration: none; }
#menutop li a:active { float:left; padding: 0px 10px; color: lime; text-decoration: none; } */

#menulow { width: 760px; height:50px; font: 10pt;
	padding: 10px 0px 5px 20px; margin: 10px 0px;
	clear:both; 
	color: navy; text-decoration: none;
	border: 2px solid navy; background-color:#0099ff; }
#menulow  ul { list-style-type:none; margin:0; padding:0; overflow:hidden; }
#menulow  li a { float:left; padding: 0px 10px; }

#menushort { margin-left:auto; margin-right:auto; width:280px; font: 7pt;
	padding: 0px 5px; margin: 0px 0px;
	clear:both; 
	color: navy; text-decoration: none;
	border: 2px solid navy; background-color:#0099ff; }
#menushort ul { list-style-type:none; margin:0; padding:0; overflow:hidden; }
#menushort  li a { float:left; padding: 0px 5px; }

#menumas {margin:0px; font:bolder 10pt; text-align:center; }
#menumas a a:link a:visited { color: navy; font:bolder 10pt; font-family: verdana; text-decoration: none; }
#menumas a:active a:hover { color: red; font:bolder 10pt; font-family: verdana; text-decoration: none; }

/* tipos para multimedia */
.marcofotos{ background-color:#ffffff;
	border-top:#00ff00 10px solid;
	border-left:#00ff00 10px solid;
	border-right:#00ff00 10px solid;
	border-bottom:#00ff00 50px solid;
	max-width:470px; max-height:450px; 
	}
.hidden { display: none; }
.unhidden { display: block; }
.left { float: left; margin: 2px, 2px; }
.right { float: right; margin: 2px, 2px; }
/* tipos lector */ 
.sym{ font-size:22px; font-family:wingdings; } 
.symbig { border: 4px red solid; width: 70px; height:40px; text-align:center; cursor:hand; font-size:75px; font-family:wingdings; font-weight:plain ; background-color:#CCCCCC ; color:#000000; margin: 0px; padding: 30px 10px 10px 10px;}