@import url("menu-horizontal.css");
@import url("skin.css");

/*
nome do Projeto: Portfolio Eufelipe
Descricao: Site Portfolio do Profissional Felipe rosas (eufelipe)
Versao: 2.0 
Data: 24/10/2009
Autor: Felipe da Silva Rosas (eusniper@hotmail.com)
Site do Autor: http://eufelipe.com

*/

* {

	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
}


img, div { behavior: url(iepngfix.htc) }
img{ border: 0; }


body {
	background-color: #006600;
	font-family:Arial, Helvetica, sans-serif;
	background: #172271 url(../imagens/fundo-site.png) repeat-x;
}

#corpo {
	width:1000px;
	margin:0 auto;
}

/*  Extrutura do site

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

#corpo #coluna-principal, #corpo #conteudo , #corpo #coluna-vazia {float:left;}

/* Coluna Principal */

#corpo #coluna-principal {
	width:420px;
	background:url(../imagens/coluna-principal.png) no-repeat;
	background-position:right;
	height:648px;

}

/* Coluna Conteudo */

#corpo #conteudo {
	width:350px;
	background:#fff;
}

/* Coluna vazia  */



#corpo #coluna-vazia {
	background:url(../imagens/coluna-vazia.png)  no-repeat;
	width:224px;
	height:648px;

}


/*  Coluna Principal

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

#corpo #coluna-principal #cabecalho .logomarca a {
	background:url(../imagens/logo.png) no-repeat;
	width:259px;
	height:126px;
	text-indent:-9000px;
	overflow:hidden;
	display:block;
	margin-top:16px;
	margin-left:76px;
	margin-bottom:20px;
}

#corpo #coluna-principal #cabecalho strong  {
	color:#e3e61a;
	font-weight: 600;
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
}

#corpo #coluna-principal #cabecalho p {
	color:#fff;
	margin-left:80px;
	font-size:14px;
	font-weight: 400;
	line-height:20px;
	width:300px;

}

#corpo #coluna-principal #endereco {
	margin-left:76px;
	margin-top:200px;
}

#corpo #coluna-principal #endereco address {
	color:#fff;
	font-style:normal;
	font-size:14px;
	font-weight: normal;
	line-height:20px;		
}

#corpo #coluna-principal #endereco a,
#corpo #coluna-principal #endereco a:visited,
#corpo #coluna-principal #endereco a:active {
	color:#fff;
	font-style:normal;
	text-decoration:none;
}

#corpo #coluna-principal #endereco a:hover {
	color:#66CCFF;
}

/*  Conteudo
-------------------------------- */
#corpo #conteudo #home{
	width:350px;
	height:610px;
	background:#fff;

}

#corpo #conteudo #navegacao li {
width:351px;
overflow:hidden;
}



#corpo #conteudo #navegacao .menu-biografia,
#corpo #conteudo #navegacao .menu-servicos,
#corpo #conteudo #navegacao .menu-portfolio,
#corpo #conteudo #navegacao .menu-contatos {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	padding:5px 5px 5px 10px;
	width:351px;
	margin:0px;
	display:block;
}

#corpo #conteudo #navegacao .menu-biografia {background:#29abe2;}
#corpo #conteudo #navegacao .menu-servicos {background:#3fbeea;}
#corpo #conteudo #navegacao .menu-portfolio {background:#52cdef;}
#corpo #conteudo #navegacao .menu-contatos {background:#7ce6f7;}

#corpo #conteudo #navegacao .menu-biografia:hover {background:#039ad9;}
#corpo #conteudo #navegacao .menu-servicos:hover{background:#26b2e2;}
#corpo #conteudo #navegacao .menu-portfolio:hover{background:#08b9ea;}
#corpo #conteudo #navegacao .menu-contatos:hover{background:#17d8f7;}

/* Parte da Home */
#corpo #conteudo #home .novidade .titulo {
	color:#7f7f7f;
	margin-top:10px;
	margin-left:8px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:16px;
}

#corpo #conteudo #home .novidade img {
	margin:0px 10px 0px 10px;
}

#corpo #conteudo #home .novidade h1 {
	margin: 5px 10px;
	color:#8f908d;
}

#corpo #conteudo #home .novidade p {
	color:#898989;
	margin-left:10px;
	font-size:12px;
	width:325px;
	text-align:justify;
	margin-bottom:5px;

}

#corpo #conteudo #home .novidade .saiba-mais {
	color: #FF6600;
	text-decoration:none;
	font-size:12px;
	margin-left:10px;
}

#corpo #conteudo #home .novidade .saiba-mais:hover {
	color: #CC3300;
}

#corpo #conteudo #rodape img {
	width:137px;
	margin-left:100px;
	margin-top:10px;
	margin-bottom:15px;
}

#corpo #conteudo #rodape p {
	color:#8e8e8e;
	font-size:10px;
	width:300px;
	padding-left:100px;
	padding-bottom:10px;
}


/*  paginas de Conteudo

-------------------------------- */
.pagina_conteudo {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
	color:#8e8e8e;
	text-align:justify;
}

#formulario-contato fieldset{
	border:none;
}
#formulario-contato input, #formulario-contato select, #formulario-contato textarea {
	border:1px solid #0c4795;
	background:#a1dbf0;
	padding:1px;
	color:#0c4795;
}
#formulario-contato textarea {
	width:300px;
}
#formulario-contato .bnt-enviar {
	background:#026ab5;
	width:220px;
	border:none;
	padding:3px;
	color:#fff;
	display:block;
	cursor:pointer;	
}
#formulario-contato .bnt-enviar:hover {
	background:#113583;
}
		

/*  pagina de Portfolio
-------------------------------- */
#portfolio {
	width:349px;
	overflow:hidden;
}
#portfolio li {
	float:left;
	border:1px solid #ccc;
	margin:4px;
}
#portfolio li a{
	border:5px solid #fff;
	width:89px;
	height:71px;
	display:block;
}

#portfolio li a:hover{
	border:5px solid  #333;
}


div.htmltooltip{
	position: absolute; /*leave this and next 3 values alone*/
	z-index: 1000;
	left: -1000px;
	top: -1000px;
	background: #272727;
	border: 10px solid #000;
	color: white;
	padding: 5px;
	width: 250px; /*width of tooltip*/
}

/*  pagina de Contato
-------------------------------- */

#status {
	padding: 5px 0 15px 0;
	display: none;
	color: #900;
	font-weight: bold;
}