* {
	margin:0;
	padding:0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;	
}
body > #wrap {
	height: auto;
	min-height: 100%;
	background:url(../images/bg/1000xtest.jpg) top center no-repeat;
}
#main {
	padding-bottom: 100px;
	margin-bottom: 100px;
	background-color:#FFF;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
* {
	margin:0;
	padding:0;
}
body {
	font:14px Arial, Times New Roman, serif;
	background-color:#FFF;
	line-height:1.3em;
	color:#222;
}
a img {
	border:none;
}
a:link {
	color: #869928;
	text-decoration:none;
}
a:hover {
	color:#869928;
	text-decoration:underline;
}
a:active {
	color:#869928;
	text-decoration:underline;
}
a:visited {
	color: #869928;
	text-decoration:none;
}
p {
	margin:10px 0 5px 0;
}
/* Header */
#header {
	padding:90px 0 15px 0;
	height:372px;
	/*border-bottom: 1px dashed #EEE;*/
}
#header #logo {
	width:900px;
	margin:0 auto;
	padding:0 15px 0 15px;
}
#header img.logo {
	margin-top:26px;
}
#header #logo #lang {
	width:100px;
	float:right;
	height:75px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/bg/bgDate_01.png);
	background-position:top;
	background-repeat:no-repeat;
}
/* Content Area */

#main {
	width:910px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	background-color:#FFF;
}
#main2 {
	width:910px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;
	background-color:#FFF;
}
#content {
	width:620px;
	float:left;
	padding:20px 10px 25px 10px;
	background-color:#FFF;
}
/*#content h1 {
	font-size:.9em;
	margin:0;
	padding:0;
	color:#999;
	line-height:1em;
}*/
#content h1 {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:0.8em;
	margin:15px 0 10px 0;
	color:#333;
}
#content h2 {
	font-size:12px;
	font-weight:normal;
	text-transform: uppercase;
	line-height:0.8em;
	margin:15px 0 10px 0;
	color:#900;
}
#content h3 {
	font-size:14px;
	font-weight:normal;
	margin:15px 0 10px 0;
	color:#900;
}
#content pre {
	font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;
}
#content ul {
	list-style: circle;
	margin:10px 0 10px 20px;
	list-style-position:inside;
}
#content li {
	line-height:1.2em;
	font-size:14px;
}
#content #list {
	width:200px;
	float:left;
}
#content #screenshots {
	width:200px;
	float:right;
	padding-top:15px;
}
#content #screenshots p {
	margin:5px 0 0 0;
	font-size:0.8em;
}
/* Sidebar */
#sidebar {
	width:250px;
	float:left;
	padding:10px 0px 0px 10px;
	border-left: 1px solid #EEE;
}
#sidebar ul {
	list-style:none;
}
#sidebar h2 {
	font-size:1.2em;
	margin:25px 0 12px 0;
	color:#7A0A17;
}
#sidebar hr {
	border: none 0;
	border-top: 1px solid #EEE;/*the border*/
	width: 100%;
	height: 0;
	margin:10px 10px 10px 0px;/*whatever the total width of the border-top and border-bottom equal*/
}
/* End Of Sidebar */
/* Footer */
#footer {
	background: #fff;
}
#footer p, #footer2 p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#foot {
	width:900px;
	margin:0 auto;
	background: url(../images/bg/900x100_RMRFooter.swf) no-repeat;
	height:100px;
	padding:0 0 0 0;
}
#foot2 {
	width:900px;
	margin:0 auto;
	height:100px;
	padding:0 0px 0 0;
}
hr {
	border: none 0;
	border-top: 1px solid #EEE;/*the border*/
	width: 100%;
	height: 0;
	margin:20px 0px 20px 0px;/*whatever the total width of the border-top and border-bottom equal*/
}
.img {
	border: 1px solid #eee;
	padding:5px;
}
.imgIcon {
	border: none;
	vertical-align: middle;
}
.imgIconSocial{
	border: none;
	vertical-align: top;
	padding:0 10px 4px 0;
}
.imgMain {
	border: none;
	padding:10px 0px 10px 0px;
}
img.floatLeft {
	float: left;
	padding: 0px;
	margin: 4px 7px 0 0;
	display: inline;
	border: 1px solid #eee;
	padding:5px;
}
img.floatRight {
	float: right;
	padding: 0px;
	margin: 4px 0 0 7px;
	display: inline;
	border: 1px solid #eee;
	padding:5px;
}
/*Form CSS Elements*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	min-width: 500px;
	max-width: 600px;
	width: 600px;
}
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: 230px;
	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 */
}
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 */
}
.required {
	font-weight: bold;
	color: #222;
}
.err {
	color: #f11014;
}
/**/
.padding2 {padding: 1em;}
.border2 {border: 1px solid #ccc;}
/**/
/*End of Form CSS Elements*/

/*Top Navigation*/
#navcontainer {
	margin-left: 10px;
}
/*Pipelist*/
#navlist {
	list-style: none;
	padding: 0;
	margin: 0;
}
#navlist li {
	display: inline;
	padding: 0;
	margin: 0;
}
#navlist li:before {
	content: "| ";
}
#navlist li:first-child:before {
	content: "";
}
/*IE workaround*/
/*All IE browsers*/
* html #navlist li {
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html #navlist {
	height: 1%;
}
* html #navlist li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child {
	border-left: 0;
}
#navlist a:link {
	color: #999;
	text-decoration:none;
}
#navlist a:hover {
	color:#0066ff;
	text-decoration:none;
}
#navlist a:active {
	color:#999;
	text-decoration:none;
}
#navlist a:visited {
	color: #999;
	text-decoration:none;
}
#navlist #current {
	color: #0066ff;
	text-decoration:none;
}
/*End of Top Navigation*/

