@charset "utf-8";

body {	
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background-color:#F28D9F;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}

a, object {
	outline: none;	
}


ul, h1, h2, h3 {
	list-style: none;
	padding: none;
	margin: none;
	line-height: 100%;
}

#content {
	position: relative;
	width: 975px;
	text-align: left;
	min-height: 774px;
	height: auto !important;
	height: 774px;
}

img{
border: none;
	
}

#menu {
	width: 940px;
	height: 140px;
	background: #FFFEFF;
	position: relative;
	margin-bottom: 10px;
}

#menu div.logo {
	padding:  23px 128px 0px 49px;
	width: 220px;
	float: left;
}

#menu div.where {
	padding-top: 36px;	
	color: #F28D9F;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	text-indent: 47px;
}

#menu div.where span {
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	text-indent: 0px;
}

#menu ul {
	color: #333333;
	font-size: 13px;
	text-indent: 0px;
	margin: 31px 0px 0px 356px;
	position: relative;
	width: 500px;
}

#menu li {
	float: left;
	margin-right: 14px;
}

#menu li a {
	color: #F28D9F;
	font-size: 13px;
	text-decoration: none;
}

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

#menu div#customize {
	position: absolute;
	top: 45px;
	right: -35px;
	width: 177px;
	height: 37px;
	background: url(../img/bg_personalize.gif) right no-repeat;
}	

#menu div#customize div {
	width: 142px;
	height: 32px;
	background: #F28D9F;
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #FFFEFF;
	line-height: 32px;
	text-indent: 15px;
	float: left;
}	

#menu div#customize a {
	display: block;
	width: 35px;
	height: 32px;
	float: left;
	position:relative;
	top: 5px;
}	

#menu div#customize a:hover, #menu div#c_open a:hover {
	cursor: pointer;
}	

#menu div#c_open {
	position: absolute;
	top: 45px;
	right: -35px;
	width: 240px;
	height: 111px;
	background: url(../img/bg_personalize.gif) right top no-repeat;
	display: none;
}	

#menu div#c_open div {
	width: 205px;
	height: 32px;
	background: #F28D9F;
	margin-top: 5px;
	font-size: 13px;
	color: #FFFEFF;
	line-height: 32px;
	text-indent: 14px;
	float: left;
}	

#menu div#c_open a {
	display: block;
	width: 35px;
	height: 32px;
	float: left;
	position:relative;
	top: 5px;
}	

#menu div#c_open ul {
	clear: both;
	height: 79px;
	display: block;
	background: #FFF;
	width: 220px;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
}

#menu div#c_open li {
	width: 42px;
	height: 42px;
	margin: 12px 10px 0px 0px;
	padding: 0px;
}

#menu div#c_open li a {
	width: 40px;
	height: 40px;
	margin: 1px;
	border: 1px solid #F28D9F;
}

#menu div#c_open li a:hover {
	width: 40px;
	height: 40px;
	margin: 0px;
	border: 2px solid #333333;
}

.colecao {
	width: 495px;
	float: left;
	margin-right: 10px;
	background:url(../img/bg_tab.gif) top left no-repeat;
	position: relative;
	top: -15px;
}


.colecao div.wrap  {
	position: relative;
	margin-top: 30px;
	background: #FFFEFF;
	width: 495px;
	height: 100px;
}


.colecao div.wrap div.texto {
	margin: -10px 0px 0px 20px;
	width: 434px;
	float: left;
	font-size: 18px;
	color: #F28D9F;
	font-style: italic;
	font-weight: bold;
}

.colecao div.wrap h2 {
	position: relative;
	top: 10px;
	font-size: 28px;
	color: #333;
	font-style: italic;
	font-weight: bold;
	display: block;
	text-indent: 0px;
}

.colecao div.wrap a {
	position: relative;
	top: 30px;
}

.clear { margin: 0px; padding: 0px; clear: both; border: none }

.videos {
	width: 435px;
	float: left;
	background:url(../img/bg_tab.gif) top left no-repeat;
	position: relative;
	top: -15px;
}


