/*#####################################################################*/
body{
	background:url(../img/bg-body.png) repeat-x left top;
}
/*#####################################################################*/
#site{
	position:relative;
	width:1000px;
	margin:0 auto;
}
/*#####################################################################*/
#topo{
	position:relative;
	margin-top:1px;
	background:url(../img/topo.png) no-repeat;
	height:133px;
}

#topo h1{
	cursor:pointer;
}

#topo h1.klinical{
	position:absolute;
	background:url(../img/studio-clinical.png) no-repeat;
	width:266px;
	height:22px;
	margin:30px 0 0 226px;
}
#topo h1.pilates{
	position:absolute;
	background:url(../img/pitales-acupuntura.png) no-repeat;
	width:380px;
	height:48px;
	margin:58px 0 0 170px;
}
#topo h1.karina{
	position:absolute;
	background:url(../img/karina.png) no-repeat;
	width:170px;
	height:24px;
	margin:101px 0 0 345px;
}
#topo h1.logo{
	position:absolute;
	background:url(../img/logo.png) no-repeat;
	width:148px;
	height:134px;
	margin:6px 0 0 790px;
}
/*#####################################################################*/
#menu{
	position:relative;
	text-align:center;
}

#menu ul{
	position:relative;
	height:33px;
}

#menu ul li{
	position:relative;
	display:inline;
	height:33px;
}

#menu ul li a:hover{
	background:url(../img/menu-hover.png) repeat-x;
	color:#fff;
}

#menu ul li a.ativo{
	position:relative;
	float:left;
	color:#fff;
	background:url(../img/menu-hover.png) repeat-x;
}

#menu ul li a{
	position:relative;
	text-decoration:none;
	text-align:center;
	height:33px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#000;
}


#menu ul li a p{
	margin-top:7px;
}

#menu ul li.barra{
	position:relative;
	float:left;
	background:url(../img/barra.png) no-repeat;
	width:5px;
}
#menu ul li a.inicio{
	position:relative;
	float:left;
	width:100px;
}
#menu ul li a.pilates{
	position:relative;
	float:left;
	width:100px;
}
#menu ul li a.acupuntura{
	position:relative;
	float:left;
	width:120px;
}
#menu ul li a.fotos{
	position:relative;
	float:left;
	width:90px;
}
#menu ul li a.cursos{
	position:relative;
	float:left;
	width:200px;
}
#menu ul li a.contato{
	position:relative;
	float:left;
	width:100px;
}
#menu ul li a.local{
	position:relative;
	float:left;
	width:140px;
}
#menu ul li a.parceiros{
	position:relative;
	float:left;
	width:105px;
}
/*#####################################################################*/
#corpo{
	position:relative;
	float:left;
	margin:5px 0;
	width:100%;
	background:#ebebeb;
	min-height:300px;
}
/*#####################################################################*/
#rodape{
	position:relative;
	float:left;
	background:#584ea0;
	height:30px;
	width:100%;
}

#rodape a.isapo{
	position:relative;
	float:left;
	margin:4px 0 0 50px;
	background:url(../img/isapo-logo.png) no-repeat;
	width:65px;
	height:24px;
}

#rodape address{
	position:relative;
	float:left;
	text-decoration:none;
	font-style:normal;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	margin:8px 0 0 200px;
}

#rodape a{
	text-decoration:none;
	color:#fff;
}
#rodape a.orkut{
	position:relative;
	float:left;
	background:url(../img/btn-orkut.png) no-repeat;
	width:48px;
	height:30px;
	margin-left:10px;
}
/*#####################################################################*/
#menu-dir{
	position:relative;
	float:left;
	width:190px;
	background:url(../img/bg-menu.jpg) no-repeat;
	min-height:300px;
	z-index:9;
	height:100%;
}

#menu-dir ul{
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#menu-dir ul li{
	position:relative;
	float:left;
	width:148px;
	margin-bottom:10px;
}

#menu-dir ul li a{
	position:relative;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#474747;
}

#menu-dir ul li a:hover{
	text-decoration:underline;
}
/*#####################################################################*/
#conteudo{
	position:relative;
	float:left;
	width:810px;
	margin-bottom: 15px;
}
#conteudo p.descricao{
	position:relative;
	max-width:800px;
	font:12px Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-bottom:10px;
}
/*#####################################################################*/

h2{
	position:relative;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	padding-top:10px;
	letter-spacing:1px;
}
a, a:hover, a:visited{
	cursor:pointer;
	color:#000;
}

#menu-dir ul li.ativo{
	text-decoration:underline;
}