/*--------------------------------------------------------------
                  INICIALIZANDO GLOBAIS
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  
{ 
	margin: 0; 
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Trebuchet MS, Helvetica, Tahoma, Verdana, Arial, sans-serif;
	vertical-align: baseline; 
}
a {
	outline: 0;
	color:#FF0000;
}
:focus 
{ 
   outline: 0;
}
.clear 
{
   clear:both;
}
/*------------------------------------------------------------*/


/*--------------------------------------------------------------
                       BODY, TUDO (site) e CORPO
--------------------------------------------------------------*/
body { background: #000000 url("../_imgs/bg.png") center center fixed; }


#website, #cabecalho,  #conteudo, #rodape { width:1000px; }
#website   { z-index:400; position:relative; text-align:left; }
#cabecalho { z-index:300; position:relative; height:192px; background: #000000 url("../_imgs/bg_topo.png") center top no-repeat; }
#conteudo  { z-index:200; position:relative; height: 115px; height: auto !important; min-height:115px; background: #000000 url("../_imgs/bg_tudo.png") center top repeat-y;}
#rodape    { z-index:200; position:relative; clear:both; height: 28px; height: auto !important; min-height:28px; background: url("../_imgs/bg_rodape.png") center bottom no-repeat; }

/*--------------------------------------------------------------
                          CABECALHO
--------------------------------------------------------------*/
#cabecalho #logo { position:absolute; left: 40px; top: 35px; width: 390px; height: 105px; overflow: hidden; }
#cabecalho #pesquisa { position:absolute;	right:5px; bottom:12px; border:1px solid #ccc; margin-right: 10px; padding: 3px; width: 180px; height: 18px; background: tranparent; }
   #cabecalho #pesquisa .text_busca  { font-size:14px; width: 155px; background-color: transparent;  border:none; color:#ccc; float:left; }
	#cabecalho #pesquisa .image_busca { padding:1px; background-color: transparent;  border:none; float:right; }
   #cabecalho #menu {	position:absolute; left: 70px; bottom: 0px; width: 700px; height: 47px; /*overflow: hidden;*/ color: #fff; text-align: right; padding-left:0px; z-index:1000; }
   #cabecalho #menu .menu { font:16px bold; width: 100%; height: 47px; line-height:47px; z-index:1000; position: relative;}
   #cabecalho #menu .menu * { margin: 0; padding: 0 ; list-style: none; }
	#cabecalho #menu .menu li { list-style-type:none; float:left; position: relative; z-index:1000;} 		
	#cabecalho #menu .menu li a { float: left; color: #fff; padding: 0px 10px 0px 10px; text-decoration: none; }
	#cabecalho #menu .menu li a small { font-size:12px; }
	#cabecalho #menu .menu li a:hover { color: #f00; background: url("../_imgs/menu_centro_ativo.png") left top repeat-x; }
	#cabecalho #menu .menu li a.ativo { color: #f00; background: url("../_imgs/menu_centro_ativo.png") left top repeat-x; }
	#cabecalho #menu .menu li a.ativo:hover { color: #fff; }
	#cabecalho #menu .menu li ul { width:100px; font:14px bold; line-height: 25px; background:#1f1f1f url("../_imgs/menu_flexa.png") top center no-repeat; padding-top:13px; position: absolute; *left:0px; top:39px; visibility: hidden; border-right:2px solid #ff0000; border-left:2px solid #ff0000;border-bottom:2px solid #ff0000;}
	#cabecalho #menu .so_mh li ul li { list-style-type: none; position: relative; z-index:301;} 
	
	#cabecalho #menu .menu li:hover ul, .menu li.hover ul { visibility: visible; }
   #cabecalho #menu .menu li:hover ul ul, .menu li.hover ul ul { visibility: hidden; }
   #cabecalho #menu .menu li li:hover ul, .menu li li.hover ul { visibility: visible; }
   #cabecalho #menu .menu li li:hover ul ul, .menu li li.hover ul ul { visibility: hidden; }
   #cabecalho #menu .menu li li li:hover ul, .menu li li li.hover ul { visibility: visible }   
	#cabecalho #menu .menu .home { border:none; margin: 5px 0px; width:auto; }
   #cabecalho #menu .menu:after, .menu.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
   * html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){ who.onmouseenter=function(){ who.className += ' hover'}; who.onmouseleave=function(){ who.className who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ; } } )(this) , 'auto') }
	
