/*---------------------------------------------------------------
	Folha de estilo StudioBPM - www.studiobpm.com.br
	
	Criada por:				Davi Tavares Ferreira
	Última modificação:		20/01/2007
	Seções:					estilo global

---------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------
  Estilos globais
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}

a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Estilos básicos
-----------------------------------------------------------------------------------------------*/

body {
	padding: 0;
	margin: 0;
	color: #7B2639;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff url(../_img/bg_site.jpg) repeat-x;
}

.clear {
	clear: both !important; 
}

/*-----------------------------------------------------------------------------------------------
  título, links e textos
-----------------------------------------------------------------------------------------------*/

a{
	color:#7B2639;
	text-decoration: none;
	
}

a:hover {
	text-decoration: underline;
}

h1 {
	color:#1791f0;
	font-weight: bold;
	font-size: 18px;
}

h2 {
	color:#7B2639;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

h3 {
	color:#000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
}

.centro {
	text-align: center !important;
}

.direita {
	text-align: right !important;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------------------
  estrutura
-----------------------------------------------------------------------------------------------*/

div#container {
	margin: 0 auto;
	width: 900px;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

div#header {
	margin: 0 !important;
	padding: 0 !important;
	height: 100px;
	position:relative;
}
div#link-home a{
	display:block;
	width:231px;
	height:99px;	
	position:absolute;
	top:0;
	z-index:9999;
	text-indent:-9999px;
}



div#header ul {
	list-style: none;
}


div#header ul li.logo {
	width: 250px;
	height: 100px;
	/*background: transparent url(../_img/top_1.jpg) no-repeat;*/
	float: left;
	background-color:#FFFFFF;
}

div#header ul li.fotos {
	float: left;
	width: 650px;
	height: 100px;
	background: url(../_img/topo_2.jpg) no-repeat right;
	background-color:#FFFFFF;
}


div#menu {
	height: 25px;
	background: transparent url(../_img/menu_2.jpg) repeat-x;
	padding:0 0 0 78px;
}

div#menu ul {
	list-style: none;	
	/*left:84px;*/
}

div#menu ul li.last {
	width: 25px;
	background: url(../_img/menu_3.jpg) no-repeat;
	float: left;
}

div#menu ul li.first {
	width: 15px;
	background: url(../_img/menu_1.jpg) no-repeat;
	float: left;
}

div#menu ul li {	float: left;	display: block;	padding-top: 5px;	height: 22px;	position:relative; z-index:9998;}
div#menu  ul li ul.testes 	{ position:absolute;top:26px;left:0px;z-index:9999;visibility:hidden; }
div#menu  ul li ul.testes li 	{ float:none !important; background:#9d2024; width:100px;height:20px;text-align:center;vertical-align:middle;}
div#menu ul li a {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	height: 10px;
}

div#menu ul li a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #782539;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*-----------------------------------------------------------------------------------------------
 																	 miolo
-----------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------- MENU LATERAL  ---------------------------------------------------------*/
div#menuLateral										{ width:190px; float:left; padding: 0px;margin: 10px 15px;border: 1px solid #999; overflow:hiden; zoom:1;background:#fff url(../_img/bg-menu.jpg) 0 0 repeat-x;  }
* html div#menuLateral							{ width:190px; height:1%; float:left; padding: 0px;margin: 10px 5px;border: 1px solid #999; overflow:hiden; zoom:1;background:#fff url(../_img/bg-menu.jpg) 0 0 repeat-x;   }
div#menuLateral h1, div#menuLateral h2									{margin:0;padding: 0; color:#FFFFFF;background:#b55b5d; text-align:center; line-height:22px;font-size:14px;  }
div#menuLateral ul 									{ list-style:none;}
div#menuLateral ul li 								{ padding:3px 0 0 0px; font-size:14px;border-bottom:1px solid #dadada;  }
div#menuLateral ul li a								{ display:block; color:#747474; text-decoration:none; width:148px; height:16px; padding:3px 3px 3px 40px  /*background:transparent url(../_img/thumb01.jpg) no-repeat; */  }
div#menuLateral ul li a:hover					{ background:#7b2639; color:#FFFFFF; }
/*------------------------------------------------------------- FIM MENU ----------------------------------------------------------------------------*/
* html div#breadcrumb							{ padding-left:20px; }
div#miolo 														{ width: 900px; background: #ffffff; overflow:hidden; zoom:1; }
div#conteudo p.apres 								{ text-align:justify; width:337px; _width: 200px ; padding:0 0 0 6px;  }
* html div#conteudo p.apres 					{ width:325px; text-align:left; padding:0 0 0 16px;  }
div#linhaExp 												{ border-bottom: 1px dotted #7b2639; overflow:hidden;zoom:1;  }
div#noticias							 						{ float: left; padding-top: 20px; overflow:hidden;zoom:1; }
* html div#noticias							 			{ float: left; padding-top: 20px; overflow:hidden;zoom:1; }
div#noticias  h2 											{	/*margin-bottom: 1px;*/padding:0 0 0 6px;  }
* html div#noticias  h2 								{	/*margin-bottom: 1px;*/padding:0 0 0 16px;  }
div#noticias  h3 											{ padding:0 0 0 6px; 	font-weight:normal; 	color: #782539; }
* html div#noticias  h3 							    { padding:0 0 0 16px; 	font-weight:normal; 	color: #782539; }
div#noticias  ul 											{ 	list-style: none; }
div#noticias  ul li 										{ list-style: none; margin-bottom: 5px; }

