/* 
###################################################
# M2BRNET (m2brnet.com)
# AUTOR: ALEXANDRINO S. SOUZA (alexandrino.net)
# DATA DE MODIFICAÇÃO: 22/09/2009
#  CASCATING SHEETS LVL 2.0
################################################### 
*/

* 					{ margin: 0; padding: 0; font-family: Verdana !important; }
div#main_all			{ width: 995px;  background: url(../_img/_layout/bg_content.png) no-repeat right top ;  height: 575px; }
div#over				{ width: 995px; margin: -300px 0 0 -500px; top: 50%; left: 50%; position: absolute; }
div#all 				{ width: 970px; margin: 0 auto;  }
div.alt				{ height: 1px; }
div#main 				{ width: 910px; margin: 0 auto; background: #1d1d1e; padding: 20px 0 0 0; height: 350px;}
* html div#main 		{ padding: 0 0 0 0; }
div#side				{ width: 315px; float: left; height: 123px;}
div#content			{ height: 270px; width: 570px; padding: 0 10px 0 0;}
div#forum			{ height: 270px; width: 640px; padding: 0 10px 0 0; margin: 0 0 0 40px !important;  }
div#content2			{ height: 290px; width: 570px; padding: 0 10px 0 0; float: left;}
div#main h1.tit		{ text-indent: -9999px; margin: 1px; height: 1px; line-height: 1px;  }
div#header			{ margin: 0 0 0 2px; }
div.area_content		{ float: left;width: 585px; height: 340px; }