#tudo #twitter { position:absolute; right: 5px; top: 55px; width: 50px; height: 50px; overflow: hidden; border:none; }
#tudo #orkut   { position:absolute; right: 5px; top: 0px; width: 50px; height: 50px; overflow: hidden; border:none; }
#tudo #youtube { position:absolute; right: 5px; top: 165px; width: 50px; height: 50px; overflow: hidden; border:none; }
#tudo #vimeo   { position:absolute; right: 5px; top: 110px; width: 50px; height: 50px; overflow: hidden; border:none; }
	
	
/*--------------------------------------------------------------
                          CONTEUDO
--------------------------------------------------------------*/
#conteudo #flor { z-index:210; position: absolute; top: 0px; right: 10px; width: 68px; height: 89px; overflow: hidden; background: url("../_imgs/cont_tribal.png") center bottom no-repeat; }

#conteudo #tudo { z-index:220; position: relative; float:left; width: 960px; height: 115px; height: auto !important; min-height:115px; overflow: hidden; border:0px solid #ffff00; margin-left:10px; padding:10px; padding-top:45px; color:#FFFFFF; font-size:13px;}

   #tudo #ondeestou { position:absolute; top:0px; right:55px; height:15px; text-align:right; padding:3px 5px 8px 0px; font-size:12px; }
      #tudo #ondeestou a{ text-decoration:none; color:#eeeeee; font-family:Verdana, "Trebuchet MS", sans-serif, Tahoma, Arial; font-size:10px; text-transform:capitalize; }
	   #tudo #ondeestou a:hover, #cabecalho #ondeestou a.hover { text-decoration: underline; color: #cccccc;}
	   #tudo #ondeestou span{ text-decoration:none; color:#eeeeee; font-weight:bold; font-family:Verdana, "Trebuchet MS", sans-serif, Tahoma, Arial; font-size:10px; text-transform:capitalize;}
	   #tudo #ondeestou span span {color:#cccccc;}
		
	#tudo #titulopaginas { position:absolute; top:10px; left:10px; height:15px; float:left; padding: 0px 0px 5px 5px; margin-bottom:10px; font-weight:bold; color: #ff0000; width:500px; font-size:26px; text-transform:capitalize; }
	
	#tudo #desenvolvimento {position: relative; width:979px; float: left; padding: 0px; padding-top:20px; margin-top: 40px; color: #cccccc; text-align:center; font-size:14px; text-transform:uppercase; }
	
	#tudo #contatoenderecos { position:relative; float:left; width: 430px;  border: 1px solid #808080; padding: 20px; padding-top:20px; margin-top: 30px; margin-left:20px; margin-right:20px;}
      #tudo #contatoenderecos #titulo { position:relative; font-size: 13px; color: #ff0000; text-transform:uppercase;}
      #tudo #cont {clear:both;}
		#tudo #cont p { font-weight:normal; color:#ffffff;}
      #tudo #cont p span { font-weight:bold; color:#CCCCCC;}
	
	#tudo #contatoform {float:left; }
	   #tudo #contatoform #form { position: relative; width:390px; float: left; border: 1px solid #808080; padding: 20px; padding-top:20px; margin-top: 30px; color: #666666;}
	   #tudo #contatoform #form p { color:#FFFFFF; }
	   #tudo #contatoform #form #titulo { position:relative; font-size: 13px; color: #ff0000; text-transform:uppercase;}
	   #tudo #contatoform #form #texto  { clear:both; float:left; width:150px; color: #ff0000; padding-left:5px;}
	   #tudo #contatoform #form #caixa  { float:left; width:235px; padding:3px 0px 3px 0px; }
	   #tudo #contatoform #form #caixa .input { width:230px; border: 1px solid #cccccc; color:#333; background: #FFFFFF url("../_imgs/ponto.png")center bottom; line-height:20px;}
	   #tudo #contatoform #form #caixa .input:focus { background: #cccccc url("../_imgs/ponto.png")center bottom; color:#333333;}
	   #tudo #contatoform #form #legenda { display:none; }
	   #tudo #contatoform #form #preencher { clear:both; float:left; margin:0px; padding:0px; width:390px;}
	   #tudo #contatoform #form #preencher #texto  { float:left; width:150px; color: #ff0000; padding-left:5px;}
	   #tudo #contatoform #form #preencher #caixa .input{  width:230px; border: 1px solid #ff0000; color:#333; }
	   #tudo #contatoform #form #preencher #legenda { display:block; clear:both; float:left; width:388px; color:#ff0000; text-align:right; font-size:10px; }
		
	/*--------------------------------------------------------------
                             VIDEOS
   --------------------------------------------------------------*/
   #tudo #videos { width:960px; border:0px solid #fff; }
	   #tudo #videos #titulo { font-size: 24px; margin: 5px;	width: 960px; border:0px solid #f00;}
	   #tudo #videos #video	{ width: 659px; height:404px;	background:url("../_imgs/moldura_videos.jpg") top left no-repeat;	position:relative; float:left; border:0px solid #f0f;	z-index:1; }
	   #tudo #videos #descricao { width: 280px; height:404px; font-size:12px; border:0px solid #00f; float:right; margin-right:10px; color:#999999; overflow:hidden; overflow-y:auto;}
		   #tudo #videos #descricao .input { width: 260px; overflow:hidden; font-size:11px; border:1px solid #666666; color:#666666; background:#CCCCCC; padding:5px; }
	   #tudo #videos #galeria {
		clear:both;
		width: 960px;
		float:left;
		border:0px solid #999;
		padding: 10px 0px 10px 0px;
	}
		div#videos div#galeria .imagem
		{
			float:left;
			margin-right:5px;
		}
		div#videos div#galeria div#cada_video a.titulo
		{
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
		}
		div#videos div#galeria div#cada_video a.postagem
		{
			color:#FFFFFF;
			font-size:12px;
			text-decoration:none;
		}
		div#videos div#galeria div#cada_video
		{
			width: 465px;
			float:left;
			border:1px solid #000;
			padding: 3px;
			margin-right:3px;
			margin-bottom:3px;
		}
		div#videos div#galeria div#cada_video:hover
		{
			border:1px solid #999999;
		}
		div#videos div#galeria div#paginacao
		{
			width: 953px;
			height:20px;
			float:left;
			border:1px solid #333;
			padding: 3px;
			margin-right:3px;
			margin-bottom:3px;
			text-align:center;
			font-size:12px;
			color:#FFFFFF;
		}
		div#videos div#galeria div#paginacao a
		{
		   cursor:pointer;
			color:#FFFFFF;
			text-decoration:none;
		}
		div#videos div#galeria div#paginacao a:hover
		{
		   cursor:pointer;
			color:#FFFFFF;
			text-decoration:underline;
		}
