body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background: url(../images/bg-site.gif);
}
p { 
	padding: 15px 15px 0 15px;
}
strong {
	font-weight:bold;
}
/************************************ navegação ******************************/
#menu {
	width: 150px;
	float: left;
	padding-top: 70px;
	border-right: 50px solid #FFF;
}
#menu ul {
	list-style:none;
	width: 120px;
	margin: 0 auto;
}
#menu li {
	clear: both;
	margin-bottom: 20px;
}
#menu li:hover {
	background-position: 0 -20px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu ul li a {
	display: block;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
#menu .m-historia {
	background-image: url(../images/bt-historia.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
#menu .m-lojas {
	background-image: url(../images/bt-lojas.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
#menu .m-colecao{
	background-image: url(../images/bt-colecao.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
#menu .m-wallpapers {
	background-image: url(../images/bt-wallpapers.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
#menu .m-viver {
	background-image: url(../images/bt-viver.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
#menu .m-contato {
	background-image: url(../images/bt-contato.gif);
	background-repeat: no-repeat;
	width: 120px;
	height: 20px;
}
body.act-historia .m-historia,
body.act-lojas .m-lojas,
body.act-wallpapers .m-wallpapers,
body.act-contato .m-contato,
body.act-colecao .m-colecao,
body.act-viver .m-viver {
	background-position: 0 -40px;
}
/************************************ conteudo *******************************/
#wrapper {
	width: 760px;
	margin: 0 auto;
}
#logo { 
	height: 70px;
	clear: both;
}
#bg-titulo {
	height: 25px;
	width: 200px;
	float: left;
}
#titulo {
	height: 25px;
	background: #ed202c;
	width: 560px;
	float: right;
}
#conteudo {
	width: 760px;
	height: 374px;
	background: url(../images/bg-conteudo.gif) repeat-y;
	clear: both;
}
.foto {
	float: right;
}
#texto {
	width: 250px;
	float: left;
	background: #e6e7e8;
	padding-bottom: 15px;
	border-top: 70px solid #FFF;
}
/******************************* viver é uma arte ****************************/
.campanhas {
	float: left;
}
.largura510 {
	width: 510px;
	margin-top: 30px;
	border-right: 45px solid #FFF;
}
.largura230 {
	width: 230px;
	margin-top: 10px;
}
.campanhas ul {
	list-style: none;
}
.campanhas li{
	margin: 0 auto;
	padding: 2px 2px 0 2px;
	display: block;
	float: left;
}
.campanhas li:hover{
	border: 2px;
	background: #FF0000;
}
.campanhas p{
	font-size: 11px;
	padding: 17px 0 8px 0;
	clear: both;
}
/********************************** produtos *********************************/
#produtos {
	float: left;
	margin-top: 70px;
	width: 560px;
}
#produtos ul {
	list-style: none;
}
#produtos li {
	padding: 2px 2px 0 2px;
	background: #FFF;
	float: left;
}
#produtos li:hover{
	border: 2px;
	background: #FF0000;
}
/********************************** contato *******************************/
#contato-area {
	width: 250px;
	float: left;
	margin-top: 70px;
}
#contato-area p{
	padding: 0 0 15px 0;
}
/*********************************** HACKS *********************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/********************************* alinhamento ****************************/
#v_align {
	/* commented backslash hack for IE5 Mac \*/
 	position: absolute;
 	top: 50%;
 	margin-top: -240px;  /* Metade da altura do conteudo */
	min-height: 480px;  /* Altura total */
	/* end hack */
	width: 100%;
}
*html #v_align {
 	height: 480px;   /* Altura total */
}
#h_align {
	width: 100%;   /* Largura total */
	margin: 0 auto;
	height: 480px;
}
/**************************** cor dos links **************************/
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}
/**************************** assinatura **************************/
#agencia10 {
	background: url(../images/agenciadez.gif);
	background-repeat: no-repeat;
	height: 13px;
	width: 150px;
	float: right;
	margin: 3px 11px 0 0;
	clear:both;
}
#agencia10:hover {
	background-position: 0 -13px;
}