/*GERAL*/
*{
	margin: 0;
	padding: 0;
	color: #5A5B5D;
	font-size: 12px;
	outline: none;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*TAGS*/
html,
body{
	width: 100%;
	height: 100%;
	border: 0;
}

a{
	overflow: hidden;
	color: #5A5B5D;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

hr{
	display: none;
}

img,
fieldset{
	border: 0;
}

li{
	list-style: none;
}

table{
	border-collapse: collapse;
}

button{
	cursor: pointer;
}

textarea{
	overflow: auto;
}

input,
select,
textarea{
	outline: none;
}

embed,
object{
	outline: none;
}

textarea{
    resize: none;
}

/*CONTAINER*/
.container{
	width: 100%;
	height: 100%;
	min-width: 850px;
}

/*HEADER*/
.header{
	width: 100%;
	height: 199px;
	background: url(../img/bg_header.jpg) repeat-x;
}

.header .header_content{
	padding: 20px;
}

.header h1{
	width: 384px;
	height: 124px;
	text-indent: -9999px;
	background-image: url(../img/logo_fabio_vieira.png);
	
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo_fabio_vieira.png', sizingMethod='crop');
}

.header h1 a{
	height: 100%;
	display: block;
}

/*CONTENT*/
.content{
	padding: 20px 120px;
	overflow: hidden;
}

.content .tit{
	padding: 0 0 20px 25px;
	background: url(../img/ico_setas.png) no-repeat left 8px;
}

.content .tit h2{
	font-size: 26px;
	color: #2B3641;
	text-transform: uppercase;
}

/*QUEM SOU*/
.content_information{
    padding: 0 25px;
}

.quem_sou p{
	padding-bottom: 25px;
}

.formacao_academica,
.experiencia_profissional,
.conhecimentos,
.outras_informacoes,
.projetos_design,
.projetos_desenvolvimento{
	padding-bottom: 25px;
}

.formacao_academica li,
.experiencia_profissional li,
.conhecimentos li,
.outras_informacoes li{
	padding-bottom: 4px;
}

.projetos_desenvolvimento{
    width: 100%;
    float: left;
    clear: both;
}

.projetos_desenvolvimento li{
    width: 245px;
    float: left;
}

.formacao_academica h3,
.experiencia_profissional h3,
.conhecimentos h3,
.outras_informacoes h3,
.projetos_design h3,
.projetos_desenvolvimento h3{
	padding-bottom: 5px;
}

.formacao_academica p,
.conhecimentos p,
.outras_informacoes p{
	padding: 0;
}

.projetos_design .projetos_design_content{
    width: 600px;
    height: 356px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 5px solid #CCC;
    background-color: #CCC;
}

.projetos_design ul{
    width: 100%;
    height: 338px;
    float: left;
    overflow: hidden;
    margin-right: -5px;
}

.projetos_design li.item{
    width: 600px;
    height: 338px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
    border-right: 5px solid #CCC;
    background-color: #FFF;
}

.projetos_design li.item a{
    width: 650px;
    height: 338px;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: default;
}

.projetos_design li .item_list{
    width: 600px;
    position: relative;
}

.projetos_design li .item_list li{
    position: absolute;
    z-index: 0;
    display: none;
}

.projetos_design li.last{
    border-right: 0;
}

.projetos_design li.item img{
    vertical-align: middle;
}

.conhecimentos li{
	padding-bottom: 15px;
}

.outras_informacoes span{
	color: #698C00;
	font-weight: bold;
}

/*CONTATO*/
.contato label{
	display: block;
}

.contato .formas_de_contato{
	float: left;
	clear: both;
}

.contato .formas_de_contato p{
	padding: 0;
}

.contato form{
	width: 410px;
	float: left;
	clear: both;
	padding: 25px 0;
}

.contato form p{
	padding-bottom: 15px;
	position: relative;
}

.contato form p label.error{
	position: absolute;
	left: 310px;
	top: 20px;
	color: #F00;
}

.contato .formas_de_contato ul{
	float: left;
	display: inline;
	padding: 5px 0;
	margin-left: -20px;
}

.contato .formas_de_contato li{
	float: left;
	display: inline;
	position: relative;
	padding: 0 0 0 10px;
	margin-left: 10px;
	background: url(../img/bullet_seta.png) no-repeat left center;
}

.contato .formas_de_contato li.first{
	background: none;
}

.contato label{
	display: block;
	font-weight: bold;
}

.contato input,
.contato textarea{
	width: 390px;
	padding: 3px 5px;
	border: 1px solid #CCC;
	font-size: 12px;
}

.contato input.error,
.contato textarea.error{
	border: 1px solid #F00;
}

.contato input{
	height: 15px;
	margin-right: 5px;
}

.contato input.txt_ddd{
	width: 20px;
}

.contato input.txt_telefone{
	width: 350px;
}

.contato textarea{
	height: 120px;
}

.contato .campos_de_preenchimento_obrigatorio{
	float: left;
}

.contato .bt_enviar{
	float: right;
	display: inline;
	margin-right: 10px;
}

/*FOOTER*/
.footer{
	width: 100%;
	height: 108px;
	float: left;
	clear: both;
	display: inline;
	margin-top: 70px;
	background: url(../img/bg_footer.jpg) repeat-x;
}

.footer .footer_content{
	padding: 70px 20px 20px 20px;
}

.footer p{
	float: left;
}

.footer ul{
	float: right;
}

.footer li{
	float: left;
	display: inline;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #000;
}

.footer li.first{
	border: 0;
}