div#noticias  ul li p 									{ text-align: justify; }
div#noticias  ul li span 								{ color: #333333; font-size: 11px; 	font-style: oblique; }
div#noticias  ul li.mais_noticias 			{ text-align: right; font-weight: bold; }
div#sidebar 													{ /*width: 350px;*/padding: 0 0 5px 10px;	float: left; }
/*div#player 												{ 	margin-top: 10px; }*/
div#player4 													{ width:280px; height:236px; overflow:hidden; zoom:1; float:left;*margin:10px 0;padding-top:10px; }
div#player3 													{ width:280px; height:236px; overflow:hidden; zoom:1; /*float:left;*/ margin: 10px 0 0 0;padding-top:19px; }
* html div#player4 									{ width:280px; height:236px; overflow:hidden; zoom:1; float:left;margin:10px 0 10px 0; }
* html div#player3 									{ width:280px; height:236px; overflow:hidden; zoom:1; margin-top:5px; }
div#central 													{ text-align: center; 	margin-top: 30px; 	border: 1px dotted #7B2639;  padding-top: 10px; 	padding-bottom: 10px; }
div#central h2 											{ color: #333;  font-weight: normal; }
div#central span 										{ font-size: 18px; font-weight: bold; color: #7B2639; }
div#conteudo 												{ float:left;width:650px; } 
* html div#conteudo 								{ float:left;width:650px; } 
div#conteudo p 											{ text-align: justify; }
div#galeria 													{ margin: 0 auto; margin-top: 30px; border: 1px dotted #7B2639; padding: 10px; width: 620px; }
div#galeria ul#fotos 									{ list-style: none; }
div#galeria ul#fotos li 								{ border: 1px solid #7B2639;  padding: 4px; width: 100px; float: left;  height: 75px;  margin: 6px; }
div#novidades 											{ margin:0; } 
div#wrapper_all 										{ width:356px; float:left; overflow:hidden;zoom:1; margin:20px 0 0 0;}
* html div#wrapper_all 							{ width:350px; float:left; overflow:hidden;zoom:1; margin:20px 0 0 0;}
div#wrapperInst										{ width:650px; overtflow:hidden; zoom:1; }
* html div#wrapperInst							{ padding-left:20px;overtflow:hidden; zoom:1;  }
div#instcont													{ width:400px; float:left; padding: 0 0 30px 0; }
div#wrapper_graphs								{ float:left; width: 200px}
div#wrapper_graphs img						{ margin-top:10px;}
div#wrapper_content h2							{ float:left; width:350px; padding:0 0 0 3px; }
div#wrapperInst h1							{  color: #7B2639; font-size: 15px; margin: 0 0 10px 0 ;}
div#wrapper_content p							{ float:left; width:350px; padding: 0; }
/*.nov_wrapper												{ width:200px; }*/
.imagePos														{ margin:10px 0 0 0; }
.nov_wrapper h2 										{ padding:0 !important; margin:0 !important; }
* html .nov_wrapper h2							{ width:200px; padding:0 !important; margin:0 !important; }
.nov_wrapper p 											{ width:320px; *width:250px; }
* html .nov_wrapper p								{ width:220px; }
.nov_wrapper img 									{/* border:1px solid #7B2639; */float:left; margin:0 20px 0 0; }
.apt_banner_peq										{ width:349px !important; height:76px !important; border:none !important; }
																/* --------------------------------------------------------------------------- */
