/**
 * Folha padrão de estilo site #Nasocial
 * @author Julio Vedovatto <julio@juliovedovatto.com>
 */
body {
	background: url(../imagens/background_pixel_art.gif) no-repeat center top #000;
	text-align: center;
}
div#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
}

h2.home-title {
	width: 651px;
	height: 49px;
	background: url(../imagens/home-titulo-blog.png) no-repeat left top;
	margin: 2px 0 10px 0;
}

/** HEADER **/
	div#wrapper div#header {
		height: 180px;
		margin: 0 auto;
		overflow: hidden;
		width: 917px;
	}
		div#wrapper div#header h1.logomarca {
			background: url(../imagens/nasocial_logomarca.png) no-repeat left top;
			float: left;
			margin: 30px 0 0 32px;
		}
		div#wrapper div#header h1.logomarca,
			div#wrapper div#header h1.logomarca a {
				display: block;
				height: 85px;
				overflow: hidden;
				width: 241px;
			}
		div#wrapper div#header h2.claro-logomarca {
			background: url(../imagens/claro_logomarca.gif) no-repeat left top;
			margin: 30px 30px 0 25px;
		}
		div#wrapper div#header h2.claro-logomarca,
			div#wrapper div#header h2.claro-logomarca a {
				display: block;
				height: 90px;
				overflow: hidden;
				width: 68px;
		}
		div#wrapper div#header h2.blackberry-logomarca {
			background: url(../imagens/blackberry_logomarca.gif) no-repeat left top;
			margin: 52px 0 0 0;
		}
		div#wrapper div#header h2.blackberry-logomarca,
			div#wrapper div#header h2.blackberry-logomarca a {
				display: block;
				height: 36px;
				overflow: hidden;
				width: 165px;
		}
		div#wrapper div#header h2.claro-logomarca,
		div#wrapper div#header h2.blackberry-logomarca {
			float: right;	
		}
		div#wrapper div#header div.destaque-topo {
			background: url(../imagens/box_destaque.png) no-repeat left top;
			clear: left;
			float: left;
			height: 61px;
			margin: 0 0 0 40px;
			padding: 9px 0 0;			
			text-align: center;
			width: 208px;
		}
			div#wrapper div#header div.destaque-topo h3.box-destaque {
				background: url(../imagens/box_destaque_titulo.png) no-repeat left top;
				color: #fff;
				font-size: 27px;
				height: 40px;				
				line-height: 45px;
				margin: 0 auto;
				text-align: center;
				width: 176px;			
			}
			div#wrapper div#header div.destaque-topo h3.box-destaque,
				div#wrapper div#header div.destaque-topo h3.box-destaque span {
					color: #fff;	
					font-weight: 700;
					font-smooth: always;
				}
				div#wrapper div#header div.destaque-topo h3.box-destaque span {
					font-size: 20px;
				}
			div#wrapper div#header div.destaque-topo h4 {
				color: #fff;	
				font: normal normal normal 13px "Din Bold","Myriad Pro","Helvetica","Arial",sans-serif;
				text-align: center;
			}
		div#wrapper div#header ul.menu {
			width: 550px;
			margin: 26px 0 0 26px;
			overflow: hidden;
		}
		div#wrapper div#header ul.menu,
			div#wrapper div#header ul.menu li {
				float: left;
			}
				div#wrapper div#header ul.menu li a {					
					background-position: left bottom;
					display: block;
					height: 34px;
					overflow: hidden;
					text-indent: -5000px;
				}
				div#wrapper div#header ul.menu li.home a {
					background-image: url(../imagens/menu/menu-fatiado_01.png);
					width: 65px;				
				}
				div#wrapper div#header ul.menu li.provas a {
					background-image: url(../imagens/menu/menu-fatiado_02.png);
					width: 121px;
				}
				div#wrapper div#header ul.menu li.as-duplas a {
					background-image: url(../imagens/menu/menu-fatiado_03.png);
					width: 93px;
				}
				div#wrapper div#header ul.menu li.premiacao a {
					background-image: url(../imagens/menu/menu-fatiado_04.png);
					width: 99px;
				}
				div#wrapper div#header ul.menu li.regulamento a {
					background-image: url(../imagens/menu/menu-fatiado_05.png);
					width: 115px;
				}
				div#wrapper div#header ul.menu li.faq a {
					background-image: url(../imagens/menu/menu-fatiado_06.png);
					width: 54px;
				}
				div#wrapper div#header ul.menu li a:hover,
				div#wrapper div#header ul.menu li a.ativo {
					background-position: left top;
				}
