/* Configurações gerais */

* {
  margin:0;
  padding:0;
}

body {
background:#9D9B9B url(../imagens/fundo.jpg) repeat-x;
margin:0;
font:10px Arial, Helvetica, sans-serif;
line-height:12px;
}


img {
border:0
}

h1 {
display:none;
}


p {
margin-bottom:12px;
line-height:12px;
}

p.obs {
font:11px Verdana, Arial, Helvetica, sans-serif;
margin-top:10px;
}

.dest {
font-weight:bold;
color:##FBB409;
}

img {
border:0
}


h1 {
display:none;
}

h2 span{
display:none;
}

h2 {
display:block;
color:#40a02d;
}

h3#design {
margin-bottom:20px;
font:bold 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#40A02D
}

h3#letras {
margin-bottom:20px;
font:bold 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#FF850F
}

h3#quem {
margin-bottom:20px;
font:bold 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#37afef
}


h4 {
margin:25px 0 20px 0;
color:#666666; 
font:bold 11px ,Arial, Helvetica, sans-serif;
background-color:#D8F6D0;
padding:2px;
border-bottom:1px dashed #40A02D
}

#geral {
width:247px;
margin:5px 0 0 0 ;
}

p.publicacao {
text-align:right;
font:italic 11px Arial, Helvetica, sans-serif;
}


/* configurações do topo */

#topo {
height:167px;
width:247px;
margin-top:0;
}

#apresentacao {
display:none
}

#menu_sup {
float:right;
margin-top:2px;
}

#menu_sup ul li {
display:inline;
}


#banner {
display:none
}


/* configurações do menu*/

ul#menu {
float:left;
margin-top:-75px;
width:247px;
display:block;
list-style-type:none;
}

ul#menu span{
display:none;
}

#menu li{
float:left;
}

li#quem a{
float:left;
width:247px;
height:32px;
background:url(../imagens/bt_quem.jpg) top no-repeat;
display:block;
}

li#quem a:hover {
background:url(../imagens/bt_quem_over.jpg) top no-repeat;
}

li#design a{
float:left;
width:247px;
height:32px;
background:url(../imagens/bt_design.jpg) top no-repeat;
display:block;
}

li#design a:hover {
background:url(../imagens/bt_design_over.jpg) top no-repeat;
}

li#letras a{
float:left;
width:247px;
height:32px;
background:url(../imagens/bt_letras.jpg)  no-repeat;
display:block;
}

li#letras a:hover {
background:url(../imagens/bt_letras_over.jpg)  no-repeat;
}


/* configurações do corpo */

#corpo {
float:left;
background-image:url(../imagens/fundo_body.gif);
width:100%;
min-height:230px;
}

#corpo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


#coluna_quem {
float:left;
margin:20px 0 0 20px!important;
margin:20px 0 0 10px;
width:171px;
}

	#coluna_quem ul {
	float:left;
	width:170px;
	margin:40px 0 0 0;
	display:block;
	list-style-type:none;
	}
	
	#coluna_quem li {
	margin-bottom:8px;
	}

	#coluna_quem li a{
	height:30px;
	width:140px;
	padding:3px 0 0 30px;
	list-style-type:none;
	background:url(../imagens/setinha.gif) no-repeat;
	font:bold 11px arial, sans-serif;	
	color:#37afef;
	text-decoration:none;
	}
	

	#coluna_quem a {
	color:#9d9b9b;
	text-decoration:none;
	}
	#coluna_quem a:hover {
	color:#9d9b9b;
	text-decoration:underline;
	}

	#dados {
	float:left;
	color:#666666;
	font-size:11px;
	}

		h2#quemsou {
		float:left;
		background:url(../imagens/h2_quem.gif);
		width:171px;
		height:103px;
		}

		h2#contato {
		float:left;
		background:url(../imagens/h2_contato.gif);
		width:166px;
		height:93px;
		margin-bottom:19px;
		}
	
