.debug { color:red; } /* see debug var at lib */
.error { color:red; font-weight:bold; }
.dica { color:#FF8000;}

body {
	font-family:Arial,sans-serif;
	margin:0;
	padding:0;
/*	background:#E6E6E6;*/
	_text-align:center; /* IE: fix for margin:auto on the contained elements (#wrapper) */
	
}
#wrapper {
	max-width:700px;
	margin:60px auto;
	margin:30px auto; /*adsense*/
	padding:0;
	_padding-bottom:60px; /* IE: the margin:60px is not respected for footer */
}
#main {
	margin:0;
	padding:1px 0;
	background-color:#FF8000;
	_text-align:left; /* IE: fix for the IE fix for margin:auto  */
}
#header {
	background-image:url("/flags-row.png");
	background-position:bottom;
	background-repeat:no-repeat;
	color:white;
	padding:30px 0 59px 0; /* flags height: 59px */
	text-align:center;
}
#contents {
	padding:1px 20px 1px 20px;  /* 1px to avoid gap issue */
	margin:30px 5px 4px 5px;   /* it will be the "border" on the screen */
/*	background:white;*/
/*	background:yellow;*/
/*	background:silver;*/
/*	background:#FFDD66;*/
/*	background:transparent;*/
/*	background:white;*/
/*	background:#fc6;*/
	background:#ffb;
}
#footer {
	background:#FF8000;
	color:white;
}
hr {
	clear:both;
	margin:30px -20px;
	_margin:10px -20px;
	border:2px solid #FF8000;
}
.mini {
	font-size:85%;
}

/*--------------------------------------------------------------------------*/

#header h1 {
	font-size:200%;
	margin:0;
}
#header h2 {
	font-weight:normal;
	margin-bottom:30px;
}
#header a,
#footer a {
	color:white;
	text-decoration:none;
}
#header a {
	display:block;
}
#footer a:hover {
	color:black;
	text-decoration:underline;
}
#contents a:hover {
	background:#fc6;
}
p.back {
	margin:2em 0;
}

/*--------------------------------------------------------------------------*/

#contents h2 {
	font-weight:normal;
}
#contents h3 {
	font-weight:normal;
	font-style:italic;
}
#contents ul.volp i {
	color:#FF8000;
	font-style:normal;
	font-size:85%;
}
#contents .retweet {
	float:right;
	padding-left:10px;
}
#contents a.plain {
	color:black;
	text-decoration:none;
}
#contents a.plain:hover {
	text-decoration:underline;
}
#contents .attention {
	background-color:#fc6;
	margin-top:2em;
	margin-bottom:2em;
}

/*--------------------------------------------------------------------------*/

#input .instrucoes {
/*	background-color:#ddd;*/
/*	padding:5px;*/
}

#input fieldset {
	border-width:0;
}
#input textarea#texto {
	width:100%;
	height:100%;
/*	height:150px;*/
}

/*--------------------------------------------------------------------------*/

table#boxes {
/*	border-spacing:20px;   // Using <table cellspacing=20> bcos IE 5.5 doesn't respect border-spacing */
	margin:-20px -20px -1px -20px; /* to compensate border-spacing padding around the table */
}
table#boxes td {
	max-width:194px; /* (700 - 20 - 20 - 20 - 20) / 3 -- Safari:194 */
	padding:5px;
	background:#fc6;
	vertical-align:top;
	font-size:80%;
}
table#boxes td h3 {
	margin:-5px -5px 2px -5px;
	padding:2px 0;
	background:#FF8000;
	color:white;
	text-align:center;
	font-size:110%;
	font-weight:normal;
}
table#boxes td ul {
	padding:0 0 0 15px;
	margin:5px;
}
table#boxes td ul li {
	margin-bottom:5px;
}

/*--------------------------------------------------------------------------*/

ol#testes li {
	margin:0 1em 1.5em 2em;
}
ol#testes li a {
	font-size:85%;
}

ul#changelog {
	font-size:90%;
}
ul#changelog li i {
	color:#FF8000;
	color:#444;
	font-size:85%;
	font-style:normal;
}

/*--------------------------------------------------------------------------*/

dl.citacao {
	margin:2em;
	border-left:3px solid #FF8000;
}
dl.citacao dt {
	margin:0 0 0.5em 1em;
}
dl.citacao dd {
	margin:0 0 1em 1em;
}
dl.citacao dd b {
	font-weight:normal;
}
table.comparacao {
	margin:0 2em;
}
table.comparacao th {
	text-align:left;
}
ul.nav li {
	margin-bottom:0.5em;
}

/*--------------------------------------------------------------------------*/

#sitemap {
	width:100%;
	margin-bottom:2em;
}
#sitemap th {
	text-align:left;
	font-weight:normal;
}
#sitemap td {
	vertical-align:top;
}
#sitemap ul {
	list-style-type:none;
	line-height:140%;
	margin:0;
	padding:0;
}
#sitemap ul ul {
	padding-left:1em;
}

/*--------------------------------------------------------------------------*/

/* FOOTER STRIP */
/*#footer { padding:2px 5px; text-align:right; }*/

/* FOOTER TAB */
#footer { margin-top:-5px; max-width:22em; padding:0 0 5px 0; text-align:center; float:right; line-height:130%; }

/*--------------------------------------------------------------------------*/

/* ROUNDED CORNERS */
/* Note: Must use Footer Tab style */

#main {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
/*	-opera-border-radius: 16px;*/
}
#contents {
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius: 12px;	
}
table#boxes td,
#input .instrucoes {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
#footer {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	float:none;
	margin:-1px auto 0 auto; /* -1px to avoid gap above footer (Camino, IE) */
}

/*--------------------------------------------------------------------------*/

.ads-hlink {
	margin-bottom:30px;
}
.ads-box-image {
	float:right;
	margin-left:10px;
	margin-bottom: 10px;
}
.ads-twins {
	margin-top:30px;
	margin-bottom:30px;
}

/*--------------------------------------------------------------------------*/

/* Small screens, center ad box */
@media (max-width: 600px) {
	.ads-box-image {
		float:none;
		width:336px;
		margin:1.5em auto;
	}
}