/*///////////////////////////////////////////////////////////////////////////////////////////////////////
// Geral
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* hide from ie on mac \*/

* {
	margin:0;
	padding:0;
}

img { border: none; }

p 
{ 
	margin: 0; 	
}



body 
{
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: normal 16px verdana;
	background: url("../../images/background.jpg") ;	
	background-color: #000;
	
}


a, a:hover
{
	color: #acc5d0;
	text-decoration: none;
}

a:hover 
{ 
	color: #fff; 
	text-decoration: underline; 
}




/* Clearfix
 */
.clearfix:after 
{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	content:".";
}
.clearfix 
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear 
{
	clear: both;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////
// Estruturas
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* DIV QUE ENGLOBA TODAS AS ESTRUTURAS */
#container 
{
	margin: 0 auto;
	width: 700px;
}


/* Topo */

#topo
{
	margin-top: 30px;
	width: 700px;
	height: 111px;
	
}

#topo-esquerda
{
	width: 214px;
	height: 99px;
	float: left;
}

#topo-esquerda h1 {
	float:left;
	display:block;
	width: 214px;
	height: 99px;
	background: url("../../images/logo.png");
}

#topo-esquerda h1 a 
{
	float:left;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}


#topo-direita 
{
	border: 0px solid #fff;	
	width: 310px;
	text-indent: 80px;
	height: 79px;
	float: left;
	margin-top: 30px;
	margin-left: 176px;
	background: url("../../images/envelope.png") 5px 12px no-repeat;
	border: 0px solid #fff;
}

#topo-direita p
{
	color: #acc5d0;
	font: normal 13px verdana;
	text-align: left;
	margin-top: 4px;
}


#topo-direita p b
{
	color: #fff;
	font: bold 15px verdana;
	
}

#topo-direita p a
{
	color: #95cddf;
	font: regular 15px verdana;	
	letter-spacing: 0.7px;
}

#topo-direita p a:hover
{
	color: #fff;
	text-decoration: none;
	
}


/* Divisor Topo */

.divisor-home
{
	width: 700px;
	height: 6px;
	background: url("../../images/divisor-home.png") no-repeat;
}


/* Menu */

#menu
{

	margin: 20px 0 0 0;
	width: 700px;
	height: 57px;
	float: left;
	border: 0px solid #fff;

	
}

ul#menu li
{
	margin: 0;
	height: 57px;
	list-style: none;	
	float: left;		
	color: #fff;
	padding:0;
	
}

ul#menu li a
{	
	height: 57px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

ul#menu li.blog
{
	width: 125px;
	background: url(../../images/menu-blog.png) no-repeat;
}

ul#menu li.portfolio
{
	width: 251px;
	background: url(../../images/menu-portfolio.png) no-repeat;
	margin-left: 33px;
}

ul#menu li.bio
{
	width: 87px;
	background: url(../../images/menu-bio.png) no-repeat;
	margin-left: 33px;
}

ul#menu li.shop
{
	width: 132px;
	background: url(../../images/menu-shop.png) no-repeat;
	margin-left: 33px;;
}




/* Box Blog */


#box-portfolio1, #box-portfolio2,#box-portfolio3,#box-portfolio4,#box-portfolio5,#box-portfolio6,#box-portfolio7,#box-portfolio8,#box-portfolio9
{
	width: 660px;
	height: auto;
	margin-top: 20px;
	background-color: #0d1213;
	padding: 20px;
	border: 0px solid #fff;
}


.descricao-portfolio
{
	width: 180px;
	height: auto;
	float: left;
	margin-right: 20px;
	border: 0px solid #fff;
}


.foto-portfolio
{
	width: 455px;
	height: auto;
	float: left;
	border: 1px solid #252e32;
}

.descricao-portfolio h3
{
	background: url(../../images/titulo-projeto.jpg) no-repeat;
	width: 71px;
	height: 16px;
	text-indent: -9999px;
	border: 0px solid #fff;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0px solid #fff;
}

.descricao-portfolio h3.titulo-cliente
{
	background: url(../../images/titulo-cliente.jpg) 0 1px no-repeat;
	width: 64px;
	height: 15px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
				
}


.descricao-portfolio p 
{
	color: #96c2d5;	
	margin: 0;
	font-size: 11px;
	font-family: verdana;
	text-align: left;
	
	
		
}

.descricao-portfolio p b
{
	color: #bbe2f3;	
	font-size: 13px;
	text-align: left;
	
	
}


/* Box Portfólio */


#box-portfolio-interno
{
	width: 700px;
	height: auto;
	margin-top: 20px;
	border: 0px solid #fff;
	
}
#box-portfolio-interno img
{
	border: 1px solid #377078;
	padding: 4px;
	float: left;
}


/* Bio*/


#box-bio
{
	width: 700px;
	height: auto;
	margin-top: 20px;
	border: 0 solid #fff;
	background-color: #161d20;
	padding: 10px;
}


#box-bio-esquerda
{
	float: left;
	height: auto;
	border: 0 solid #fff;
	
}

#box-bio-direita
{
	float: left;
	height: auto;
	border: 0 solid #fff;
	width: 315px;
	margin-top: 20px;
	
}


#box-bio p 
{
	color: #fff;
	font: normal 13px verdana;
	text-align: left;
}

#box-bio h3.titulo-bio
{
	text-indent: -9999px;
	margin-bottom: 10px;
	background: url("../../images/titulo-bio.jpg") no-repeat ;
}


/* Bio*/

#box-shop
{
	width: 700px;
	height: auto;
	margin-top: 20px;
	padding: 10px;
}

/* Home */

#home
{
	width: 552px;
	height: 315px;
	margin: 100px auto;
	padding: 10px;

}

#home img
{
		
}