#coluna_design {
float:left;
margin:20px 0 0 20px!important;
margin:20px 0 0 20px;
width:171px;
}

	#coluna_design ul {
	float:left;
	width:170px;
	margin:40px 0 0 0;
	display:block;
	list-style-type:none;
	}
	
	#coluna_design li {
	margin-bottom:8px;
	}

	#coluna_design li a{

	height:30px;
	width:140px;
	padding:3px 0 0 30px;
	list-style-type:none;
	background:url(../imagens/setinha_v.gif) no-repeat;
	font:bold 11px arial, sans-serif;	
	color:#40A02D;
	text-decoration:none;
	}
	
	#coluna_design a:hover {
	color:#9d9b9b
	}

		h2#design1 {
		float:left;
		background:url(../imagens/h2_design.gif);
		width:171px;
		height:103px;
		}
	
#coluna_letras {
float:left;
margin:20px 0 0 20px!important;
margin:20px 0 0 20px;
width:171px;
}

	#coluna_letras ul {
	float:left;
	width:170px;
	margin:40px 0 0 0;
	display:block;
	list-style-type:none;
	}
	
	#coluna_letras li {
	margin-bottom:8px;
	}

	#coluna_letras li a{

	height:30px;
	width:140px;
	padding:3px 0 0 30px;
	list-style-type:none;
	background:url(../imagens/setinha_l.gif) no-repeat;
	font:bold 11px arial, sans-serif;		
	color:#FF850F;
	text-decoration:none;
	}
	
	#coluna_letras a:hover {
	color:#9d9b9b
	}

		h2#letras1 {
		float:left;
		background:url(../imagens/h2_letras.gif);
		width:171px;
		height:103px;
		}


#coluna2_quem {
float:left;
margin:13px 0 0 22px;
width:80%;
text-align:left;
}

	#coluna2_quem a{
	color:#37afef;
	text-decoration:none;
	}
	
	#coluna2_quem a:hover {
	text-decoration:underline
	}


#coluna2_design {
float:left;
margin:13px 0 0 22px;
width:80%;
text-align:left;
}

	#coluna2_design a{
	color:#40A02D;
	text-decoration:none;
	}
	
	#coluna2_design a:hover {
	text-decoration:underline
	}



	#coluna2_design .thumb {
	border:2px solid #efcd73; 
	margin:15px 4px 0 0;
	}

#coluna2_design ul {
margin:10px;
list-style-type:none;
}
	
	
#coluna2_letras {
float:left;
margin:13px 0 0 22px;
width:80%;
text-align:left;
	}


	#coluna2_letras ul {
	margin:10px 0 20px 0;
	list-style-type:none;
	}

	#coluna2_letras a{
	color:#FF850F;
	text-decoration:none;
	}
	
	#coluna2_letras a:hover {
	text-decoration:underline
	}


#coluna2_contato {
float:left;
margin:13px 0 0 15px;
width:80%;
text-align:left;
}

	#coluna2_contato fieldset {
	float:left;
	width:245px;
	border:0;
	margin-top:12px;
	}
	
		#coluna2_contato label {
		float:left;
		width:140px;
		}
		
		#coluna2_contato input{
		float:left;
		width:200px;
		height:16px;
		border:1px solid #666666;
		font:11px Arial, Helvetica, sans-serif;
		padding:2px;
		}
		
		#coluna2_contato .input2{
		float:left;
		width:50px;
		height:22px;
		border:1px solid #666666;
		color:#333333;
		margin:20px 0 0 140px;
		}
	
		#coluna2_contato textarea {
		float:left;
		width:200px;
		height:200px;
		border:1px solid #666666;
		font:11px Arial, Helvetica, sans-serif;
		padding:2px;
		}


/************ destaques portfolio ************/


.destaque {
float:left;
margin:20px 0 20px 0;
width:247px;

}

.destaque img {
float:left;
width:210px;
height:150px;
}

	.destaque p {
	float:left;
	font:10px verdada, arial;
	color:#333333;
	margin:8px 0 8px 0;
	width:224px;
	line-height:12px;
	text-align:left;
	}
	
	.destaque a{
	font-weight:bold;
	font-size:13px;
	color:#FBB409!important
	}

/* configurações do rodapé */



#rodape {
float:left;
background:#FFF url(../imagens/rodape_hand.jpg) top no-repeat;
font:10px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:0;
padding-top:20px;
width:247px;
height:70px;
text-align:center;
}



/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../imagens/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagens/overlay.png", sizingMethod="scale");
	}