/*<group=Generales>*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: georgia, times new roman, times, serif; 
} 
 
#pagewidth{ 
 width:770px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 }
    
#header{ 
 height:120px; 
 width:100%;
 } 

.headerright {
	float: right; 
 	text-align: right;
	}

.headerright p { margin: 12px 0 0 0; font: lucida grande, verdana, arial, sans-serif;  x-small;}
.headerright input { font-size: 12px; margin: 0px -20px 0 0;}
input#search { width: 140px; height: 12px; margin-right: 6px; }
input#search-submit { width: 50px; height: 12px; margin: 0px; }
.headerright form { background-color: transparent; margin: 0px;}


#outer{ 
border:solid white 0px; 
  /*/*/ border-right-width: 250px ;  /* right column width. NN4 hack to hide borders */ 
border-right-color: #FFFFFF;   /* left column colour */ 
border-right-style: solid; 
width: auto; 
 } 

#rightcol{
 /*/*/ width:250px; /* hack keeps NN4 right column right? */ 
 float:right; 
 position:relative; 
 margin-right:-250px; 
 margin-left:1px; 
} 

#footer{
 height:20px; 
 width:100%; 
 border-top: 1px solid #000;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}

.content{padding:5px;} /* padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
#inner .content{padding: 0 0px 0 15px;}
#maincol p{padding-left: 50px;}
#rightcol .content{
	padding-left: 50px;
	color: #4c4c4c;
	}
#footer .content{background-color: #e6e6e6;}


h1, h2, h3 {
	font-size: larger;
	font-family: lucida grande, verdana, arial, sans-serif;  
	color: #000000;
	background: transparent;

	}

h3 {
	padding-top: 1.5em;
	font-size: 80%;
	border-bottom: 1px solid #000000; 
	}

p {
	font-family: georgia, times new roman, times, serif;  	color: #333333;
	background: transparent;
	}


p.date {
	font-family: lucida grande, verdana, arial, sans-serif;  
	color: #666666;
	text-align: right;
	margin-bottom: 2em;
	}
	
p.posted {
	text-align: right;
	margin: 0 0 50px 50px;
	padding: 3px 0 0 0;
	font-size: small;
	border-top: 1px dotted #CC6633;
		}
	
#rightcol p {
	color: #4c4c4c;
	font-size: 85%;
	}

.headerright p {
	font-family: lucida grande, verdana, arial, sans-serif;  
	font-size: x-small;
	}

#footer p {
	font-size: 80%;
	background-color: transparent;
	padding: 5px 50px 5px 50px;
	margin: 0px;
	}
	
blockquote {
	color: #808080;
	margin: 0 0 20px 70px;
	border-left: 1px #808080 dotted; 
	padding: 0 30px 0px 10px;
	font-family: lucida grande, verdana, arial, sans-serif;  
	font-size: small;
}

li {
	list-style-type: square;
	padding-bottom: 5px;
	font-size: 80%;
	font-family: lucida grande, verdana, arial, sans-serif;  
	}

form {
	font: 12px/16px lucida grande, verdana, arial, sans-serif;
      margin: 10px 0px;
	padding: 15px;
	border: 1px solid #FFFFFF;
	}
	
a, a:link, a:visited, a:active		{ color: #CC6633; background: transparent; text-decoration: none;} 
a:hover	{ text-decoration: underline; }

p.posted a, p.posted a:link, p.posted a:visited, p.posted a:active	{ color: #669900; } 
p.posted a:hover { text-decoration: underline; }
	
/*images*/
	img {border: none;}
	img.comillas { border: none; margin: 0 5px 0 0; float:left; }
	img.wip {border: 1px solid #000000; float: center; margin: 0 5px 5px 0}
	
/* pagina de wip */
#cuadrado{
	width:400px; 
	text-align:left; 
	min-width: 400px;margin-left:auto; 
	margin-right:auto; 
	}

#cuadrado .content{
	border: 2px solid #CC6633; 
	}
 
/*printer styles*/ 
@media print{ 
/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}