/*
23/12/2009
Folha de Estilo Principal
Jadson Moreira - Portfolio Pessoal
Cliente: Trabalho Pessoal
WebDeveloper: Jadson Moreira - www.jadsonmoreira.com - web@jadsonmoreira.com
*/
		
		*{margin:0px; padding:0px; font-family: "Arial", Georgia, Times, sans-serif;}
		section, article, aside, header, footer, nav, dialog, figure, hgroup, img {display:block;}
		mark, dt {font-weight:bold;}
		ul, ol {list-style:none;}
		img, input, textarea, select, fieldset {border:none;}
		h4 {font-size:13px; text-transform:uppercase;}
		.relativa {position:relative;}
		.absoluta {position:absolute;} 
		.clear {clear:both;}
		.azul {color:#09f;}
		.cinza-6 {color:#666;}
		.no-bold {font-weight:normal;}
		.height60 {height:60px;}
		.height10 {height:10px;}
		.mg-top-60 {margin-top:60px;}
		.mg-top-20 {margin-top:20px;}
		.mg-bt-10 {margin-bottom:10px}
		.mg-10 {margin:10px;}
		.mg-right-10 {margin-right:10px;}
		.mg-left-10 {margin-left:10px;}
		.pd-10 {padding:10px;}
		.pd-top-20 {padding-top:20px;}
		.pd-bt-20 {padding-bottom:20px;}
		.pd-left-10 {padding-left:10px;}
		.bloco {display:block;}
		div:after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}/*webly.com.br - Bug do Diplay e Float FF*/
		.float-left {float:left;}
		.float-right {float:right;}
		.topo {width:100%; height:30px; background:url("../images/bg-topo.jpg") repeat-x;}
		.widthDefault {width:998px; margin:0 auto;}
		.topo div {height:30px;}
		.topo nav ul li {float:left; text-transform:uppercase; font-size:13px; margin:4px 10px 0 10px; height:20px; padding:6px 15px 0 15px;}
		.topo nav ul li a {color:#666; text-decoration:none;}
		.topo nav ul li a:hover {color:#09f; text-decoration:underline; cursor:pointer;}
		.logo {width:164px; height:29px; display:inline; margin:0;}
		.header {height:173px;}
		.header .hgroup {height:52px; bottom:0; left:195px;}	
		.header .hgroup h1 {font-size:22px;}
		.header .hgroup h2, .header .hgroup h3 {font-size:11px;}
		.sociais {width:446px;}
		.sociais li a {float:left; width:60px; height:60px; position:absolute; text-indent:-9999px; background-image:url("../images/bg_sociais.jpg"); background-repeat:no-repeat;}
		.sYouTube a {top:0; left:0; background-position: -60px -60px;}
		.sDelicious a {top:110px; left:22px; background-position: -300px -60px;}
		.sLinkedin a {top:30px; left:110px; background-position: -180px -60px;}
		.sFb a {top:110px; left:184px; background-position: 0 -60px;}
		.sFlickr a {top:12px; left:268px; background-position: -240px -60px;}
		.sTwitter a {top:110px; left:288px; background-position: -120px -60px;}
		.sFormSpring a {top:30px; left:390px; background-position: -360px -60px;}
		.sYouTube a:hover {background-position: -60px 0;}
		.sDelicious a:hover {background-position: -300px 0;}
		.sLinkedin a:hover {background-position: -180px 0;}
		.sFb a:hover {background-position: 0 0;}
		.sFlickr a:hover {background-position: -240px 0;}
		.sTwitter a:hover {background-position: -120px 0;}
		.sFormSpring a:hover {background-position: -360px 0;}
		.conteudo {position:relative; overflow:hidden;}
		.conteudo hr {width:100%; margin-top:5px; color:#ccc;}
		.conteudo p {font-size:12px; color:#666; margin-bottom:15px;}
		footer, .footer {padding-top:5px; font-size:12px;} 
		footer img {float:left; margin-right:20px;}
		.foto {width:185px; height:175px;}
		.nav {width:auto; float:right;}
		.nav li {width:12px; height:12px; float:left; margin:6px 4px 0 4px; background-image: url("../images/nav.jpg"); background-repeat: no-repeat; background-position: 0 -12px; overflow:hidden}
		.nav li:hover {cursor:pointer; background-position: 0 0;}
		.ativo {background-position: 0 0 !important;}
		.blc-conteudo {/*visibility:hidden; display:none;*/ padding-top:20px; float:left; width:998px; position:relative; display:none;}
		.containerCont {width:45000px;}
		.show {visibility:visible !important; display:block !important;}
		.hide {visibility:hidden; display:none;}
		.img-lab {width:300px; height:225px; margin:0 auto;}
		.formContato {width:530px; height:auto;}
		.campo {width:287px; height:24px; background-image: url("../images/sprite_campos.jpg"); background-repeat: no-repeat; background-position:0 -60px; padding:6px 2px 0 2px;}
		.campoTexto {width:287px; height:93px; background-image: url("../images/sprite_texto.jpg"); background-repeat: no-repeat; background-position:0 0; padding:6px 2px 0 2px; font-size:12px;}
		.formContato fieldset {width:292px; height:auto; font-size:12px; margin-bottom:15px;  display:block}
		.formContato label {display:block; margin-bottom:5px;}
		.inforContato {width:440px; height:auto; bottom:0; border-left:1px #ccc solid; padding-left:10px; right:0;}
		.inforContato ol li {font-size:12px; margin: 10px 0px;}
		.btEnviar {background:url("../images/bt_enviar.jpg") no-repeat; width:74px; height:34px; clear:both; display:block}
		.sucessoMensagem {height:120px; width:250px; position:absolute; left:300px;}
		.sucessoMensagem p {text-align:center; color:#f00;}
		.sucessoMensagem img {width:80px; height:80px; margin:0 auto; position:relative;}
		.blockCampos {background:#fff; width:300px; height:360px; top:0; left:-300px; position:absolute;}
		.sucessoMensagem span:hover {cursor:pointer; text-decoration:underline; font-weight:bold;}
		
/*
	Painel de Controle
*/
		.admTopo {width: 100%; height:60px; background:#ccc;}
		.bd-all-ccc {border:1px #ccc solid;}
		.admTopo h1 {font-size:20px; color:#fff; margin-left:5px; bottom:5px; position:absolute;}
		.admTopInfo {padding:5px;}
		.admTopFoto {width:60px; height:50px; background:#fff; margin-right:5px; float:left;}
		.admTopInfo p, .admTopInfo h2 {float:left;}
		.admTopInfo h2 {font-size:20px; color:#fff;}
		.admTopInfo span {font-size:11px;}
		.admContainer {margin:10px auto;}
		.admLeftBar {width:180px;}
		.admContainer h4 {font-size:14px; color:#fff; height:20px; background:#ccc; padding-top:10px; text-indent:10px; width:100%; margin-bottom:10px;}
		.admRightBar {width:778px;}
		.admBlcEstatistica {width:450px; height:200px;}
		.admLastComments {width:310px; height:118px;}
		.admAddCategoriaQuick {width:310px; height:70px;}
		.admMenu ul li {font-size: 13px; font-weight:bold; padding-left:20px; clear:both; margin-bottom:5px;}
		.admAddNewPost {clear:both;}
		.admFormAddPost {}
		.admFormAddPost label {width:auto; padding:5px 70px 0 10px; font-size:12px; font-weight:bold; color:#fff; background:#ccc; clear:both;}
		.admFormAddPost fieldset {display:block;}
		.admFormAddPost select {border:1px #ccc solid;}
		.admCampoTexto {height:25px; padding-top:10px; border:1px #ccc solid; clear:both; display:block;}
		.admCampoTitulo {width:594px;}
		.admSelectCategoria {margin-top:23px;} 
		.bbCode {width:auto; display:block; clear:both; background:#ccc; height:20px; padding:5px; margin-top:1px;}
		.bbCode img {float:left; margin:0 5px;}
		.bbCode span {height:30px; width:1px; background:#fff; float:left; margin-top:-5px;}
		.bbCode select {margin-left:5px; margin-right:5px; float:left;}
		.admCampoTextoArea {width:100%; height:450px; clear:both; font-size:12px;}
		.admBtPostar {width:120px; height:30px; background:#ccc; color:#fff; font-size:14px; font-weight:bold; float:right; margin-top:10px;}
		.admFormCategoria {}
		.admCampoCategoria {width:224px; border:1px #ccc solid;}
