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

body {
	margin:0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#16262b;
}

.clear{
	clear:both;
}


/********** topo ***********/

#header{
	width:100%;
	height:100px;
	margin:0 auto;
	display:table;
	background:#00bff3;
	margin-bottom:20px;
}

h1 a{
	display:block;
	width:154px;
	height:39px;
	float:left;
	background:transparent url(../img/marksousa.png) no-repeat;
	margin:35px 0 0 20px;
}

h2{
	color:#0db5e4;
	font:bold 25px Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
	padding:20px 0 20px 135px;
}

.sobre{
	float:left;
	width:210px;
	margin:12px 0 0 60px;
	color:#c9e5f3;
	margin:33px 0 0 50px;
	text-align:left;
}

.email{
	color:#fff;
	text-decoration:none;
}


ul.icones{
	float:left;
	margin:30px 0 0 50px;
	vertical-align:middle;
}

ul.icones li{
	float:left;
	padding-left:5px;
}

ul.icones li a.twitter{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-twitter.png) no-repeat;
}

ul.icones li a.orkut{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-orkut.png) no-repeat;
}

ul.icones li a.behance{
	display:block;
	width:30px;
	height:32px;
	background:transparent url(../img/icon-behance.png) no-repeat;
}

ul.menu{
	float:right;
	height:20px;
	margin:42px 10px 0 0;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}

ul.menu li{
	float:left;
}

ul.menu li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 15px;
}

ul.menu li a:hover{
	text-decoration:underline;
}

.azul{
	color:#3a9adb;
}

/********** FIM topo ***********/

#geral {
	margin:0 auto;
	padding:0;
	width:100%;
}

/********** miniaturas ***********/

#conteudo{
	width:100%;
	margin:0 auto;
}

#miniaturas{
	width:100%;
	margin:0 auto;
	float:left;
}

#miniaturas div{
	float:left;
	width:300px;
	height:270px;
	padding:0 15px 0 7px;
}

#miniaturas div img{
	border:3px solid #16262b;
}

#miniaturas div img:hover{
	border-color:#0db5e4;
}

span.titulo{
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#7a8f96;
	font-weight:bold;
	font-size:14px;
	display:table;
}

span.credito{
	color:#566b72;
	font-size:10px;
	text-align:right;
	display:table;
	text-transform:uppercase;
}

span.be{
	display:table;
	float:right;
	width:16px;
	height:16px;
}

/********** rodape ***********/

#rodape{
	width:100%;
	height:100px;
	background-color:#0b1417;
	margin:30px 0 0 0;
	padding:10px 0 30px 0;
	color:#566b72;
}

#rodape .amigos {
	float:left;
	width:210px;
	margin:30px 0 0 30px;
	text-align:left;
	text-transform:uppercase;
}

#rodape .amigos_tit {
	color:#7a8f96;
	font-weight:bold;
	float:left;
	width:60px;
	margin:30px 0 0 0;
	text-align:right;
}



#rodape .amigos a{
	font-size:10px;
	float:left;
	color:#566b72;
	text-decoration:none;
}

#rodape .amigos a:hover{
	color:#7a8f96;
	text-decoration:none;
}