html, body { background: #000; border: 0; margin: 0; padding: 0; behavior:url('_css/csshover.htc'); }

img{ border: 0; behavior:url('_css/iepngfix.htc'),url('../_css/iepngfix-2.htc'); }

#header { width: 100%; height: 35px; background: url(../_img/bg-header.gif); }
#header .containerH { width: 100%; height: 35px; margin: 0 auto; position: relative; }

.logo-viva { position: absolute; top: 12px; left: 50px; }
.menu-aux { position: absolute; top: 15px; right: 54px; }
.menu-aux .containerMenuAux { background: url(../_img/bg-menu-aux.png); width: 313px; height: 34px; behavior:url('_css/iepngfix.htc'); }
.menu-aux .containerMenuAux ul { list-style: none; padding: 0; margin: 10px 0 0 22px; float: left; }
.menu-aux .containerMenuAux ul li { float: left; padding: 0 0 0 32px; }

#content { width: 100%; background: #FFB6E5 url(../_img/bg-museu-interna-v2.jpg) top center no-repeat; }

#content.museu { width: 100%; background: #FFB6E5 url(../_img/bg-museu-interna-v2.jpg) top center no-repeat; }

#content .containerC { width: 100%; margin: 0 auto; }

.holder-content-internas { width: 1008px; position: relative; margin: 0 auto; }

.logo-barbie-museu-virtual { position: absolute; top: 0; left: 130px; }
.titulo-top { position: absolute; top: 16px; left: 445px; }
.titulo-top-museu { position: absolute; top: 15px; left: 435px; }
.titulo-top-museu-atividade { position: absolute; top: 38px; left: 530px; }

.menu-interno { position: absolute; top: 35px; left: 355px; }
.menu-interno ul { list-style: none; padding: 0; margin: 0; }
.menu-interno ul li { float: left; padding: 0 10px 0 10px; }
.menu-interno ul li a { display: block; margin: 18px 0 0 0; }

/* CONVIDE */
#content .container.convide { min-height: 1012px; height: auto!important; height: 1012px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
#content .container.convideResp { min-height: 822px; height: auto!important; height: 822px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
#content .container.convideResp .botoes { position: absolute; top: 205px; left: 295px; }
.titulo-convide { position: absolute; top: 90px; left: 392px; }
.titulo-convide-chamada { position: absolute; top: 138px; left: 282px; }
.titulo-convide-resp { position: absolute; top: 115px; left: 307px; }
.frases { position: absolute; top: 191px; left: 241px; }
.frases ul { list-style: none; margin: 0; padding: 0; }
.frases ul li { height: 108px; float: left; padding-right: 20px; position: relative; }
.frases ul li input { top: 73px; left: 168px; position: absolute; }
.frases ul li.frase1 { background: url(../_img/frase-eu-fui.gif) no-repeat; width: 195px; }
.frases ul li.frase2 { background: url(../_img/frase-eu-quero-ir.gif) no-repeat; width: 194px; }
.frases ul li.frase3 { background: url(../_img/frase-vamos-ao-museu.gif) no-repeat; width: 224px; }
.frases ul li.frase3 input { top: 73px; left: 198px; position: absolute; }
.formularioConvide { width: 605px; position: absolute; top: 303px; left: 269px; }
.formularioConvide p { font-family: Arial, Verdana, Trebuchet MS; color: #000; margin: 10px 0 0 32px; font-size: 11px; line-height: 20px; margin-left: 170px; }
.formularioConvide p strong { font-size: 12px; }
.formularioConvide .mensagemErro { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #FFFEC7!important; font-weight: bold; width: 535px; padding: 10px; background: #EA37A2; border-left: 1px solid #FFFEC7; border-right: 1px solid #FFFEC7; border-top: 1px dashed #FFFEC7; border-bottom: 1px dashed #FFFEC7; margin: 10px 0 0 30px; text-align: center; }
.formularioConvide table { margin-top: 10px; }
.formularioConvide table th { padding: 0 0 10px 27px; }
.formularioConvide table td { padding: 0 0 20px 37px; font-family: Arial, Verdana, Trebuchet MS; color: #000; font-size: 11px; font-weight: bold; }
.formularioConvide table td.msg { padding: 0 0 15px 5px; }
.formularioConvide table td span { display: block; float: left; }
.formularioConvide table td span.texto { margin: 6px 5px 0 0; }
.formularioConvide table td span.texto2 { margin: 6px 9px 0 0; }
.formularioConvide table td span.input { background: url(../_img/bg-input.gif) no-repeat; width: 214px; height: 28px; }
.formularioConvide table td span.input-msg { background: url(../_img/bg-msg.gif) no-repeat; width: 510px; height: 75px; }
.formularioConvide table td input { width: 200px; margin: 3px 0 0 5px; height: 20px; border: 0; background-color: #FFE9F3; }
.formularioConvide table td textarea { width: 497px; height: 61px; margin: 5px 0 0 5px; border: 0; background-color: #FFE9F3; }
.formularioConvide table td.col2 { padding: 0 0 15px 19px; }
.formularioConvide table td .quant { font-weight: normal; float: right; margin: 5px 16px 0 0; }
.formularioConvide .botao-enviar { background: none!important; }
/* FIM : CONVIDE */

/* INDIQUE */
#content .container.indique { min-height: 822px; height: auto!important; height: 822px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
#content .container.indique .botoes { position: absolute; top: 205px; left: 285px; }
.titulo-indique { position: absolute; top: 92px; left: 365px; }
.titulo-indique-chamada { position: absolute; top: 137px; left: 290px; }
.titulo-indique-resp { position: absolute; top: 102px; left: 324px; }
.formularioIndique { position: absolute; width: 605px; top: 213px; left: 199px; }
.formularioIndique p { font-family: Arial, Verdana, Trebuchet MS; color: #000; margin: 10px 0 0 32px; font-size: 11px; line-height: 20px; margin-left: 170px; }
.formularioIndique p strong { font-size: 12px; }
.formularioIndique .mensagemErro { font-family: Arial, Verdana, Trebuchet MS; font-size: 12px; color: #FFFEC7!important; font-weight: bold; width: 535px; padding: 10px; background: #EA37A2; border-left: 1px solid #FFFEC7; border-right: 1px solid #FFFEC7; border-top: 1px dashed #FFFEC7; border-bottom: 1px dashed #FFFEC7; margin: 10px 0 0 30px; text-align: center; }
.formularioIndique table { margin-top: 10px; }
.formularioIndique table th { padding: 0 0 10px 27px; }
.formularioIndique table td { padding: 0 0 20px 37px; font-family: Arial, Verdana, Trebuchet MS; color: #000; font-size: 11px; font-weight: bold; }
.formularioIndique table td.msg { padding: 0 0 15px 5px; }
.formularioIndique table td span { display: block; float: left; }
.formularioIndique table td span.texto { margin: 6px 5px 0 0; }
.formularioIndique table td span.texto2 { margin: 6px 9px 0 0; }
.formularioIndique table td span.input { background: url(../_img/bg-input.gif) no-repeat; width: 214px; height: 28px; }
.formularioIndique table td span.input-msg { background: url(../_img/bg-msg.gif) no-repeat; width: 510px; height: 75px; }
.formularioIndique table td input { width: 200px; margin: 3px 0 0 5px; height: 20px; border: 0; background-color: #FFE9F3; }
.formularioIndique table td textarea { width: 497px; height: 61px; margin: 5px 0 0 5px; border: 0; background-color: #FFE9F3; }
.formularioIndique table td.col2 { padding: 0 0 15px 19px; }
.formularioIndique table td .quant { font-weight: normal; float: right; margin: 5px 12px 0 0; }
.formularioIndique .botao-enviar { background: none!important; }
/* Fim: INDIQUE */

/* TERMOS E POLITICA*/
#content .container.termosPolitica { min-height: 822px; height: auto!important; height: 822px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
.titulo-termos { position: absolute; top: 85px; left: 312px; }
.titulo-politica { position: absolute; top: 95px; left: 385px; }
/*FIM: TERMOS E POLITICA*/

/* PARA PAIS */
#content .container.para-pais { min-height: 822px; height: auto!important; height: 822px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
.titulo-para-pais { position: absolute; top: 105px; left: 438px;}
.tit-venha-conhecer{ position: absolute; top: 105px; left: 325px;}
.titulo-politica { position: absolute; top: 95px; left: 385px; }
.content-para-pais { position: absolute; width: 475px; top: 185px; left: 305px; font-family: Verdana, Arial, Trebuchet MS; font-size: 11px; }
.content-para-pais p { margin-bottom: 20px; }
.imgVenhaConhcer{float:left;}
.museuReal{ width: 220px; float: right }
/*FIM: PARA PAIS */

/* MUSEU */
#content .container.museu { min-height: 823px; height: auto!important; height: 823px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
.titulo-museu { position: absolute; top: 110px; left: 250px; }
.destaque-museu { position: absolute; top: 145px; left: 245px; background: url(../_img/destaque-museu-barbie.png) no-repeat; width: 425px; height: 175px; behavior:url('_css/iepngfix.htc'); }
.texto-museu { position: absolute; top: 325px; left: 282px; width: 375px; }
.texto-museu p { font-family: Verdana, Arial, Trebuchet MS; font-size: 11px; margin: 5px 0 14px 0 }
.anote-info { position: absolute; top: 106px; right: 97px; }
.anote-info p { font-family: Arial, Verdana, Trebuchet MS; font-size: 11px; margin: 3px 0 0 5px; }
.sombra { position: absolute; top: 300px; right: 100px; }
.sombra2 { position: absolute; top: 260px; right: 100px; }
.botao-convide { position: absolute; top: 315px; right: 100px; }
.apoio-philips { position: absolute; top: 230px; right: 150px; }
/* FIM: MUSEU */

/* ATIVIDADE */
#content .container.atividade { min-height: 822px; height: auto!important; height: 822px; margin: 0 auto; background: url(../_img/bg-convide-resp-barbie-bot.jpg) bottom center no-repeat; position: relative; }
.atividade-flash { position: absolute; height: 469px; top: 129px; left: 262px; }
/* FIM: ATIVIDADE */

/* MENU JOGOS */
.menu-jogos { position: absolute; top: 95px; left: 265px; }
.menu-jogos ul { list-style: none; margin: 0; padding: 0; }
.menu-jogos ul li { float: left; padding: 0 2px 0 0; }
/* FIM: MENU JOGOS */

#footer { width: 100%; height: 37px; margin-bottom: 10px; background: #000000; font-family: Arial, Verdana, Trebuchet MS; }
#footer .containerF { width: 700px; height: 37px; margin: 0 auto; position: relative; }
#footer .containerF ul { padding: 5px 0 0 0; margin: 0 auto; list-style: none; width: 600px; display: block; height:10; }
#footer .containerF ul li { float: left; padding: 0 7px 0 10px; background: url(../_img/dot-list.gif) left no-repeat; }
#footer .containerF ul li a { color: #666666; font-weight: bold; font-size: 11px; text-decoration: none; }
#footer .containerF ul li a:hover { text-decoration: underline; }
#footer .containerF ul li.first { padding-left: 0; background: none; }
#footer .containerF span { display: block; width: 280px; margin: 0 auto; color: #666666; font-size: 11px; }
#footer .containerF .selo-crianca-segura { position: absolute; top: 10px; left: 670px; z-index:1000; }
#footer .containerF .selo-crianca-segura img { behavior:url('../_css/iepngfix.htc'); }
