/* CSS Document */

/* CSS reset e XOXO */
*, body, div, .header, .sidebar, #wrapper1, #wrapper2 {
	margin:0em;
	padding:0em;
	border:0em;
}

*, .cl, .xoxo, .xoxo li {
	list-style-type:none;
	font-family:inherit;
	background-repeat:no-repeat;
	list-style-type:none;
	text-decoration: none;
}

* html>body {
   margin-right: -3px; /* IE hack */
}

h1 {width:180px; height:72px;}

/**
 * Titulo da pagina
 */
 
#header h1 { padding-left: 20px;}

#logocont {
	padding: 0.45em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
}

/* Tags formatting */
body, html { height:100%; text-align:center;border:0em none;/*overflow-x:hidden;*/ }
abbr { border-bottom: dotted thin; cursor: help;}

/* Pseudo-tags e formatacao relacionada */
big, .big {font-size:larger;}
small, .small { font-size:smaller;}
strong, .strong, form fieldset label {font-weight:bold;}

/* Imagens */
a img, fieldset, img {border: 0;} /* Por padrao, minha imagem não pode ter borda alguma. */
td img {display:block;}

/* Floating & clear */
.l{float:left;} .r{float:right;} .ca, #gslogo {text-align:center;} .c, .n{clear:both;float:none;}
.precl:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

/* Acessibilidade para leitores de tela */
.skiplinks, form fieldset legend, #globalnav h2, .curta #link-curta, #link-larga {display:none;}

/* Ajusta largura da pagina para resolucoes 800x600 */
.curta, .curta .laydiv {width:65.00em; margin:0 auto;}

/* Ajusta largura da pagina para monitores grandes */
.laydiv, #wrapper1 {width:82.67em;margin: 0 auto; /*min-width: 710px; max-width: 1200px;*/}

/* Esquema de adaptacao para monitores com resolucao 800x600 */
.curta #lsidebar, .curta #content-cont {width: 100% !important; clear:both !important; float:none !important;}
.curta #lsidebar div.widget {float:left; width:14.24em;}
.curta #navbar {width:100%; clear:both; float:none; padding-right: 0em; margin-right:0em;}
.curta #link-larga {display:inline;}
.curta #content, .curta #wrapper2 {float:none; width:100%; clear:both; padding:0em;}
.curta #cajax {margin-left:1.67em;}
.curta #content-interno {margin:0.42em;}

/* Larguras porcentagem */
.w12 {width:12.5%;}
.w15 {width:15%;}
.w20 {width:25%;}
.w25 {width:28%;}
.w33 {width:33%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w87 {width:87%;}
.w100 {width:100%;}
 
/* Larguras relativas, medidas em http://riddle.pl/emcalc/ considerando 12px no body */ 
 .wcont {width:37.50em;}
.w200 {	width:16.67em;}
.w250, .w250px {width:20.67em;}
.w250 {	margin-right:0.42em;}
.w250px { margin-left: 0.6em;}
.w150p {width:12.50em;}

/**
 * Main wrapper around the div containers
 */
 
#wrap, #wrapper1 {
	position:relative;
	min-height:100%; /* Para browsera modernos */
	height:auto !important; /* Para browsera modernos */
	height:100%; /* Para o IE6 */
}

/* Cabecalho */
#cabecalho, header, #header {
	display:block;
	position: relative;
    padding: 0;
    margin: 0;
}

/**
 * Search box and language selection box
 */

#searchbox {
	z-index: 598;
	padding: 0.43em;
}

#searchbox h2 {
	margin-left:0.83em;
}

#search #search input[type=text], #langform #langform input[type=text], #loginform #loginform 
#search input[type=text]:focus, #langform input[type=text]:focus, #loginform input[type=text]:focus, #loginform input[type=password]:focus {z-index: 598;}

/**
 * Main columns definitions
 */

#content, #wrapper2, .columns {
   border: none;
   margin-top: 0px;
text-align:left;padding-bottom:4.92em; /* Esse padding é o mesmo valor da altura do rodapé */}

#content p, #content .box h3, #wrapper2 p, #wrapper2 .box h3 {
	display: block;
	margin:1.5em 0;
	line-height:1.5em;
}
#content .box ul, #wrapper2 .box ul { padding-left:1em;}
#content .desc, #wrapper2 .desc { border-bottom: dotted 0.08em; cursor:help;}
/* Fim Conteudo */

/* Titulo */
#pagename, .main-content h2, .main-content h3 {
	margin-top:0.83em;
	margin-bottom: 0.58em;
	display:block;
	font-size: 2em;
	padding: 2px 0px 2px 0.8em;
}
#pagename, .main-content h2 {border-bottom:0.08em solid;}
/* Fim Titulo */

/**
 * Footer definitions
 */
 