.videos div.wrap  {
	position: relative;
	margin-top: 30px;
	background: #FFFEFF;
	width: 435px;
	height: 100px;
}


.videos div.wrap div.texto {
	margin: -20px 0px 0px 20px;
	width: 295px;
	float: left;
	font-size: 18px;
	color: #F28D9F;
	font-style: italic;
	font-weight: bold;
}

.videos div.wrap h3 {
	position: relative;
	top: 15px;
	font-size: 28px;
	color: #333;
	font-style: italic;
	font-weight: bold;
	display: block;
	text-indent: 0px;
}

.videos div.wrap a {
	position: relative;
	top: 10px;
}

#bottom {
	margin: 0px;
	background: url(../img/bg_bottom.jpg) repeat-x;
	background-color:#F28D9F;
	height: 58px;
}

#bottom div {
	width: 975px;
	line-height: 58px;
	text-align: left;
	position: relative;
	color: #FFFEFF;
	font-size: 18px;
	font-style: italic;
	text-indent: 30px;
}

#bottom div a {
	position: absolute;
	right: 60px;
	top: 22px;
}

#grife, #colecoes, #littleprincess, #sala {
	width: 940px;
}

#grife div.conteudo ul {
	height: 31px;	
	padding: 0px;
	margin: 0px;
	background: url(../img/bg_grife.gif) top repeat-x;
}

#grife div.conteudo ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}


#grife div.conteudo ul li a {
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	margin-top: 4px;
	padding: 0px 20px;
	font-size: 13px;
	font-style: italic;
	color: #FFFEFF;
	text-decoration: none;
}

#grife div.conteudo ul li span {
	display: block;
	float: left;
	height: 31px;
	line-height: 31px;
	padding: 0px 20px;
	font-size: 13px;
	font-style: italic;
	background: #FFFEFF;
	color: #333333;
}


#grife div.conteudo {
	width: 559px;
	float: left;
	margin-right: 9px;
}

#grife div.lateral {
	width: 371px;
	float: left;
}

#grife div.conteudo div {
	width: 521px;
	padding: 20px 18px 6px 20px;
	background: #FFFEFF;
	font-size: 13px;
	color: #333;
	line-height: 160%;
	margin-bottom: 10px;
}

#grife div.conteudo div span {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-bottom: 20px;
	line-height: 80%;
}

#grife div.conteudo div em {
	display: block;
	color: #F28C9F;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 140%;
}

#grife div.lateral div.downloads span {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-bottom: 12px;
	line-height: 80%;
}

#grife div.lateral div.fotos span, #grife div.lateral div.video span {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-left: 10px;
	margin-bottom: 12px;
	line-height: 80%;
}


#grife div.lateral div.downloads {
	width: 331px;
	float: left;
	background: #FFFFFF;
	padding: 18px 20px 20px 20px;
	margin-bottom: 10px;
}

#grife div.lateral div.fotos, #grife div.lateral div.video {
	width: 350px;
	float: left;
	background: #FFFFFF;
	padding: 18px 11px 10px 10px;
	margin-bottom: 10px;
}

#grife div.lateral div.downloads a, #sala div.conteudo div.download a, #sala div.lateral div.navegacao div a {
	background: url(../img/bg_link.jpg) repeat-x;
	display: block;
	float: left;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 10px 0px 9px;
	clear: left;
	margin-bottom: 2px;
}

#colecoes div.conteudo {
	width: 540px;
	float: left;
	margin-right: 10px;
	padding: 16px 20px 20px 20px;
	margin-bottom: 10px;
	background: #FFFEFF;
	line-height: 160%;
	color: #333333;
}

#colecoes div.conteudo span.titulo, #colecoes div.lateral span, #sala div.conteudo span.titulo, #sala div.releases span {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-bottom: 15px;
	line-height: 80%;
}

#colecoes div.conteudo span.subtitulo, #sala div.conteudo span.subtitulo {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin: 20px 0px 5px 0px;
	line-height: 80%;
}

#colecoes div.conteudo ul {
	margin: 0px;
	padding: 0px;
}

#colecoes div.conteudo ul li {
	padding: 0px;
	float: left;
	margin: 0px 8px 10px 0px;
}

