body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
input{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #333333;
border:1px solid #999999;

}
button{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #333333;
border:1px solid #999999;
}
select{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #333333;
border:1px solid #999999;
width:95%;
}
textarea{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #333333;
border:1px solid #999999;
width:95%;

}

.texto_menu{
padding: 2px 0px 0px 10px;
text-align:left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
cursor:pointer;
}
a.texto_menu{
text-decoration:none;
}
a.texto_menu:hover{
text-decoration:underline;
}

.texto{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
}
a.texto{
text-decoration:none;
}
a.texto:hover{
text-decoration:underline;
}

.texto_branco{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
}
a.texto_branco{
text-decoration:none;
}
a.texto_branco:hover{
text-decoration:underline;
}

.texto_verde{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #536E80;
}
a.texto_verde{
text-decoration:none;
}
a.texto_verde:hover{
text-decoration:underline;
}

.texto_verde_escuro{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #002740;
}
a.texto_verde_escuro{
text-decoration:none;
}
a.texto_verde_escuro:hover{
text-decoration:underline;
}

.texto_laranja{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #FF9900;
}
a.texto_laranja{
text-decoration:none;
}
a.texto_laranja:hover{
text-decoration:underline;
}

.texto_cinza{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}
a.texto_cinza{
text-decoration:none;
}
a.texto_cinza:hover{
text-decoration:underline;
}

.texto_mais{
font-family : "Franklin Gothic Medium";
font-size : 11px;
color : #003873;
}
a.texto_mais{
text-decoration:none;
}
a.texto_mais:hover{
text-decoration:underline;
}

.texto_marrom{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #807762;
}
a.texto_marrom{
text-decoration:none;
}
a.texto_marrom:hover{
text-decoration:underline;
}
.texto_azul{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #025AAF;
}
a.texto_azul{
text-decoration:none;
}
a.texto_azul:hover{
text-decoration:underline;
}

