@charset "utf-8";
/* CSS Layout by Flor Braz eu@florbraz.com */

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	outline:none;
}


html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} a { outline:none }

body {
	width:100%;
	color:#8c857b;
	font-family:tahoma;
	font-size:62.5%;
}


a {
	color:#fff;
}

.container-center {
	width:940px;
	text-align:left;
	margin:0 auto;

}

.top {
	width:100%;
	height:205px;
	background:url(../img/bg-top.gif) repeat;
	position:relative;
	text-align:center;
}

.top .container-center {
	position:relative;
	z-index:2;
}

.top address {
	position:absolute;
	right:25px;
	top:20px;
	font-size:1.2em;
}

.top address span {
	color:#e23757
}

h1 a {
	width:186px;
	height:151px;
	background:url(../img/logo.png) no-repeat;
	float:left;
	text-indent:-99999px;
	margin-left:0px;
	margin-top:45px;
	display:inline;
}

.dock-container-outside  {
	display:inline;
	float:left;
	left:324px;
	position:absolute;
	top:207px;
	width:500px;
	}

.content {
	padding-top:30px;
	font: normal 11px tahoma;
	padding-bottom:25px;
	background:#fff;
}

#home .content {
	padding-top:11px;
}

.content .container-center:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.content p {
	color:#8c857b;
	text-align:justify;
	line-height:130%;
}

h2, h3 {
	font:italic 1.9em georgia;
	margin-bottom:6px;
	color:#8c857b;
}

#home .wslide-menu a {
	float:left;
	background:#DDDDDD;
	font-family:georgia;
	font-size:18px;
	padding:4px 10px;
	text-align:center;
	text-decoration:none;
}

#home .wslide-menu a.link1.wactive {
	background:#E9D4B3;
}

#home .wslide-menu a.link2.wactive {
	background:#D7C4A5;
}

#home .wslide-menu a.link3.wactive {
	background:#C2B195;
}

#home .wslide-menu a.link4.wactive {
	background:#AE9F86;
}

#home .wslide-menu a.link5.wactive {
	background:#9C8E78;
}

#home .slides {
	width:940px;
	height:270px;
	padding-top:41px;
}


#home .slides p {
	font:italic 1.6em georgia;
	margin-bottom:29px;
	line-height:130%;
	color:#8c857b;
	text-align:left;
}

#home .slides p strong {
color:#6c645a;
}

#home .panel01 {
background:url(../img/bg-florinha01.png);
}

#home .panel01 .balao {
	margin-top:29px;
	width:300px;
	padding-left:248px;
	padding-right:27px;
	float:left;
}

div.skills {
	float:left;
	width:360px;
}

div.skills  div  {
	float:left;
	margin:14px 0 0 30px;
}

div.skills  strong {
	width:118px;
	height:19px;
	padding:1px;
	background:#f8eedf;
	position:relative;
	margin-top:3px;
	float:left;
	clear:left;
}

div.skills  span {
	width:118px;
	height:19px;
	background:url(../img/skill-lvl.png) no-repeat left;
	float:left;
	text-indent:-9999px;
}

div.skills  em {
	font:normal 1.6em tahoma;
	color:#918f8d;
	float:left;
}

div.skills div.xhtml span {
	width:100%;
}

div.skills div.css span {
	width:100%;
}

div.skills div.jquery span {
	width:68%;
}

div.skills div.wordpress span {
	width:85%;
}

div.skills div.ai span {
	width:42%;
}

div.skills div.design-interfaces span {
	width:51%;
}

div.skills div.photoshop span {
	width:63%;
}

div.skills div.illustrator span {
	width:56%;
}

#home .panel02 {
background:url(../img/bg-florinha02.png);
}

#home .panel02 .balao {
	float:left;
	margin-top:24px;
	padding-left:522px;
	padding-right:27px;
	width:291px;
}

#home .panel03 {
background:url(../img/bg-florinha03.png);
}

#home .panel03 .balao {
	float:left;
	margin-top:24px;
	padding-left:352px;
	padding-right:27px;
	width:494px;
}