#colecoes div.lateral div.historico {
	width: 360px;
	float: left;
	margin-bottom: 10px;
}

#colecoes div.lateral div.historico {
	width: 310px;
	background: #FFFFFF;
	padding: 18px 20px 20px 20px;
	float: left;
	margin-bottom: 10px;
}

#colecoes div.lateral div.newsletter {
	width: 310px;
	background: #FFFFFF;
	padding: 18px 20px 20px 20px;
	float: left;
	height: 162px;
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 17px;
	color: #F28C9F;
	font-style: italic;
	font-weight: bold;
	position: relative;
}

#colecoes div.lateral div.newsletter div.enviar {
	position: absolute;
	top: 150px;
	left: 223px;
}

#colecoes div.lateral div.newsletter div.email {
	position: absolute;
	top: 100px;
	left: 23px;
}

#colecoes div.lateral div.newsletter div.email span {
	font-weight: normal;
	font-size: 13px;
	font-style: normal;
	color: #333;
	line-height: 100%;
	display: block;
	margin-bottom: 2px;
}

#colecoes div.lateral div.newsletter div.email input {
	color: #333333;
	background: url(../img/form_05.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 296px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#colecoes div.lateral div.newsletter span {
	display: block;
	font-size: 21px;
	color: #F28C9F;
}

#colecoes div.lateral div.historico ul {
	padding: 0px;
	margin: 0px;
}

#colecoes div.lateral div.historico ul li {
	color: #F28D9F;
	font-size: 13px;
	text-decoration: underline;
	line-height: 160%;
}

#colecoes div.lateral div.historico ul li a {
	color: #333;
	font-size: 13px;
	text-decoration: underline;
	line-height: 160%;
}

#colecoes div.lateral div.historico ul li a:hover {
	color: #F28D9F;
	text-decoration: underline;
}

#littleprincess div.conteudo {
	height: 580px;
	width: 519px;
	float: left;
	padding: 18px 20px 0px 20px;
	background: #FFF;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
}

#littleprincess div.lateral {
	width: 330px;
	float: left;
	padding: 18px 20px 0px 20px;
	margin-bottom: 10px;
	line-height: 160%;
	position: relative;
	background: #FFF;
}

#littleprincess div.lateral div.text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight:100;
	font-style: normal;
	line-height:150%;
	margin-top:29px;
}

#littleprincess div.lateral div.end{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	font-weight:100;
	font-style: normal;
	line-height:150%;
	margin-top:29px;
}

#littleprincess div.conteudo span.titulo {
	display: block;
	color: #333333;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-bottom: 25px;
	line-height: 80%;
}

#littleprincess div span {
	display: block;
	color: #333333;
	font-size: 13px;
	line-height: 100%;
	margin-bottom: 3px;
}

#littleprincess div.nome {
	position: absolute;
	top: 60px;
	left: 20px;
	width: 519px;
}
#littleprincess div.nascimento {
	position: absolute;
	top: 60px;
	left: 290px;
	width: 150px;
}

#littleprincess div.ano {
	position: absolute;
	top: 76px;
	left: 387px;
	width: 150px;
}

#littleprincess div.telefone {
	position: absolute;
	top: 110px;
	left: 290px;
	width: 250px;
}

#littleprincess div.endereco {
	position: absolute;
	top: 160px;
	left: 20px;
	width: 250px;
}

#littleprincess div.nro {
	position: absolute;
	top: 160px;
	left: 290px;
	width: 43px;
}

#littleprincess div.compl {
	position: absolute;
	top: 160px;
	left: 343px;
	width: 43px;
}

#littleprincess div.bairro {
	position: absolute;
	top: 260px;
	left: 20px;
	width: 43px;
}

#littleprincess div.cep {
	position: absolute;
	top: 260px;
	left: 290px;
	width: 43px;
}

#littleprincess div.cidade {
	position: absolute;
	top: 210px;
	left: 20px;
	width: 250px;
}

#littleprincess div.estado {
	position: absolute;
	top: 210px;
	left: 290px;
	width: 250px;
}

