@charset "utf-8";
/* CSS Document */

body
{background-color: #2C2C2C;
margin:0;
padding:0;
text-align:center;
font-family:"trebuchet MS", verdana;
font-size:12px;
color: #666666/* hack para o IE */	}
/* =======================================DIV GERAL========================================== */
#geral
{width: 870px; height:100%;
margin:0 auto;			
padding: 1px;
text-align:left; /* "remédio" para o hack do IE */
}

img {border:none;}

/* =======================================TOP========================================== */
#top
{width: 870px; height:165px; background-color:#000000;
}

/* =======================================LOGO TOPO========================================== */
#logotopo {
	position:absolute;
	height:56px;
	width:355px;
	margin-left:60px;
	top: 49px;
}


/* =======================================MEIOOO========================================== */
#meio
{width: 870px; height:595px; background-color: #E9AF2F ;
}
#meio_hospedagem
{width: 870px; height:1439px; background-color: #E9AF2F ;
}
/* =======================================RODAPE========================================== */
#rodape
{width: 870px; height:114px; background-color: #000000;
}

#maos {
	position:absolute;
	margin-left: 280px;
	top: 776px;
}

#maos_hospedagem {
	position:absolute;
	margin-left: 280px;
	top: 1620px;
}
/* =======================================CONTEUDO========================================== */
#conteudo
{
	width: 750px;
	height:640px;
	background-color: #E0E0E0;
	position:absolute;
	top: 121px;
	margin-left:60px;
}
#conteudo_hospedagem
{
	width: 750px;
	height:683px;
	background-color: #E0E0E0;
	position:absolute;
	top: 121px;
	margin-left:60px;
}
/* =======================================TOP========================================== */
/* =======================================LINKS COMUNS========================================== */
a { color: #333333; text-decoration: none; }
a:link { color:#666666;}
a:hover { color: #333333;}
a:visited {color:#666666;}






/* ================================================================================= */

/* =======================================TITULOS DAS PAGINAS========================================== */
#titulos {
	position:absolute;
	margin-left: 260px;
	top: 65px;
}
#tituloportifolio {
	position:absolute;
	margin-left: 272px;
	top: 51px;
	width: 184px;
}


/* =======================================MENU========================================== */



/* home */
.menu .home
{
	background-image: url(imagens/homevisitado.jpg);
	background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:60px;
	top: 121px;
}
.menu .home1
{
	background-image: url(imagens/home.jpg);
	background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:60px;
	top: 121px;
}


.menu .home:hover
{ background-image: url(imagens/home-hover.jpg);}
.menu .home1:hover
{ background-image: url(imagens/home-hover.jpg);}


/* portifolio */
.menu .portifolio
{
	background-image: url(imagens/portifolio.jpg);
	background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:170px;
	top: 121px;
}

.menu .portifolio1
{background-image: url(imagens/portifolio-visitado.jpg);
background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:170px;
	top: 121px;}
	
.menu .portifolio:hover
{ background-image: url(imagens/portifoliohover.jpg);}
.menu .portifolio1:hover
{ background-image: url(imagens/portifoliohover.jpg);}

.menu .mododefazer
{
	background-image: url(imagens/modo-de-fazer.jpg);
	background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:280px;
	top: 121px;
}

.menu .mododefazer1
{background-image: url(imagens/mododefazervisitado.jpg);
background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:280px;
	top: 121px;}
	
	.menu .mododefazer:hover
{ background-image: url(imagens/mododefazerhover.jpg);}
.menu .mododefazer1:hover
{ background-image: url(imagens/mododefazerhover.jpg);}

.menu .contato
{
	background-image: url(imagens/contato.jpg);
	background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:390px;
	top: 121px;
}

.menu .contato1
{background-image: url(imagens/contatovisitado.jpg);
background-repeat:no-repeat;
	height:33px;
	width:107px;
	position:absolute;
	margin-left:390px;
	top: 121px;}
	
	.menu .contato:hover
{ background-image: url(imagens/contato-hover.jpg);}
.menu .contato1:hover
{ background-image: url(imagens/contato-hover.jpg);}


/* =======================================TWITTER BOXX========================================== */
#twitterbox{
position:absolute;
	width: 200px;
	margin-left:60px;
	top: 165px;
	height: 416px;
	background-color: #E9AF2F;
}
#twittertopo{
	background-image: url(imagens/taggedtopo.png);
	width:188px;
	height:43px;
	margin-left:60px;
	top: 172px;
	position:absolute;
}
#twitter-link
{
	position:absolute;
	margin-left: 5px;
	left: 12px;
	top: 357px;
}


#twitter_div {
	width: 178px;
	background-color:#F6D25C;
	height: 359px;
	margin-top:40px;
	margin-left:10px;
}

 

#twitter_div ul li {
color: #000;
list-style: none;
font-size: 11px;
width: 155px;
float: right;
margin-top:30px;
margin-right:10px;
border-bottom: 1px dotted #666;
}

 

#twitter_div ul li a {
text-decoration: underline;
color: #d22929;
}

 

