@charset "utf-8";
/* CSS Document */
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}

body {
	background:url(../images/bgPrincipal.png) #f3f4db no-repeat scroll 50% 0 !important;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#484848;
	margin:0;
	padding:0;
}

#portfolio {background:url(../images/bgPortfolio.png) #f3f4db no-repeat scroll 50% 0 !important;}
img {border:0;}
#container, #containerRodape {margin:0 auto; width:820px; text-align:left;}
#cabecalho {width:820px; height:84px;}

/*============ Início menu ============ */
#menu {width:820px;	height:29px;}
#menuRV {float:right; list-style:none; margin:0; padding:0;	width:100%;}
#menuRV li {float:right; margin:0; padding:0;}
#menuRV a {font-size:15px; display:block; float:left; margin:0; padding:0px 18px; text-decoration:none; height:29px;}
#menuRV a:hover {background:url("../images/hover.png") bottom center no-repeat; font-size:15px; color:#9a00ac;} /*padding-bottom:9px;*/
.menuSelecionado {background:url("../images/hover.png") bottom center no-repeat; color:#9a00ac;}
/*============ Fim menu ============ */

#conteudo {padding-bottom:323px;} /* deve ser a mesma altura do rodapé 140px*/

/*============ Início conteúdo home ============ */
#containerUT {height:286px;}
#tituloUT {font-family:Georgia, "Times New Roman", Times, serif; color:#cdb5cd; font-style:italic; font-size:26px; margin: 15px 0;}
.imagem {float:left;}
.containerDescricao {width:277px; height:196px; float:left; padding:0 0 0 10px; color:#fff;}
.tituloProjeto {font-size:14px; color:#e3c7e3; font-weight:bolder; height:55px;}
.descricaoProjeto {font-size:12px; height:115px;}
.descricaoProjeto a {color:#26e3ff;}
.descricaoProjeto a {text-decoration:underline;}
.desenvolvimento {height:25px;}
/*============ Fim conteúdo home ============ */

/*============ Início Meus serviços ============ */
.tituloConteudo {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#4e2545; margin:30px 0 0 0;} /* generico */
.subtituloMS {font-size:14px; color:#694260; padding: 0 0 0 10px;}
.descricaoMS {background:#ebecd2; padding:10px; margin: 10px 0 25px 22px; font-size:12px; color:#67686a; line-height:20px; text-align:justify;}
/*============ Fim Meus serviços ============ */

/*============ Início portfólio ============ */
#containerDescricaoPort {height:124px;}
#tituloPort {font-family:Georgia, "Times New Roman", Times, serif; color:#cdb5cd; font-style:italic; font-size:26px; margin:0; padding:15px 0;}
.descricaoTituloPort {font-size:14px; color:#e3c7e3; height:33px;}
.conteudoPort {font-size:11px; color:#fff;}
.cvPDF {font-size:11px; color:#fff; vertical-align:top; margin-top:15px;}
.cvPDF:hover {font-size:11px; color:#fff; text-decoration:underline;}

.descricaoPort {height:156px; color:#fff; line-height:17px;}
.tituloDescricao {font-size:14px; color:#505050; font-weight:bolder; height:40px;}
.descricao {height:81px; color:#505050;}
.desenvolvimentoPort {height:35px; color:#505050;}
.printPort {float:left; padding-right:15px;}
.printPort img {border:10px #e9eaca solid;}
.separador {padding:30px 0; text-align:center;}
/*============ Fim portfólio ============ */

/*============ Início currículo ============ */
#curriculo {padding-left:20px;}
#headerCV h3 {text-align:center; color:#333; border:0; line-height:18px;}
#headerCV p {text-align:center; color:#333; font-size:12px; line-height:18px;}
#escolaridadeCV p {color:#333; font-size:12px; line-height:25px;}
#experienciaCV p{color:#333; font-size:12px; line-height:18px;}
#footer p {text-align:center; color:#333; font-size:12px; line-height:18px;}

#conhecimentos {width:100%;}
.conhecimentosCV {float:left; list-style:none; margin:0; padding:0;}
.conhecimentosCV li {float:left; margin:0; padding:0; width:245px; height:20px; color:#333;}
.linkemail {color:#1313ed;}
.linkemail:hover {color:#1313ed; text-decoration:underline;}
/*============ Fim currículo ============ */

/*============ Início contato ============ */
#form {margin:20px 0 50px 17px; height:340px;}
ul#contato {width:150px; height:185px; float:left; list-style:none; font-size:14px; color:#701359;} 
ul#contato li{width:390px;}
.labelDescricao {margin:8px 0 5px 0; float:left;}
.input {background:#e7e8d4; height:20px; font-size:1.1em; color:#6f6f6f; border:1px #c3c4b2 solid; padding-top:2px; margin-bottom:6px;}
textarea {background:#e7e8d4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#6f6f6f; border:1px #c3c4b2 solid; width:385px; margin-bottom:6px;}
.botaoEnviar {background:url(../images/btEnviar.png); cursor:pointer; width:114px; height:42px; border:0; margin:5px 0 0 277px;}
/*.botaoEnviar:hover {background:url(../images/btEnviarHover.png);}*/
label {background:#ffe4e4; color:#fe2d2d; border:1px solid #ffb5b5; font-size:11px; padding:3px; float:left;}
/*============ Fim contato ============ */

/*============ Início rodapé ============ */
#containerRodape {padding:20px 0 0 0;}

#rodape {background:url(../images/bgRodape.png) repeat-x  scroll 50% 0 !important; position:relative; margin-top:-323px; /* A mesma altura do rodapé, o valor deve ser negativo */ height:323px; clear:both}
#rodape {background:#000; color:#FFF; text-align:center; height:323px}

.tituloRodape {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#f3f4db;}

#sobre {width:356px; height:185px; float:left; margin-left:20px;}
.floatLeft {float:left; margin: 3px 10px 5px 0;}
.textoRodape {color:#c6c8ca; line-height:16px; text-align:justify;}

#contatoRodape {width:150px; height:185px; float:left; margin-left:40px;}
.descricaoContato {color:#c6c8ca;}
.descricaoContato ul {margin:0; padding:0; list-style:none; color:#c6c8ca;}
.descricaoContato li {height:32px; margin:0; display:block;}
.descricaoContato li a {color:#c6c8ca;}
.descricaoContato li a:hover {color:#c6c8ca; text-decoration:underline;}

#indicacoes {width:203px; height:185px; float:left; margin-left:50px;}
#valido {text-align:right; padding-top:215px;}
/*============ Início rodapé ============ */