html, body {
height: 100%;
}
body {
background-color: #e8e8dd;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #024679;
}
textarea {
overflow: auto;
}
.body_empresa {
height: 100%;
background-image: url(../images/fundo_empresa.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.body_internas {
height: 100%;
background-image: url(../images/fundo_internas.jpg);
background-repeat: no-repeat;
background-position: center top;
}
.pretume {
background-image: url(../images/pretume.png);
width: 100%;
height: 100%;
position: fixed;
z-index: 2010;
display: none;
}
.pretume .alerta {
width: 400px;
padding: 10px;
text-align: center;
border: 3px #999 solid;
background-color: #fff;
margin: auto;
}
#prettyPhotoGrande {
position: absolute;
top: -10000px;
}
.publicodigital {
position: absolute;
margin: 105px 0 0 935px;
padding-bottom: 15px;
}
#empresa .publicodigital {
position: absolute;
margin: 45px 0 0 900px;
}
.jingle {
position: absolute;
margin: 10px 0 0 700px;
}
.jingle a {
height: 30px !important;
}
/*************************************
BREADCRUMB
**************************************/
#breadcrumb {
margin: 0 0 0 200px;
position: absolute;
font-size: 13px;
font-weight: bold;
z-index: 100;
}
#breadcrumb .normal {
background-image: url(../images/breadcrumb-normal.gif);
background-repeat: repeat-x;
height: 24px;
margin-right: 3px;
padding: 3px 5px;
float: left;
}
#breadcrumb .normal a {
color: #024273;
text-decoration: none;
background-image: url(../images/seta_azul.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 14px;
}
#breadcrumb .normal a:hover {
color: #C00;
background-image: url(../images/seta_vermelha.png);
}
#breadcrumb .ativo {
background-color: #ffb310;
color: #d33203;
height: 21px;
margin-right: 3px;
padding: 3px 5px 0 5px;
float: left;
}
#breadcrumb .ativo a {
background-image: url(../images/seta_vermelha.png);
background-repeat: no-repeat;
background-position: right;
cursor: default;
color: #d33203;
padding-right: 14px;
text-decoration: none;
}
#breadcrumb .seta_amarela {
background-image: url(../images/seta_amarela.png);
background-repeat: no-repeat;
background-position: bottom;
float: left;
height: 35px;
}
/*************************************
MENU
**************************************/
.menu {
width: 660px;
position: absolute;
z-index: 1000;
padding: 75px 0 0 340px;
}
.menu ul {
overflow: hidden;
position: absolute;
}
.menu ul li {
float: left;
}
.menu ul li:hover {
filter: alpha(opacity=50);
opacity: 0.5;
}
.menu ul li span {
background-repeat: no-repeat;
text-indent: -5000px;
display: block;
height: 27px;
padding: 5px;
}
.menu ul li span:hover {
cursor: pointer;
cursor: hand;
}
.menu ul li .divisao {
background-image: url(../images/bt_divisao.png);
width: 5px;
}
.menu ul li .empresa {
background-image: url(../images/bt_empresa.png);
width: 65px;
}
.menu ul li .colecao {
background-image: url(../images/bt_colecao.png);
width: 60px;
}
.menu ul li .diversao {
background-image: url(../images/bt_diversao.png);
width: 66px;
}
.menu ul li .trabalhe {
background-image: url(../images/bt_trabalhe.png);
width: 128px;
}
.menu ul li .fale_conosco {
background-image: url(../images/bt_fale_conosco.png);
width: 101px;
}
/*************************************
SUBMENU
**************************************/
.menu .submenu {
position: absolute;
margin: 25px 0 0 40px;
background-image: url(../images/fundo_submenu.png);
background-repeat: no-repeat;
width: 289px;
height: 267px; /* 280px */
overflow: hidden;
padding-top: 13px;
font-size: 11px;
display: none; /* desabilita o submenu coleção */
z-index: 1000;
}
.menu .submenu a {
text-decoration: none;
color: #024679;
}
.menu .submenu a:hover {
text-decoration: underline;
color: #000;
}
.menu .submenu .primavera .meninos a, .menu .submenu .primavera .meninas a, .menu .submenu .primavera .meninos a, .menu .submenu .primavera .beatshomewear strong a, .menu .submenu .inverno .meninos a, .menu .submenu .inverno .meninas a, .menu .submenu .inverno .meninos a, .menu .submenu .inverno .beatshomewear strong a {
text-decoration: none;
color: #024679;
}
.menu .submenu .primavera .meninos a:hover, .menu .submenu .primavera .meninas a:hover, .menu .submenu .primavera .meninos a:hover, .menu .submenu .primavera .beatshomewear strong a:hover, .menu .submenu .inverno .meninos a:hover, .menu .submenu .inverno .meninas a:hover, .menu .submenu .inverno .meninos a:hover, .menu .submenu .inverno .beatshomewear strong a:hover {
text-decoration: none;
color: #fff;
background-color: #024679;
}
.menu .submenu .inverno {
display: none;
}
.menu .submenu .estacoes {
overflow: auto;
margin-bottom: 10px;
}
.menu .submenu .estacoes a {
width: 137px;
display: block;
float: left;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #024679;
padding: 5px 0;
font-size: 12px;
background-color: none;
}
.menu .submenu .estacoes a:hover {
color: #000;
text-decoration: none;
}
.menu .submenu .estacoes a.pri{
width: 174px;
}
.menu .submenu .estacoes a.inv {
width: 100px;
}
.menu .submenu .estacoes .pri {
margin-left: 3px;
}
.menu .submenu .estacoes .inv {
margin-left: 9px;
}
.menu .submenu .estacoes .desativado {
background-color: #b5b5b5;
color: #787878;
}
.menu .submenu .elian {
padding-left: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.menu .submenu .elian .meninos {
float: left;
width: 135px;
padding-left: 5px;
}
.menu .submenu .elian .meninas {
float: left;
width: 135px;
}
.menu .submenu .beatshomewear {
padding-left: 10px;
background-image: url(../images/submenu_sombra.png);
background-repeat: repeat-x;
}
.menu .submenu .beatshomewear strong {
position: absolute;
margin-top: 14px;
}
.menu .submenu .eway {
padding-left: 10px;
}
.menu .submenu .eway img {
padding-left: 80px;
padding-top: 3px;
}
.menu .submenu .eway strong {
position: absolute;
margin-top: 17px;
}
/*************************************
SUBMENU 2 COLEÇÃO
**************************************/
#colecao .submenu2 {
position: absolute;
margin-top: 10px;
font-size: 11px;
font-weight: normal;
background-image: url(../images/colecao_submenu_bg.png);
background-repeat: no-repeat;
width: 114px; /* 119 */
height: 97px; /* 117 */
padding: 20px 0 0 6px;
margin: 6px 0 0 -6px;
display: none;
line-height: 16px;
}
#colecao .submenu2 a {
background-image: none;
padding-right: 0;
color: #024679;
cursor: pointer;
cursor: hand;
}
#colecao .submenu2 a:hover {
background-image: none;
color: #e60501;
}
#colecao .dois {
background-image: url(../images/colecao_submenu_bg2.png);;
background-repeat: no-repeat;
height: 70px;
}
#colecao .tres {
background-image: url(../images/colecao_submenu_bg3.png);;
background-repeat: no-repeat;
height: 80px;
}
#colecao .quatro {
background-image: url(../images/colecao_submenu_bg4.png);;
background-repeat: no-repeat;
height: 97px;
}
/*************************************
SUBMENU FALE CONOSCO
**************************************/
.menu_fc {
position: absolute;
margin: 25px 0 0 260px;
background-image: url(../images/fale_conosco_fundo.png);
background-repeat: no-repeat;
width: 260px; /* 264px */
height: 267px; /* 280px */
overflow: hidden;
padding: 23px 2px 0 2px;
font-size: 11px;
display: none; /* desabilita o submenu coleção */
z-index: 1000;
}
.menu_fc p img {
margin-left: 10px;
}
.menu_fc a {
text-decoration: none;
color: #024679;
}
.menu_fc a:hover {
text-decoration: none;
color: #000;
}
.menu_fc .link {
text-decoration: none;
color: #024679;
padding: 2px 3px;
background-color: #b5b5b5;
}
.menu_fc .link:hover {
text-decoration: none;
color: #fff;
background-color: #024679;
}
.menu_fc .espaco {
padding-left: 38px;
}
.menu_fc h5 {
color: #024679;
font-size: 12px;
padding-left: 42px;
margin-bottom: 5px;
}
.menu_fc span {
/* background-color: #b5b5b5; */
font-size: 12px;
padding: 5px 5px 0 0;
float: left;
}
.menu_fc .ico_twitter {
padding: 0 8px;
height: 25px;
background-image: url(../images/ico_twitter.gif);
background-repeat: no-repeat;
background-position: center;
}
.menu_fc .ico_twitter .twitter {
display: block;
float: left;
width: 20px;
height: 20px;
}
.menu_fc .ico_orkut {
padding: 0 5px;
}
.menu_fc .ico_orkut .orkut {
text-decoration: none;
color: #024679;
display: block;
float: left;
background-image: url(../images/ico_orkut.png);
background-repeat: no-repeat;
width: 40px;
height: 23px;
background-color: #b5b5b5;
}
.menu_fc .ico_orkut .orkut:hover {
text-decoration: none;
color: #fff;
background-color: #024679;
}
.menu_fc .ico_email {
padding: 0 5px;
}
.menu_fc .ico_email .email {
text-decoration: none;
color: #024679;
display: block;
float: left;
background-image: url(../images/ico_email.png);
background-repeat: no-repeat;
width: 40px;
height: 23px;
background-color: #b5b5b5;
}
.menu_fc .ico_email .email:hover {
text-decoration: none;
color: #fff;
background-color: #024679;
}
.menu_fc .sal {
margin: 40px 0;
}
/*************************************
INTERNAS
**************************************/
.interna {
width: 990px;
margin: auto;
}
.interna #topo {
background-image: url(../images/logomarca-elian-internas.png);
background-repeat: no-repeat;
background-position: 20px 0;
height: 120px;
}
.interna .logomarca {
position: absolute;
margin: 0 0 0 80px;
width: 250px;
height: 100px;
display: block;
}
.interna .menu {
padding-top: 35px;
padding-left: 320px;
}
.interna .menu .submenu {
margin: 25px 0 0 40px;
}
.interna .inicio {
background-image: url(../images/interna_inicio.png);
background-repeat: no-repeat;
height: 38px;
margin-left: 10px;
margin-top: 7px;
clear: both;
}
.interna .meio {
background-image: url(../images/interna_meio.png);
background-repeat: repeat-y;
margin-left: 10px;
/* padding-bottom: 50px; */
padding-right: 30px;
overflow: auto;
}
.interna .fim {
background-image: url(../images/interna_fim.png);
background-repeat: no-repeat;
height: 38px;
margin-left: 10px;
}
.interna .rodape {
overflow: auto;
}
.interna .rodape #marcas {
overflow: hidden;
float: left;
width: 330px;
margin-top: 20px;
margin-left: 10px;
}
.interna .rodape .copyright {
float: left;
width: 631px;
}
/*************************************
EMPRESA
**************************************/
#empresa {
width: 990px;
margin: auto;
}
#empresa #topo {
background-image: url(../images/logomarca-elian.png);
background-repeat: no-repeat;
background-position: 20px 10px;
height: 154px;
}
#empresa .logomarca {
position: absolute;
margin: 20px 0 0 80px;
width: 250px;
height: 124px;
display: block;
}
#empresa #menu_empresa, #trabalhe #menu_empresa {
padding: 65px 0 0 40px;
}
#empresa #menu_empresa .botao_esquerdo, #trabalhe #menu_empresa .botao_esquerdo {
float: left;
width: 49px;
}
#empresa #menu_empresa .lista, #trabalhe #menu_empresa .lista {
background-image: url(../images/botao_fundo.png);
background-repeat: repeat-x;
float: left;
width: 830px;
height: 51px;
color: #023f6f;
padding-top: 16px;
}
#empresa #menu_empresa .lista ul li, #trabalhe #menu_empresa .lista ul li {
display: inline;
font-size: 11px;
padding: 0 3px;
}
#empresa #menu_empresa .lista ul li a, #trabalhe #menu_empresa .lista ul li a {
color: #023f6f;
text-decoration: none;
}
#empresa #menu_empresa .lista ul li a:hover, #trabalhe #menu_empresa .lista ul li a:hover {
color: #000;
text-decoration: underline;
}
#empresa #menu_empresa .botao_direito, #trabalhe #menu_empresa .botao_direito {
float: left;
width: 49px;
}
#empresa #marcas {
margin: 120px 0 0 510px;
float: left;
position: absolute;
}
#empresa #marcas .logomarcas {
padding-left: 38px;
}
#empresa .inicio, #empresa .meio, #empresa .fim {
margin-left: 14px;
}
#empresa .inicio {
clear: both;
}
#empresa .inicio .agulha {
position: absolute;
margin: 28px 0 0 734px;
}
#empresa .meio {
background-image: url(../images/empresa_meio.png);
background-repeat: repeat-y;
padding-bottom: 30px;
}
#empresa .meio #conteudo {
width: 800px;
margin: auto;
color: #024679;
font-size: 12px;
line-height: 18px;
overflow: auto;
}
#empresa .meio #conteudo p {
margin-bottom: 10px;
}
#empresa .meio #conteudo h2 {
font-size: 18px;
margin-bottom: 10px;
}
#empresa .meio #conteudo h3 {
font-size: 15px;
margin-bottom: 10px;
}
#empresa .fim {
background-image: url(../images/empresa_fim.png);
background-repeat: no-repeat;
height: 126px;
margin-bottom: 50px;
}
#empresa .img_diretoria, #empresa .img_missaovisao, #empresa .img_cidade {
float: right;
}
#empresa #conteudo strong {
font-size: 14px;
}
#empresa .img_elian, #empresa .img_eway {
float: right;
margin-left: 15px;
}
#empresa .img_elian_beats, #empresa .img_elian_homewear {
float: left;
margin-right: 15px;
}
#empresa .emp_marcas ul li, #empresa .emp_feita_pessoas ul li {
overflow: auto;
margin-bottom: 30px;
}
#empresa .emp_feita_pessoas ul li .esquerdo, #empresa .emp_publico_alvo .esquerdo {
float: left;
margin-right: 10px;
}
#empresa .emp_feita_pessoas ul li .direito, #empresa .emp_publico_alvo .direito, #empresa .emp_responsabilidade_social .direito {
float: right;
margin-left: 10px;
}
#empresa .emp_publico_alvo h3 {
clear: both;
padding-top: 30px;
}
/*************************************
FALE CONOSCO
**************************************/
#fale_conosco .logo_sac {
position: absolute;
margin: 350px 0 0 540px;
}
#fale_conosco .logo_sal {
position: absolute;
margin: 420px 0 0 570px;
}
#fale_conosco h1 {
background-image: url(../images/tit_fale_conosco.png);
background-repeat: no-repeat;
width: 199px;
height: 31px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#fale_conosco table {
margin: 10px 0 0 60px;
}
#fale_conosco table tr td {
padding: 2px 0;
}
#fale_conosco table tr .label {
text-align: right;
padding-right: 4px;
font-size: 12px;
color: #023f6e;
}
#fale_conosco table tr td input, #fale_conosco table tr td select, #fale_conosco table tr td textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #023f6e;
border: 1px #a9a68d solid;
background-color: #e8e8dd;
padding: 2px;
width: 380px;
}
#fale_conosco table tr td select {
width: 180px;
}
#fale_conosco table tr td textarea {
width: 380px;
height: 80px;
}
#fale_conosco table tr td input:focus, #fale_conosco table tr td select:focus, #fale_conosco table tr td textarea:focus {
color: #fff;
background-color: #a9a68d;
}
#fale_conosco table tr td .enviar {
background-image: url(../images/bt_enviar.gif);
background-repeat: no-repeat;
background-position: 0 0;
height: 22px;
width: 59px;
border: 0;
cursor: pointer;
cursor: hand;
float: right;
}
#fale_conosco table tr td .enviar:hover {
background-position: -59px 0;
}
#fale_conosco table tr .dados {
vertical-align: top;
line-height: 16px;
padding-left: 20px;
}
#fale_conosco .subtitulo {
margin-left: 37px;
}
#fale_conosco .mensagem {
background-image: url(../images/fale_conosco_sombra.png);
background-repeat: no-repeat;
margin-left: 37px;
padding: 10px 0 20px 46px;
}
#fale_conosco .error {
background-color:#FFE2BF;
border-color:#FFBD6F;
color:#DF7800;
}
#fale_conosco .error:focus{
background-color:#FFCB8F;
}
#fale_conosco .sucesso, #fale_conosco .sucesso_lojista {
margin-top:10px;
margin-left:130px;
width:375px;
padding:5px;
background-color:#D1EFD1;
color:#4DAF4C;
font-weight:bold;
border:1px solid;
display:none;
}
#fale_conosco .sucesso_lojista {
margin-left:165px;
}
/*************************************
RELEASES
**************************************/
#releases h1 {
background-image: url(../images/tit_fale_conosco.png);
background-repeat: no-repeat;
width: 199px;
height: 31px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#releases a {
text-decoration: none;
color: #024679;
}
#releases a:hover {
text-decoration: underline;
color: #000;
}
#releases #conteudo p {
text-align: justify;
}
#releases #conteudo {
padding: 20px 40px;
line-height: 22px;
}
#releases #conteudo h3 {
font-size: 16px;
margin: 5px 0;
}
#releases .imprensa {
font-size: 11px;
line-height: 14px;
}
/*************************************
TRABALHE NA ELIAN
**************************************/
#trabalhe #menu_empresa {
padding: 0 0 0 30px;
}
#trabalhe #menu_empresa .lista ul li {
/* padding: 0 6px; */
}
#trabalhe h1 {
background-image: url(../images/tit_trabalhe_na_elian.png);
background-repeat: no-repeat;
width: 255px;
height: 31px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
margin-top: 60px;
}
#trabalhe .vagas_disponiveis ul li a {
color: #000000;
font-size: 11px;
}
#trabalhe .subtitulo {
margin-left: 37px;
}
#trabalhe .vagas_disponiveis {
background-image: url(../images/fale_conosco_sombra.png);
background-repeat: no-repeat;
margin-left: 37px;
padding: 10px 0 20px 26px;
}
#trabalhe .vagas_disponiveis ul li {
background-color: #e8e8dd;
padding: 10px;
width: 340px;
display: inline-table;
margin: 6px 20px;
}
#trabalhe .envie_seu_curriculo {
background-image: url(../images/fale_conosco_sombra.png);
background-repeat: no-repeat;
margin-left: 37px;
padding: 10px 0 20px 10px;
}
#trabalhe .envie_seu_curriculo .coluna_um {
float: left;
width: 420px;
margin-left: 15px;
}
#trabalhe .envie_seu_curriculo .coluna_dois {
float: left;
width: 420px;
}
#trabalhe .envie_seu_curriculo table tbody tr th {
text-align: right;
font-weight: normal;
padding-right: 3px;
width: 150px;
}
#trabalhe .envie_seu_curriculo table tbody tr td {
padding: 2px 0;
}
#trabalhe .envie_seu_curriculo fieldset {
padding-left: 15px;
margin-bottom: 20px;
}
#trabalhe .envie_seu_curriculo .dados_pessoais {
background-image: url(../images/c_dados_pessoais.gif);
background-repeat: no-repeat;
height: 380px;
}
#trabalhe .envie_seu_curriculo .error {
background-color:#FFE2BF;
border-color:#FFBD6F;
color:#DF7800;
}
#trabalhe .envie_seu_curriculo .error:focus{
background-color:#FFCB8F;
}
#trabalhe .envie_seu_curriculo .escolaridade {
background-image: url(../images/c_escolaridade.gif);
background-repeat: no-repeat;
height: 224px;
}
#trabalhe .envie_seu_curriculo .ultimos_empregos {
background-image: url(../images/c_ultimos_empregos.gif);
background-repeat: no-repeat;
height: 520px;
}
#trabalhe .envie_seu_curriculo .preferencias {
background-image: url(../images/c_preferencias.gif);
background-repeat: no-repeat;
height: 110px;
clear: both;
}
#trabalhe .envie_seu_curriculo fieldset legend {
font-size: 16px;
padding-left: 90px;
color: inherit;
}
#trabalhe .envie_seu_curriculo fieldset input, #trabalhe .envie_seu_curriculo fieldset select, #trabalhe .envie_seu_curriculo fieldset textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #023f6e;
border: 1px #a9a68d solid;
background-color: #e8e8dd;
padding: 2px;
width: 200px;
}
#trabalhe .envie_seu_curriculo fieldset input:focus, #trabalhe .envie_seu_curriculo fieldset select:focus, #trabalhe .envie_seu_curriculo fieldset textarea:focus {
color: #fff;
background-color: #a9a68d;
}
#trabalhe .envie_seu_curriculo fieldset select {
width: 206px;
}
/* correção do lado direito */
#trabalhe .envie_seu_curriculo .coluna_dois fieldset input {
width: 260px;
}
#trabalhe .envie_seu_curriculo .coluna_dois fieldset select {
width: 266px;
}
#trabalhe .envie_seu_curriculo fieldset .radio {
width: 10px;
border: 0;
background-color: #fff;
}
#trabalhe .envie_seu_curriculo .enviar {
background-image: url(../images/bt_enviar.gif);
background-repeat: no-repeat;
background-position: 0 0;
height: 22px;
width: 59px;
border: 0;
cursor: pointer;
cursor: hand;
margin-left: 360px;
}
#trabalhe .envie_seu_curriculo .enviar:hover {
background-position: -59px 0;
}
#trabalhe .sucesso {
padding:5px;
background-color:#D1EFD1;
color:#4DAF4C;
font-weight:bold;
border:1px solid;
clear: both;
margin-right: 30px;
display:none;
}
/*************************************
DIVERSÃO
**************************************/
#diversao h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 31px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao #conteudo {
margin-left: 37px;
}
#diversao #conteudo a {
display: block;
height: 268px;
}
#diversao #conteudo #diversao-jogos, #diversao #conteudo #diversao-brincadeiras, #diversao #conteudo #diversao-como-fazer,#diversao #conteudo #diversao-curiosidades, #diversao #conteudo #diversao-wallpapers {
float: left;
background-repeat: no-repeat;
height: 268px;
text-indent: -5000px;
margin: 50px 0;
}
#diversao_faca_voce_mesmo #conteudo p {
margin-bottom: 6px;
}
#diversao_faca_voce_mesmo #conteudo ul {
margin: 10px 0 10px 15px;
}
#diversao_faca_voce_mesmo #conteudo ul li {
list-style-type: disc;
}
#diversao_faca_voce_mesmo #conteudo ul li a {
color: #000;
}
#diversao_faca_voce_mesmo #conteudo .faca ul li {
list-style-type: none;
}
#diversao #conteudo #diversao-jogos {
background-image: url(../images/diversao_ban_jogos.jpg);
width: 174px;
}
#diversao #conteudo #diversao-brincadeiras {
background-image: url(../images/diversao_ban_voce_conhece_brincadeiras.jpg);
width: 182px;
}
#diversao #conteudo #diversao-como-fazer {
background-image: url(../images/diversao_ban_faca_voce_mesmo.jpg);
width: 181px;
}
#diversao #conteudo #diversao-curiosidades {
background-image: url(../images/diversao_ban_curiosidades.jpg);
width: 177px;
}
#diversao #conteudo #diversao-wallpapers {
background-image: url(../images/diversao_ban_wallpapers.jpg);
width: 176px;
}
/*************************************
DIVERSÃO BRINCADEIRAS
**************************************/
#diversao_brincadeiras h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 30px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao_brincadeiras h2.titulo {
background-image: url(../images/tit_voce_conhece_essas_brincadeiras.gif);
background-repeat: no-repeat;
width: 201px;
height: 40px;
text-indent: -5000px;
margin-bottom: 30px;
}
#diversao_brincadeiras #conteudo {
margin-left: 37px;
}
#diversao_brincadeiras #conteudo ul {
margin-bottom: 40px;
}
#diversao_brincadeiras #conteudo ul li {
width: 890px;
overflow: auto;
line-height: 18px;
margin-bottom: 20px;
}
#diversao_brincadeiras #conteudo ul li h2 {
font-size: 18px;
margin: 10px 0;
}
#diversao_brincadeiras #conteudo ul li img {
float: right;
margin-left: 30px;
}
/*************************************
DIVERSÃO WALLPAPERS
**************************************/
#diversao_wallpapers h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 30px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao_wallpapers #conteudo {
margin-left: 37px;
}
#diversao_wallpapers #conteudo h2 {
background-image: url(../images/tit_wallpapers.gif);
background-repeat: no-repeat;
width: 113px;
height: 23px;
text-indent: -5000px;
margin: 8px 0 25px 0;
}
#diversao_wallpapers #conteudo .texto {
width: 800px;
line-height: 18px;
}
#diversao_wallpapers #conteudo ul {
margin: 25px 0 40px 15px;
overflow: auto;
padding-bottom: 5px;
}
#diversao_wallpapers #conteudo ul li {
float: left;
width: 220px;
text-align: center;
}
#diversao_wallpapers #conteudo ul .centro {
margin: 0 100px;
}
#diversao_wallpapers #conteudo ul li .a1024, #diversao_wallpapers #conteudo ul li .a1280, #diversao_wallpapers #conteudo ul li .a1600 {
background-repeat: no-repeat;
width: 192px;
height: 27px;
text-align: center;
display: block;
margin-left: 14px;
color: #fff;
text-decoration: none;
font-size: 16px;
padding-top: 3px;
}
#diversao_wallpapers #conteudo ul li .a1024:hover, #diversao_wallpapers #conteudo ul li .a1280:hover, #diversao_wallpapers #conteudo ul li .a1600:hover {
color: #000;
}
#diversao_wallpapers #conteudo ul li .a1024 {
background-image: url(../images/wallpaper_1024.gif);
margin-top: 6px;
}
#diversao_wallpapers #conteudo ul li .a1280 {
background-image: url(../images/wallpaper_1280.gif);
}
#diversao_wallpapers #conteudo ul li .a1600 {
background-image: url(../images/wallpaper_1600.gif);
}
/*************************************
DIVERSÃO JOGOS
**************************************/
#diversao_jogos h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 30px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao_jogos #conteudo {
margin-left: 37px;
}
#diversao_jogos #conteudo h2.titulo {
background-image: url(../images/tit_jogos.gif);
background-repeat: no-repeat;
width: 65px;
height: 25px;
text-indent: -5000px;
margin: 8px 0 25px 0;
}
#diversao_jogos #conteudo .jogos a {
display: block;
height: 220px;
text-align: center;
font-size: 16px;
color: #024273;
text-decoration: none;
}
#diversao_jogos #conteudo .jogos .colorindo, #diversao_jogos #conteudo .jogos .quebra-cabeca, #diversao_jogos #conteudo .jogos .cabo-de-guerra, #diversao_jogos #conteudo .jogos .reciclolandia, #diversao_jogos #conteudo .jogos .aventura-na-floresta, #diversao_jogos #conteudo .jogos .siga-o-som {
float: left;
background-repeat: no-repeat;
background-position: 0 40px;
height: 250px;
display: block;
}
#diversao_jogos #conteudo .jogos .colorindo {
background-image: url(../images/diversao/jogos/img_colorindo.jpg);
width: 146px;
}
#diversao_jogos #conteudo .jogos .quebra-cabeca {
background-image: url(../images/diversao/jogos/img_quebra-cabeca.jpg);
width: 149px;
}
#diversao_jogos #conteudo .jogos .cabo-de-guerra {
background-image: url(../images/diversao/jogos/img_cabo-de-guerra.jpg);
width: 150px;
}
#diversao_jogos #conteudo .jogos .reciclolandia {
background-image: url(../images/diversao/jogos/img_reciclolandia.jpg);
width: 149px;
}
#diversao_jogos #conteudo .jogos .aventura-na-floresta {
background-image: url(../images/diversao/jogos/img_aventura-na-floreta.jpg);
width: 148px;
}
#diversao_jogos #conteudo .jogos .siga-o-som {
background-image: url(../images/diversao/jogos/img_siga-o-som.jpg);
width: 148px;
}
/*************************************
DIVERSÃO FAÇA VOCE MESMO
**************************************/
#diversao_faca_voce_mesmo h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 30px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao_faca_voce_mesmo h2.titulo {
background-image: url(../images/tit_faca_voce_mesmo.gif);
background-repeat: no-repeat;
width: 186px;
height: 22px;
text-indent: -5000px;
margin-bottom: 30px;
}
#diversao_faca_voce_mesmo #conteudo {
margin-left: 37px;
line-height: 18px;
}
#diversao_faca_voce_mesmo #conteudo h2 {
color: #024679;
font-size: 16px;
margin-bottom: 20px;
}
#diversao_faca_voce_mesmo #conteudo .passo {
overflow: auto;
padding-bottom: 50px;
}
#diversao_faca_voce_mesmo #conteudo .passo li {
float: left;
height: 300px;
list-style: none outside none;
padding: 0 10px 0 0;
width: 160px;
font-size: 11px;
}
#diversao_faca_voce_mesmo #conteudo .passo p {
width: auto;
}
#diversao_faca_voce_mesmo #conteudo .passo span {
font-weight: bold;
padding: 0 2px 0 0;
}
#diversao_faca_voce_mesmo #conteudo .faca ul {
margin: 20px 0;
}
#diversao_faca_voce_mesmo #conteudo .faca ul li {
width: 890px;
font-size: 16px;
padding: 2px 0;
}
#diversao_faca_voce_mesmo #conteudo .faca ul li a {
color: #024679;
text-decoration: none;
font-weight: bold;
}
#diversao_faca_voce_mesmo #conteudo .faca ul li a:hover {
color: #CC0000;
text-decoration: none;
}
#diversao_faca_voce_mesmo #conteudo .mais_experiencias {
padding: 40px 0 20px 0;
clear: both;
}
/*************************************
DIVERSÃO CURIOSIDADES
**************************************/
#diversao_curiosidades h1 {
background-image: url(../images/tit_diversao.png);
background-repeat: no-repeat;
width: 129px;
height: 30px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#diversao_curiosidades h2.titulo {
background-image: url(../images/tit_curiosidades.gif);
background-repeat: no-repeat;
width: 132px;
height: 19px;
text-indent: -5000px;
margin-bottom: 30px;
}
#diversao_curiosidades #conteudo {
margin-left: 37px;
line-height: 18px;
width: 890px;
}
#diversao_curiosidades #conteudo h2 {
color: #024679;
font-size: 16px;
margin-bottom: 20px;
}
#diversao_curiosidades #conteudo .arara {
float: left;
margin-right: 10px;
}
#diversao_curiosidades #conteudo .passo {
overflow: auto;
}
#diversao_curiosidades #conteudo .passo li {
float: left;
height: 270px;
list-style: none outside none;
padding: 0 10px 0 0;
width: 160px;
font-size: 11px;
}
#diversao_curiosidades #conteudo .passo p {
width: auto;
}
#diversao_curiosidades #conteudo .passo span {
font-weight: bold;
padding: 0 2px 0 0;
}
#diversao_curiosidades #conteudo .faca ul {
margin: 20px 0;
}
#diversao_curiosidades #conteudo .faca ul li {
width: 890px;
font-size: 16px;
padding: 2px 0;
}
#diversao_curiosidades #conteudo .faca ul li a {
color: #024679;
text-decoration: none;
font-weight: bold;
}
#diversao_curiosidades #conteudo .faca ul li a:hover {
color: #CC0000;
text-decoration: none;
}
#diversao_curiosidades #conteudo .mais_curiosidades {
padding: 40px 0 20px 0;
clear: both;
}
/*************************************
COLEÇÃO
**************************************/
#colecao h1 {
background-image: url(../images/tit_colecao.png);
background-repeat: no-repeat;
width: 121px;
height: 37px;
text-indent: -5000px;
position: absolute;
margin-left: 50px;
}
#colecao h2.titulo {
background-image: url(../images/tit_curiosidades.gif);
background-repeat: no-repeat;
width: 132px;
height: 19px;
text-indent: -5000px;
margin-bottom: 30px;
}
#colecao #conteudo {
margin-left: 37px;
line-height: 18px;
width: 890px;
}
/*************************************
CARREGANDO
**************************************/
.loading img {
position:absolute;
margin-left:5px;
margin-top:1px;
}
/*************************************
COLEÇÃO
**************************************/
#colecao.interna {
width: 100%;
margin: auto;
}
#colecao #topo, #colecao .rodape, #colecao .centralizar {
width: 990px;
margin: auto;
}
#colecao .inicio_colecao {
background-image: url(../images/colecao_inicio.png);
background-repeat: repeat-x;
height: 17px;
margin-top: 7px;
}
#colecao .meio_colecao {
background-color: #fff;
}
#colecao .fim_colecao {
background-image: url(../images/colecao_fim.jpg);
background-repeat: repeat-x;
height: 12px;
width: 100%;
}
#colecao .meio_colecao #conteudo {
width: 945px;
height: 420px;
margin: auto;
padding: 0 0 0 45px;
}
#colecao .meio_colecao #conteudo .logo {
position: absolute;
margin: 30px 0 0 770px;
width: 120px;
height: 50px;
}
#colecao .meio_colecao #conteudo .miniaturas {
width: 85px;
text-align: center;
float: left;
padding-top: 20px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_topo a{
display:block;
width:29px;
height:15px;
margin-left:25px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_topo a.ativado {
background:url(../images/colecao_seta_cima.gif) 0px 0px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_topo a.desativado {
background:url(../images/colecao_seta_cima.gif) 29px 0px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_baixo a{
display:block;
width:29px;
height:15px;
margin-left:25px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_baixo a.ativado{
background:url(../images/colecao_seta_baixo.gif) 0px 0px;
}
#colecao .meio_colecao #conteudo .miniaturas .seta_baixo a.desativado{
background:url(../images/colecao_seta_baixo.gif) 29px 0px;
}
#colecao .meio_colecao #conteudo .miniaturas .esconde {
margin-top: 2px;
height: 340px;
overflow: hidden;
}
#colecao .meio_colecao #conteudo .miniaturas ul li {
margin: 8px 0;
filter: alpha(opacity=50);
opacity: 0.5;
-moz-opacity: 0.5;
}
#colecao .meio_colecao #conteudo .miniaturas ul .ativo, #colecao .meio_colecao #conteudo .miniaturas ul li:hover {
filter: alpha(opacity=100);
opacity: 1;
}
#colecao .meio_colecao #conteudo .seta_esquerda {
width: 51px;
float: left;
padding-top: 170px;
position: absolute;
margin-left: 84px;
}
#colecao .meio_colecao #conteudo .foto {
width: 630px;
text-align: center;
float: left;
margin-left: 51px;
}
#colecao .meio_colecao #conteudo .foto .legenda {
width: 626px;
background-image: url(../images/colecao_legenda_fundo.png);
color: #fff;
font-size: 11px;
text-align: left;
padding-left: 4px;
position: absolute;
margin-top: 400px;
/* height: 20px; */
margin-left: 630px;
display: none;
overflow: hidden;
text-align: center;
}
#colecao .meio_colecao #conteudo .foto .legenda:hover {
/* height: 40px; */
}
#colecao .meio_colecao #conteudo .seta_direita {
width: 51px;
float: left;
padding-top: 170px;
position: absolute;
margin-left: 766px;
}
#colecao .meio_colecao #conteudo .seta_direita .zoom {
margin-top: 110px;
position: absolute;
}
/*************************************
CAIXA DE ERRO ( FALE CONOSCO / TRABALHE CONOSCO )
**************************************/
.boxerror {
width:150px;
padding:10px;
background-color:#C50101;
position:absolute;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:white;
display:none;
}
/*************************************
COLECAO > CARREGANDO IMAGEM
**************************************/
.loadimage {
position:absolute;
top:-10000px;
}
.foto_grande .loading {
padding-left:299px;
padding-right:299px;
padding-top:194px;
padding-bottom:194px;
}
/*************************************
ADMINISTRAÇÃO
**************************************/
.administracao {
font-family:arial;
font-size:11px;
}
.administracao table {
width:100%;
margin-top:10px;
}
.administracao table thead th {
border:1px #024679 solid;
text-align:center;
padding:5px;
background-image:URL(../administracao/images/legend.gif);
}
.administracao table tbody td {
border:1px #024679 solid;
text-align:center;
padding:5px;
}
.administracao .cadastro {
border:1px solid;
padding:10px;
background:URL(../administracao/images/background.gif) left top repeat-x;
}
.administracao .sucesso{
margin-top:10px;
padding:20px;
background:URL(../administracao/images/background-success.gif) left top repeat-x;
border:1px solid;
font-weight:bold;
display:none;
}
.administracao .error{
margin-top:10px;
padding:20px;
background:URL(../administracao/images/background-error.gif) left top repeat-x;
border:1px solid;
font-weight:bold;
display:none;
}
.administracao .loading {
margin-top:10px;
padding:20px;
border:1px solid;
font-weight:bold;
display:none;
}
.administracao .loading div {
margin-left:30px;
}
.administracao .cadastro table td {
border:0px none;
text-align:left;
}
.administracao table td a{
color:black;
font-weight:bold;
}
.administracao .cadastro table td input, .administracao .cadastro table td textarea, .administracao .cadastro table td select {
width:600px;
padding:2px;
font-family:arial;
font-size:11px;
font-weight:bold;
color:#999;
}
.administracao .cadastro table td input:focus, .administracao .cadastro table td textarea:focus, .administracao .cadastro table td select:focus {
color:black;
}
.administracao .cadastro table td .botao {
width:100px;
padding:0px;
color:black;
}
.administracao .cadastro table td .checkbox {
margin-right:10px;
}
.administracao .cadastro table td .checkbox input {
width:auto;
padding:0px;
}
.administracao .cadastro table td .check_table {
width:auto;
}
.administracao .cadastro table td .check_table td {
padding:0px;
width:250px;
}
/*************************************
EMPRESA
**************************************/
#trabalhe {
width: 990px;
margin: auto;
}
#trabalhe #topo {
background-image: url(../images/logomarca-elian.png);
background-repeat: no-repeat;
background-position: 20px 10px;
height: 154px;
}
#trabalhe .logomarca {
position: absolute;
margin: 20px 0 0 80px;
width: 250px;
height: 124px;
display: block;
}
#trabalhe #menu_empresa {
padding: 65px 0 0 40px;
}
#trabalhe #menu_empresa .botao_esquerdo {
float: left;
width: 49px;
}
#trabalhe #menu_empresa .lista {
background-image: url(../images/botao_fundo.png);
background-repeat: repeat-x;
float: left;
width: 830px;
height: 51px;
color: #023f6f;
padding-top: 16px;
}
#trabalhe #menu_empresa .lista ul li {
display: inline;
font-size: 11px;
padding: 0 3px;
}
#trabalhe #menu_empresa .lista ul li a {
color: #023f6f;
text-decoration: none;
}
#trabalhe #menu_empresa .lista ul li a:hover {
color: #000;
text-decoration: underline;
}
#trabalhe #menu_empresa .botao_direito {
float: left;
width: 49px;
}
#trabalhe.interna .menu {
padding-top: 0;
margin-top: 75px;
padding-left: 340px;
}
#trabalhe.interna #menu_empresa {
padding-left: 32px;
}
#trabalhe #marcas {
margin: 120px 0 0 630px;
position: absolute;
}
#trabalhe #marcas .logomarcas {
padding-left: 30px;
}
/*************************************
ADMINISTRAÇÃO
**************************************/
.login .erro {
color: #FF0000;
font-weight: bold;
}
.login table tr td {
padding: 3px 2px 3px 0;
}
.login table tr td input {
border: 1px #CCC solid;
padding: 2px;
background-color: #F2F2F2;
}
.login table tr td .entrar {
background-image: url(../images/bt_entrar.gif);
background-repeat: no-repeat;
background-position: 0 0;
height: 22px;
width: 59px;
border: 0;
cursor: pointer;
cursor: hand;
}
.login table tr td .entrar:hover {
background-position: -59px 0;
}