#littleprincess div.email {
	position: absolute;
	top: 110px;
	left: 20px;
	width: 519px;
}

#littleprincess div.usuario {
	position: absolute;
	top: 310px;
	left: 20px;
	width: 250px;
}

#littleprincess div.senha {
	position: absolute;
	top: 310px;
	left: 290px;
	width: 250px;
}

#littleprincess div.pai {
	position: absolute;
	top: 360px;
	left: 20px;
	width: 519px;
}

#littleprincess div.mae {
	position: absolute;
	top: 410px;
	left: 20px;
	width: 519px;
}

#littleprincess div.tamanho {
	position: absolute;
	top: 460px;
	left: 20px;
	width: 250px;
}

#littleprincess div.cor {
	position: absolute;
	top: 460px;
	left: 290px;
	width: 250px;
}

#littleprincess div.passatempo {
	position: absolute;
	top: 510px;
	left: 20px;
	width: 519px;
}

#littleprincess div.enviar {
	position: absolute;
	top: 560px;
	left: 449px;
	width: 90px;
}

#littleprincess div.erro {
	position: absolute;
	top: 567px;
	left: 75px;
	font-size: 11px;
	font-style: italic;
	color: #333;
}

#littleprincess div.pai input, #littleprincess div.mae input, #littleprincess div.passatempo input, #contato div.conteudo div.nome input, #contato div.conteudo div.email input {
	color: #333333;
	background: url(../img/form_06.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 505px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#littleprincess div.nascimento input {
	color: #333333;
	background: url(../img/form_01.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 21px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#littleprincess div.nome input, #littleprincess div.email input,#littleprincess div.cep input, #littleprincess div.telefone input, #littleprincess div.bairro input, #littleprincess div.endereco input, #littleprincess div.cidade input, #littleprincess div.usuario input, #littleprincess div.senha input, #littleprincess div.tamanho input, #littleprincess div.cor input, #contato div.conteudo div.empresa input {
	color: #333333;
	background: url(../img/form_04.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 236px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#contato div.conteudo div.setor select{
	color: #333333;
	background: url(../img/form_04.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 250px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#littleprincess div.nro input, #littleprincess div.compl input, #littleprincess div.ano input {
	color: #333333;
	background: url(../img/form_02.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 29px;
	padding: 3px 7px 3px 7px;
	border: none;
}


#littleprincess div.estado b {
	font-weight: normal;
	display: block;
	background: url(../img/form_estado.gif) no-repeat;
}

#littleprincess div.estado select {
	color: #333333;
	background: url(../img/if_96px22px.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 96px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#contato div.conteudo div.estado select {
	color: #333333;
	background: url(../img/form_03.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 160px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#contato div.conteudo div.telefone input, #contato div.conteudo div.cidade input{
	color: #333333;
	background: url(../img/form_03.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 146px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#contato div.conteudo div.mensagem textarea {
	color: #333333;
	background: url(../img/form_07.gif) no-repeat;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 505px;
	line-height: 140%;
	height: 108px;
	padding: 3px 7px 3px 7px;
	border: none;
}

#littleprincess div.lateral p {
	text-indent: 22px;
}

#littleprincess div.lateral {
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	line-height: 140%;
	color: #F28D9F;
}

#sala div.descricao {
	width: 893px;
	padding: 21px 20px 16px 27px;
	background: #FFF;
	line-height: 160%;
	margin-bottom: 10px;
}

#sala div.descricao span {
	color: #333;
	display: block;
	font-weight: bold;
	font-style: italic;
	font-size: 21px;
	margin-bottom: 10px;
	line-height: 80%;
}

#sala div.conteudo {
	width: 518px;
	float: left;
	margin-right: 10px;
	padding: 17px 20px 20px 27px;
	background: #FFF;
	line-height: 160%;
	margin-bottom: 10px;
}

#sala div.conteudo img, sala div.conteudo object {
	border: 1px solid #F28D9F;	
}

#sala div.conteudo div.download {
	margin-top: 20px;
	height: 28px;
}

#sala div.lateral {
	width: 364px;
	float: left;
}