#twitter_div ul li a:hover {
text-decoration: none;
color: #000;
}


 

.twitter-link {
display:block;
font-size: 10px;
font-color: #d22929;
}






/* =======================================HOSPEDAGEM========================================== */


#hospedagem {
	position:absolute;
	margin-left:570px;
	top: 360px;

}

.download
{
	top: 609px;
	position:absolute;
}


/* =======================================SLIDE TEXTO========================================== */
#parent1 li{
	
				padding: 5px;
				color:#666666;
				font-size:12px;
				text-align:justify;
			}
			
		
			
			
			#parent1-menu a.wactive{
				padding: 0px 2px;
			}	
			
			#parent2 li{
	
				padding: 5px;
				color:#666666;
				font-size:12px;
				text-align:justify;
			}
			#parent2-menu a.wactive{
				padding: 0px 2px;
			}	
			
			
			
#textoslide{
	position:absolute;
	margin-left: 230px;
	top: 214px;

}
#textoslide_hospedagem{
	position:absolute;
	margin-left: 230px;
	top: 63px;
	width: 499px;
	height: 510px;
}




#textosslidelink {
	position:absolute;
	top: 381px;
	height: 32px;
	width: 229px;
	font-size:10px;
}

#textosslidelink_hospedagem {
	position:absolute;
	top: 22px;
	height: 32px;
	width: 173px;
	font-size:10px;
	margin-left:-200px;
}

#parent1, #parent1 li{ 
			width:200px;
	height:170px;
			overflow:hidden;
			}	
#parent2, #parent2 li{ 
			width:200px;
	height:170px;
			overflow:hidden;
			}	



/* =======================================frame do slide de imagens========================================== */

#frame{
	position:absolute;
	top: 36px;
	margin-left:192px;}
	
	#frame iframe{
	width:558px;
	height:178px;
	margin:0px;
	padding:0px;
	border:none;
	
	
	}
	






/* =======================================FORMULARIO DE CONTATO========================================== */
#formulario input {
background:  #E8E8E8; 
border:1px outset   #CCCCCC;	
/* a cor do fundo dos três campos */

}
#formulario textarea {
background:  #E8E8E8; 
border:1px outset   #CCCCCC;	

}
 #formulario input.enviar {
 border:none; float:right; background-color:#E0E0E0}

#formulario {color:#666666;
font-size:14px;}
/* a cor do fundo do botão */
#formulariocurriculo {
	position:absolute;
	margin-left:310px;
	top: 303px;
	height: 53px;
	width: 292px;
}
/*===============Trabalhe conosco========================================== */
#top .trabalhe
{
	background-image: url(imagens/trabalhe.png);
	background-repeat:no-repeat;
	height:32px;
	width:170px;
	position:absolute;
	margin-left:635px;
	top: 127px;
}


#trabalhe {
	position:absolute;
	top: 122px;
	margin-left:685px;
}

 




/* =======================================PAGINA DO PORTIFOLIO========================================== */

#linksportifolio{
	position:absolute;
	margin-left: 35px;
	top: 84px;
	color:#666666;
	width: 207px;
	height: 211px;
}
#linksportifolio a:visited 
{color: #666666; }

#linksportifolio a:hover
{color: #333333;}





#imagens {
	position:absolute;
	margin-left: 266px;
	top: 84px;
	width: 452px;
	height: 492px;
}

#tinta {
	position:absolute;
	top: 324px;
	margin-left:10px;
}

/* =======================================PAGINA DE CONTATO========================================== */
#formulariocontato {
	position:absolute;
	width: 436px;
	margin-left: 310px;
	top: 99px;
	height: 116px;
	text-align:justify;
}

#latinha {
	position:absolute;
	top: 101px;
	margin-left:60px;
}

#socios {
	background-image:url(imagens/socios.png);
	position:absolute;
	top: 319px;
	width:748px;
	height: 321px;
}

#endereco {
	position:absolute;
	top: 282px;
	margin-left:60px;
}
#texto_curriculo{
	position:absolute;
	top: 83px;
	margin-left:310px;
	width: 386px;
	height: 212px;

}
#emails {
	position:absolute;
	top: 271px;
	margin-left:310px;

}

#titulocontato {
	position:absolute;
	margin-left: 310px;
	top: 40px;
	width: 198px;
}

/* =======================================FORMULARIO DE CONTATO========================================== */
#formulario input {
background:  #E8E8E8; 
border:1px outset   #CCCCCC;}
	
/* a cor do fundo dos três ca

/* =======================================PAGINAS DE HOSPEDAGEM========================================== */

#textoex {
	position:absolute;
	width: 459px;
	margin-left: 260px;
	top: 93px;
	height: 542px;
	text-align:justify;
}
/* ======================================= PAGINAS DE MODO DE FAZER ========================================== */

#ilustracoes {
	position:absolute;
	margin-left: 80px;
	top: 205px;
}



