/**
 * 	@author:
 *	2010 Eric Mantoani <eu@eric.com.br>
 * 	
 * 	@comment:	
 * 
 * 	@documentation:
 * 	http://eric.com.br/doc/css/
 * 	
 * 	@resume:
 *	Hierarquia para declaração de propriedades css
 *	1. Posicionamento; >> position, top, right, bottom, left, z-index
 *	2. Fluxo; >> float, clear 
 *	3. Dimensões; >> width, height, overflow
 *	4. Margens e etc; >> margin, padding, outline, list-style
 *	5. Display; >> display, visibilty
 *	6. Tipografia; >> font, line-height, text, word-spacing, letter-spacing, vertical-align, color
 *	7. Background;
 *	8. Outros; >> opacity, cursor, content, quotes  
 *
 * 	Date: 21/01/2010
 * 	Revision: 1
 */


body{ font-family:Arial; font-size:15px; background-image:url('../_img/bg-w.gif'); background-repeat:repeat-x;}
body.home{background-image:url('../_img/bg.gif'); background-repeat:repeat-x;}
p{ margin-top:16px; }
li{ list-style:none; }
a{text-decoration:none; color:#000;}
.small{font-size:11px;}

#wrap{margin:0 auto; width:1003px;}

#topo{width:100%; height:139px; background-image:url('../_img/topo-geral.png'); background-repeat:no-repeat; cursor:pointer;}
	/*#logo{float:left;width:255px; height:80px; background-image:url('../_img/logo.gif'); background-repeat:no-repeat; }*/
	#logo h1{display:none;}
	
	#menu{font-size:12px;}
	#menu{float:right; margin:30px 0 0 0;}
	#menu ul li{float:left; margin:0 15px;}

/* home */
.home .main{margin:60px 0 20px 0; width:100% !important; font-family:Arial; font-size:30px; font-weight:bold; text-align:center;}
#pedagiometro{margin:16px auto; font-family:Arial; font-size:90px; font-weight:bold; color:#000; text-align:center; /*background-image:url('../_img/bg-pedagiometro.gif'); background-repeat:no-repeat; background-position:81px 12px;*/}
.home .divisor{width:100%; height:1px; background-color:#c8c8c8;}

#adsenses{margin:10px 0 20px 0; }

.home-footer h4 a,
.home-footer h4{font-size:14px; color:#4386d9;}

.home-footer .greatbox{float:left; width:320px; margin-right:20px;}
.home-footer .greatbox .item{ margin:10px 0 20px 0; font-size:15px;}

.home-footer .middlebox{float:left; width:300px; margin-right:20px;}
.home-footer .rightbox{float:left; width:300px;}

#voce textarea{width:100%; height:70px; background-color:#faeec9; border:1px solid #eee;}

/* categorias e textos */
.main{float:left; margin:30px 0; width:760px; font-family:Arial;}
.main .item{margin:10px 0 20px 0;}
.main h2{font-size:26px;}
.main .item h3{font-size:20px;}

.footer{clear:both; margin-top:20px; height:50px; width:100%;}
#footer{text-align:center; margin-bottom:20px;}

/* calcule */
.calcule .main{width:100% !important;}


#sidebar{float:right; margin:30px 0; padding-right:50px;}

/* compartilhe */
.home #compartilhe{float:right; margin-right:75px;}
#compartilhe{margin-top:10px;}
#compartilhe ul a{ float:left; width:22px; height:22px; margin-right:6px; background-repeat:no-repeat; cursor:pointer; }
#compartilhe ul a#twitter{ background-image:url('../_img/ico-twitter.gif'); }
#compartilhe ul a#facebook{ background-image:url('../_img/ico-facebook.gif'); }
#compartilhe ul a#digg{ background-image:url('../_img/ico-digg.gif'); }
#compartilhe ul a#delicious{ background-image:url('../_img/ico-delicious.gif'); }
#compartilhe ul a#reddit{ background-image:url('../_img/ico-reddit.gif'); }
#compartilhe ul a#blogger{ background-image:url('../_img/ico-blogger.gif'); }
#compartilhe ul a#myspace{ background-image:url('../_img/ico-myspace.gif'); }
#compartilhe ul a#orkut{ background-image:url('../_img/ico-orkut.gif'); }

/* TAGS */
.tags h1,.tags h2,.tags h3,.tags h4,.tags h5,.tags h6{
	float:left; line-height:35px; vertical-align:middle; margin-right:8px;}

.tags h1{ font-size:31px; }
.tags h2{ font-size:28px; }
.tags h3{ font-size:25px; }
.tags h4{ font-size:22px; }
.tags h5{ font-size:19px; }
.tags h6{ font-size:16px; }


.nuvem h1,.nuvem h2,.nuvem h3,.nuvem h4,.nuvem h5,.nuvem h6{
	float:left; line-height:25px; vertical-align:middle; margin-right:4px;
	background-image:none !important;
	height:auto !important;
	width:auto !important;
	color:#000 !important;
	padding:0 !important;
	margin:0 10px 0 0 !important;
	font-weight:normal !important;
	text-align:left !important;
	}

.nuvem h1{ font-size:16px; }
.nuvem h2{ font-size:15px; }
.nuvem h3{ font-size:14px; }
.nuvem h4{ font-size:13px; }
.nuvem h5{ font-size:12px; }
.nuvem h6{ font-size:11px; }