#sala div.lateral div.releases {
	width: 323px;
	padding: 18px 20px 10px 21px;
	background: #FFF;
	margin-bottom: 10px;
}

#sala div.lateral div.releases ul {
	padding: 0px;
	margin: 0px;
}

#sala div.lateral div.releases ul li {
	border-bottom: 1px solid #F28D9F;
}

#sala div.lateral div.releases ul li a {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 13px;
	color: #F28D9F;
	text-decoration: none;
	text-indent: 12px;
}

#sala div.lateral div.releases ul li a:hover {
	background: url(../img/bg_releases.gif) repeat-x;
	color: #FFF;
	text-decoration: none;
}

#sala div.lateral div.navegacao {
	width: 364px;
	margin-bottom: 10px;
	position: relative;
}

#sala div.lateral div.navegacao div.anteriores {
	position: absolute;
	right: 101px;
}

#sala div.lateral div.navegacao div.proximas {
	position: absolute;
	right: 0px;
}

#contato {
	width: 940px;	
}

#contato div.conteudo {
	width: 519px;
	padding: 20px 20px 20px 20px;
	background: #FFF;
	float: left;
	height: 470px;
	margin-right: 10px;
	line-height: 160%;
	color: #333333;
	margin-bottom: 10px;
	position: relative;
}

#contato div.conteudo span.titulo {
	display: block;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	line-height: 80%;
	margin-bottom: 15px;
	color: #333;
}

#contato div.conteudo div span {
	display: block;
	color: #333333;
	font-size: 13px;
	line-height: 100%;
	margin-bottom: 3px;
}

#contato div.conteudo div.nome {
	position: absolute;
	left: 20px;
	top: 130px;
	width: 519px;
}

#contato div.conteudo div.email {
	position: absolute;
	left: 20px;
	top: 280px;
	width: 519px;
}

#contato div.conteudo div.empresa {
	position: absolute;
	left: 20px;
	top: 180px;
	width: 250px;
}

#contato div.conteudo div.setor {
	position: absolute;
	left: 290px;
	top: 180px;
	width: 250px;
}

#contato div.conteudo div.telefone {
	position: absolute;
	left: 20px;
	top: 230px;
	width: 160px;
}

#contato div.conteudo div.cidade {
	position: absolute;
	left: 200px;
	top: 230px;
	width: 160px;
}

#contato div.conteudo div.estado {
	position: absolute;
	left: 380px;
	top: 230px;
	width: 160px;
}

#contato div.conteudo div.mensagem {
	position: absolute;
	left: 20px;
	top: 330px;
	width: 519px;
}

#contato div.conteudo div.enviar {
	position: absolute;
	top: 470px;
	left: 449px;
	width: 90px;
}

#contato div.conteudo div.erro {
	position: absolute;
	top: 475px;
	left: 25px;
	width: 350px;
	font-size: 11px;
	font-style: italic;
	color: #333333;
}


#contato div.lateral {
	width:331px;
	padding: 18px 20px 20px 20px;
	background: #FFF;
	float: left;
	line-height: 160%;
	color: #333;
	font-size: 13px;
}

#contato div.lateral span {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

#contato div.lateral div {
	margin-top: 20px;
}

/* Daqui pra baixo */
.fundo_popup{
	margin-top: -10px;
	background-image: url(../img/bg_transparente.png);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1;
}

.popup {
	position: absolute;
	top: 20%;
	left: 27%;
	background-color:#FF0000;
	background: url(../img/bg_popup.gif) top left no-repeat;	
	float: left;
}

.popup div.top {
	padding: 30px 0px 0px 0px;
	margin-bottom: 1px;
}	

.popup div.top div.t {
	background: #FFF;
	height: 50px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 50px;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	color: #333;
	text-indent: 22px;
	position: relative;
}	

.popup div.top div.t a {
	position: absolute;
	right: 19px;
	top: 19px;
}	

.popup div.top div.t a img {
	border: none;
}	


.popup div.top div.c {
	padding: 10px;
	background: #FFF;
	margin-top: 1px;
}

.popup div.top img.imagem {
	padding: 10px;
	background: #FFF;
	margin-top: 1px;
}

/* até aqui */

