/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Luiz Tiago						*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,select,textarea,label,form,address,dl,dt,dd { font-family: tahoma, trebuchet ms, arial, verdana; color: #000; }

body {
background: #040B0C url(../img/bg.png) repeat-x;
margin-top: 16px;
}

/* ID's */

div#container {
	width: 900px;
	margin: 0 auto;
}

div#header {
	background: url(../img/bg-header.jpg) top center no-repeat;
}

		div#header h1#marca a {
			display: block;
			width: 388px;
			height:172px;
			padding-top: 30px;
			text-indent: -4000px;
			overflow: hidden;
			margin: 0 auto;
		}
		
		div#header h2 {
			display: none;
		}
		
		div#header ul#nav {
			height: 54px;
			display: block;
			overflow: hidden;
			width:600px;
			margin:0 auto;
			text-align:center;			
		}
		
		div#header ul#nav li {
			display: inline;
			width: 299px;
		}
		
		div#header ul#nav span {
			width: 299px;
			height: 23px;
			padding-top: 10px;
			text-indent: -4000px;
			overflow: hidden;
			display: block;
		}
		
		div#header ul#nav #mn-quemsou span {
			background: url(../img/mn-quem_sou.gif) center 10px no-repeat;
		}
		
		div#header ul#nav #mn-meucurriculo span {
			background: url(../img/mn-meu_curriculo.gif) center 10px no-repeat;
		}
		
		div#header ul#nav #mn-contato span {
			background: url(../img/mn-contato.gif) center 10px no-repeat;
		}
		
		div#header ul#nav li a {
			display: block;
			width: 299px;
			height: 54px;
			float: left;
			text-align: center;
			font-size: 9px;
			font-family: Arial, Helvetica, sans-serif;
			color: #42636E;
			text-decoration: none;
			background: url(../img/bg-nav.png) 0 100px repeat-x;
		}
		
		div#header ul#nav li a:hover {
			background-position: 0 0;
			color: white;
		}

div#middle {
	clear: both;
}

		div#middle dl#portfolio dt {
			font-size: 30px;
			font-family: Tahoma, Arial, Verdana, sans-serif;
			color: #1CD099;
			line-height: 35px;
			padding-top: 20px;
		}
		
		div#middle dl#portfolio dd {
			color: white;
			font-size: 11px;
		}
		
				div#middle dl#portfolio dd strong {
					color: #1CD099;
				}
				
		div#middle dl#portfolio dd.thumb {
			margin-top: 15px;
			overflow: hidden;
			width: 879px;
			height: 1%;
			background: #172529;
			padding: 10px;
		}
		
div#footer {
	background: url(../img/bg-footer.jpg) center 20px no-repeat;
	height: 466px;
	width: 100%;
	padding-top: 50px;
}

		div#footer #ft {
			width: 900px;
			margin: 0 auto;
		}
		
		div#footer h2 {
			width: 255px;
			height: 37px;
			text-indent: -4000px;
			background-repeat: no-repeat;
		}
		
				div#footer h2.tit-meuperfil {
					background: url(../img/tit-meu_perfil.gif) no-repeat;
				}
				
				div#footer h2.tit-amigosdopeito {
					background: url(../img/tit-amigos_do_peito.gif) 0 20px no-repeat;
					padding-top: 20px;
					clear: both;
				}
				
				div#footer h2.tit-contato {
					background: url(../img/tit-contato.gif) no-repeat;
				}
		
		div#footer #amigos {
			padding-left: 40px;
			padding-top: 10px;
		}
		
		div#footer #amigos li {
			padding-left: 20px;
			background: url(../img/ico-lista.gif) 0 2px no-repeat;
			height: 25px;
		}
		
				div#footer #amigos li a {
					color: white;
					text-decoration: none;
				}
				
				div#footer #amigos li a:hover {
					text-decoration: underline;
				}
		
		div#footer p {
			color: white;
			line-height: 17px;
		}
		
				div#footer p.foto-perfil {
				float: left;
				border: 7px solid #172529;
				}
				
				div#footer p.texto-perfil {
				padding-left: 10px;
				float: left;
				width: 280px;
				}
				
		div#footer #colLat,
		div#footer #colCont {
			width: 430px;
			float: left;
		}
		
		div#footer #colLat {
			padding-right: 30px;
		}
		
				div#footer #colCont #contato {
					background: #324046;
					padding: 20px;
					height: 340px;
					overflow: hidden;
				}
				
						div#footer #colCont #contato label,
						div#footer #colCont #contato input {
							clear: both;
							display: block;
						}
						
						div#footer #colCont #contato label {
							color: white;
						}
						
						div#footer #colCont #contato .campo,
						div#footer #colCont #contato textarea {
							background: #E0FCEB;
							border: none;
							padding: 3px;
							width: 370px;
							margin-bottom: 20px;
							font-size: 11px;
							height: 15px;
						}
						
						div#footer #colCont #contato input#bt-enviar{
							width:86px;
							height: 29px;
							padding:0;	
						}
						
						div#footer #colCont #contato .textarea {
							height: 100px;
							overflow: auto;
						}
						
						
		
/* CLASS's */