/* CSS Document */
body {
	color: #919396;
	background: #fff url(../images/bg-avivar.jpg) center top repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 17px;
}
#splash {
	width: 100%;
	background: url(../images/home-avivar.jpg) center top no-repeat;
	height: 768px;
}
#splash2010 {
	width: 100%;
	background: url(../images/home-avivar2010.jpg) center top no-repeat;
	height: 768px;
}
#splash #btn, #splash2010 #btn {
	width: 356px;
	w/idth: 950px;
	height: 22px;
	margin: 0 auto;
	overflow: hidden;
	padding: 543px 0 0 594px;
}
#splash #btn a {
	display: block;
	height: 20px;
	width: 81px;
	float: left;
	background: url(../images/btn-home.gif) left top no-repeat;	
}
#splash2010 #btn a {
	display: block;
	height: 20px;
	width: 81px;
	float: left;
	background: url(../images/btn-home2010.gif) left top no-repeat;	
}
#splash #btn a.btn-blog, #splash2010 #btn a.btn-blog {
	background-position: -81px top;
}
#splash #btn a.btn-home:hover, #splash2010 #btn a.btn-home:hover {
	background-position: 0 -20px;
}
#splash #btn a.btn-blog:hover, #splash2010 #btn a.btn-blog:hover  {
	background-position: -81px -20px;
}
a:link, a:visited {
	color: #a4a6a7;
	text-decoration: none;
}
a:hover, a:active {
	color: #666;
}
a:focus {
	outline: none;
}
strong {
	font-weight: bold;
}
#wrapper, #wrapper2010 {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	background: #FFF;
}
#content {
	width: 940px;
	overflow: hidden;
	clear: both;
	overflow: hidden;
	display: block;
}
img.logo {
	clear: both;
	padding: 0 20px;
}
#menu {
	background: url(../images/bg-menu.gif) left 173px repeat-x;
	width: 910px;
	margin: 0 auto;
	text-align: center;
	height: 260px;
}
#menu span {
	display: none;
}
#menu ul {
	height: 24px;
	margin: 0 auto;
	clear: both;
	display: block;
	width: 510px;
}
#menu ul li a {
	display: block;
	height: 24px;
	background: url(../images/menu.jpg) left top no-repeat;
}
#menu ul li {
	float: left;
	height: 24px;
}
#menu ul li.m-cabeca a {
	width: 135px;
}
#menu ul li.m-cabeca a:hover {
	background-position: 0 -30px;
}
.cabeca #menu ul li.m-cabeca a {
	background-position: 0 -60px;
}
#menu ul li.m-historia a {
	width: 115px;
	background-position: -135px 0;
}
#menu ul li.m-historia a:hover {
	background-position: -135px -30px;
}
.historia #menu ul li.m-historia a {
	background-position: -135px -60px;
}
#menu ul li.m-campanhas a {
	width: 97px;
	background-position: -250px 0;
}
#menu ul li.m-campanhas a:hover {
	background-position: -250px -30px;
}
.campanhas #menu ul li.m-campanhas a {
	background-position: -250px -60px;
}
#menu ul li.m-realize a {
	width: 70px;
	background-position: -347px 0;
}
#menu ul li.m-realize a:hover {
	background-position: -347px -30px;
}
.realize #menu ul li.m-realize a {
	background-position: -347px -60px;
}
#menu ul li.m-blog a {
	width: 93px;
	background-position: -417px 0;
}
#menu ul li.m-blog a:hover {
	background-position: -417px -30px;
}
/* home */ 
body.home #wrapper {
	background: #fff url(../images/foto-home.jpg) center 195px no-repeat;
}
body.home #wrapper2010 {
	background: #fff url(../images/foto-home2010.jpg) center 195px no-repeat;
}
body.home #rodape {
	margin: 450px 0 0 0;
}
body.home #wrapper2010 #rodape {
	margin: 520px 0 0 0;
}
/* coluna esquerda // submenu */
#left {
	width: 224px;
	background:url(../images/bg-left.jpg) left top repeat-y;
	padding: 30px 0;
	float: left;
}
.cabeca #left, .campanhas #left {
	height: 305px;
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
}
.campanhas #left p {
	text-align: right;
	font-size: 10px;
	padding: 15px 15px 0 0;
}
.campanhas #left strong {
	font-size: 11px;
}
#left ul li a {
	height: 36px;
	line-height: 36px;
	display: block;
}
#left ul {
	background: url(../images/bg-linha.gif) left top repeat-x;
	margin: 0 0 0 15px;
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #d4d4d4;
}
#left ul li {
	border-bottom: 1px solid #d4d4d4;
	text-align: right;
}
#left ul li span {
	padding: 0 15px 0 15px;
}
#left ul li:hover span, #left ul li.ativo span,
.aliancas .sub-aliancas span,
.apliques .sub-apliques span,
.brincos .sub-brincos span,
.buques .sub-buques span,
.damas .sub-damas span,
.sapatos .sub-sapatos span,
.tercos .sub-tercos span,
.tiaras .sub-tiaras span  {
	background:url(../images/bullet.gif) left 2px no-repeat;
}
#left ul li.ativo a  {
	color: #666;
}
/* realize */ 
.realize #left p {
	background:url(../images/bg-linha.gif) left top repeat-x;
	padding: 20px 0 0 0;
	text-align: right;
	line-height: 24px;
	border-left: none;
	border-right: none;
	margin: 0 0 0 15px;
}
.realize #left span {
	background:url(../images/bg-linha.gif) left bottom repeat-x;
	padding: 0 15px 20px 0;
	display: block;
}
.realize form, #sucesso {
	width: 596px;
	w/idth: 716px;
	float: left;
	padding: 0 0 0 120px;
}
input#btn-enviar {
	width: 80px;
	height: 35px;
	background: url(../images/btn-enviar.gif) left top no-repeat;
	float: right;
}
input#btn-enviar:hover {
	background-position: 0 -35px;
}
.realize form input, .realize form textarea {
	background: #e4e4e4;
	border: 0;
}
.realize form label {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	clear: both;
	display: block;
	padding: 0 5px;
}
.realize form ul {
	float: left;
	width: 215px;
	margin: 0 30px 0 0;
}
.realize form ul.form-dados input {
	margin: 5px 0 15px 5px;
	width: 205px;
}
.realize form textarea {
	margin: 5px 0 0 5px;
	width: 205px;
	height: 125px;
}
/* nossa historia */
.historia #content img {
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
}
.historia #left {
	width: 462px;
	float: left;
	background: #eee url(../images/bg-left.jpg) left top repeat-y;
	padding: 0 0 0 0;
	height: 412px;
}
.historia #content #left p {
	margin: 0 60px 0 115px;
	text-align:justify;
}
.historia #content #left p.first {
	background: url(../images/bg-linha.gif) left top repeat-x;
	padding: 20px 0 15px 0;
	font-weight: bold;
	margin: 50px 60px 0 115px;
}
.historia #content #left p.last {
	background: url(../images/bg-linha.gif) left bottom repeat-x;
	font-size: 11px;
	padding: 0 0 20px 0;
}
.historia h1 {
	clear: both;
	display: block;
	font-size: 24px;
	padding: 0 0 20px 105px;
}
#rodape {
	clear: both;
	text-align: center;
	font-weight: bold;
	line-height: 80px;
	display: block;
}
/* carrossel */
#carrossel-container {
	overflow: hidden;
	width: 700px;
	float: left;
	padding: 5px 0;
	border-left: 1px solid #d4d4d4;
}
.carrossel { 
	float: left;
	width: 700px;
	position: relative;
	margin: -305px 0 0 0;
	z-index: 1;
	height: 305px;
}
.carrossel ul li  {
	padding: 0 0 0 0;
	float: left;
	height: 305px;
}
img.prev {
    float: left;
	cursor: pointer;
	position: relative;
	z-index: 10;
	width: 20px;
	height: 305px;
	background: url(../images/nav-left.png) left top no-repeat;
}
img.next {
    float: right;
	cursor: pointer;
	position: relative;
	z-index: 10;
	margin: -305px 0 0 0;
	width: 20px;
	height: 305px;
	background: url(../images/nav-right.png) left top no-repeat;
}
img.prev:hover, img.next:hover {
	background-position: 0 -305px;
}
/* creditos */ 
#creditos {
	width: 231px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	overflow: hidden;
}
#creditos a {
	display: block;
	float: left;
	height: 20px;
}
a.agenciadez {
	width: 105px;
	background: url(../images/rodape.gif) left top no-repeat;
}
a.cumplice {
	width: 126px;
	background: url(../images/rodape.gif) -105px top no-repeat;
}
a.agenciadez:hover {
	background-position: 0 -20px;
}
a.cumplice:hover {
	background-position: -105px -20px;
}