#home .panel03 p {
	margin-bottom:0;
}

#home .panel04 {
background:url(../img/bg-florinha04.png);
}

#home .panel04 .balao {
	float:left;
	margin-top:35px;
	padding-left:30px;
	padding-right:27px;
	width:175px;
}

#home .panel05 {
background:url(../img/bg-florinha05.png);
}

#home .panel05 .balao {
	float:left;
	margin-top:35px;
	padding-left:551px;
	padding-right:27px;
	width:175px;
}

#home .panel05 a {
	color:#ed2173;
}

h2.destaque {
	margin: 4px 0 10px 0;
	color:#909090;
}

#home h2.destaque {
	margin-top:44px;
}

h2.destaque a {
	color:#e33d50;
	font:bold 13px tahoma;
	text-decoration:none;
}


.foto-perfil {
	width:301px;
	height:358px;
	background:url(../images/about.jpg) no-repeat left 8px;
	padding-top:8px;
	float:left;
	margin-right:19px;
}

#contato .foto-perfil {
	background:url(../images/florinha-mail.png) no-repeat left 8px;
}

#thankyou .foto-perfil {
	background:url(../images/florinha-about.png) no-repeat left 8px;
}

.foto-perfil img {
	background:#fff;
}

.info-eu {
	width:300px;
	float:left;
	text-align:justify;
}

.info-eu h2 {
	font-size:3em;
}

.info-eu ul {
	padding:4px 0;
}

.info-eu li {
	padding:2px 0 2px 15px;
}

ul.links-pessoais {
	margin:45px 0 0 19px;
	float:left;
	width:300px;
}

ul.links-pessoais a {
	float:left;
	width:301px;
	height:72px;
	text-indent:-99999px;
	margin-bottom:5px;
	background-position:top;
}

ul.links-pessoais li.curriculo a {
	background-image:url(../img/btn-baixar-curriculo.png);
}

ul.links-pessoais li.projetos a {
	background-image:url(../img/btn-veja-projetos.png);
}

ul.links-pessoais li.redes-sociais a {
	background-image:url(../img/btn-redes-sociais.png);
}

ul.links-pessoais li.contato a {
	background-image:url(../img/btn-entre-em-contato.png);
}

ul.links-pessoais a:hover {
background-position:bottom;
}

ul.folio {
	width:960px;
	margin-left:-4px;
}

ul.folio li {
	background:url(../img/quadro-folio.png) no-repeat;
	width:280px;
	height:347px;
	padding:11px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}


ul.folio li img {
	border:1px solid #ece8e2!important;
	width:280px;
	height:189px;
}

ul.folio li  h2, ul.folio li  h3 {
color:#b6aaa0;
margin:5px 0 0 4px;
}

ul.folio li  p {
color:#a29b95;
margin:0 0 10px 5px;
padding-right:10px;
}

ul.folio li em {
	font-style:italic;
}

ul.folio li  div.buttons {
	position:absolute;
	bottom:12px;
	right:10px;
}

ul.folio li a.screenshots, ul.folio li a.visitar {
	background:#e33d50;
	text-transform:uppercase;
	cursor:pointer;
	font-size:10px;
	text-decoration:none;
	float:left;
	width:92px;
	padding:6px 0;	
	text-align:center;
	margin-left:2px;
}
ul.folio li a.screenshots:hover, ul.folio li a.visitar:hover {
background:#ff537c;
color:#f9f3d9;
}

ul.folio li a.offline-privado, ul.folio li a.offline-privado:hover {
	cursor:help;
	background:#c38088;
	color:#fff;
}

ul.projetos {
	width:960px;
}

ul.projetos li {
	width:280px;
	padding:11px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}

ul.projetos h3 {
margin-top:10px;
font-size:18px;
}

ul.projetos  img {
	height:215px;
}

ul.projetos  img.florinha {
	height:auto;
}

ul.projetos a {
	color:#eb2a6e;
	text-decoration:none;
}

.contato  h2 {
	font-size:32px;
}

#contato .contato {
	width:540px;
	float:left;
}

