/*--------------------------------------------------------------------------
# Biz&Sys - www.bizsys.com.br
# Última atualização: 12/11/2008
# 
#                                                         
#--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
# HTML GENERICAS
#--------------------------------------------------------------------------*/
body
{
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #666666;
}
a
{
	color: #666666;
	text-decoration: none;
}
a:hover
{
	color: #E77933;
	text-decoration: underline;
}
.clear
{
	clear: both;
}
hr
{
	border: none;
	height: 1px;
}
input
{
	border: 1px solid #E77933;
	color: #666;
	font-size: 10px;
	margin: 0px 10px 5px 0px; /*float:left;*/
	padding-left: 2px;
}

ul
{
	padding-left: 15px;
	margin: 0;
}
ol
{
	padding-left: 15px;
	margin: 0;
}
li
{
	padding: 5px 0 5px 10px;
	list-style-type: square;
	list-style-position: outside;
	margin-bottom: 5px;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 0px auto;
	margin: 0px auto;
	border: 0px auto;
}

/*--------------------------------------------------------------------------
# TOPO E MENU
#--------------------------------------------------------------------------*/
#topo
{
	padding: 5px 0px 0px 0px;
	width: 966px;
	height: 93px;
	margin: 0px auto;
	border-bottom: solid 1px #999999;
}

.menuitem
{
	padding-left: 15px;
}


#menu
{
	height: auto;
	padding-top: 22px;
	margin: 0px auto;
	float: right;
	text-align: center;
	font-size: 13px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#menu a:hover
{
	color: #E77933;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------
# INTERNO
#--------------------------------------------------------------------------*/

#bannerint
{
	width: 966px;
	height: 200px;
	margin: 0px auto;
}

#conteudoint
{
	width: 660px;
	float: left;
	margin: 20px 0px 0px 0px;
}

#barralateral
{
	width: 285px;
	float: right;
	text-align: right;
	margin: 20px 00px 0px 0px;
	padding: 0px 0px 0px 0xp;
	border-left: solid 1px #CCC;
}

.conteudolateral
{
	width: 270px;
	height: auto;
	text-align: justify;
	padding-bottom: 10px;
	border-bottom: solid 1px #EEE;
	margin-bottom: 30px;
}

/*--------------------------------------------------------------------------
# CONTEUDO
#--------------------------------------------------------------------------*/

#conteudo
{
	width: 966px;
	padding-top: 10px;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}

#conteudoesq
{
	float: left;
	width: 680px;
	padding-top: 10px;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}

#conteudodir
{
	float: right;
	width: 270px;
	padding-top: 10px;
	margin: 0px auto;
	padding: 10px 0px 10px 10px;
	border-left: solid 1px #999999;
}

/*--------------------------------------------------------------------------
# RODAPE
#--------------------------------------------------------------------------*/
#rodape
{
	width: 966px;
	margin: 0px auto;
	padding: 18px 00px 0px 00px;
	margin-top: 25px;
	border-top: solid 1px #999999;
}

#rodapeinternoesq
{
	float: left;
	width: 680px;
	padding-top: 10px;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
}

#rodapeinternodir
{
	float: right;
	width: 270px;
	padding-top: 10px;
	margin: 0px auto;
	padding: 10px 0px 10px 10px;
	border-left: solid 1px #999999;
}

#rodapeinternodir a
{
}

#rodapeinternodir a:hover
{
	color: #E77933;
	text-decoration: underline;
}

#desenvolvido
{
	width: 946px;
	height: 43px;
	margin: 0px auto;
	padding: 2px 10px 0px 10px;
	text-align: right;
}


/*--------------------------------------------------------------------------
# TÍTULO E TEXTO
#--------------------------------------------------------------------------*/

.divtitulo
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #E77933;
	margin-bottom: 10px;
	padding: 6px 0px 0px 5px;
	height: 23px;
	vertical-align: middle;
	border-left: solid 3px #E77933;
}

.titulo
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #E77933;
	margin-bottom: 10px;
}

.subtitulo
{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 10px;
}

.textocinza
{
	color: #CCC;
}

#highlighshome
{
	color: #CCCCCC;
}

#highlighshome a
{
	color: #999999;
}

#highlighshome a:hover
{
	color: #E77933;
}

.textocinza a
{
	text-decoration: none;
}
.textocinza a:hover
{
	text-decoration: underline;
}

/*--------------------------------------------------------------------------
# TÍTULO E TEXTO
#--------------------------------------------------------------------------*/

.bannerhome
{
	width: 655px;
	height: 280px;
}

.divtitulo
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #FFCA1C;
	margin-bottom: 10px;
	padding: 6px 0px 0px 5px;
	height: 23px;
	vertical-align: middle;
	border-left: solid 3px #FFCA1C;
}

/*--------------------------------------------------------------------------
# Tabelas
#--------------------------------------------------------------------------*/
.tableTDDestaque
{
	background-color: #c4dea3;
}
.tabTDLinha
{
	background-color: #f4f4f4;
}

/*--------------------------------------------------------------------------
# Twitter
#--------------------------------------------------------------------------*/
#twitter_div
{
	width:270px;
}

h2.sidebar-title
{
	padding: .2em 14px .2em 14px;
	font-size: 1.05em;
}

#twitter_update_list li
{
	margin-bottom: 5px;
	max-width:270px;
}
.html-preview
{
	border: solid 1px silver;
	padding: 15px;
	margin-bottom: 6px;
	background-color: #fff;
	display: none;
}
a#twitter-link
{
	display: block;
	text-align: right;
	margin-top: 4px;
}
.tip
{
	margin: 15px;
}
.code
{
	font-weight: bold;
	font-family: monospace;
	font-size: 120%;
	color: green;
}