.profs_wrapper											{ width:600px; overflow:hidden; zoom:1; margin:20px auto 0 auto; border-bottom:1px solid #7B2639; padding-bottom:10px;position:relative; }
.mascara-media											{ width:107px;height:129px;background:transparent url(../_img/mascara-media.png) no-repeat;position:absolute;top:0;left:0;  }

.profs_wrapper_last									{ width:600px; overflow:hidden; zoom:1; margin:20px auto 0 auto; padding-bottom:10px; }
.fotosProfs													{ width:105px;height:127px; float: left; }
.textosProfs													{ width:400px; float: left; padding:10px; }
.profsDet														{ float:right; }
div#player_cont											{ width:425px;margin:auto; padding:0 0 20px 0; }
div#fragment-2 h2										{ padding:10px; }	
.profs_wrapper_det									{ width:665px; overflow:hidden; zoom:1; padding-bottom:10px;position:relative; }
.mascara-grande										{ width:160px;height:158px;background:transparent url(../_img/mascara-grande.png) no-repeat;position:absolute;top:0;left:0;  }
.fotosProfs_det											{ width:158px;height:154px; float: left; border: 1px solid #000; margin:0 20px 20px 0; }
.textosProfs_det											{ width:640px; *width:450px; padding:10px; }
* html .textosProfs_det							{ width:450px; padding:10px; }
div#player_det1											{ width:320px; float:left; margin:10px 0 0 10px; }
div#player_det2											{ width:320px; float:left; margin:10px 0 0 10px; }

.subs																{ padding-left:135px !important; }
.itemAba 														{ font-size:14px; }
* html .apt_banner 									{ position:absolute; top:280px; left:-220px;  }
.apt_banner 												{ position:absolute; top:280px; left:-220px;  }

																/*-----------------------------------------------------------------------------------------------
																  																	rodapé
																-----------------------------------------------------------------------------------------------*/
div#footer 													{ width:900px; overflow:hidden; zoom:1; }
.footerEnd 													{ width:172px; *width:177px; float:left; margin-right:5px; *margin-right:0;padding-top:5px; text-align:center; }
.footerEnd a 													{ color: #ffffff; }
div#webmailNovo 										{ float:left; width:245px; *width:645px; }
div#webmailNovo img 								{ float:left; width:14px; }
div#webmailNovo form 							{ padding:15px 0 0 30px; width:270px; *padding-left:20px;*padding-top:15px;  }
div#rodape 													{ width: 900px; background: url(../_img/rodape_bg.jpg) repeat-x; color: #fff;  clear:both;}
.NewcampoWebmail 								{ border: 1px solid #7E2136; color: #7E2136; 	width:185px;  }
.Newbotao													{ background-color: #7E2136; border: 1px solid #fff; 	color: #fff; text-transform: lowercase; margin-left:2px; *margin-left:2px; height:18px; width:30px; }
.btnsSound													{ margin:0px 36px 0 6px; }
form#frm-nivelamento							{ padding:0 0 0 20px; }
form#frm-nivelamento .passer             { overflow:hidden;zoom:1;margin-bottom:10px; }
form#frm-nivelamento p							{ font-weight:bold; }
form#frm-nivelamento ul 						{ list-style:none;  }
form#frm-nivelamento ul li						{ display:inline;padding:0 0 0 20px; }
form#frm-nivelamento input.radioPlus{ vertical-align:-2px !important;  }
div.itens-apt												{ margin-top:10px; }
div.itens-apt ul.sons									{ list-style:none; }
div.itens-apt p												{ margin-top:0; }
div.itens-apt p.texto-sub							{ font-weight:normal !important; }
div.itens-apt ul.sons li								{ float:left; }	
div.itens-apt ul.sons li .radioPlus			{ margin-top:4px; *margin-top:0;  }	
div.itens-apt ul.sons	 a.bt_snd				{ width:20px;height:20px; display:block; float:left; margin-left:6px;}
.left { float:left; }
div.itens-apt ul.modalidade					{ list-style:none;float:left; }
div.itens-apt ul.modalidade li					{ display:block !important; margin:5px 0; }
.radio																{ margin: 0 3px 0 27px;  border: 0;   vertical-align: middle; }



																/*--------------------------------------------------------------------------------------------*/


/*div#rodape span#davi {
	float: right;
	text-align: right;
	padding-right: 50px;
	padding-top: 33px;
	font-size: 10px;
}

div#rodape span#davi a {
	color: #fff;
}

div#rodape span {
	display: block;
	float: left;
	width: 200px;
	
	
}

div#rodape span#barra {
	margin-left: 40px;
} */






/*-----------------------------------------------------------------------------------------------
  formulários
-----------------------------------------------------------------------------------------------*/

span.linha {
	display: block;
	padding: 5px;
}

.campo {
	border: 1px solid #7E2136;
	color: #7E2136;

}

.campoWebmail {
	border: 1px solid #7E2136;
	color: #7E2136;
	width:114px;
}


.botao {
	background-color: #7E2136;
	border: 1px solid #fff;
	color: #fff;
	text-transform: lowercase;
	padding:2px;
}

label.preField {
	display: block;
	/*width: 120px;*/
	text-align: right;
	float: left;
	font-weight: bold;
	padding-right: 10px;
}

#frm-contato label.preField ,#frm-cadastro label.preField , #frm-trabalho label.preField { width: 120px; }

form .errFld {
	border:1px solid red!important;
	font-size:14px;
}

form .errMsg {
	color:#C33!important;
	display:block;
	font-size:11px!important;
	margin-left: 130px;
}

form#frm-aptidao label,
form#frm-nivelamento label {
  width: 100%;
  float: none;
  text-align: left;
}

form#frm-nivelamento .campo {
  margin: 0 0 0 15px;
}

form#frm-nivelamento label span {
  font-weight: normal;
}

span.radios_full2 input,
span.radios_full input,
span.radios_medium input,
span.radios input {
  float: left;
}
span.radio_full2 { width:300px; }
span.linha span.radios_full2 span.linha,
span.linha span.radios_full span.linha,
span.linha span.radios_medium span.linha,
span.linha span.radios span.linha {
  clear: both;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  height: 10px;
  min-height: 10px;
  padding: 5px 0 !important;
}

span.linha span.radios_full2 label,
span.linha span.radios label,
span.linha span.radios_medium label,
span.linha span.radios_full label {
  display: block;
  float: left !important;
  padding: 0 5px 0 0 !important;
}

span.linha span.radios label { width: 95px !important; }
span.linha span.radios_medium label { width: 150px !important; }
span.linha span.radios_full label { width: 250px !important; }
span.linha span.radios_full2 label { width: 350px !important; }
span.linha span.radios_full100 label { width: 80% !important; }
span.linha span.radios label.medium { width: 150px !important; }
span.linha h5 {  font-size: 14px;  margin: 0 0 5px 0; }

div#sels { width:650px; overflow:hidden; zoom:1; margin:10px 0 0 0; }
div#sels ul { list-style:none; margin:10px 0 0 0; overflow:hidden; zoom:1; }
div#sels ul li { float:left;display:inline; }
div#sels ul li select { vertical-align:-2px !important;width:40px; float:left; margin:0 10px 0 0 ; border:1px solid #7E2136; }
div#sels ul li label { width:162px; display:block; float:left;  }

div#sels2 { width:650px; overflow:hidden; zoom:1; margin:10px 0 0 0; }
div#sels2 ul { list-style:none; margin:10px 0 0 0; overflow:hidden; zoom:1; }
div#sels2 ul li { float:left;display:inline; }
div#sels2 ul li select { vertical-align:-2px !important;width:40px; float:left; margin:0 10px 0 0 ; border:1px solid #7E2136; }
div#sels2 ul li label { display:block; float:left;  }

/* ---------------- */





/*-----------------------------------------------------------------------------------------------
  Cadastro + webmail
-----------------------------------------------------------------------------------------------*/

div#cadastro { background-color: #7E2136;  color: #fff; padding: 12px; }

div#cadastro h2, div#cadastro a { color: #fff; }

div#webmail {	margin:27px 0 0 0; padding:6px 0 0 0;width:290px; float:right; }
* html div#webmail {	margin:20px 0 0 0; padding:6px 0 0 0;width:290px; float:right; }
#floater-div { width:220px;float:left;margin-right:15px; }
#banner_menu_topo { width:192px;height:170px;margin:10px 15px 0 15px; }
div.nov_wrapper{ position:relative; }
div.masc { background:transparent url(../_img/mascara.png) no-repeat;width:70px;height:70px;z-index:9999;position:absolute;*left:0px; }