#contato form {
	width:600px;
	float:left;
	position:relative;
}

#contato fieldset {
	width:539px;
}

#contato label:after, .contato fieldset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#contato label {
	float:left;
	margin:0 17px 17px 0;
	position:relative;
}

#contato label span {
	float:left;
	font-size:12px;
	margin-bottom:4px;
	width:250px;
	height:15px;
}

#contato input {
	width:240px;
	height:15px;
	background:url(../img/bg-form-input.gif);
	float:left;
	clear:left;
	border:1px solid #f1e7d7;
	padding:5px;
	color:#ac9e8c;
}

#contato textarea {
	width:509px;
	border:1px solid #f1e7d7;
	background:url(../img/bg-form-textarea.png);
	padding:5px;
	height:72px;
	color:#ac9e8c;
}

#contato input.submit {
	background:url(../img/bg-form-submit.png);
	border:1px solid #d22254;
	color:#fff;
	font-size:13px;
	height:auto;
	padding:8px;
	width:100px;
	margin-right:79px;
	float:right;
}

#contato em.error {
	color:#cc0808;
	float:left;
	padding:2px;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
}

#ie6  .content .container-center {
	background:url(../img/img-morte-ao-ie6.png) no-repeat right -15px;
	padding:25px 420px 10px 0;
	width:520px;
}

#ie6  p {
	margin-bottom:14px;
}

#ie6  ul.browsers li a {
	padding-top:99px;
	color:#8c857b;
	font-size:13px;
	width:97px;
	text-align:center;
	float:left;
	margin-right:30px;
	text-decoration:none;
}

#ie6  ul.browsers li.firefox a {
	background:url(../img/icon-firefox.png) no-repeat 5px 10px;
}

#ie6  ul.browsers li.chrome a {
	background:url(../img/icon-chrome.png) no-repeat left 5px;
}

#ie6  ul.browsers li.opera a {
	background:url(../img/icon-opera.png) no-repeat left 8px;
	padding-left:10px;
}

#ie6  ul.browsers li.safari a {
	background:url(../img/icon-safari.png) no-repeat left -2px;
}

.bottom {
position:relative;
width:100%;
float:left;
background:url(../img/bg-rodape.gif) repeat;
height:250px;
font-size:1.2em;
font-family:tahoma!important;
}

ul.menu-rodape {
	float:left;
	margin-right:81px;
	margin-top:50px;
}

ul.menu-rodape.rodape-last {
	margin-right:0;
}

ul.menu-rodape a, ul.menu-rodape  {
	color:#cdc3bb;
	text-decoration:none;
}

ul.menu-rodape a:hover {
	text-decoration:underline;
	color:#bbae95;
}

ul.menu-rodape li {
	float:left;
	clear:left;
	margin-top:10px;
	display:inline;
}

ul.menu-rodape li.logo a {
	width:109px;
	height:89px;
	float:left;
	background:url(../img/rodape-logo.png) no-repeat top;
	text-indent:-99999px;
}

ul.menu-rodape li.logo a:hover {
background-position:bottom;
}

ul.menu-rodape address {
	font:normal 18px tahoma;
}

ul.menu-rodape address:hover {
	color:#bbae95;
}

ul.menu-rodape li.ie a {
	width:250px;
	height:50px;
	display:inline;
	float:left;
}


.validations {
	width:252px;
	height:118px;
	float:right;
	background:url(../img/valid.png) no-repeat right top;
	position:absolute;
	right:0;
	bottom:0;
}

.validations a.valid-xhtml {
	text-indent:-99999px;
	position:absolute;
	float:right;
	width:66px;
	height:44px;
	right:110px;
	bottom:31px;
	background:url(../img/valid-xhtml.png) no-repeat left 2px;
}

.validations a.valid-css {
	text-indent:-99999px;
	position:absolute;
	float:right;
	width:42px;
	height:42px;
	right:73px;
	bottom:64px;
	background:url(../img/valid-css.png) no-repeat left top;
}

.validations a.valid-xhtml:hover, .validations a.valid-css:hover {
	background-position:0 bottom;
}