/* Date Script*/
.date { /* date & author */
	color : #CCC;
	float:right;
	line-height:2em;
	margin:6px 15px 5px 10px;
	padding:6px 15px 5px 10px;
/*	border-left:1px dotted #DDD;*/
	font-size:0.8em;
	text-align:right;
	position:relative;
	right:0;
}
.date_day {
	display:block;
	font-size:1.7em;
	text-align:right;
	line-height:1.1em;
}
.date_month {
	display:block;
	font-size:1.5em;
	text-align:right;
	font-weight:normal;
	text-transform:uppercase;
	line-height:.8em;
}
.date_year {
	display:block;
	font-size:1.5em;
	text-align:right;
	font-weight:normal;
	line-height:.9em;
}
/*End of Date Script*/
.buttFind {
	background:url('../images/Buttons/70x30_Find.png') no-repeat 0 0;
	border:none;
	width:62px;
	height:23px;
	text-indent:-3000px;
	overflow:hidden;
	cursor:pointer;
*text-indent:0;
*padding:0 0 0 120px;
}
/*Div Floats for Webs Recomendados*/
#divFloatRight {
	border:none;
	float:right;
	width:300px;
}
#divFloatLeft {
	border:none;
	float:left;
	width:300px;
}
/*End of Div Floats*/
/*Sociable*/
div.sociable { margin: 10px 0 0 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;	
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
	margin-right:0px;
}


.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	border:0;

}
.entry .sociable img, .sociable ul li a {
 border:0;	
}

.sociable-hovers {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
/*End of Sociable*/
.tick {font-family: Code2000, TITUS Cyberbit Basic, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;}

/*Table Layout*/
#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 620px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
#newspaper-a th
{
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 12px;
	color: #039;
	border-bottom: 1px dashed #ddd;
}
#newspaper-a td
{
	padding: 5px 5px 5px 5px;
	color: #222;
	border-bottom: 1px solid #eee;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #f1f1f1;
}
#newspaper-a #super
{
	padding: 5px 5px 5px 5px;
	color: #666;
	font-size: 11px;
	border-top: 1px dashed #ddd;
	padding-top: 10px;
}
/*End of Table Layout*/
.super
{
	color:#900;}
/*Upload Doc Code*/
#loading {display:none;}
.error {color:#900;}
.asterisk {color:#F00;}
.success, .success a {color:#009900;}
/*End of Upload Doc Code*/
.contributor
{ font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}