@charset "iso-8859-1";

/**
 *
 * Formatação de elementos em geral
 *
 **/
* {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body {
	color:#fff;
	background-color:#000;
}

a {
	color:#fff;
	outline:none;
}

img { border:none; }

h1, h2, hr { display:none; }



/**
 *
 * Principal
 *
 **/
div#principal {
	position:relative;
	width:640px;
	height:480px;
	margin:0 auto;
}



/**
 *
 * Menu
 *
 **/
div#principal ul#menu {
	position:absolute;
	top:0;
	right:14px;
	display:block;
	width:410px;
	height:40px;
	background:url(../imagens/bgMenu.gif) no-repeat left top;
	list-style-type:none;
}

div#principal ul#menu li {
	float:left;
	width:205px;
	height:40px;
}

div#principal ul#menu li a {
	display:block;
	width:205px;
	height:35px;
	line-height:35px;
	text-align:center;
	text-decoration:none;
	font-size:110%;
	font-weight:bold;
	padding-bottom:5px;
}
div#principal ul#menu li a:hover { color:#c00; }



/**
 *
 * Imagem
 *
 **/
p#desenvolvimentoWeb {
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:480px;
	background:url(../imagens/paulo_de_tarso_desenvolvimento_web.gif) no-repeat left top;
	overflow:hidden;
}
p#desenvolvimentoWeb img { display:none; }



/**
 *
 * Portfolio
 *
 **/
div#principal div#portfolio {
	position:absolute;
	top:40px;
	right:14px;
	display:none;
	width:410px;
	height:375px;
	background-color:#000;
	overflow:hidden;
}

/* Lista de sites */
div#principal div#portfolio div.sites {
	width:20000px;	
	clear:both;	
	position:absolute;	
}

/* Informações sobre o site */
div#principal div#portfolio div.sites div.detalhes {
	float:left;
	width:320px;
	height:320px;
	padding:67px 45px 68px;
}

/* Foto da miniatura do site */
div#principal div#portfolio div.sites div.detalhes a {
	display:block;
	width:320px;
	height:320px;
	overflow:hidden;
}


/* Botões */
a.prevPage,
a.nextPage {
	position:absolute;
	top:50%;
	display:none;
	width:30px;
	height:30px;
	text-indent:-9999px;
	margin-top:-40px;
	cursor:pointer;
}

/* Página anterior */
a.prevPage {
	left:186px;
	background:url(../imagens/prev.gif) no-repeat;
}

/* Próxima página */
a.nextPage {
	right:-16px;
	background:url(../imagens/next.gif) no-repeat;
}

a.prevPage:hover,
a.nextPage:hover { background-position:-30px 0; }

a.prevPage:active,
a.nextPage:active { background-position:-60px 0; } 

/* Botões desativados */
a.prevPage.disabled,
a.nextPage.disabled,
a.prevPage.disabled:hover,
a.nextPage.disabled:hover {
	background-position:-90px 0;
	cursor:default;
}



/**
 *
 * Formulário
 *
 **/
div#principal div#formulario {
	position:absolute;
	top:40px;
	right:14px;
	display:none;
	width:410px;
	height:375px;
	background-color:#000;
	overflow:hidden;
}

div#principal div#formulario form {
	width:410px;
	height:375px;
}
div#principal div#formulario form fieldset { border:none; }

div#principal div#formulario form fieldset label,
div#principal div#formulario form fieldset input,
div#principal div#formulario form fieldset button {
	height:26px;
	line-height:26px;
	font-size:100%;
}
div#principal div#formulario form fieldset label {
	position:absolute;
	left:0;
	display:block;
	font-weight:bold;
	color:#ccc;
}
div#principal div#formulario form fieldset input,
div#principal div#formulario form fieldset textarea {
	position:absolute;
	left:0;
	width:404px;
	color:#333;
	padding:2px;
	background-color:#f7f7f7;
	border:1px solid #333;
}
div#principal div#formulario form fieldset button {
	position:absolute;
	bottom:0;
	right:0;
	width:80px;
	height:32px;
	font-size:110%;
	font-weight:bold;
	color:#c00;
	background-color:#f7f7f7;
	text-align:center;
}

div#principal div#formulario form fieldset label#labelNome { top:10px; }
div#principal div#formulario form fieldset label#labelEmail { top:75px; }
div#principal div#formulario form fieldset label#labelMsg { top:140px; }

div#principal div#formulario form fieldset input#nome { top:35px; }
div#principal div#formulario form fieldset input#email { top:100px; }
div#principal div#formulario form fieldset textarea#mensagem {
	position:absolute;
	top:165px;
	left:0;
	height:150px;
	font-size:110%;
}



/**
 *
 * Botão "Fechar"
 *
 **/
div#principal a#botaoFechar {
	position:absolute;
	right:14px;
	bottom:0;
	display:none;
	width:24px;
	height:24px;
	text-indent:-9999px;
	background:url(../imagens/botaoFechar.gif) no-repeat 0 0;
}
div#principal a#botaoFechar:hover { background-position:0 -24px; }