/* ---------------------------------------------------- TAGS ---------------------------------------------------- */
html,body				{ height: 100%; }
html					{ background: url(../_img/_layout/bg_body.jpg) repeat}
li					{ list-style: none; }
img					{ border: 0; }
h1,h2,h3 			{ color: #666; margin: 0 0 15px 0; }
h1					{ font-size: 17px; color: #666666; }
h2					{ font-size: 14px; }
h2.divi				{ margin: 45px 0 15px 0; color: #fff; font-size: 14px; }					
p					{ color: #fff; font-size:11px !important; line-height: 25px; margin: 0 0 10px 0;}
p span				{ }
p span, p span font		{font-size:11px;}
p#alert				{ margin: 2px 0; color: red; font-size: 11px;  line-height: 15px; height: 15px;}
a					{ text-decoration: none; color: #666666; outline: none; }

/* ---------------------------------------------------- ÁREA RESTRITA ---------------------------------------------------- */
div.tp01 div.area_log		{  margin: 0;  }
div.area_log				{ width: 300px;  background: url(../_img/_layout/bg_area.jpg ) no-repeat; height: 120px; position: relative; }
div.area_log h2			{ text-indent: -9999px; height: 30px; margin: 0; }
div.area_log form 			{ padding: 0 0 0 20px; height: 80px;  }
div.area_log label			{ float: left; font-size: 11px; color: #fff; width: 50px;  margin: 0 0 5px 0;  }
div.area_log input			{ float: left; height: 10px; width: 180px; font-size: 9px; padding: 0 0 0 2px; line-height: 9px; }
div.area_log input.bt_ent	{ width: 43px; height: 18px; background: #bf1e2e; border: none; font-size: 10px; color: #fff; display: inline;  margin: 5px 0 0 50px}
.bt_cfi					{ display: block; margin:5px 0 0 6px; text-indent: -9999px; height: 27px; width: 286px; background: url(../_img/_layout/bt_cfi.jpg) no-repeat;  position: relative}
a:hover.bt_cfi			{ background: url(../_img/_layout/bt_cfi.jpg) no-repeat bottom; }
div.area_log a.esq		{ float: left; margin: 5px 0 0 20px; font-size: 11px; }  
/* ---------------------------------------------------- NOTÍCIAS (LINKS) ---------------------------------------------------- */
div#noti					{ width: 300px;  }
div.norm_notica			{ background:transparent url(../_img/_layout/bg_noticias.jpg) no-repeat;height: 180px; }
div.esp_noticia			{ background:transparent url(../_img/_layout/bg_noticias2.jpg) no-repeat;height: 280px }
div#noti	h2				{ text-indent: -9999px; height: 30px; margin: 0; }
div.tp02 div.area_log		{  }
div.tp03 div#noti			{ height: 330px; }
div.area_log h2			{ text-indent: -9999px; height: 30px; margin: 0; }
div#noti	 span			{ display: block; }
div#noti	 span.tit		{ color: #fff; font-size: 10px; font-weight: bold; }
div#noti	li				{ margin: 0 0 10px 0; }
* html div#noti li			{ margin: 0; }
div#noti	 span.dat		{ color:#333333; font-size: 10px;  }
div#noti a.mais			{ text-indent: -9999px; background: url(../_img/_buttons/bt_more.jpg) no-repeat; display: block; width: 9px ; height: 9px; float: right; margin: 5px 20px 0 0;}
.list-not				{ padding: 17px 20px 10px 20px; height: 100px; width: 240px; }
div.tp03 .list-not		{ height: 260px; }

/* ---------------------------------------------------- FÓRUM (LINKS) ---------------------------------------------------- */
div#side-forum			{ float: left; width: 260px; }
div#side-topic			{ width: 255px; height: 244px;background: url(../_img/_layout/bg-topic.jpg) no-repeat; }
div#side-topic .jScrollPaneContainer 	{ width: 250px !important; height: 190px !important; }
div#side-topic h2			{ text-indent: -9999px; height: 30px; margin: 0;  width: 130px; float: left;}
div#side-topic a.criar	{ display: block; width: 115px; float: left; text-indent: -9999px; height: 20px; position: relative;}
ul.list-topic			{ padding: 15px; height: 190px; width: 220px !important; }
ul.list-topic li  			{ margin: 0 0 20px 0; *margin: 0 0 10px 0;}
ul.list-topic li  a span		{ display: block; font-size: 10px; color: #3a3a3c;  margin: 0 0 3px 0;}
ul.list-topic li  a span.tit-topic	{ font-size: 10px; color: #fff; margin: 0 0 5px 0;  }
div#busc-forum			{ height: 64px; width: 254px; background: url(../_img/_layout/bt-side-busc.jpg) no-repeat; margin: 5px 0 0 0; }
div#busc-forum form		{ padding: 30px 0 0 25px; }
div#busc-forum form .field	{ border: 1px solid #bdbcc1; height: 12px; padding: 0 0 0 3px; font-size: 10px; color: #1d1d1f; width: 180px;float: left; margin: 0 5px 0 0;}

/* ---------------------------------------------------- PRODUTOS (LINKS)  ---------------------------------------------------- */
div#list-prods 				{ margin: 0 0 60px 20px; }			
* html div#list-prods			{ margin: 0 0 10px 20px; }
div#list-prods a				{ font-size: 11px; color: #666666; font-weight: bold; text-decoration: none; display: block; height: 21px; line-height: 21px; padding: 0 0 0 10px; position: relative; border: none;}			
div#list-prods a:hover		{ background: url(../_img/_layout/bg_acp.jpg) no-repeat center left; color: #fff; border: none;}
div#list-prods a:active		{ border: none; }		
div#list-prods a.active_prod	{ background: url(../_img/_layout/bg_acp.jpg) no-repeat center left; color: #fff; }
div#esp-list-prod ul			{ margin: 10px 0 0 0; }
div#esp-list-prod li 			{ list-style: square; color: #fff; font-size: 11px; margin: 0 0 5px 20px; line-height: 13px;   }
div.prods h2					{ margin: 0; }
div.prods p					{ margin: 0 0 20px 0; }
div.prods p.info				{ margin: 0 0 10px 0; }

/* ---------------------------------------------------- SUPORTE ---------------------------------------------------- */
div#duvidas							{ background: url(../_img/_layout/bg_duvi.jpg ) no-repeat; width: 300px;/* margin: 0 0 0 10px;*/height: 350px; *height: 330px; position: relative;}
div#duvidas h2						{ text-indent: -9999px; height: 30px; margin: 0; }			
div#duvidas form						{ padding: 0 20px 0 30px }
div#duvidas p#alert					{ padding: 0 0 0 20px; }
div#duvidas label						{ display: block; width: 60px;  color: #fff; font-size: 10px; padding: 3px 0 1px 0; }
div#duvidas label.lb-enviar			{ width: 80px; }
div#duvidas select						{ width: 243px; font-size: 11px;  height: 20px; }  
div#duvidas label.msm					{ width: 240px; }
div#duvidas textarea, div#duvidas input	{ width: 240px; display: block; overflow: auto; }
div#duvidas textarea					{ height: 45px; *height: 35px; overflow: auto; font-size: 11px;}
div#duvidas input.bt_env				{ width: 43px; height: 18px; background: #bf1e2e; border: none; font-size: 10px; color: #fff;  margin: 5px 0 0 200px}

/* ---------------------------------------------------- TABLE HOME ---------------------------------------------------- */
.tb_sist				{ margin: 20px 0 0 0; width: 565px; border-bottom: 1px solid #686D70 }
.tb_sist th				{ font-size: 11px; color: #666666; height: 18px; line-height: 18px; text-align: left; }
.tb_sist td				{ font-size: 10px; color: #fff;  height: 18px; line-height: 18px; border-top: 1px solid #686d70;  text-align: left;}
#table_access td			{ font-size: 10px; color: #fff; background: none !important; height: 18px; line-height: 18px; border-top: 1px solid #686d70;  text-align: left;}
#table_access td a		{ font-size: 10px; color: #fff; display: block }
#table_access tr.act td 	{ background: #bf1e2e !important; }
#table_access tr.act2 td	{ background: #bf1e2e !important; }
.tb_sist .col1			{ width: 180px; padding: 0 0 0 5px ; }
.tb_sist .col2			{ width: 115px; }
.tb_sist .col3			{ width: 110px; }
.tb_sist .col4			{ width: 100px; }

/* ---------------------------------------------------- LOGIN FÓRUM ---------------------------------------------------- */
div#login-forum			{ width: 278px; margin: 0 auto; }
div#login-forum label		{ display: block; font-size: 10px; color: #fff; width: 45px; float: left; }
div#login-forum input		{ position: relative; }
div#login-forum input.field{ width: 165px; float: left; display: block; height: 13px; padding: 1px 0 0 5px; font-size: 10px; margin: 0 0 8px 0; border: 0;}
div#login-forum input.bt-env-for{ float: left; }
div#login-forum a.esq-sen { color: #555658 ; font-size: 10px; float: left; margin: 3px 60px 0 0; position: relative;} 
div#login-forum a.no-cad	{ color: #fff ; font-size: 11px;  margin: 40px 0 0 0; display: block; position: relative;} 

/* ---------------------------------------------------- CADASTRO FÓRUM ---------------------------------------------------- */
div#cad-forum			{ width: 320px; margin: 0 auto; }
div.esq-sen				{ width: 330px !important; }
div#cad-forum label		{ display: block; font-size: 11px; color: #fff; width: 130px; float: left; text-align: right; margin: 0 10px 0 0; }
div#cad-forum label.lb-esq	{ width: 37px; }
div#cad-forum input		{ position: relative; }
div#cad-forum input.field	{ width: 165px; float: left; display: block; height: 13px; padding: 1px 0 0 5px; font-size: 10px; margin: 0 0 8px 0; border: 0;}
div#cad-forum input.bt-env-for { float: right; margin: 0 10px 0 0;  }
div#cad-forum input.bt-env-esq	{ float: right; margin: 0 115px 0 0; }
div#cad-forum p.error		{ color: #BD1F2D; display: none;  }
div#cad-forum p.suces		{ color: #3e3e40; font-weight: bold;  display: none;  }
div#cad-forum p.suces	a	{ color: #3e3e40; font-weight: bold; position: relative;  }
div#cad-forum p.suces	a:hover	{ color: #666; text-decoration: underline; }

/* ----------------------------------------------------CRIAR TÓPICO---------------------------------------------------- */
div#cri-forum			{ width: 305px; margin: 0 auto; }
div#cri-forum label		{ display: block; font-size: 11px; color: #fff; width: 55px; float: left; text-align: right; margin: 0 10px 0 0; }
div#cri-forum p.pre		{ margin: 0 0 10px 0; float: left; line-height: 15px;  }
div#cri-forum p.pre span	{ color: #fff200 }
div#cri-forum input		{ position: relative; }
div#cri-forum input.field	{ width: 225px; float: left; display: block; height: 13px; padding: 1px 0 0 5px; font-size: 10px; margin: 0 0 10px 0; border: 0;}
div#cri-forum textarea		{ width: 225px; float: left; display: block; height: 110px; padding: 1px 0 0 5px; font-size: 10px; margin: 0 0 10px 0; border: 0; overflow: auto; position: relative;}
div#cri-forum input.bt-env-for { float: right; margin: 0 10px 0 0;  }
div#cri-forum p.error		{ color: #BD1F2D; display: none;  }
div#cri-forum p.suces		{ color: #3e3e40; font-weight: bold;  display: none;  }
div#cri-forum p.suces	a	{ color: #3e3e40; font-weight: bold;  position: relative;}
div#cri-forum p.suces	a:hover	{ color: #666; text-decoration: underline; }


/* ---------------------------------------------------- LISTA FÓRUM ---------------------------------------------------- */

ul#listar-forum 						{ width: 517px;  }
ul#listar-forum li div.header-topico	{ height:54px ; background: #bf1e2d ; border-top: 1px solid #716764; border-bottom: 1px solid #716764;  padding: 4px 2px; }
div.header-topico p					{ line-height: 15px; margin: 0 0 2px 0;  font-size: 10px; }  
div.header-topico .cadast				{ font-size: 10px; }
div.header-topico span.tit-topi		{ font-size: 13px;  }
div.header-topico p.data-topico		{ float: right; margin: -35px 10px 0 0; }  
ul#listar-forum div.info-topico p		{ line-height: 20px; margin: 0 0 5px 0; }
ul#listar-forum div.info-topico 		{ padding: 10px 0; }
div.opcs								{ height:12px ; background: #bf1e2d ; border-top: 1px solid #716764; border-bottom: 1px solid #716764;  padding: 4px 2px; width: 513px; margin: 0 0 20px 0; }
div.opcs a							{ color: #fff; font-size: 10px ; text-transform: uppercase; margin: 0 3px; }  
div.opcs a:hover						{ text-decoration: underline; }
div.opcs a.bt-resp					{ float: left;  }
div.opcs ul							{ float: right;width: 275px;  }
div.opcs ul li 							{ float: left; color: #fff; font-size: 10px; }


/* ---------------------------------------------------- LISTA DE PARCEIROS ---------------------------------------------------- */
ul.list li				{ color: #fff; line-height: 40px; }				
ul.list li	a			{ color: #fff; font-size: 11px; text-decoration: none; font-weight: bold;}
ul.list li	a:hover		{ text-decoration: underline;  }

/* ---------------------------------------------------- LISTA DE CLIENTES ---------------------------------------------------- */
ul.clie li				{ color: #fff; line-height: 30px; }				
ul.clie li	a			{ color: #fff; font-size: 11px; text-decoration: none; font-weight: bold;}
ul.clie li	a:hover		{ text-decoration: underline;  }

/* ---------------------------------------------------- CONTATOS ---------------------------------------------------- */
ul.list-cont	p		{ font-weight: bold; font-size: 12px !important; margin: 10px 0 5px 0; }
ul.list-cont	span		{ font-size: 11px !important;color: #666; display: block; line-height:25px;}

/* ---------------------------------------------------- FOOTER ---------------------------------------------------- */
div#footer 			{ margin: -10px auto 0 auto; position: relative; width: 980px; }
div#footer a			{ text-indent: -9999px; display: block; float: left; cursor: pointer }
div#footer p			{ float: left; margin: 2px 0 0 480px; color: #7f7f81;}
* html div#footer p		{ margin: 2px 0 0 220px; }
div#footer a.stafe	{ background: url(../_img/_buttons/logo_stafe.png) no-repeat; height: 21px; width: 57px; margin: 0 20px 0 20px }
div#footer a.m2		{ background: url(../_img/_buttons/logo_m2.png) no-repeat; height: 14px; width: 62px; margin: 5px 0 0 0; }

/* ---------------------------------------------------- HELPES ---------------------------------------------------- */
.clear				{ height: 1px; line-height: 1px; font-size: 1px; clear: both;}
.clearfix:after 		{ content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix 			{display: inline-block; }
.clearfix 			{ display: block; }
.last 				{ margin: 0 !important; }