/* =======================================MENU DO RODAPE========================================== */
.menurodape {
	position:absolute;
	margin-left: 600px;
	top: 788px;
	font-size:14px;

}

.menurodapehome {
	position:absolute;
	margin-left: 520px;
	top: 788px;
	font-size:14px;

}


.menurodape a:link {color: #999999}
.menurodape a:visited {color: #666666}
.menurodape a:hover {color: #CCCCCC}
.menurodape a:active {color: #CCCCCC}

#textorodape {
	position:absolute;
	margin-left: 80px;
	top: 760px;
}


/* =======================================Twitter e cafe========================================== */



#top .twitter
{
	background-image: url(imagens/twitter-link.jpg);
	background-repeat:no-repeat;
	height:11px;
	width:56px;
	position:absolute;
	margin-left:740px;
	top: 43px;
}

#top .twitter:hover
{ background-image: url(imagens/twitter-link-hover.jpg);}


#rodape .twitterrodape
{
	background-image: url(imagens/twitter-link.jpg);
	background-repeat:no-repeat;
	height:11px;
	width:56px;
	position:absolute;
	margin-left:740px;
	top: 837px;
}

#rodape .twitterrodape_hospedagem
{
	background-image: url(imagens/twitter-link.jpg);
	background-repeat:no-repeat;
	height:11px;
	width:56px;
	position:absolute;
	margin-left:740px;
	top: 1685px;

}

#rodape .twitterrodape:hover
{ background-image: url(imagens/twitter-link-hover.jpg);}

#rodape .twitterrodape_hospedagem:hover
{ background-image: url(imagens/twitter-link-hover.jpg);}


#top .cafe
{
	background-image: url(imagens/cafelink.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:53px;
	position:absolute;
	margin-left:670px;
	top: 25px;
}


#top .cafe:hover
{ background-image: url(imagens/cafelinkhover.jpg);}


#rodape .caferodape
{
	background-image: url(imagens/cafelink.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:53px;
	position:absolute;
	margin-left:670px;
	top: 818px;
}
#rodape .caferodape:hover
{ background-image: url(imagens/cafelinkhover.jpg);}

#rodape .caferodape_hospedagem
{
	background-image: url(imagens/cafelink.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:53px;
	position:absolute;
	margin-left:670px;
	top: 1666px;
}
#rodape .caferodape_hospedagem:hover
{ background-image: url(imagens/cafelinkhover.jpg);}

/* =======================================ENQUETE========================================== */
.white{ font-family: "trebuchet MS",; color: #666666; font-size:12px; } 
.white a:link{ font-family: "trebuchet MS"; color: #666666; font-size:12px; } 
.white a:visited{ font-family: "trebuchet MS"; color: #666666; font-size:12px; } 
.white a:active{ font-family: "trebuchet MS"; color: #666666; font-size:12px; } 
.white a:hover { font-family: "trebuchet MS"; text-decoration:underline; font-size:12px; } 
.white_big{ font-family: "trebuchet MS"; color: #666666; font-size:15px; font-weight:bold; } 
.white_big a:link{ font-family: "trebuchet MS"; color: #666666; font-size:14px; font-weight:bold; } 
.white_big a:visited{ font-family: "trebuchet MS"; color: #666666; font-size:14px; font-weight:bold; } 
.white_big a:active{ font-family: "trebuchet MS"; color: #666666; font-size:14px; font-weight:bold; }
.white_big a:hover { font-family: "trebuchet MS"; text-decoration:underline; font-size:14px; font-weight:bold; } 

#enquete {
	position:absolute;
	margin-left: 570px;
	top: 523px;
	height: 277px;
}

#enquetetopo {
	position:absolute;
	margin-left: 570px;
	top: 495px;
	background-color: #999999;
	width: 240px;
	height: 47px;
}


/* =======================================FORMULARIO receba informações========================================== */
#todoform  {
	position:absolute;
	margin-left:430px;
	width: 317px;
	height: 19px;
	top: -37px;

}

#todoform input {
background:#E9AF2F; 
border:1px dashed #E9AF2F;	
/* a cor do fundo dos três campos */

}
 #todoform input.botao {
 background-repeat:no-repeat;
 background-color:#000000;	
border:0px #000000;}
/* a cor do fundo do botão */

form{ height:60px;
width:60px;}



#content {
	width: 350px;
	margin: 30px auto;
	padding: 20px 60px;
	border: 1px solid #D2D2D2;
	-moz-box-shadow: 0 0 30px #CCC;
	-webkit-box-shadow: 0 0 30px #CCC;
	box-shadow: 0 0 30px #CCC;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 15px);
}


#nome{ width:310px; height:30px;}

#ddd {width:30px; height:30px;}

#tel {width:100px; height:30px;}

#email {width:109px; height:30px;}

#mensagem {width:305px;}

#formulariocontato td { padding-top:5px; }

.enviar{padding-right:35px;}

.twtr-ft { display:none;}
	.twtr-profile-img { display:none;}
	.twtr-profile-img-anchor { display:none;}
	.twtr-hd { display:none;}