#rodape, #siteinfo, footer, #footer {
	position:absolute;
	bottom:0 !important;
	clear: both !important;
	height:4em;
	width:97%;
	visibility: visible;
	z-index: 598;
	padding-top: 0.4em;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid;
	/*padding-bottom: 0.83em;
	padding-top:0.83em;*/
}

#footer p#copyrightnote {
   text-align: right;
}

/**
 * Definitions for version info and copyright on contact page
 */
#version {
   margin-top: 1.67em;
   text-align: center;
}
#copyright {
   margin-top: 1.67em;
   font-size: 80%;
   text-align: center;
}

/* Fim Rodape */

/* Formularios */
#search,
#langform,
#loginform {
    margin-top: 10px;
    padding: 5px;
}

/**
 * Fieldset definitions 
 */

form fieldset, #search fieldset, #langform fieldset, #loginform fieldset  {display: inline;border: 0;}
form fieldset p {clear:both;margin-top:1em;}
form fieldset samp {clear:both;}

/**
 * Fieldset definitions in the main content column
 */
.main-content fieldset {
    border-color: #656565;
}

.navcont #q {width: 10em;}
input.textbox, #search input[type=text],
#search .inputfield,
#langform .inputfield,
#loginform .inputfield {
	border:0.08em solid silver;
	margin-right:0.42em;
	padding:0.08em;
	_width:7.3em;
	margin-left:0.83em;
	height:auto;
	line-height:auto;
	float:none;
	vertical-align: middle;
}
input.botaoOK, input[type=submit], #search input[type=submit],
#voting input[type=submit],
#msgNewContentSubmitID input[type=submit],
#msgS2FButtonID input[type=submit]
#langform input[type=submit],
#loginform input[type=submit] {
	border:0.17em outset;
	font-weight:bold;
	width:6em;
	text-align:center;
	margin-top: 3px;
	padding: 0;
	margin-left: 0;
	
}

/* Nuvem */
ul.nuvem {
	font-size:large;
	line-height:1.3em;
	text-transform:lowercase;
}
ul.nuvem li {display:inline;}

/* Grade de imagens - http://www.cssnolanche.com.br/bordas-internas-em-imagens-com-css/ */

ul.imgrid {margin:0; padding:0; width:19.67em;} 
ul.imgrid li {list-style-type:none; float:left; margin:0em 0.25em 0.25em 0em;} 
ul.imgrid li a, ul.imgrid li a img {float:left; overflow:hidden;} 
ul.imgrid li a:hover {border:0.33em solid #f00;} 
ul.imgrid li a:hover img {margin:-0.33em;} 
#favicon {
	margin-right: 0.83em;
}
#lsidebar, .leftcolumn {
	width: 15.5em; float:left; left: 0px; margin: 0px; float: left; /* padding-left: 20px; */
}
#sidebar, .rightcolumn {
	width: 16.67em; float:right; position: static; float: right; margin: 0px; /* padding-right: 20px; */
}
#content-cont3, .centercolumn {
	margin: 0px;
	padding-left: 0px;
}

#content-cont3 {width: 50em;}

#content-cont2 {
	width: 66.67em;
	float:right;
	padding-left: 0.5em;
}

#content-cont {}

#logocont a:link, #logocont a:visited {
	color: #EDC517;
	text-decoration: underline;
	background-color: #4C75C1;
}

/* Boxes & Menulink */
.box {
	padding: 0.83em;
}
.menulink {
	list-style-type: none !important;
	text-align: left;
	margin-bottom: 0.42em;
}
.menulink li {list-style-type: none !important;}
.menulink a { display: block;}
.menulink strong {
	text-decoration: underline;
}

/* Navegacao em categorias (aside) */

/**
 * Categories
 */
#categories {
   padding: 0;
   font-size: 100%;
}
#categories ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: none;
}
#categories li {
	margin: 0;
}
#categories li a {
   display: block;
   padding: 5px 5px 5px 0.5em;
   border-bottom: 1px solid;
   text-decoration: none;
   height: 100%; /* stupid IE fix */
}
html>body #categories li a {
   width: auto;
}
#categories li ul li {
   margin: 0;
   border-left: 0px
}
#categories li ul a {
   padding-left: 15px;
}
#categories ul ul ul a {
   padding-left: 25px;
}
#categories ul ul ul ul a {
   padding-left: 35px;
}
#categories .active {
}
#categories .subcat a {
}
#categories .subcat .active {
}

/**
 * Padding definitions for the columns
 */
.centerpadding, .leftpadding, .rightpadding {
   margin: 0px;
   padding: 0px;
}
.rightpadding {
   padding-left: 0;
}
.centerpadding {
   padding-left: 0px;
   padding-right: 0px;
}
.clearing {
   height: 0;
   margin: 10px;
   clear: both;
   display: none;
}

/* Destaques de paginas */
#destaque {
	width:600px;
	height:250px;
}