/** /HEADER **/
/** CONTENT (BODY) **/
	div#wrapper div#body {
		margin: -6px 0 0;
		text-align: center;
		width: 927px;
	}
		div#wrapper div#body div.top-content {
			background: url(../imagens/background_content.png) no-repeat left top;
			height: 32px;
		}
		div#wrapper div#body div.bottom-content {
			background: url(../imagens/background_content.png) no-repeat right top;
			height: 68px;
			position: relative;
		}
			div#wrapper div#body div.bottom-content div.addthis_toolbox {
				position: absolute;
				right: 220px;
				top: 52px;
				width: 300px;
			}
				div#wrapper div#body div.bottom-content div.addthis_toolbox a.addthis_button_compact {
					font-weight: 700;	
				}
				div#wrapper div#body div.bottom-content div.addthis_toolbox a.favicon {
					display: block;
					width: 16px;
					height: 16px;					
				}
		div#wrapper div#body div.content {
			background: url(../imagens/background_content_main.png) repeat-y left top;
			margin: -13px auto 0;
			padding: 0 16px;
			position: relative;
		}
			div#wrapper div#body div.content * {
				color: #000;
			}
			div#wrapper div#body div.content div.chamada {
				position: relative;
			}
/** /CONTENT (BODY) **/
/** FOOTER **/
div#wrapper-footer {
	background: url(../imagens/background_footer.gif) repeat-x left 29px;
	height: 140px;
}
	div#wrapper-footer div#footer {
		background: url(../imagens/background_footer_main.gif) no-repeat left -1px;
		height: 140px;
		margin: 29px auto 0;
		width: 917px;
	}
		div#wrapper-footer div#footer ul.perfis-nasocial {
			float: left;
			margin: 43px 0 0 140px;
			overflow: hidden;
			width: 250px;
		}
			div#wrapper-footer div#footer ul.perfis-nasocial li {
				float: left;	
			}
			div#wrapper-footer div#footer ul.perfis-nasocial li.titulo {
				background: url(../imagens/perfis_oficiais.gif) no-repeat left top;
				height: 15px;
				margin: 0 7px 0 0;
				text-indent: -5000px;
				width: 103px;
			}
		div#wrapper-footer div#footer ul.menu {
			float: right;
			margin: 44px 145px 0 0;
			overflow: hidden;
		}
			div#wrapper-footer div#footer ul.menu li {
				border-right: 1px solid #c9c9c9;
				float: left;
				margin: 0 0 0 5px;
				padding: 0 5px 0 0;
			}
			div#wrapper-footer div#footer ul.menu li.last {
				border: none;
				padding-left: 0;
			}
				div#wrapper-footer div#footer ul.menu li a {
					color: #c9c9c9;
				}
		div#wrapper-footer div#footer div.copyright {
			clear: both;
			font-size: 9px;
			margin: 0 auto;
			padding: 15px 0 0;
			text-align: center;	
			width: 575px;
		}
/** /FOOTER **/
/** USO GERAL **/
.favicon_email {
	background: transparent url(../imagens/redes/gmail.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_email:hover {
	background-position: 0 0;
}
.favicon_facebook {
	background: transparent url(../imagens/redes/facebook.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_facebook:hover {
	background-position: 0 0;
}
.favicon_orkut {
	background: transparent url(../imagens/redes/orkut.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_orkut:hover {
	background-position: 0 0;
}
.favicon_twitter {
	background: transparent url(../imagens/redes/twitter.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_twitter:hover {
	background-position: 0 0;
}
.favicon_myspace {
	background: transparent url(../imagens/redes/myspace.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_myspace:hover {
	background-position: 0 0;
}
.favicon_live {
	background: transparent url(../imagens/redes/live.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_live:hover {
	background-position: 0 0;
}
.favicon_delicious {
	background: transparent url(../imagens/redes/delicious.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_delicious:hover {
	background-position: 0 0;
}
.favicon_google {
	background: transparent url(../imagens/redes/google.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_google:hover {
	background-position: 0 0;
}
.favicon_blogger {
	background: transparent url(../imagens/redes/blogger.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_blogger:hover {
	background-position: 0 0;
}
.favicon_twitpic {
	background: transparent url(../imagens/redes/twitpic.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_twitpic:hover {
	background-position: 0 0;
}
.favicon_flickr {
	background: transparent url(../imagens/redes/flickr.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_flickr:hover {
	background-position: 0 0;
}
.favicon_youtube {
	background: transparent url(../imagens/redes/youtube.png) no-repeat;
	background-position: 0 -16px;
}
.favicon_youtube:hover {
	background-position: 0 0;
}
div#at20mc * {
	color: #4C4C4C !important
}
ol.social-networks {
	overflow: hidden;
}
	ol.social-networks li {
		width: 17px;
		float: left;						
		margin: 0 7px 0 0;
	}
	ol.social-networks li.last {
		margin: 0;
	}
		ol.social-networks li a {
			background: url(../imagens/background_redes_sociais.gif) no-repeat left top;
			display: block;
			height: 17px;	
			overflow: hidden;
			text-indent: -5000px;
			width: 17px;
		}
		ol.social-networks li a.orkut {
			background-position: -17px top;	
		}
		ol.social-networks li a.flickr {
			background-position: -34px top;	
		}
		ol.social-networks li a.twitter {
			background-position: -51px top;	
		}
		ol.social-networks li a.youtube {
			background-position: -68px top;
		}
		ol.social-networks li a.facebook {
			background-position: right top;
		}
/** /USO GERAL **/