/* CSS - http://www.recreativo.info/2lineas   */


html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background:url(files/background_.png);
}

#pagewidth{ 
 width:600px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 margin-top:0;  
} 
 
#header{
 position: relative; 
 height:100%; 
 /* background-color:#e8e8e8; */
 width:100%;
 text-align:center;
 margin-top:0;
} 
 
#maincol{
 height:100%;
 float: right; 
 display:inline; 
 position: relative; 
 background: url(files/arrow_top.gif) left no-repeat;
 padding: 2px 2px 0 5px;
 }
 
#footer{
 height:100%; 
 background-color:#e8e8e8; 
/* clear:both; */
 margin-bottom:50px;
 padding: 4px;
 } 
 
 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.clearfix{display: inline/* inline-block */;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  





/* ******************** personalizado *********************/

		
#arriba {background: #99CC00 url("../files/sprites_recreativo.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 4px 0 8px 4px; text-align:left}
#arriba #site-name {font: 265% Arial, Helvetica, sans-serif;letter-spacing: -.03em;margin:0 0 0 40px;padding:3px 0;color:#fff;border:none; }



img {border:0px;}
.cent {text-align:center}
.date {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; line-height:normal;
	margin:10px; padding: 0 0 0 1px;
	text-align:right; background-image:none }
.intro {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height:normal;
	margin:10px; padding: 0 0 0px 14px;
	background: url("files/arrow.gif") 0 3px no-repeat;
	}

.introt {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height:normal;
/*	margin:10px; padding: 0 0 0px 14px; */
	}

.reduce {font-size:9px; }
.centre {float: right; background-color:#CCCCCC}
.b { font-weight:bold}

 
p { font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:16px; margin: 25px; padding-top: 6px; line-height: 25px}
	
ul, ol { font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:16px; margin: 20px; padding-top: 6px; line-height: 25px;
	padding-left: 35px;}	
	
	
	
pre { font-family: "Courier New", Courier, monospace, Georgia, "Times New Roman", Times, serif; 
	  color:#666666; font-size:16px; margin: 35px; padding-top: 6px; line-height: 25px}
	

#in {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; line-height:normal;
	background:#809999 url("files/not1.gif") 2px 3px no-repeat; 
	}

#in2, #in3 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; line-height:normal;
	background:#809999 url("files/not2.gif") 2px 3px no-repeat; 
	}
 
#in.hover {  background:#ccc url("files/not1_.gif") 2px 3px no-repeat; }
#in2.hover, #in3.hover {  background:#ccc url("files/not2_.gif") 2px 3px no-repeat; }

.into {background:#ccc;	}



a:link {text-decoration:underline; color:#669999;}
a:visited {text-decoration:underline; color:#669999;}
a:hover {background: #CCC; text-decoration:underline; color:#990000; }
a:active {background: #000;text-decoration:underline; color:#990000;}

.nuevo {
/*padding:12px 0 0 18px;  */

margin:0 2px 0 5px; 
padding: 0 0 0 22px;
text-align:right; 
text-decoration: blink; 
font-size:11px;
/* line-height: 16px;  */
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(files/nuevo.gif) left no-repeat;  
color:#000 }




/***************************  ACORDEON *******************************/

dl.accordion{margin:0;padding:0;overflow:hidden;}


dl.accordion dt
{
	/* -moz-border-radius:10px; */
	/* _width:100%;/*hack for IE */
	
	cursor:pointer; 
	display:block;
	margin:0;
	padding:4px 20px;
	line-height: 15px;
	background:#99B3B3 url("files/not3.gif") 2px 3px no-repeat;
	color:white;
	border-left:solid 1px #cccccc;
	border-top:solid 1px #f0f0f0;
	border-right:solid 1px #222222;
	border-bottom:solid 1px #222222;
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size:16px; font-weight:bold;
}

dl.accordion dt.hover {color:#339900; background:#fff url("files/not3_.gif") 2px 3px no-repeat;}

dl.accordion dt.collapsing {	background:#99B3B3 url("files/expand.gif") 2px 3px no-repeat;}
dl.accordion dt.expanding  {	background:#99B3B3 url("files/expand.gif") 2px 3px no-repeat;}

dl.accordion dd{
margin:0;padding:0;border:solid 1px #aaaaaa;
border-bottom:inset 3px #aaaaaa;padding:6px;line-height:1.5;overflow:auto;
background:#FFFFFF}
dl.accordion dd.default{height:auto;display:block;}
dl.accordion dd.default_close{display:none;}




/* ***************************  formulario  ********************************* /


/* set width in form, not fieldset (still takes up more room w/ fieldset width */
form {  
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.oneField {padding: 0 0 15px 0;}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* CSS - http://www.recreativo.info/2lineas   */