/* CSS Document */
/*  
* Body Building
***********************************************
Agencia: Ato Interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by:  Bruno Kingma
XHTML+CSS: Aline Tinoco
Programacao: Jean Pimentel
Country: Brasil
Last CSS update: 01/2010
Notes: Folha padrao
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
* {
padding:			0px;
margin:				0px;
}
body{
padding:        	0;
margin:				0;
text-align:			center;
background:			#131516 url(../images/bg.jpg) center top repeat-x;
font:				13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:				#F7F7F7;
}
/*********************************************Estrutura */
#site, #rodape{
width:				930px;
height:				auto;
margin:				0 auto;
text-align:			left;
padding:        	0;
}
#topo{
width:				auto;
height:				130px;
}
#logo{
width:				227px;
height:				126px;
float:				left;
}
#palco{
width:				930px;
height:				auto;
background:			transparent;
padding:            20px 0 30px 0;
margin-bottom:		30px;
}
#palco_interno{
background:			#262F33;
border:				1px solid #445B66;
width:				auto;
height:				auto;
padding:            20px;
margin:	       		30px 0;
}
#topo{
width:				auto;
height:				166px;
}
#logo{
width:				495px;
height:				115px;
margin:				20px 0px 10px 0;
float:				left;
}
/*********************************************Buscar */
#fmBusca{
background:			url(../images/bg_buscar2.png) left top no-repeat;
width:				282px;
height:				40px;
float:				right;
margin:             60px 20px 0 60px; 
padding:            5px 0 0 30px;
}
#fmBusca input, #formNews input{
background:			url(../images/bg_inputBuscar.gif) left top no-repeat;
width:				151px;
height:				20px;
border:				none;
color:				#333;
}
#formNews input{
margin:				5px!important;
}
#fmBusca label, #formNews label{
color:				#FFFFFF;
width:				50px!important;
}
.okBusca{
background:			none!important;
color:				#FFF!important;
width:				20px!important;
margin-left:		-5px;
cursor:				pointer;
font-weight:		bolder;
}
#formNews .ok{
width:				50px;
height:				30px;
}
/*********************************************Menu */
ul#menu{
width:				auto;
height:				18px;
padding:            20px 0 20px 0;
}
ul#menu li{
list-style:			none;
display:			inline;
font-size:			15px;
padding:            40px 12px;
}
ul#menu li a{
color:				#fff;
}
ul#menu li a:hover{
color:				#D4823C;
z-index:9;
}
ul#menu li.primeiro{
padding-left:       0!important;
}
ul#menu li.ultimo{
padding-right:      0!important;
}
ul#menu li ul{
background:			#282f35;
width:				180px;
height:				auto;
position:			absolute;
right:				740px;
display:			none;
padding-bottom:		10px;
margin-top:			16px;
border:				1px #4d565b solid;
border-top:			none;
}
ul#menu li ul li{
list-style:			none;
display:			block;
padding:            5px;
}
ul#menu li:hover #m01{
display:			block;
}
ul#menu li.over #m01{
display:			block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu li ul li { float: left; }
* html ul#menu li ul li a { height: 1%; }
/* End */


/*********************************************Titulos */
h1{
visibility:			hidden;
display:			none;
}
h2{
color:				#C9CBCC;
font-weight:		normal;
}
#palco_interno h2, #principal_interna h2, #lateral_interna h2{
color:				#ED9620;
background:			#131516 url(../images/bg_cometarios.jpg) left top no-repeat;
padding:            5px;
margin:				0 0 15px 0;
width:				100%;
}
h3{
color:				#5F5F5F;
font-size:			17px;
font-weight:		normal;
}
h4{
color:				#628393;
font-size:			14px;
}
/*********************************************DIVS */
#principal, #principal_interna{
width:				585px;
height:				auto;
float:				left;
}
#principal_interna{
background:			#262F33;
border:				1px solid #445B66;
padding:            10px;
min-height:         290px;
}
#principal_interna ul li, #palco_interno ul li{
margin:           0 13px;
}
#lateral_interna{
width:				285px;
float:				left;
margin-left:		15px;
background:			#262F33;
border:				1px solid #445B66;
padding:            10px;
}
#banner_interno{
width:				305px;
float:				left;
margin-left:		15px;
margin-top:			20px;
}
#banner_interno img{
width:				305px;
}
#lateral{
width:				345px;
height:				auto;
float:				right;


}