/*------------------------------------------------------------*/

/*------------------ VIDEOS -------------------*/	
#titulo_portifolio { width:100%; text-align:center; clear:both; color:#fff; font-size:20px; font-weight:bold; text-decoration:none; margin-bottom:20px; text-transform:uppercase; }
#cada_portifolio {position:relative; float:left; width:220px; height:200px; border:1px solid transparent; padding: 5px; margin:5px; text-align:center; border:2px solid #ffffff; background: #ff0000; background: url('../_imgs/album.jpg') no-repeat; text-decoration:none;}	
#descricao_portifolio { width: 280px;  font-size:12px; border:0px solid #00f; float:right; margin-right:10px; color:#999999; text-align:left;}
#cada_portifolio .imagem { position:absolute; top:0px; left:22px; margin:5px; border:none; width:200px; height:165px; background-repeat:no-repeat; background-position:center center; }
#cada_portifolio .titulo { position:absolute; bottom:15px; left:25px; width:195px; text-align:center; clear:both; color:#f00; font-size:16px; font-weight:bold; text-decoration:none; }
#cada_portifolio:hover, #cada_portifolio.hover { border:2px solid #ff0000; }
#cada_portifolio:hover .titulo, #cada_portifolio.hover .titulo { color:#FF0000; text-decoration:none; }
#cada_portifolio #status { width:80px; height:22px; margin:5px; margin-left:60px;}
#cada_portifolio #status #alterar {float:left; width:22px; height:20px; background: url('../_imgs/icones_albuns.png') no-repeat; background-position: left  -73px;}
#cada_portifolio #status #oculto  {float:left; width:22px; height:20px; background: url('../_imgs/icones_albuns.png') no-repeat; background-position: left  -115px; margin-left:5px; }
#cada_portifolio #status #oculto1 {float:left; width:22px; height:20px; background: url('../_imgs/icones_albuns.png') no-repeat; background-position: left  -95px; margin-left:5px; }
#cada_portifolio #status #excluir {float:left; width:22px; height:20px; background: url('../_imgs/icones_albuns.png') no-repeat; background-position: left  -135px; margin-left:5px; }
/*---------------------------------------------*/

/*------------ PORTIFOLIO ALBUM ---------------*/
#cada_foto { position:relative; width: 215px; height:210px; float:left; margin:6px; overflow:hidden; text-align:center; text-decoration:none;}
   #cada_foto .imagem { margin:5px; border:3px solid #FFFFFF; width:200px; height:165px; background-repeat:no-repeat; background-position:center center; }
	#cada_foto #legenda { background:transparent; text-align:center; border:none; font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif,arial; color:#fff; font-size:12px;}

/*---------------------------------------------*/

#slides { width:806px; height:361px; margin:0 auto; overflow:hidden; /*border:3px solid #fff; */}
.slidesimgs { width:800px; height:355px; border:3px solid #fff;}