/* CSS Estudio Fante */
/* Estudiofante.com.br - micael@estudiofante.com.br */
/* By Micael Delgado */

/* ## Layout ## */
@font-face {
    font-family: 'AmericanPurposeRegular';
    src: url('font/american_purpose-webfont.eot');
    src: url('font/american_purpose-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/american_purpose-webfont.woff') format('woff'),
         url('font/american_purpose-webfont.ttf') format('truetype'),
         url('font/american_purpose-webfont.svg#AmericanPurposeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	margin:0px;
	padding:0px;
}

body {
	background:url(images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	text-align:center; /* hack para o IE */ 
}
#title {
	padding-top:25px;
	margin:auto;
	width:1050px;
	text-align:center; /* hack para o IE */ 
}

/* ## Header ## */
#header {
	width:100%;
	height:88px;
	background:url(images/bg-topo.png); repeat-x top;
	margin:0px;
	padding:0px;
}
#header-content {
	width:1000px;
	margin:0 auto;
	height:88px;

}
#logo {
	width:440px;
	padding:10px 0 0 20px;

}
/* ## menu ## */


#menu {

	float:right;
	width:500px;
}

#menu ul {
	list-style:none;
	font-family:AmericanPurposeRegular, Arial;
	margin-top:30px;
	margin-left:100px;
}
#menu ul li{
		display:inline;
}
#menu li {
float:left;
padding: 5px 30px;
font-size:20px;
}
#menu li a {
	color:#1d4678;
	text-decoration:none;
	text-transform:uppercase;
}
#menu li a:hover {
	color:#99acba;
}
/* ## conteudo ## */
#conteudo {
	width:1000px;
	margin: 0 auto;
	display:table;
}

#portfolio {
	width:1000px;
	margin-top:30px;

	height:100%;
}
.item {
	margin-left:15px;
	width:318px;
	height:300px;
	text-align:left;
	float:left;
}
.item h4 {
	font-family:AmericanPurposeRegular, Arial;
	font-size:25px;
	letter-spacing:0px;
	color:#1d4678;
	padding-top:15px;
}
.item p {
	font-family:arial;
	color:#565656;
	font-size:12px;
	margin-top:5px;
}
/* Items portfolio */
.portfolio01 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_wesley-ros.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* wesleyros */
.portfolio01:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;
	
}
.portfolio02 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_david-cabral.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* david cabral */
.portfolio02:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}
.portfolio03 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_loja-do-revestimento.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* loja do revestimento */
.portfolio03:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}
.portfolio04 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_furia-tattoo.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* furia tattoo */
.portfolio04:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}
.portfolio05 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_haru-tattoo.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* haru tattoo */
.portfolio05:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}
.portfolio06 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_robson-fotografo.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* robson fonseca */
.portfolio06:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio07 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_augusta-sp.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* augusta sp */
.portfolio07:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio08 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_arteria-zine.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* arteria zine */
.portfolio08:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio09 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_fornalenha.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* fornalenha */
.portfolio09:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio10 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_portugues-para-estrangeiros.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* portugues */
.portfolio10:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio11 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_leo-guilherme.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* leo guilherme */
.portfolio11:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

.portfolio12 {
	margin:0px;
	padding:0px;
	display:block;
	width:299px;
	height:168px;
	background: url(images/thumbnails/portfolio_mad-old-lady.png);
	background-position:0 0!important;
	text-indent: -99999px;
	border: 10px solid #fff;

}/* mad old lady */
.portfolio12:hover {
	background-position: 0 -168px!important;
	border: 10px solid #b9c9d4;

}

/* ## SOBRE ## */
#elefante {
	width:100px;
	float:left;
}
#prologo {
	font-family:AmericanPurposeRegular, Arial;
	color:#1d4678;
	float:right;
	width:700px;
	line-height:30px;
	margin-top:40px;
	text-align:left;
}
#prologo h1 {
	font-size:24px;	
}
#textosobre{
float:right;
width:700px;
margin-top:20px;
text-align:left;
}
#textosobre p {
	margin-top:15px;
	line-height:27px;
}

/* ## RODAPE ##  */

#rodape {
	width:100%;
	background:url(images/bg-rodape.png); repeat-x top;
}
#rodape-content {
	padding-top:10px;
	padding-bottom:10px;
	width:960px;
	margin:auto;
	font-size:12px;
}