.texto_verde{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #D6DB27;
}
a.texto_azul{
text-decoration:none;
}
a.texto_azul:hover{
text-decoration:underline;
}.texto_vermelho{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #E40000;
}
a.texto_vermelho{
text-decoration:none;
}
a.texto_vermelho:hover{
text-decoration:underline;
}
.texto_amarelo{
text-align:center; 
font-weight:bold; 
background-color:#1C69B7; 
color:#FBE70E;
padding: 2px 0px 0px 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.texto_amarelo_claro{
text-align:center; 
font-weight:bold; 
background-color:#0066FF; 
color:#FBE70E;
padding: 2px 0px 0px 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
.ClassDivContainer{ 
position:absolute; 
width:90px;
height:120px;
overflow:hidden;
clip:rect(0,570,320,0); 
visibility:hidden;
}
.ClassDivContent{
position:absolute; 
}

/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{	
	font-family: Arial,sans-serif;	
	color: #333333;	
	line-height: 1.166;		
	margin: 0px;	
	padding: 0px;
}

a{	
	color: #006699;	
	text-decoration: none;
}
a:link{	
	color: #006699;	
	text-decoration: none;
}

a:visited
{	
	color: #006699;	
	text-decoration: none;
}
a:hover{	color: #006699;	text-decoration: underline;}
h1{ font-family: Verdana,Arial,sans-serif; color: #334d55; margin: 0px; padding: 0px;}
h2{ font-family: Arial,sans-serif; font-size: 114%; color: #006699; margin: 0px; padding: 0px;}
h3{ font-family: Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
h4{ font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
h5{ font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px;}
ul{ list-style-type: square;}
ul ul{ list-style-type: none;}
ul ul ul{ list-style-type: none;}
label{ font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}
p { color:#333333; font-size:14px}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{	
	padding: 10px 0px 0px 0px;	
	border-bottom: 1px solid #cccccc;	
	width: 100%;
	float:left;
}
#navBar{	float: left;	width: 20%;	margin: 0px;	padding: 0px;	background-color: #eeeeee;	border-right: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;}
#headlines{  float:right;	width: 20%;	border-left: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;	padding-right: 10px;}
#content{	float: left;  width: 55%;}

/***********************************************/
/* Components                                  */
/***********************************************/
#siteName{	margin: 0;	padding: 0 0 0 10px;}
/************* #globalNav styles **************/
#globalNav{padding: 0px 0px 5px 10px;border-bottom: 1px solid #CCC;color: #cccccc;}
#globalNav img{ display: block;}
#globalNav a {	font-size: 90%;	padding: 0 4px 0 0;}
/*************** #pageName styles **************/
#pageName{	margin: 0px;	padding: 0px 0px 0px 10px;}
/************* #breadCrumb styles *************/
#breadCrumb{	font-size: 80%;	padding: 2px 0px 0 10px;}
/************** .feature styles ***************/
.feature{	padding: 25px 0px 10px 10px;	font-size: 80%;}
.feature h3{	padding: 30px 0px 5px 0px;	text-align: center;}
.feature img{	float: left;	padding: 10px 10px 0px 0px;}
/************** .story styles *****************/
.story{	clear: both;	padding: 10px 0px 0px 10px;	font-size: 80%;}
.story p{	padding: 0px 0px 10px 0px;}
/************* #siteInfo styles ***************/
#siteInfo{	clear: both;	border: 1px solid #cccccc;	font-size: 75%;	color: #cccccc;	padding: 10px 10px 10px 10px;}
#siteInfo img{	padding: 4px 4px 4px 10px;	vertical-align: middle;}
/************* #search styles ***************/
#search{	padding: 5px 0px 5px 10px;	border-bottom: 1px solid #cccccc;	font-size: 90%;}
#search form{ margin: 0px; padding: 0px;}
#search label{	display: block;	margin: 0px;	padding: 0px;}
/*********** #navBar link styles ***********/
#navBar ul a:link, #navBar ul a:visited {display: block;}#navBar ul {list-style: none; margin: 0; padding: 0;}/* hack to fix IE/Win's broken rendering of block-level anchors in lists */#navBar li {border-bottom: 1px solid #EEE;}/* fix for browsers that don't need the hack */html>body #navBar li {border-bottom: none;}/*********** #sectionLinks styles ***********/#sectionLinks{	position: relative;	margin: 0px;	padding: 0px;	border-bottom: 1px solid #cccccc;	font-size: 90%;}#sectionLinks h3{	padding: 10px 0px 2px 10px;}
#sectionLinks a {	display: block;	border-top: 1px solid #cccccc;	padding: 2px 0px 2px 10px;}
#sectionLinks a:hover{	background-color: #dddddd;}
/*********** .relatedLinks styles ***********/.
relatedLinks{	position: relative;	margin: 0px;	padding: 0px 0px 10px 10px;	font-size: 90%;}
.relatedLinks h3{	padding: 10px 0px 2px 0px;}
.relatedLinks a:link,.relatedLinks a:visited {	display: block; }
/************** #advert styles **************/
#advert{	padding: 30px 0px 10px;}
#advert img{	display: block;}/************** #headlines styles **************/
#headlines{	margin: 0px;	padding: 10px 0px 20px 10px;	font-size: 80%;}
#headlines p{	padding: 5px 0px 5px 0px;}



/***********************************************/
/* include/topo.php                            */
/***********************************************/

.div_logo{
	width:340px; 
}
.div_topo
{
	display:inline; 
	height:201px; 

}
.li_botoes
{
	text-align:center;
	background-color:#005BAE;
}
.li_frase_dia
{
	background-color:#F1F1F1;
	font-size:10px;	;
	height:15px;
	text-align:center;
	padding-left:168px;
	padding-top:0px;
	margin-top:3px;
}
.li_banner_topo
{
	height:137px;
}
.li_linha_azul
{
	border-top:1px solid #005BAE;
	height:0px;
	margin-top:3px;
}



/**Categoria Home**/
#area_piada h1 {
	color: #006699;
	font-size: 30px;
	margin: 10px 0 15px 0;
}
#area_piada p {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
#area_piada p img {
	float: none;
	padding: 0;
}

.a2a_dd {
	margin-top: 20px;
}

#area_piada .info p {
	font-size: 10px;
	line-height: 14px;
}

#voto {
	border-bottom:1px dotted #666;
	margin: 20px 0 40px 0;
	padding-bottom:20px;
}
#voto a {
	display: inline;	
}	

#insert-piada {
	background:#F1F1F1;
	border:1px solid #CCCCCC;
	margin:30px 0;
	padding:20px;
}
#insert-piada legend {
	font-size: 18px;
}

#insert-piada br {
	display: none;
}
#insert-piada p {
	padding-top: 10px;
}

#insert-piada label {
	display: block;
	font-size: 12px;
}
#insert-piada input {
	border: 1px solid #999999;
}

.button input {
	background: #ccc; color: #666; font-size: 12px; font-weight: bold; padding: 5px;
}
.button input:hover {
	background: #fff;
}

select#id_categoria, #piadaTitulo {
	font-size:15px;
	height:25px;
	padding:4px;
}
#piadaTitulo {
	height: 20px;
	padding: 2px;
}
#insert-piada textarea {
	font-size: 15px;
	padding: 4px;
}


.login_box
{
	display:block;
	float:right;
	
	border:1px solid #06F;
	margin:3px;
	width:280px;
}
	
.login_box legend
{
	color:#069;
	background-color:#FFF;
	margin-left:20px;
}	
.login_box ul
{
	 list-item-style:none ;
}
.login_box ul li
{
	text-align:left;
}