#imagem{
width:				300px;
height:				auto;
float:				right;
margin-top:			50px;
}
#imagem2{
width:				10px;
height:				auto;
float:				right;
margin-top:			300px;
}







#blogHome{
background:			#262F33;
border:				1px solid #445B66;
width:				316px;
height:				201px;
padding:            12px;
float:				left;
color:				#5F5F5F;
}
ul.lastPosts{
background:			url(../images/bg_blogHome.png) left top no-repeat;
width:				302px;
height:				159px;
overflow:			hidden;
font-size:			11px;
padding:            5px;
}
ul.lastPosts li, ul.last li{
list-style:			none;
margin-bottom:		5px;
}
ul.lastPosts li span{
color:				#9DC1D3;
display:			block;
}
ul.last li a{
color:				#FFFFFF;
}
ul.last li span a{
color:				#9DC1D3;
font-weight:		bolder;
}
#bannerHome{
width:				568px;
height:				222px;
border:				2px solid #FFF;
float:				left;
margin-left:		15px;
}
#bannerHome img{
width:				570px;
height:				221px;
}
#bannerHome ul li{
margin:				0!important;
}
#bannerHome ul li img{
margin:				0!important;
}
.box_275{
width:				251px;
height:				auto;
background:			#262F33;
border:				1px solid #445B66;
margin:				15px 15px 15px 0;
float:				left;
padding:            12px;
}
.lastAgenda{
width:				243px;
height:				213px;
background:			url(../images/bg_275Home.jpg) left top no-repeat;
overflow:			hidden;
font-size:			11px;
padding:            10px 5px 5px 5px;
}
.lastAgenda a{
color:				#E7B360!important;
}
.lastAgenda li, ul.lastArtigos li{
margin-bottom:		5px;
list-style:			none;
}
.lastAgenda li a, ul.lastArtigos li a{
color:				#E7B360;
}
.lastAgenda li span a, ul.lastArtigos li span a{
color:				#FFFFFF;
}
ul.lastArtigos {
background:			url(../images/bg_artigosHome.jpg) left top no-repeat;
width:				302px;
height:				155px;
overflow:			hidden;
padding:            5px;
font-size:			11px;
}
#publicidade{
width:				567px;
height:				67px;
float:				left;
clear:				both;
margin-bottom:		15px;
}
.box_345{
width:				319x;
height:				auto;
background:			#262F33;
border:				1px solid #445B66;
padding:            12px;
margin-top:			15px;
}
ul.lastAtletas li{
list-style:			none;
display:			block;
height:				67px;
}
ul.lastAtletas li img{
width:				62px;
margin:				0 5px;
float:				left;
}
ul.lastAtletas li a{
color:				#FFF;
font-size:			11px;
}
ul.lastAtletas li span a{
color:				#628393;
}
.publi1{
width:				279px;
height:				69px;
margin-right:		9px;
}
ul.lista_fotos, ul.lista_videos{
width:				auto;
height:				auto;
padding:			0px;
margin:				0px;
}
ul.lista_fotos  li{
list-style:			none;
width:				75px;
height:				74px;
float:				left;
margin:				4px;
}
ul.lista_videos li{
list-style:			none;
width:				121px;
height:				83px;
float:				left;
margin:				0 2px;
}
ul.lista_videos li img, ul.lista_videos li object{
width:				121px;
height:				79px;
}
ul.lista_fotos li img{
width:				75px;
height:				74px;
}
ul.lista_fotos li a img {
opacity:			.9;
}
ul.lista_fotos li a:hover img{
opacity:			.99;
}
.comentarios{
background:			 #20272B url(../images/bg_cometarios.jpg) left top no-repeat;
padding:             10px;
margin:				 10px 0 0 0;
}
.cima_nome{
background:			url(../images/bg_cima_nome.gif) left top no-repeat;
width:				585px;
height:				7px;
}
.suplementos{
width:				auto;
height:				auto;
background:			#131516!important;
border:				1px solid #445B66;
margin-bottom:		10px;
padding:            5px 5px 5px 5px;
}
.suplementos img{
width:				200px;
border:				1px solid #000;
height:				auto;
margin:             0px 5px 5px 0;
float:				left;
}
.suplementos p{
height:				auto;
overflow:			hidden;
}
.suplementos span{
float:				right;
margin-right:		10px;
}
.suple{
width:				175px;
height:				auto;
float:				left;
margin-bottom:		20px;
}
.suple img{
width:				175px;
border:				1px solid #445B66;
height:				auto;
margin:             5px 5px 5px 0;
}
.colabora{
width:				auto;
min-height:         100px;
height:				auto;
margin-bottom:		15px;
}
.colabora img{
width:				100px;
height:				100px;
margin:             0 5px 5px 0;
float:				left;
border:				1px solid #445B66;
}
.colabora p a{
color:				#FFF;
}
.colabora h4 a{
color:				#628393;
}
.banner_455{
width:				455px;
height:				70px;
float:				left;
margin-top:		20px;
}
.banner_455 img{
width:				455px;
height:				70px;
}
.detalhesP{
width:				auto;
height:				auto;

}
.detalhesP img{
width:			210px;
height:			auto;
float:			left;
margin:         0 5px 5px 0;
}
ul.lista_fotos_internas, .galeria {
width:				auto;
height:				auto;
padding:			0px;
margin:				0px;
}
ul.lista_fotos_internas li, .galeria li {
list-style:			none;
}
ul.lista_fotos_internas li a{
list-style:			none;
width:				130px;
height:				120px;
float:				left;
margin:				15px!important;
}
ul.galeria li a{
list-style:			none;
width:				100px;
height:				100px;
float:				left;
margin:				5px!important;
}
.galeria li p object{
margin-bottom:		10px;
}
ul.lista_fotos_internas li  a  img{
width:				130px;
height:				120px;
margin:				5px;
border:				none;
padding:			2px;
background:			#222;

}
ul.lista_fotos_internas li a img {
opacity:			.9;
}
ul.lista_fotos_internas li a:hover img{
opacity:			.99;
}
.promo{
text-align:			right;
color:				#FFF;
font-weight:		bolder;
padding:	        2px 5px;
margin:				5px 0;
}
/*********************************************formulario */
#formContato, #formAnuncio{
width:				485px;
float:				left;
}
input, select, textarea{
width:				auto;
height:				auto;
padding:			3px;
margin:				5px;
background:			#131516;
font:				11px "Trebuchet MS";
color:				#C9CBCC;
border:				1px solid #445B66;
}
input:focus , select:focus, textarea:focus{
color:				#F7F7F7;
border:				1px solid #ED9620;
background:			#131516;
}
.ok, .detalhes, .orcamento, .voltar, .finalizar, .btcontinue{
width:				auto;
height:				auto;
padding:            2px 5px;
margin:				5px;
background:			#131516!important;
font:    			11px "Trebuchet MS" Arial, Helvetica, sans-serif; 
color:				#C9CBCC;
cursor:				pointer;
border:				1px solid #445B66;
overflow:			visible;
}
label{
width:				120px;
height:				auto;
padding:			0;
margin:				5px;
float:			    left;
text-align:			right;
color:				#C9CBCC;
}
.detalhes{
background:			#131516 url(../images/ico/detalhes.gif) left center no-repeat!important;
padding-left:       25px;
}
.orcamento{
background:			#131516 url(../images/ico/orcamento.gif) left center no-repeat!important;
padding-left:       25px;
float:				left;
width:				165px;
}
.voltar{
background:			#131516 url(../images/ico/voltar.gif) left center no-repeat!important;
padding-left:       30px;
float:				left;
width:				165px;
}
.finalizar{
background:			#131516;
float:				right;
height:					30px;
}
.finalizar img{
vertical-align:			middle;
}
/*********************************************Rodapé */
#env_rodape{
width:				auto;
height:				85px;
background:			#000000;
margin-top:			30px;
color:				#FFF;
}
#rodape p{
width:				344px;
float:				left;
}
#rodape img{
float:				right;
}
#menu_redes{
padding:			20px 0 0 10px;
}
#menu_redes li{
display:			inline;
list-style:			none;
}
#menu_redes li a{
background:		    url(../images/menu_redes.jpg) left top no-repeat;
height: 			47px;
float: 				left;
}
#menu_redes li span{
visibility:			hidden;
display:			none;
}
#menu_redes .flickr{
background-position: 0px 0px;
width: 				 125px;
}
#menu_redes .twitter{
background-position: -14px 0px;
width: 				 41px;
margin-right:        10px;
}
#menu_redes .youtube{
background-position: -55px 0px;
width: 				 41px;
margin-right:        10px;
}
#menu_redes .orkut{
background-position: -265px 0px;
width: 				 126px;
}
/*********************************************Gerais */
.col_sep{
width:					20px;
height:					auto;
float:					left;
}
.comentar{
padding:               5px 40px 5px 5px;
text-align:				right;
background:				#20272B url(../images/ico/add.gif) right center no-repeat;
}
.comentar a{
color:					#445B66;
}
.data_blog{
color:				  #C9CBCC;
font-size:		       11px;
}
.center{
text-align:				center;
}
.comIco{
display:			    block;
height:					60px;
}
.comIco img{
vertical-align:			middle;
margin:					0 5px 0 5px;
}
a:link{
text-decoration:		none;
color:					#5F5F5F;
}
a:visited{
text-decoration:		none;
color:					#5F5F5F;
}
img{
border:					none;
}
.clear{
clear:					both;
font-size:				1pt;
height:					1pt;
}
.paginacao {
width:					auto;
height: 				auto;
clear: 					both !important;
padding: 				5px;
margin:					20px 0 10px 0;
font-weight: 			bold;
color:					#F7F7F7;
text-align: 			right;
}
.paginacao a {
padding: 			    3px 5px;
background:			#131516 url(../images/bg_cometarios.jpg) left top no-repeat;
color:					#FFFFFF;
text-decoration: 		none;
border:					1px solid #000;
margin: 				0 2px;
}
.paginacao a:hover {
padding: 		 		3px 5px;
background: 			#FFF;
color:					#33451B;
text-decoration:		 none;
border:					1px solid #666666;
margin: 				0 2px;
}
.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}
.update{
background:url(../images/ico/arr.gif) left center no-repeat;
border:		none;
width:		25px;
height:		25px;
cursor:		pointer;
}
/*********************************************Tabelas */
#produtos{
width:				100%;
height:				auto;
border:				1px solid #000;
margin-bottom:		20px;
}
#produtos th{
background:		#000;
text-align:			center;
}
#produtos td{
text-align:			center;
border:				1px solid #000;
}
table.lastAgenda{
height:				227px;
color:				#F7F7F7;
}
.lastAgenda th{
font-weight:		bolder;
}
.lastAgenda td, .lastAgenda th {
text-align:			center;
}
.lastAgenda .domingo, .lastAgenda #dsemana th, .lastAgenda #topocal th {
width: 				25px;
}
.lastAgenda th{
font-size:			12px;
width:				auto;
width:				160px;
}
.lastAgenda li span a{
color:				#FFFFFF!important;
}
a.leia{
text-align:			right;
color:				#9DC1D3;
padding-left:		210px;
font-size:			11px;
}
.question{
background:			url(../images/ba.gif) left top no-repeat;
padding-left:        25px;
margin-bottom:		5px;
}
.answer{
background:			url(../images/lamp.gif) left top no-repeat;
padding-left:        25px;
}