body {  background:#669999 url("files/f_bg.gif"); color: #333; text-align:center;
		font-family: Verdana, Helvetica, Arial, sans-serif;	
	    padding:20px;  margin:0px;  }
img { 	border: 0px none; 	}


#content { 
/*   width: 100%;  */
  padding: 0px;
  text-align: left;
  background-color: #fff;	
  overflow: auto;
    
  vertical-align: middle;	
  margin: 0px auto;
  width: 650px;
  border: 2px dotted #99CC33;
  background: #99CC00;
}




h1 {	/* background: url("_recreativo_p.gif") no-repeat; */
		font-size: 0.80em;
		margin: 7px 0 0 5px;
		font-family: Helvetica, Arial, sans-serif;
		text-align: left;	}
h2 {	font-weight: bold;
		font-size: 0.80em;
		font-family: Verdana, Tahoma, Arial, Helvetica, Georgia, sans-serif; 
		text-align: left;
		margin:3px 5px 7px 2px; padding:3px; background: #e8e8e8; color:#336600; }
h3 { 	font-size: 0.75em;
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;	} 
#bar {
/*  margin: 0px 190px 0 190px; */
	color: #16068F;
	font:bold 0.8em/1.4 Georgia, "Times New Roman", Times, serif, sans-serif;
	text-align: center;
    padding:1em 0 1em 0;
	background:#CCFF00 
}	

/* .bary { margin:0px;	text-align:center;	font:bold 0.2em/3 Verdana, Arial, Helvetica, sans-serif;	padding: 0px;	} */

.oculto {display:none}
abbr, acronym, .help { border-bottom: 1px dotted #333333;  cursor: help;}
.reduce {font-size: 0.6em;}
.nota {font-size:smaller; color: #999999}
.none {display:none}

#cont1 {
/*	margin: 10px 190px 0 190px; */
	text-align: center;
	padding: 10px; 
	color: #0000A1;
	overflow: hidden;	
	height:160px; 
/*  width:652px; 	*/
/*  background:#99CC33 url("portada/00.gif") no-repeat center center;  */
	background:#99CC33 url(portada/rotate.php) no-repeat center center;   
/*	position: relative; */
 	}
	
#cont2 {
/*  margin: 0 190px 0 190px; */
	background: #FFF;
	text-align: center;
/*  padding: 15px 10px 10px 10px; */
    padding: 0px 30px 10px 30px; 
	}
#cont1 p {
	font-size: 0.7em;
	line-height: 1.5em;
	color: #333; 
	margin-bottom: 0px;
	text-align: left;
	}
#cont2 p {
	font-size: 0.7em;
	line-height: 1.5em;
	color: #333; 
	text-align: left;
margin:0;
padding:0 10px;
/* 	margin:0 20px 15px 20px;  */
/*	padding: 0px 35% 10px 20px;*/
}

#cont2 ul {
	font-size: 0.7em;
	line-height: 1.5em;
	color: #333; 
	text-align: left;
 /* 	margin:0 20px 15px 20px; */
/*	padding: 0px 35% 10px 20px;*/
}
.recreo {
list-style-type: none; 
padding: 0px 0px 3px 15px; 
background: transparent url("files/recreativo_ico.gif") 5px 0px no-repeat; margin-top: 5px;}

.center {text-align: center; }
.bottom {vertical-align: bottom; }
.fr { float: right; margin:0; padding:10px 0 0 0;}
.fl { float: left;  margin:0; padding:0;}


#ftr {
/*  margin: 0px 190px 0px 190px; 
*/
	background:#99CC33;
	color: #FFF;
	font-size: 0.6em;
	text-align: center;
	padding: 2px;
	/* height: 14px; */
	/* padding: 3px 20px 1px; */
	}
	

/* class = "pseudo-classes" */

#bar a:link, #bar a:visited     {padding: 1px 3px 0 3px; margin: 1px; text-decoration:none; color:#001A52; outline:none; }
/* #bar a:visited {padding: 18px 3px 14px 3px; margin: 1px; text-decoration:none; color:#999; } */
#bar a:hover   {padding: 18px 3px 14px 3px; margin: 1px; text-decoration:none; color:#FFF; background:#99CC33; }
#bar a:active  {padding: 18px 3px 14px 3px; margin: 1px; text-decoration:none; color:#FFFFCA; background:#666600; }


/* class = "pseudo-classes" */

a:link, a:visited	{padding: 1px 1px 0 1px; margin: 1px; text-decoration:underline; color:#336666; outline:none; }
/* a:visited {padding: 1px 1px 0 1px; margin: 1px; text-decoration:underline; color:#333; } */
a:hover   {padding: 1px 1px 0 1px; margin: 1px; text-decoration:none; color:#FFFFFF; background:#99CC33; }
a:active  {padding: 1px 1px 0 1px; margin: 1px; text-decoration:none; color:#FFFFCA; background:#666600; }

#footer {
/*   margin: 0px 190px 40px 190px; 
*/
     font-size:0.55em;
     line-height:normal; 
     padding:0 0 5px 0; 
	 text-align: center;
     background: #EEE; }

#lista {padding: 5px 0 28px 8px;line-height:normal; }
#lista ul {margin:0;padding:0px;list-style:none;}
#lista li {float:left; margin: 5px; padding:0px;}

.val a {display:block; border:none; background-color:#EEE; background-position:left top; background-repeat:no-repeat;  
		height:14px;  width:80px; line-height:normal; }
.val a:hover { background-position: 0 -15px; background-color:#EEE; text-decoration: none; }
.val .alt { display:none; }
.val a#creativo { background-image: url(files/val_2creativo.gif) }
.val a#xhtml { background-image: url(files/val_xhtml.gif) }
.val a#css { background-image: url(files/val_css.gif) }
.val a#waiaaa { background-image: url(files/val_wai3a.gif) }
.val a#promsite { background-image: url(files/val_promsite.gif) }