html, body{
margin:0;
width: 100%;
}
#fundo{
position:fixed;
width:100%;
height:100%;
background:#000;
opacity:0.8;
display:none
}
#meio{
margin:0 auto;
width:960px;
}
.unselectable {
-moz-user-select:none;
-webkit-user-select:none;
}
.columns img, .topdown img{
-moz-user-select:none;
-webkit-user-select:none;
}
.espaco{
float:left;
width:100%;
height:125px;
}
.opacidade{
-moz-opacity:.50;
opacity:.50;
}
*{
outline: none
}
#sec_banner #banner .layer_transparent{
cursor:pointer;
position: absolute;
height: 100%;
width: 100%;
z-index:3;
}
#sec_banner #banner .btn_gerenciar{
position: relative;
left: 50%;
top: 120px;
padding: 7px 15px 7px 32px;
margin: 96px 0 0 -62px !important;
font: 15px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20 url(images/ico_btn_editar.png) 14% 50% no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
/*#menu_baixo .centralizador .btn_publicar:hover{
background:#94e323;
}*/
.edit .layer_transparent{
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
top: 0;
left: 0;
}
.edit .layer_transparent.play{
background:url(images/play_youtube.png) 50% 50% no-repeat;
}
.edit.carregando{
position: relative;
}
.edit img.carregando{
position: absolute;
top: 20%;
z-index: 4;
left: 50%;
margin-left: -8px;
}
.edit .layer_transparent.carregando{
position: absolute;
height: 100%;
width: 100%;
z-index: 3;
filter:alpha(opacity=50);
opacity: 0.5;
background: #fff;
}
.edit .content{
position: relative;
}
.edit .content.cx_posts{
float: left;/*** foi adicionado o float left para que a layer transparente preenche todo o container do blog ***/
}
.coluna_curta,.coluna_mini,.coluna_pequena,.coluna_metade,.coluna_media,.coluna_grande{
min-height:50px;
}
#topo{
margin: 0 auto;
}
#rodape{
width: 960px;
margin: 0 auto;
position: relative;
height:80px;
}
.centralizador_rodape{
width: 100%;
}
.ui-datepicker{
z-index: 1100 !important;
background:#fff !important;
}
/*Usado para o plugin uploadify */
/*é para exibir os arquivos para escolher as imagens*/
.swfupload {
z-index: 100000 !important;
}
.ui-widget-content{
padding:0 !important;
border:0 !important;
}
#dialog-img,#dialog-form,#dialog-pagina,#dialog-link,#dialog-mapa,#dialog-video,#dialog-formatos{
overflow:auto;
overflow-x: hidden;
}
#dialog-config-geral{
overflow: auto;
overflow: hidden;
}
.appriseOuter{
border:7px solid #2279a6;
background-color:#FFF;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.appriseInner button {
background-color:#2279a6;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:none;
}
.appriseInner button:hover {
background-color:#2a97cf;
}
.appriseInner img{
position:absolute;
left:50%;
bottom:-30px;
margin-left:-20px;
}
.coluna_curta h1,.coluna_mini h1,.coluna_pequena h1,.coluna_metade h1, .coluna_media h1, .coluna_grande h1{
font:bold 22px Arial, Helvetica, sans-serif;
color:#000;
}
.container_12{
position:relative;
}
/*********************** CAIXA DE FONTES ******************************/
#menu_contextual .cx_fonts{
float:left;
position: relative;
width:210px;
height:28px !important;
margin-right:5px;
text-indent:10px;
line-height:20px;
background:#FFF;
color: #000;
}
#menu_contextual .show_fonts{
float:left;
cursor:pointer;
width:210px;
margin-top:4px;
background:#FFF url(images/seta_cx_fonts.png) 98% 50% no-repeat;
}
#menu_contextual .lista_fonts{
width: 210px;
padding:5px 0 10px 0;
display: none;
position: absolute;
list-style: none;
cursor:pointer;
background: #FFF;
margin: 0;
}
#menu_contextual .lista_fonts li.active{
background: #e8f0f3;
}
#menu_contextual .lista_fonts li:hover{
background: #e8f0f3;
}
/*################### CONFIGURAÇÕES DE PAGINA ###################*/
#cx_edicao_config_pagina{
float:left;
background:#2279a6;
padding:0 10px 0 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 450px;
}
#cx_edicao_config_pagina h1{
float:left;
margin:0;
padding:10px 0 15px 0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_config_pagina h2{
font:bold 32px Verdana, Geneva, sans-serif;
color:#34495e;
letter-spacing:-1px;
margin:0 0 15px 0;
padding:0;
}
#cx_edicao_config_pagina .btn_salvar{
float:right;
height:19px;
padding:5px 10px 3px 25px;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
background:url(images/ico_btn_salvar.png) 0% 50% no-repeat;
}
#cx_edicao_config_pagina .p1{
float:left;
width:410px;
height:356px;
overflow:auto;
padding:20px;
margin-top:10px;
background:#FFF;
font:12px Arial, Helvetica, sans-serif;
}
#cx_edicao_config_pagina .p1 .add_pagina{
float:left;
height:17px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_campo.png) no-repeat;
padding:3px 0 0 25px;
}
#cx_edicao_config_pagina .separador{
float:right;
width:4px;
height:20px;
margin:3px 10px 0 10px;
background:#FFF;
}
#cx_edicao_config_pagina .btn_cancelar{
float:right;
width:22px;
height:22px;
margin-top:7px;
}
/*################### PUBLICAR SITE ###################*/
#cx_publicar_site{
float:left;
background:#2279a6;
padding:0 10px 0 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 450px;
}
#cx_publicar_site h1{
float:left;
margin: 0 10px;
padding:10px 0 15px 0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_publicar_site .p1{
float:left;
width:410px;
height:40px;
overflow:auto;
padding:20px;
margin-top:10px;
margin-left: 13px;
background:#FFF;
font:12px Arial, Helvetica, sans-serif;
}
#cx_publicar_site .p1 input{
float:left;
}
#cx_publicar_site .p1 p{
float: left;
}
#cx_publicar_site .p1 .loading{
float: left;
padding-top: 11px;
padding-left: 5px;
}
#cx_publicar_site .btn_cancelar{
float:right;
width:22px;
height:22px;
margin-top:7px;
margin-right: 5px;
}
/*################### ALÇA DE MOVIMENTAÇÃO ###################*/
div .columns .edit {
display: table;
width: 100%;
float: none !important;
}
div .columns .form {
display: table;
width: 100%;
}
div .topdown .edit {
display: block;
}
div .topdown a img{
border:0;
cursor:pointer;
}
div .topdown .form {
display: table;
}
div.ativo {
-webkit-box-shadow: inset 0px 0px 0px 1px #bbd1dd;
box-shadow: inset 0px 0px 0px 1px #bbd1dd;
}
div .columns .ativo{
background-color:#e8f0f3;
}
.handle, .handle_tag{
width:129px;
height:20px;
position: absolute;
left: 50%;
margin:-20px 0 0 -65px;
background:#2279a6 url(images/fundo_alca.png) no-repeat;
cursor: move;
z-index: 999;
}
.handle img, .handle_tag img{
cursor:pointer;
position:relative;
left:103px;
}
/*################### MENU PADRAO SITE ###################*/
.menu_site{
width:960px;
height: 60px;
position:relative;
margin: 0 auto;
}
.menu_site ul.menu{
float:left;
margin:0;
list-style:none;
}
.menu_site ul.menu li{
float:left;
}
.menu_site ul.menu li a{
float:left;
text-decoration:none;
}
.menu li ul {
position:absolute;
top:-999em;
z-index:99;
}
.menu li {
float:left;
position:relative;
}
.menu ul li{
width: 100%;
}
.menu li:hover ul, ul.menu li:hover ul {
left:0;
top:30px;
}
.menu li:hover li ul,.menu li:hover li ul {
top:-999em;
}
mc_menu_1 li li:hover ul,ul.menu li li:hover ul {
left:0px;
top:0px;
}
.menu li:hover ul,.menu li li:hover ul {
top: -999em;
}
/*################### MENU TOPO ###################*/
#menu_topo{
position:fixed;
z-index:9999;
width:100%;
height:30px;
padding:10px 0;
background:#2b2b2b;
}
#menu_topo .centralizador{
width:960px;
margin:0 auto;
}
#menu_baixo .btn_salvar{
float:right;
padding:7px 12px;
margin-top:16px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background:#86ce20;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height:23px;
vertical-align:middle;
}
#menu_baixo .btn_salvar img{
float:left;
margin-right:5px;
border:0;
}
#menu_topo .btn_salvar:hover{
background:#96e624 url(images/ico_btn_salvar.png) 12% 50% no-repeat;
}
#menu_topo .btn_streaming{
float:left;
width:53px;
height:22px;
padding:4px 0 0 35px;
margin-left:22px;
background:#86ce20 url(images/ico_btn_salvar.png) 12% 50% no-repeat;
border-top:1px solid #a3db40;
border-right:1px solid #4bb610;
border-bottom:1px solid #29a807;
border-left:1px solid #94d430;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#menu_topo .btn_streaming:hover{
background:#96e624 url(images/ico_btn_salvar.png) 12% 50% no-repeat;
}
#menu_topo ul{
float:right;
width:730px;
margin:0;
padding:0;
list-style:none;
}
#menu_topo ul li{
float:right;
padding:0 20px;
border-left:2px solid #3e3f40;
}
#menu_topo ul li a{
float:right;
height:18px;
padding:3px 0 0 27px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#menu_topo .tema{
background:url(images/ico_tema.png) no-repeat;
}
#menu_topo .tema:hover{
background:url(images/ico_tema_hover.png) no-repeat;
color:#86ce20;
}
#menu_topo .ajuda{
background:url(images/ico_ajuda.png) no-repeat;
}
#menu_topo .ajuda:hover{
background:url(images/ico_ajuda_hover.png) no-repeat;
color:#86ce20;
}
#menu_topo .preview{
background:url(images/ico_preview.png) no-repeat;
}
#menu_topo .preview:hover{
background:url(images/ico_preview_hover.png) no-repeat;
color:#86ce20;
}
#menu_topo .nova_pagina{
background:url(images/ico_nova_pagina.png) no-repeat;
}
#menu_topo .nova_pagina:hover{
background:url(images/ico_nova_pagina_hover.png) no-repeat;
color:#86ce20;
}
#menu_topo .renomear{
background:url(images/ico_renomear.png) no-repeat;
padding-left:46px;
}
#menu_topo .renomear:hover{
background:url(images/ico_renomear_hover.png) no-repeat;
padding-left:46px;
color:#86ce20;
}
/*################### MINI MENU CABECALHO ###################*/
#mini_menu_cabecalho{
float:left;
width:100%;
height:55px !important;
position:relative;
z-index:0;
top:100%;
background:#74797e;
}
#mini_menu_cabecalho .btn_imagem{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 22px;
background: #86CE20 url(images/ico_btn_imagem.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_texto{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 15px;
background: #86CE20 url(images/ico_btn_texto.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_html,
#mini_menu_rodape .btn_html
{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 15px;
background: #86CE20 url(images/ico_btn_html.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_social_links,
#mini_menu_rodape .btn_social_links
{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 15px;
background: #86CE20 url(images/ico_btn_html.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_carrossel,
#mini_menu_rodape .btn_carrossel
{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 15px;
background: #86CE20 url(images/ico_btn_banners.png) 5% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_imagem:hover{
background:#96e624 url(images/ico_btn_imagem.png) 12% 50% no-repeat
}
#mini_menu_cabecalho .btn_texto:hover{
background:#96e624 url(images/ico_btn_texto.png) 12% 50% no-repeat
}
#mini_menu_cabecalho .btn_html:hover,
#mini_menu_rodape .btn_html:hover
{
background:#96e624 url(images/ico_btn_html.png) 12% 50% no-repeat
}
#mini_menu_cabecalho .btn_carrossel:hover,
#mini_menu_rodape .btn_carrossel:hover
{
background:#96e624 url(images/ico_btn_banners.png) 5% 50% no-repeat
}
#mini_menu_cabecalho .btn_zoom_mais,
#mini_menu_rodape .btn_zoom_mais{
float:right;
height: 22px;
padding: 5px 0px 0 35px;
margin:15px 15px 0 10px;
background: #2a97cf url(images/ico_btn_frente_novo.png) 50% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_cabecalho .btn_zoom_menos,
#mini_menu_rodape .btn_zoom_menos{
float:right;
height: 22px;
padding: 5px 0px 0 35px;
margin:15px 0 0 10px;
background: #2a97cf url(images/ico_btn_fundo_novo.png) 50% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/*################### MINI MENU RODAPE ###################*/
#mini_menu_rodape{
float:left;
width: 960px !important;
height:55px !important;
margin: -55px 0px 0px 0px !important;
z-index:1;
background:#74797e;
}
#mini_menu_rodape .btn_imagem{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 22px;
background: #86CE20 url(images/ico_btn_imagem.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_rodape .btn_texto{
float:left;
height: 22px;
padding: 5px 15px 0 35px;
margin:15px 0 0 15px;
background: #86CE20 url(images/ico_btn_texto.png) 12% 50% no-repeat;
font: 12px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration:none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#mini_menu_rodape .btn_imagem:hover{
background:#96e624 url(images/ico_btn_imagem.png) 12% 50% no-repeat
}
#mini_menu_rodape .btn_texto:hover{
background:#96e624 url(images/ico_btn_texto.png) 12% 50% no-repeat
}
/*################## MENU DE BACKGROUND #############################*/
#choice_background_theme_button{
left:0;
top:0;
position: fixed;
z-index: 9999;
width:35px;
height:185px;
background:url(images/btn_paleta_adm_background.png);
cursor:pointer;
margin-top:150px;
}
#choice_background_theme{
left:-300px;
top:0;
position: fixed;
z-index: 9999;
padding:10px;
display:block;
background:#91989e;
border:10px solid #74797e;
margin-top:50px; /*--------------------------------- Retirar */
}
#choice_background_theme h1{
float:left;
margin:0 0 10px 0;
font:bold 19px Arial, Helvetica, sans-serif;
color:#FFF;
}
#choice_background_theme .btn_remove_theme{
float:right;
width:19px;
height:19px;
margin-right:5px;
cursor:pointer;
}
#choice_background_theme .btn_edit_theme{
float:right;
width:19px;
height:19px;
cursor:pointer;
}
/********************** CAIXA DE EDICAO DA COR **********************/
#choice_background_theme .cx_edicao_cor{
float:left;
width:165px;
clear:both;
margin:5px 0;
}
#choice_background_theme .cx_edicao_cor .cor_atual{
float:left;
width:30px;
height:30px;
margin-right:10px;
border:2px solid #74797e;
cursor:pointer;
}
#choice_background_theme .cx_edicao_cor label{
float:left;
margin-top:8px;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
}
/********************** CAIXA DE EDICAO DA TEXTURA **********************/
#choice_background_theme .cx_edicao_textura{
float:left;
width:165px;
clear:both;
padding:5px 0;
}
#choice_background_theme .cx_edicao_textura label{
float:left;
margin-top:8px;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
}
#choice_background_theme .cx_edicao_textura ul.lista_texturas{
float:left;
width:165px;
/*height:106px;*/
margin:5px 0;
padding:0;
list-style:none;
overflow:auto;
}
#choice_background_theme .cx_edicao_textura ul.lista_texturas li{
float:left;
margin:2px;
}
#choice_background_theme .cx_edicao_textura ul.lista_texturas li img{
float:left;
width: 34px;
height: 34px;
border: 1px solid black;
background: #CACACA;
}
#choice_background_theme .cx_edicao_textura ul.lista_texturas li.ativo img{
border: 1px solid #86CE20;
}
/********************** CAIXA DE EDICAO DA IMAGEM DE FUNDO **********************/
#choice_background_theme .cx_edicao_imagem{
float:left;
width:165px;
clear:both;
padding:5px 0;
}
#choice_background_theme .cx_edicao_imagem label{
float:left;
width:100%;
margin:8px 0 10px 0;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
}
#choice_background_theme .cx_edicao_imagem img{
float:left;
width:64px;
height:64px;
}
#choice_background_theme .cx_edicao_imagem .escolher_imagem_background_theme{
float: right;
width: 95px;
height: 30px;
padding: 0 0 0 30px;
margin-bottom:4px;
border: 0;
background: #86ce20 url(images/ico_edit_post_selecionar.png) 10% 50% no-repeat;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
cursor: pointer;
text-align: left;
}
#choice_background_theme .cx_edicao_imagem .remover_imagem{
float: right;
width: 95px;
height: 30px;
padding: 0 0 0 30px;
border: 0;
background: #ce0505 url(images/ico_edit_post_remover.png) 10% 50% no-repeat;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
cursor: pointer;
text-align: left;
}
#choice_background_theme .opcao_repetir{
float:left;
clear:both;
width:165px;
font:14px Arial, Helvetica, sans-serif;
color:#FFF;
margin-top:10px;
}
#choice_background_theme .opcao_repetir label:last-child{
margin:0;
}
#choice_background_theme .opcao_repetir label{
float:left;
width:auto;
padding:0;
margin:0 8px 0 0;
}
#choice_background_theme .opcao_repetir input{
margin:0;
padding:0;
}
/********************** CAIXA DE EDICAO DA IMAGEM LOADING **********************/
#lista_upload_background_theme{
float:left;
clear:both;
width:165px;
height:30px;
margin-top:5px;
}
/*################## NOVO MENU BAIXO #############################*/
#menu_baixo {
position: fixed;
z-index: 9999;
width: 100%;
height: 59px;
bottom: 0;
background: url(images/fundo_menu_baixo.png) repeat-x;
}
#menu_baixo .centralizador{
width:1055px;
position: fixed;
left: 50%;
margin-left: -527px;
}
#menu_baixo .centralizador ul{
float:left;
margin:0;
padding:0;
list-style:none;
}
#menu_baixo .centralizador ul li{
float:left;
margin-right:3px;
}
#menu_baixo .centralizador ul li a{
float:left;
padding:22px 20px 14px 20px;
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
line-height:23px;
vertical-align: middle;
border:0 !important;
}
#menu_baixo .centralizador ul li a img{
float:left;
margin-right:7px;
border:0 !important;
}
#menu_baixo .centralizador ul li a:hover{
background:url(images/fundo_link_menu_baixo.png) 0% 100% repeat-x;
}
#menu_baixo .centralizador .marcado{
background:url(images/seta_menu_baixo.png) 50% 0% no-repeat !important;
}
#menu_baixo .centralizador .btn_publicar{
float:right;
padding:7px 12px;
margin-top:16px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background:#86ce20;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height:23px;
vertical-align:middle;
}
#menu_baixo .centralizador .btn_publicar:hover{
background:#94e323;
}
.btn_publicar img{
float:left;
margin-right:5px;
}
#menu_baixo .centralizador .btn_sair{
float: right;
padding:7px 12px;
margin-top:16px;
margin-left: 10px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background:#ce0505;
text-shadow: 1px 1px 1px #b80404;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height:23px;
vertical-align:middle;
}
#menu_baixo .centralizador .btn_sair:hover{
background:#e30505;
}
.btn_sair img{
float:left;
margin-right:5px;
}
.cx_componentes{
position: fixed;
z-index: 9998;
width: 100%;
height: 122px;
bottom: 0;
background: #91989e;
}
.cx_componentes .centralizador{
width:1000px;
position: fixed;
left: 50%;
margin-left: -452px;
}
.cx_componentes ul{
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.cx_componentes ul li{
float: left;
width: 97px;
border: 1px solid #91989e;
}
.cx_componentes ul li .item{
position:fixed !important;
float:left;
width: 55px !important;
height: 61px !important;
border: 7px solid #74797e;
margin: -15px 0 0 0;
cursor: move;
font: 10px Arial, Helvetica, sans-serif;
color: #484b4e;
text-align: center;
background:#91989e;
line-height:0.80em;
}
.cx_componentes .item img{
margin:5px 0 5px 0;
}
.cx_componentes .item:hover {
background:#a7afb6;
}
.cx_componentes .item .alca {
float: left;
width: 53px;
height: 17px;
margin: -15px 0 0 1px;
background: #2279a6 url(images/fundo_alca_itens.png) 50% 50% no-repeat;
}
/*################## COMBO (Tmagem, Título e texto #############################*/
/*################### MENU BAIXO ###################
#menu_baixo{
position:fixed;
z-index:9999;
width:100%;
height:118px;
bottom:0;
background:#2b2b2b;
}
#menu_baixo *, #menu_contextual *{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#menu_baixo .centralizador{
width:866px;
height:100px;
padding:12px 12px 0 12px;
margin:0 auto;
background:#91989e;
border:7px solid #74797e;
border-bottom:none;
position: fixed;
left: 50%;
margin-left: -452px;
}
#menu_baixo .menu_abas{
float:left;
width:115px;
margin:0;
padding:0;
list-style:none;
}
#menu_baixo .menu_abas li{
}
#menu_baixo .menu_abas li a{
float:left;
width:89px;
height:20px;
padding:8px 13px 0 13px;
margin-top:3px;
background:#74797e;
font:bold 14px Arial, Helvetica, sans-serif;
color:#cfd0d1;
text-decoration:none;
line-height:10px;
}
#menu_baixo .menu_abas li a:hover, #menu_baixo .selecionado{
background:#2279a6;
color:#FFF;
}
#menu_baixo .menu_opcoes{
float:left;
margin:0 0 0 20px;
padding:0;
list-style:none;
display:inline;
}
#menu_baixo .menu_opcoes li{
float:left;
width:90px;
border:1px solid #91989e;
}
.item{
position:fixed !important;
width:70px;
height:81px;
border:7px solid #74797e;
margin:0 0 0 0;
cursor:move;
font:11px Arial, Helvetica, sans-serif;
color:#484b4e;
text-align:center;
}
.item p{
margin-top:60px;
display:block;
}
.item .alca{
float:left;
width:64px;
height:20px;
margin:-12px 0 0 3px;
background:#2279a6 url(images/fundo_alca_itens.png) 50% 50% no-repeat;
}
.titulo{
background:#91989e url(images/item_titulo.png) 50% 38% no-repeat;
}
.titulo:hover{
background:#a7afb6 url(images/item_titulo.png) 50% 38% no-repeat;
}
.texto{
background:#91989e url(images/item_texto.png) 50% 38% no-repeat;
}
.texto:hover{
background:#a7afb6 url(images/item_texto.png) 50% 38% no-repeat;
}
.imagem{
background:#91989e url(images/item_imagem.png) 50% 38% no-repeat;
}
.imagem:hover{
background:#a7afb6 url(images/item_imagem.png) 50% 38% no-repeat;
}
.texto_imagem{
background:#91989e url(images/item_texto_imagem.png) 50% 38% no-repeat;
font:11px Arial, Helvetica, sans-serif !important;
line-height:10px !important;
}
.texto_imagem p{
margin-top:57px;
}
.texto_imagem:hover{
background:#a7afb6 url(images/item_texto_imagem.png) 50% 38% no-repeat;
font:11px Arial, Helvetica, sans-serif !important;
line-height:10px !important;
}
.formulario{
background:#91989e url(images/item_formulario.png) 50% 38% no-repeat;
}
.formulario:hover{
background:#a7afb6 url(images/item_formulario.png) 50% 38% no-repeat;
}
a, li, .item:hover{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
*/
/*################### MENU CONTEXTUAL ###################*/
.menu .btn_editar{
float:left;
height:19px;
padding:5px 11px 3px 32px;
margin-right:10px;
font:13px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
.form_edit{
background: #86ce20 url(images/ico_btn_form.png) 6% 50% no-repeat;
}
.btn_editar.addTop{
background: #86ce20 url(images/ico_btn_form.png) 6% 50% no-repeat;
}
.btn_editar.addHtml{
background: #86ce20 url(images/ico_btn_html.png) 6% 50% no-repeat;
}
.btn_editar.addLikebox{
background: #86ce20 url(images/ico_btn_html.png) 6% 50% no-repeat;
}
.menu .btn_editar_imagem{
background:#86ce20 url(images/ico_btn_imagem.png) 6% 50% no-repeat;
}
.menu .btn_editar_mapa{
background:#86ce20 url(images/ico_btn_imagem.png) 6% 50% no-repeat;
}
.menu .btn_editar_video{
background:#86ce20 url(images/ico_btn_imagem.png) 6% 50% no-repeat;
}
.btn_editar.editSocialLinks{
background: #86ce20 url(images/ico_add_rede_social.png) 6% 50% no-repeat;
padding: 5px 11px 3px 50px;
}
#menu_contextual, #menu_img, #menu_form, #menu_mapa, #menu_video, #menu_carrossel,
#menu_twitter, #menu_blog_post, #menu_blog_categoria, #menu_top10, #menu_html,
#menu_social_links,#menu_likebox{
position:fixed;
z-index:9999;
min-width:600px;
padding:5px 15px 5px 46px;
background:#91989e url(images/handle_grip.png) 2% 50% no-repeat;
border:7px solid #74797e;
}
#menu_twitter label{
float:left;
font:bold 13px Arial, Helvetica, sans-serif;
color:#373a3c
}
#menu_twitter label input{
margin-left:5px;
}
#menu_twitter .btn_editar_twitter{
background:#00bbf5 url(images/ico_btn_twitter.png) 10% 50% no-repeat ;
text-shadow: 1px 1px 1px #008bb6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left:5px;
}
#menu_mapa .btn_editar_mapa{
background:#86ce20 url(images/ico_btn_mapa.png) 10% 50% no-repeat ;
text-shadow: 1px 1px 1px #6ca61a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left:5px;
}
#menu_video .btn_editar_video{
background:#86ce20 url(images/ico_btn_video.png) 10% 50% no-repeat ;
text-shadow: 1px 1px 1px #6ca61a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left:5px;
padding-left:37px;
}
#menu_carrossel span{
float: left;
padding: 6px 0 0 6px;
color: #fff;
}
#menu_carrossel .btn_editar_carrossel{
background:#86ce20 url(images/ico_adm_banners.png) 10% 50% no-repeat ;
text-shadow: 1px 1px 1px #6ca61a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left:5px;
padding-left:50px;
}
#menu_carrossel .btn_remover_background{
background:url(images/ico_remover_cor.png) no-repeat ;
height: 29px;
width: 29px;
float: left;
margin: 0 0 0 20px;
}
#menu_carrossel .cor{
width:23px;
height:23px;
background:#91989e;
border:3px solid #74797e;
vertical-align:middle;
cursor:pointer;
display: inline-block;
float: left;
margin: 0 0 0 20px;
}
#menu_contextual input, #menu_img input, #menu_social_links input{
width:29px;
height:29px;
background:#91989e;
border:3px solid #74797e;
font:bold 25px "Times New Roman", Times, serif;
color:#FFF;
text-decoration:none;
text-align:center;
vertical-align:middle;
cursor:pointer;
}
.campo_video{
float:left;
width:311px;
height:20px;
margin-right:15px;
margin-bottom:20px;
}
#menu_contextual .centralizador input:hover, #menu_contextual input.maior, #menu_contextual .centralizador input.menor {
background:#a7afb6;
}
#menu_contextual .cor{
width:23px;
height:23px;
background:#91989e;
border:3px solid #74797e;
font:bold 25px "Times New Roman", Times, serif;
color:#FFF;
text-decoration:none;
text-align:center;
vertical-align:middle;
cursor:pointer;
display: inline-block;
}
#menu_contextual input.maior{
background:#91989e url(images/ico_maior.png) 50% 50% no-repeat;
}
#menu_contextual input.menor{
background:#91989e url(images/ico_menor.png) 50% 50% no-repeat;
}
#menu_contextual input.negrito{
background:#91989e url(images/ico_negrito.png) 50% 50% no-repeat;
}
#menu_contextual input.italico{
background-image:#91989e url(images/ico_italico.png) 50% 50% no-repeat;
}
#menu_contextual input.italico{
background:#91989e url(images/ico_italico.png) 50% 50% no-repeat;
}
#menu_contextual input.sublinhado{
background:#91989e url(images/ico_sublinhado.png) 50% 50% no-repeat;
}
#menu_contextual input.riscado{
background:#91989e url(images/ico_riscado.png) 50% 50% no-repeat;
}
#menu_contextual input.alinhado_esq,
#menu_img input.alinhado_esq
{
background:url(images/ico_alinhado_esq.png) 50% 50% no-repeat;
}
#menu_contextual input.centralizado,
#menu_img input.centralizado
{
background:url(images/ico_centralizado.png) 50% 50% no-repeat;
}
#menu_contextual input.alinhado_dir,
#menu_img input.alinhado_dir
{
background:url(images/ico_alinhado_dir.png) 50% 50% no-repeat;
}
#menu_img input.link{
background: url(images/ico_link.png) 50% 50% no-repeat;
}
#menu_img input.link:hover, #menu_contextual input.link_ativo{
background:#a7afb6 url(images/ico_link.png) 50% 50% no-repeat;
}
#menu_img input.unlink{
background:url(images/ico_unlink.png) 50% 50% no-repeat;
}
#menu_contextual input.just{
background:url(images/ico_just.png) 50% 50% no-repeat;
}
#menu_contextual input.link{
background:url(images/ico_link.png) 50% 50% no-repeat;
}
#menu_contextual input.unlink{
background:url(images/ico_unlink.png) 50% 50% no-repeat;
}
#menu_contextual input.icones{
background:url(images/ico_icones.png) 50% 50% no-repeat;
}
#menu_contextual #fontName{
float:left !important;
width:140px;
padding:3px 5px;
margin-right:20px;
border:none;
}
#menu_contextual .addLine, #menu_contextual .addCol{
width:67px;
padding-left:22px;
background:#86ce20 url(images/ico_maior.png) 10% 50% no-repeat;
border:3px solid #5e9117;
font:11px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
}#menu_contextual .addLine{
width:62px;
}
#menu_contextual input.maior:hover, #menu_contextual input.maior_ativo{
background:#a7afb6 url(images/ico_maior.png) 50% 50% no-repeat;
}
#menu_contextual input.menor:hover, #menu_contextual input.menor_ativo{
background:#a7afb6 url(images/ico_menor.png) 50% 50% no-repeat;
}
#menu_contextual input.cor:hover, #menu_contextual input.cor_ativo{
background:#a7afb6 url(images/ico_font_cor.png) 100% 100% no-repeat;
}
#menu_contextual input.negrito:hover, #menu_contextual input.negrito_ativo{
background:#a7afb6 url(images/ico_negrito.png) 50% 50% no-repeat;
}
#menu_contextual input.italico:hover, #menu_contextual input.italico_ativo{
background:#a7afb6 url(images/ico_italico.png) 50% 50% no-repeat;
}
#menu_contextual input.sublinhado:hover, #menu_contextual input.sublinhado_ativo{
background:#a7afb6 url(images/ico_sublinhado.png) 50% 50% no-repeat
}
#menu_contextual input.riscado:hover, #menu_contextual input.riscado_ativo{
background:#a7afb6 url(images/ico_riscado.png) 50% 50% no-repeat
}
#menu_contextual input.alinhado_esq:hover, #menu_contextual input.alinhado_esq_ativo,
#menu_img input.alinhado_esq:hover, #menu_img input.alinhado_esq_ativo
{
background:#a7afb6 url(images/ico_alinhado_esq.png) 50% 50% no-repeat;
}
#menu_contextual input.centralizado:hover, #menu_contextual input.centralizado_ativo,
#menu_img input.centralizado:hover, #menu_img input.centralizado_ativo
{
background:#a7afb6 url(images/ico_centralizado.png) 50% 50% no-repeat;
}
#menu_contextual input.alinhado_dir:hover, #menu_contextual input.alinhado_dir_ativo,
#menu_img input.alinhado_dir:hover, #menu_img input.alinhado_dir_ativo
{
background:#a7afb6 url(images/ico_alinhado_dir.png) 50% 50% no-repeat;
}
#menu_contextual input.just:hover, #menu_contextual input.just_ativo{
background:#a7afb6 url(images/ico_just.png) 50% 50% no-repeat;
}
#menu_contextual input.link:hover, #menu_contextual input.link_ativo{
background:#a7afb6 url(images/ico_link.png) 50% 50% no-repeat;
}
#menu_contextual input.icones{
background:url(images/ico_icones.png) 50% 50% no-repeat;
}
#menu_contextual input.icones:hover, #menu_contextual input.icones_ativo{
background:#a7afb6 url(images/ico_icones.png) 50% 50% no-repeat;
}
.cx_icones{
position:absolute;
float:left;
width:185px;
padding:10px !important;
margin:13px 0 0 66px;
background:#91989e;
border:7px solid #74797e;
height: 200px;
overflow: auto;
}
.seta_cima_cinza{
float:left;
position:relative;
width:29px;
height:22px;
left:50%;
margin:-32px 0 0 -14px;
background:url(images/seta_cima_cinza.png);
}
.cx_icones .icones{
float:left;
width:184px !important;
height:210px !important;
margin:0 !important;
padding:0 !important;
list-style:none;
background-color:transparent !important;
overflow:auto;
}
.cx_icones img{
float:left;
width:32px !important;
height:32px !important;
margin:0 9px 9px 0 !important;
cursor: pointer;
}
.cx_icones select{
width:156px;
margin:10px 0 15px 0
}
.cx_icones select option {
width:156px;
}
/*################### MENU DE EDI��O DO MENU ###################*/
/*################### MENU IMAGEM ###################
#menu_img{
position:fixed;
z-index:9999;
width:100%;
height:64px;
top:50px;
background:#91989e;
border:7px solid #74797e;
border-top:none;
}
#menu_img .centralizador{
width:916px;
height:48px;
padding:16px 15px 0 15px;
margin:0 auto;
}
#menu_img input{
float:left;
width:39px;
height:39px;
background:#91989e;
border:3px solid #74797e;
font:bold 25px "Times New Roman", Times, serif;
color:#FFF;
text-decoration:none;
text-align:center;
vertical-align:middle;
margin-right:4px;
}
#menu_img input:hover{
background:#a7afb6;
}
#menu_img input.alinhado_esq{
background:url(images/ico_alinhado_esq.png) 50% 50% no-repeat;
margin-left:25px;
}
#menu_img input.centralizado{
background:url(images/ico_centralizado.png) 50% 50% no-repeat;
}
#menu_img input.alinhado_dir{
background:url(images/ico_alinhado_dir.png) 50% 50% no-repeat;
}
*/
/*################### MENU DE EDICAO DO MENU ###################*/
.menu_edicao_links{
position:absolute;
right:0;
z-index:100;
width:53px;
height:149px;
margin:11px -50px 0 0;
background:url(images/ico_menu_edicao_links.png);
text-decoration:none;
cursor:pointer;
}
.menu_edicao_links .submenu{
display:none;
position: relative;
z-index:9999;
float:left;
width:130px;
padding:15px;
margin:7px 0 0 -85px;
background:#FFF;
border:7px solid #74797e;
list-style:none;
}
.menu_edicao_links:hover .submenu{
display:block !important;
}
.menu_edicao_links .submenu li{
float:left;
width:130px;
padding:3px 0 3px 0;
border-bottom:1px dashed #CCC;
}
.menu_edicao_links .submenu li a{
float:left;
width:120px;
padding:5px;
font:13px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
.menu_edicao_links .submenu li a:hover{
background:#cce3f2
}
/*################### VIDEO ###################*/
.edit.video .content{
margin: 0 auto;
}
.coluna_grande .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 940px;
height: 705px;
}
.coluna_grande .column2 .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 458px;
height: 344px;
}
.coluna_media .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 620px;
height: 465px;
}
.coluna_media .column2 .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 300px;
height: 255px;
}
.coluna_metade .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 470px;
height: 350px;
}
.coluna_pequena .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 300px;
height: 255px;
}
.coluna_mini .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 235px;
height: 175px;
}
.coluna_curta .edit.video .content.exportado{/*essas definições foram necessárias, para que no momento de expostar os videos tenha o tamanho correto*/
width: 150px;
height: 125px;
}
/*################### BLOG ###################*/
.gerenciar_blog{
background:#86ce20;
height:20px;
padding:0 10px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;;
border:0;
cursor:pointer;
}
.edit.blog.blog_post .cx_posts .addPost{
display: none;
}
.edit.blog.blog_post .cx_posts .navBlog{
display: none;
}
.edit.blog.blog_categoria .cx_categorias .addCategoryPost{
display: none;
}
.edit.blog.blog_categoria .cx_categorias h1,
.edit.blog.blog_categoria .cx_categorias .cx_nova_categoria,
.edit.blog.blog_categoria .cx_categorias .remove_cat,
.edit.blog.blog_categoria .cx_categorias .edit_cat,
.edit.blog.blog_post .cx_posts .remove_post
{
display: none;
}
.edit.blog .img_temp img{
width: 100%
}
.edit.blog .layer_transparent{
cursor:pointer;
}
.edit.blog .btn_gerenciar{
position: absolute;
left: 50%;
padding: 7px 15px 7px 32px;
margin: 15px 0 0 -42px !important;
font: 15px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20 url(images/ico_btn_editar.png) 14% 50% no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
.cx_posts .btn_maisposts{
float:left;
width:100%;
min-height:14px;
margin-top:20px;
text-align:right;
}
.coluna_pequena #cx_posts .post p{
display:none
}
.cx_categorias ul{
float:left;
width:100%;
list-style: none;
margin: 0;
padding: 0;
}
.cx_categorias ul li{
float:left;
width:100%;
min-height: 20px;
/*border-bottom:2px solid #777;
margin-bottom:10px;*/
}
.cx_categorias ul li a{
float:left;
width:100%;
text-decoration:none;
/*font:13px Arial, Helvetica, sans-serif;*/
}
.cx_categorias ul li .remove_cat{
position: absolute;
right: 0px;
cursor: pointer;
margin-top:3px;
/*font:13px Arial, Helvetica, sans-serif;*/
}
.cx_categorias ul li .edit_cat{
position: absolute;
right: 25px;
cursor: pointer;
margin-top:3px;
}
.cx_categorias ul li a:hover{
}
.navBlog{
width: 100%;
height: 25px;
float: left;
}
.navBlog .prev{
float: left;
}
.navBlog .next{
float: right;
}
.addCategoryPost{
float:left;
padding:10px 50px 10px 10px;
border:0;
margin-bottom:10px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
background:#86ce20 url(images/ico_gerenciar_categorias.png) 100% 50% no-repeat;
cursor:pointer;
}
.addPost{
float:right;
padding:10px 53px 10px 10px;
border:0;
margin-bottom:10px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
background:#86ce20 url(images/ico_gerenciar_posts.png) 100% 50% no-repeat;
cursor:pointer;
}
.margens.cx_posts .post_texto .lbl_edit_post{
width:130px;
float: left;
}
/*################### MAPA ###################*/
.columns .mapa{
width: 100%;
margin: 0 auto;
/*usado para o resizing do mapa calcular a altura e a largura sem a borda*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*################### FORMULARIO ###################*/
fieldset{/*--------------------------------------------------- Necessário para o IE que ignora o padding do fieldset*/
padding:7px;
}
.cxformulario .cx_btn_enviar {
text-align: right;
float: left;
width: 100%;
padding: 20px 0 0 0;
}
.coluna_media .cxformulario{
float:left;
}
.coluna_media .cxformulario h3{
float:left;
width:100%;
position:relative;
z-index:1;
}
.coluna_media .cxformulario label{
float:left;
position:relative;
}
.coluna_media .cxformulario label .erro_msg,
.coluna_media .cxformulario fieldset .erro_msg
.coluna_metade .cxformulario label .erro_msg,
.coluna_metade .cxformulario fieldset .erro_msg
{
color: red;
font-weight: bold;
float: left;
width: 100%;
}
.coluna_pequena .cxformulario label .erro_msg,
.coluna_pequena .cxformulario fieldset .erro_msg,
.coluna_mini .cxformulario label .erro_msg,
.coluna_mini .cxformulario fieldset .erro_msg,
.coluna_curta .cxformulario label .erro_msg,
.coluna_curta .cxformulario fieldset .erro_msg
{
color: red;
font-weight: bold;
float: left;
width: 100%;
}
.coluna_pequena .cxformulario fieldset .campo_checkbox{
float:left;
width:auto !important;
height:auto !important;
margin-right:3px
}
.tag .cxformulario{
float:left;
padding:30px;
margin:0 0 20px 0;
}
.tag .cxformulario h3{
float:left;
width:100%;
position:relative;
z-index:1;
}
.tag .cxformulario label{
float:left;
position:relative;
}
.tag .cxformulario label .erro_msg,
.tag .cxformulario fieldset .erro_msg{
color: red;
font-weight: bold;
float: left;
width: 100%;
}
.tag .cxformulario fieldset legend{
font:bold 13px Arial, Helvetica, sans-serif;
}
.tag .cxformulario fieldset label{
margin-right:15px
}
/*################### EDO��O DE FORMUL�RIO ###################*/
.layer_negra{
position:absolute;
z-index:10000;
background:#000;
width:100%;
height:100%;
opacity: .50;
}
#cx_edicao_form{
float:left;
z-index:10001;
width:910px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_form h1{
float:left;
margin:3px 0 0 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
.p1 .btn_salvar{
float:left;
padding:8px 15px;
margin-left:150px;
background:#2279a6;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#cx_edicao_form .btn_salvar{
float:right !important;
width:22px;
height:22px;
}
#cx_edicao_form .separador{
float:right;
width:4px;
height:20px;
margin:3px 10px 0 10px;
background:#FFF;
}
#cx_edicao_form .p1{
float:left;
width:394px;
height:400px;
overflow:auto;
padding:20px;
background:#FFF;
}
#cx_edicao_form .p1 .add_campo{
float:left;
height:26px;
font:13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_campo.png) no-repeat;
padding:3px 0 0 25px;
}
/*################### EDO��O DE CONFIG GERAL ###################*/
/*
.foto_texto .content{
display: block;
min-width: 100px;
z-index: 1;
}*/
#cx_edicao_config{
float:left;
z-index:10001;
width:722px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_config ul{
float:left;
margin:15px 0 0 0;
padding:0;
list-style:none;
}
#cx_edicao_config ul li{
float:left;
padding-right:40px;
}
#cx_edicao_config ul li a{
float:left;
padding-bottom:16px;
text-align:center;
text-decoration:none;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_config ul li a img{
margin-bottom:5px;
}
#cx_edicao_config ul li a:hover, #cx_edicao_config ul li a.marcado{
background:url(images/sete_cima_configs.png) 50% 100% no-repeat;
}
#cx_edicao_config form label{
font:bold 12px Arial, Helvetica, sans-serif;
color:#585858;
margin:7px 0;
}
#cx_edicao_config form label.total{
float:left;
width:100%;
}
#cx_edicao_config form label.esquerda{
float:left;
width:48%;
}
#cx_edicao_config form label.direita{
float:right;
width:48%;
}
#cx_edicao_config form label .campo{
width:100%;
height:30px;
border:2px solid #bdc3c7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-indent:5px;
}
#cx_edicao_config .btn_salvar_configs{
float: right;
position: relative;
padding: 4px 25px;
margin-top:10px;
font: bold 15px Arial, Helvetica, sans-serif;
color: #FFF !important;
background: #2279a6;
text-decoration: none;
}
#cx_edicao_config .conteudo{
float:left;
width:642px;
height:280px;
padding:40px;
background:#FFF
}
#cx_edicao_config .btn_cancelar{
float:right;
margin-top:10px;
}
#cx_config_banner, #cx_config_seo, #cx_config_email, #cx_config_blog,#cx_config_icon{
display:none
}
#cx_config_icon .btn_add_imagem_fav,
#cx_config_fb .btn_add_imagem_fb{
padding: 7px 12px;
margin-top: 16px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
#cx_config_icon .img_favicon{
margin-left: 15px;
}
#cx_config_icon .remove_favicon{
width: 16px;
margin-left: 5px;
cursor: pointer;
}
/*################### Banner: configurações */
#cx_edicao_config .conteudo{
float:left;
width:662px;
height:320px;
padding:20px 30px;
background:#FFF
}
.cx_slides{
float:left;
width:662px;
height:235px;
overflow:auto;
/*overflow-x:*/
}
.btn_add_slide{
float:right;
padding:5px 10px 5px 25px;
margin-bottom:10px;
background:#86ce20 url(images/ico_maior.png) 10% 50% no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
.slide_conteudo{
float:left;
width:573px;
padding:15px 20px 10px 20px;
margin:5px 0 5px 10px;
border:1px solid #d9dfe4;
background: #fff;
}
.slide_conteudo .thumb{
float:left;
width:50px;
height:50px;
margin-right:20px;
border:2px solid #999
}
.slide_conteudo label{
float:left;
width:467px;
margin:0 20px 5px 0;
text-indent:5px;
text-align: right;
}
.slide_conteudo .cx_url_img_link{
float:right;
width:370px;
height:22px;
border:2px solid #bdc3c7;
border-right:none;
margin-left:5px;
}
.slide_conteudo .btn_add_img_link{
float:right;
width:28px;
height:28px;
text-decoration:none;
background:#86ce20 url(images/ico_maior.png) 50% 50% no-repeat;
}
.slide_conteudo .cx_texto{
width:535px;
height:45px;
border:2px solid #bdc3c7;
line-height:15px;
resize:none;
}
.slide_conteudo .handler{
float:left;
width:26px;
height:26px;
margin:-20px 0 0 -30px;
background:url(images/btn_mover_cima_baixo.png);
}
.slide_conteudo .btn_excluir_slide{
float:right;
margin:-10px -10px 10px 0;
}
/*################### Backup: configuracoes */
#cx_config_backup{
}
#cx_config_backup .btn_backup{
padding: 15px 15px 15px 70px;
font: 18px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20 url(images/ico_config_backup.png) 7% 25% no-repeat;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 40px;
vertical-align: middle
}
#cx_config_backup .btn_backup_desativado{
background: #b6e279 url(images/ico_config_backup.png) 7% 25% no-repeat;
text-shadow: none;
cursor:default;
}
#cx_config_backup .btn_excluir_backup{
padding: 5px 12px 5px 30px;
margin-left: 5px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #c10000 url(images/ico_btn_excluir_bkp.png) 8% 50% no-repeat;
text-shadow: 1px 1px 1px #a10000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 30px;
vertical-align: middle
}
#cx_config_backup .btn_excluir_backup:hover{
background: #c10000 url(images/ico_btn_excluir_bkp.png) 8% 50% no-repeat;
}
#cx_config_backup .btn_restaurar{
padding: 5px 12px 5px 35px;
margin-left: 5px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #ff7f0e url(images/ico_btn_restaurar.png) 5% 50% no-repeat;
text-shadow: 1px 1px 1px #e6730d;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 30px;
vertical-align: middle
}
#cx_config_backup .btn_restaurar:hover{
background: #ff7f0e url(images/ico_btn_restaurar.png) 5% 50% no-repeat;
}
#cx_config_backup .btn_ver_backup{
padding: 5px 12px 5px 35px;
margin-left: 5px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #2279a6 url(images/ico_btn_visualisar.png) 5% 50% no-repeat;
text-shadow: 1px 1px 1px #1c658a;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 30px;
vertical-align: middle
}
#cx_config_backup .btn_ver_backup:hover{
background: #2279a6 url(images/ico_btn_visualisar.png) 5% 50% no-repeat;
}
#cx_config_backup .lista_backups{
width:100%;
margin:0;
padding:0;
list-style:none;
}
#cx_config_backup .lista_backups li{
width:100%;
border-bottom:1px solid #e5e5e5;
padding:7px 0;
}
#cx_config_backup .lista_backups li span{
float:left;
line-height:40px;
}
#cx_config_backup .lista_backups li a{
float:right
}
/*################### FIM EDO��O DE CONFIG GERAL ###################*/
#recursos {
float:left;
width: 378px;
padding-bottom:25px;
}
#recursos .recurso{
float:left;
width: 378px;
border:1px solid #ced0d2;
margin-bottom:3px;
background: #ffffff;
}
#recursos .recurso h3{
float:left;
width:300px;
padding:10px 0 7px 0;
margin:0;
cursor:pointer;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
}
#recursos .recurso span{
width:9px;
height:13px;
margin:10px 7px 0 5px !important;
padding:0;
background:url(images/ico_abre_fecha.png);
cursor:move;
}
#recursos .recurso a{
float:right;
width:18px;
height:18px;
margin:7px 5px 0 0;
background:url(images/btn_excluir_imagem.png) no-repeat;
}
/*#recursos .recurso h3 span{
float:right;
width:16px;
height:16px;
padding:0;
margin:10px 20px 0 0;
background:url(../images/seta_right.png);
}
#recursos .recurso h3.aberto span{
float:right;
width:16px;
height:16px;
padding:0;
margin:10px 20px 0 0;
background:url(../images/seta_down.png);
}*/
#recursos .recurso div{
display:none;
float:left;
width: 378px;
padding:0 0 15px 0;
}
#recursos .recurso span{
float:left;
margin-left:74px;
}
#recursos .recurso div label{
float:left;
width:360px;
padding:0 0 0 0;
margin-top:5px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
text-align:right;
}
#recursos .recurso div label .select{
width:282px;
margin-left:5px;
padding:5px;
border:1px solid #74797e;
}
#recursos .recurso div label .campo{
width:270px;
margin-left:5px;
padding:5px;
border:1px solid #74797e;
}
#recursos .recurso div label .opcoes{
width:270px;
margin-left:5px;
padding:5px;
border:1px solid #74797e;
vertical-align:top;
}
textarea{
}
.cx_campo_obrigatorio{
float:left;
width:205px !important;
padding:0 0 0 73px !important;
margin:0;
}
#cx_edicao_form .p2{
float:left;
width:447px;
margin-left: 15px;
}
.p2 #FormConteudo{
float:left;
width:420px;
height:363px;
padding:20px;
overflow:auto;
background:#FFF;
}
.p2 .abas{
float:left;
width:460px;
margin:0;
padding:0;
list-style:none;
}
.p2 .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x;
}
.p2 .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
.p2 .aba_form{
padding:10px 10px 0 40px;
background:url(images/ico_aba_form_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
.p2 .aba_config{
padding:10px 10px 0 40px;
background:url(images/ico_aba_config_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
.p2 .ativo{
background:#FFF !important;
}
.p2 .ativo .aba_form{
background:url(images/ico_aba_form.png) 10% 50% no-repeat;
color:#2279a6;
}
.p2 .ativo .aba_config{
background:url(images/ico_aba_config.png) 10% 50% no-repeat;
color:#2279a6;
}
.p2 #FormConteudo label{
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:10px !important;
}
.p2 #FormConteudo h3{
float:left;
width:380px;
}
.p2 #FormConteudo label .campo{
float:left;
width:380px;
height:28px;
margin-top:5px;
border:1px solid #74797e;
}
.p2 #FormConteudo label .area{
float:left;
width:380px;
height:120px;
resize:none;
margin-top:5px;
border:1px solid #74797e;
}
.p2 #FormConteudo fieldset{
float:left;
margin:15px 0 0 0;
padding:0;
border:0;
}
.p2 #FormConteudo fieldset legend{
font:bold 13px Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.p2 #FormConteudo fieldset label{
float:left;
margin-right:15px;
font:12px Arial, Helvetica, sans-serif;
}
.p2 #FormConteudo fieldset input{
float:left;
width:auto !important;
height:auto !important;
margin-right:5px
}
/*################### EXIBI POSICAO ONDE O ELMEENTO VAI FICAR ###################*/
.ui-sortable-placeholder {
border: 2px dotted black;
visibility: visible !important;
height: 10px !important;
background:#ddd9d9;
}
.ui-sortable-placeholder * {
visibility: hidden;
}
/*################### padrão para exibir imagens ###################*/
.cx_imagem {
display: table;
float: left;
z-index: 2; /*é necessário porque senão o h1 encobre a imagem*/
}
.cx_imagem .borda{
overflow: hidden;
float: left; /*Foi adicionado porque a borda precisa encapsular a imagem*/
}
/*################### EDICAO DO MENU ###################*/
#cx_edicao_menu{
float:left;
z-index:10001;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_edicao_menu h1{
float:left;
width:600px;
font:bold 19px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_menu .conteudo{
float:left;
width:700px;
height:382px;
overflow:auto;
padding:20px;
background:#FFF;
}
#cx_edicao_menu .conteudo .btn_salvar{
float:left;
padding:8px 15px;
margin:10px 0 0 250px;
background:#2279a6;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#cx_edicao_menu .btn_fechar{
float:right;
width:26px;
height:29px;
background:url(images/btn_deletar.png);
}
#cx_edicao_menu .conteudo .add_campo{
float:left;
height:26px;
padding:3px 0 0 25px;
margin:15px 60px 0 0;
font:13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_campo.png) no-repeat;
}
#cx_edicao_menu .conteudo .add_link_externo{
float:left;
height:26px;
padding:3px 0 0 25px;
margin:15px 0 0 0;
font:13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_link_externo.png) no-repeat;
}
#cx_edicao_menu .cx_link{
float:left;
width:670px;
padding:10px;
margin-bottom:5px;
border:1px solid #ced0d2;
}
#cx_edicao_menu .cx_link span{
float:left;
width: 9px;
height: 13px;
margin:5px 7px 0 0;
padding: 0;
background: url(images/ico_abre_fecha.png);
cursor: crosshair;
}
#cx_edicao_menu .cx_link .ordem{
float:left;
width:15px;
padding:3px;
margin-right:10px;
border:1px solid #ced0d2;
font:11px Arial, Helvetica, sans-serif;
text-align:center;
}
#cx_edicao_menu .cx_link .campo{
float:left;
width:530px;
border:0;
font:bold 14px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_edicao_menu .cx_link .btn_fechar{
float: right;
width: 18px;
height: 18px;
margin: 0 0 0 10px;
background: url(images/btn_fechar_edit_form.png);
}
#cx_edicao_menu .cx_link .btn_senha{
float: right;
width: 13px;
height: 16px;
margin: 0 0 0 10px;
background: url(images/btn_senha_off.png);
}
#cx_edicao_menu .cx_link .btn_publicar{
float: right;
width: 20px;
height: 16px;
margin: 0 0 0 10px;
background: url(images/btn_publicar_off.png);
}
#cx_edicao_menu .cx_link .link_externo{
float: left;
width: 605px;
height: 16px;
margin:0;
border:1px solid #ced0d2;
}
#cx_edicao_menu .cx_link .ico_link{
float:left;
width:18px;
height:18px;
margin:0 10px 0 17px;
cursor:default;
background:url(images/ico_link2.png);
}
#cx_edicao_menu .cx_link p{
float:left;
width:100%;
margin:0;
padding:10px 0;
}
/*################### BOTOES DE REDIMENSIONAMENTO ###################*/
.ui-resizable{
border:none !important;
}
.ui-resizable-e{
position:absolute !important;
z-index:1000 !important;
margin:0 5px 0 0;
width:26px !important;
height:26px;
background:url(images/btn_mover_esq_direita.png) 50% 50% no-repeat;
border:0 !important;
}
.ui-resizable-s{
position:absolute !important;
z-index:1000 !important;
width:26px;
height:26px !important;
bottom: -1px;
background:url(images/btn_mover_cima_baixo.png) 50% 50% no-repeat;
border:0 !important;
}
.ui-resizable-se{
position:absolute ;
z-index:1000 !important;
width:26px !important;
height:26px !important;
background:url(images/btn_mover_diagonal.png) !important;
border:0 !important;
}
/*################### BOTOAO DE EDICAO DO FORMULARIO ###################*/
.coluna_media .form .edicao_formularios{
position: absolute;
float: left;
z-index:1000;
float: left;
width: 73px;
height: 42px;
padding: 28px 0 0 50px;
margin: -15px 0 0 -60px;
background: url(images/ico_menu_edicao_links_c2.png) 10% 50% no-repeat;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
cursor: pointer;
}
.coluna_pequena .form .edicao_formularios{
position: absolute;
float: left;
z-index:1000;
right:0;
width: 53px;
height: 42px;
padding: 28px 0 0 70px;
margin: -10px 0 0 0;
background: url(images/ico_menu_edicao_links_c1.png) 10% 50% no-repeat;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
cursor: pointer;
}
/*################### BOTÃO MOSTRAR COMPONENTES ###################*/
#cx_mostrar_componentes{
float:left;
position:fixed;
z-index:999999;
width:100%;
bottom:0;
border-bottom:15px solid #2279a6;
}
#cx_mostrar_componentes .btn_mostrar_componentes{
float:left;
width:193px;
height:16px;
padding:7px 0 0 15px;
margin:0 0 -10px 70%;
background:#2279a6 url(images/seta_mostrar_componentes.png) 95% 100% no-repeat;
font:bold 13px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*################### EDICAO DE IMAGENS ###################*/
#cx_edicao_imagem{
float:left;
width:910px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_imagem .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_imagem .cx_edicao_botoes h1{
float:left;
margin:8px 0 0 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF
}
#cx_edicao_imagem .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
background:none;
}
#cx_edicao_imagem #FormConteudo{
float:left;
width:870px;
padding:20px;
background:#FFF;
}
#cx_edicao_imagem .abas{
float:right;
width:340px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_edicao_imagem .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_imagem .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_imagem .abas li a.ativo{
background:#FFF;
}
#cx_edicao_imagem .abas .aba_imagem{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_imagem .abas .aba_imagem_web{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_web_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_imagem .abas .ativo .aba_imagem{
background:#FFF url(images/ico_imagem_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_imagem .abas .ativo .aba_imagem_web{
background:#FFF url(images/ico_imagem_web.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_imagem .cx_browse_images{
float:left;
width:870px;
height:260px;
padding:5px 0 0 0;
margin:15px 0;
border:1px solid #ced0d2;
overflow:auto;
}
#cx_edicao_imagem .cx_browse_images img{
float:left;
}
#cx_edicao_imagem .cx_browse_images li img,
#cx_edicao_galeria .cx_browse_images li img
{
width:100px;
height:100px;
}
#cx_edicao_imagem .cx_browse_images ul{
margin:0;
padding:0;
height: 265px;
list-style:none
}
#cx_edicao_imagem .cx_browse_images ul li{
float:left;
border:5px solid #FFF
}
#cx_edicao_imagem .cx_browse_images ul li.selecionado{
border:5px solid #2890c5 !important;
}
#cx_edicao_imagem .cx_browse_images ul li .btn_excluir{
width:17px;
height:17px;
position:relative;
z-index:1000;
float:right;
margin:-10px -10px 0 -7px;
background:url(images/btn_excluir_imagem.png);
display:none;
}
#cx_edicao_imagem .cx_browse_images ul li.selecionado .btn_excluir{
display:block
}
#cx_edicao_imagem .btn_inserir_imagem{
float:left;
position:relative;
left:50%;
margin-left:-77px;
padding:12px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
#cx_edicao_imagem .cx_images_web{
float:left;
width:870px;
height:307px;
padding-bottom:20px;
}
#cx_edicao_imagem .cx_images_web label{
float:left;
width:870px;
padding:0 0 40px 0;
}
#cx_edicao_imagem .cx_images_web label .campo_url{
float:left;
width:760px;
height:26px;
margin-right:10px;
}
#cx_edicao_imagem .cx_images_web label .btn_visualizar{
float:left;
padding:8px 15px;
font:bold 13px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
background:#2279a6;
}
.cx_images_web img{
position:relative;
left:50%;
margin-left:-80px;
}
#cx_edicao_imagem .cx_images_web .container_imagem{
float:left;
width:866px;
height:186px;
overflow:auto;
}
#cx_edicao_imagem .cx_images_web .container_imagem img{
max-width:100% !important;
height:auto;
}
/*################### EDICAO DE LINKS ###################*/
#cx_edicao_link{
float:left;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_link .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_link .cx_edicao_botoes h1{
float:left;
margin:0;
padding:0;
font:bold 19px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_link .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_link .cx_browse_paginas,
#cx_edicao_link .cx_browse_link,
#cx_edicao_link .cx_browse_email,
#cx_edicao_link .cx_browse_blog
{
float:left;
width:700px;
padding:18px;
background:#FFF;
}
#cx_edicao_link .cx_browse_paginas h2,
#cx_edicao_link .cx_browse_link h2,
#cx_edicao_link .cx_browse_email h2
{
float: left;
width: 67px;
display: block;
margin: 0px;
}
#cx_edicao_link .abas{
float:right;
width:515px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_edicao_link .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_link .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_link .abas li.ativo{
background:#FFF;
}
#cx_edicao_link .abas .aba_imagem_paginas{
height:30px;
padding:14px 13px 0 62px;
background:url(images/ico_link_pages_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_link .abas .aba_imagem_web{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_link_externo_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_link .abas .aba_imagem_email{
height:30px;
padding:14px 13px 0 53px;
background:url(images/ico_link_email_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_link .abas .aba_imagem_blog{
height:30px;
padding:14px 13px 0 53px;
background:url(images/ico_link_blog_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_link .abas .ativo .aba_imagem_blog{
background:url(images/ico_link_blog_off.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_link .abas .ativo .aba_imagem_paginas{
background:url(images/ico_link_pages_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_link .abas .ativo .aba_imagem_web{
background:url(images/ico_link_externo_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_link .abas .ativo .aba_imagem_email{
background:url(images/ico_link_email_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_link .abas .ativo .aba_imagem_blog{
background:url(images/ico_link_blog_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_link .btn_add_imagem{
float:left;
height:19px;
padding:0 0 0 24px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_imagem.png) 0% 50% no-repeat;
}
#cx_edicao_link .cx_browse_images{
float:left;
width:870px;
height:260px;
padding:5px 0 0 0;
margin:15px 0;
border:1px solid #ced0d2;
overflow:auto;
}
#cx_edicao_link .cx_browse_images img{
float:left;
}
#cx_edicao_link .cx_browse_images ul{
margin:0;
padding:0;
list-style:none
}
#cx_edicao_link .cx_browse_images ul li{
float:left;
border:5px solid #FFF
}
#cx_edicao_link .cx_browse_images ul li.selecionado{
border:5px solid #2890c5 !important;
}
#cx_edicao_link .cx_browse_images ul li .btn_excluir{
width:17px;
height:17px;
position:relative;
z-index:1000;
float:right;
margin:-10px -10px 0 -7px;
background:url(images/btn_excluir_imagem.png);
display:none;
}
#cx_edicao_link .cx_browse_images ul li.selecionado .btn_excluir{
display:block
}
#cx_edicao_link .btn_definir_pagina{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
#cx_edicao_link .cx_images_web{
float:left;
width:870px;
padding-bottom:20px;
}
#cx_edicao_link .cx_images_web label{
float:left;
width:870px;
padding:0 0 40px 0;
}
#cx_edicao_link .cx_images_web label .campo_url{
float:left;
width:760px;
height:26px;
margin-right:10px;
}
#cx_edicao_link .cx_images_web label .btn_visualizar{
float:left;
padding:8px 15px;
font:bold 13px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
background:#2279a6;
}
/*################### EDICAO DE MAPA ###################*/
#cx_edicao_mapa{
float:left;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_mapa .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_mapa .cx_edicao_botoes h1{
float:left;
margin:7px 0 8px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_mapa .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_mapa .cx_browse_mapa{
float:left;
width:700px;
height:395px;
padding:18px;
background:#FFF;
}
#cx_edicao_mapa .cx_browse_mapa h2
{
float: left;
width: 67px;
display: block;
margin: 0px;
}
#cx_edicao_mapa .abas{
float:right;
width:400px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_edicao_mapa .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_mapa .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_mapa .abas li a.ativo{
background:#FFF;
}
#cx_edicao_mapa .abas .aba_mapa{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_mapa .abas .ativo .aba_mapa{
background:#FFF url(images/ico_imagem.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_mapa .btn_add_imagem{
float:left;
height:19px;
padding:0 0 0 24px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_imagem.png) 0% 50% no-repeat;
}
#cx_edicao_mapa .btn_definir_mapa{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
#cx_edicao_mapa .btn_salvar_mapa{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
margin-left: 10px;
}
#cx_edicao_mapa .cx_browse_mapa label{
float:left;
margin:5px 0;
font-weight:bold;
}
#cx_edicao_mapa .cx_browse_mapa .campo_endereco{
float:left;
width:696px;
height:20px;
}
#cx_edicao_mapa .cx_browse_mapa .campo_titulo{
float:left;
width:335px;
height:20px;
margin-right:12px;
}
#cx_edicao_mapa .cx_browse_mapa .campo_descricao{
float:left;
width:340px;
height:20px;
}
#cx_edicao_mapa .cx_browse_mapa #mapa_config{
float: left;
height: 240px;
width: 686px;
margin:10px 0;
border:7px solid #CCC
}
/*################### EDICAO DE HTML ###################*/
#cx_edicao_html{
float:left;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_html .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_html .cx_edicao_botoes h1{
float:left;
margin:7px 0 8px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_html .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_html .cx_browse_html{
float:left;
width:700px;
height:330px;
padding:18px;
background:#FFF;
}
#cx_edicao_html .cx_browse_html .CodeMirror{
width: 700px;
height: 250px;
border: 1px solid black;
}
#cx_edicao_html .cx_browse_html h2
{
float: left;
width: 67px;
display: block;
margin: 0px;
}
#cx_edicao_html .abas{
float:right;
width:400px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_edicao_html .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_html .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_html .abas li a.ativo{
background:#FFF;
}
#cx_edicao_html .abas .aba_mapa{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_html .abas .ativo .aba_mapa{
background:#FFF url(images/ico_imagem.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_html .btn_add_imagem{
float:left;
height:19px;
padding:0 0 0 24px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_imagem.png) 0% 50% no-repeat;
}
#cx_edicao_html .btn_definir_mapa{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
#cx_edicao_html .btn_salvar_html{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
margin-left: 10px;
}
#cx_edicao_html .cx_browse_html label{
float:left;
margin:5px 0;
font-weight:bold;
}
#cx_edicao_html .cx_browse_html .campo_endereco{
float:left;
width:696px;
height:20px;
}
#cx_edicao_html .cx_browse_html .campo_titulo{
float:left;
width:340px;
height:20px;
margin-right:12px;
}
#cx_edicao_html .cx_browse_html .campo_descricao{
float:left;
width:340px;
height:20px;
}
#cx_edicao_html .cx_browse_html #mapa_config{
float: left;
height: 240px;
width: 686px;
margin:10px 0;
border:7px solid #CCC
}
/*################### EDICAO DE VIDEO ###################*/
#cx_edicao_video{
float:left;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_edicao_video .cx_edicao_botoes{
float:left;
width:100%;
position:static;
}
#cx_edicao_video .cx_edicao_botoes h1{
float:left;
margin:8px 0 15px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_video .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_video .cx_browse_video{
float:left;
width:700px;
height:395px;
padding:18px;
background:#FFF;
}
#cx_edicao_video .cx_browse_video h2{
float: left;
width: 67px;
display: block;
margin: 0px;
}
#cx_edicao_video .abas{
float: right;
width: 290px;
margin: -38px 60px 0 0;
padding: 0;
list-style: none;
}
#cx_edicao_video .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_video .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_video .abas li a.ativo{
background:#FFF;
}
#cx_edicao_video .abas .aba_video{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_video .abas .ativo .aba_video{
background:#FFF url(images/ico_imagem.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_video .btn_add_imagem{
float:left;
height:19px;
padding:0 0 0 24px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_imagem.png) 0% 50% no-repeat;
}
#cx_edicao_video .btn_definir_video{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
#cx_edicao_video .btn_salvar_video{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
margin-left: 10px;
}
#cx_edicao_video .abas .aba_link{
background:#FFF url(images/link_video_off.png) 10px 8px no-repeat;
color: #95b6cc;
height:25px;
padding:15px 10px 0 65px;
margin-bottom:3px;
}
#cx_edicao_video .abas .ativo .aba_link{
background:#FFF url(images/link_video_on.png) 10px 8px no-repeat;
color: #2279a6;
padding:15px 10px 3px 65px;
margin-bottom:0;
}
#cx_edicao_video .abas .aba_pesquisa{
background:#FFF url(images/procura_video_off.png) 10px 8px no-repeat;
color: #95b6cc;
height:25px;
padding:15px 10px 0 60px;
margin-bottom:3px;
}
#cx_edicao_video .abas .ativo .aba_pesquisa{
background:#FFF url(images/procura_video_on.png) 10px 8px no-repeat;
color: #2279a6;
padding:15px 10px 3px 60px;
margin-bottom:0;
}
#cx_edicao_video .item_video{
}
#cx_edicao_video .item_video h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_edicao_video .item_video .text{
font:12px Arial, Helvetica, sans-serif;
color:#585858;
}
#cx_edicao_video .item_video{
float:left;
width:660px;
position:relative;
margin-bottom:15px;
}
#cx_edicao_video .item_video button{
width:210px;
height:37px;
background:#86ce20 url(images/icone_btn_add_video.png) 6% 50% no-repeat;
border:none;
font:13px Arial, Helvetica, sans-serif;
color:#FFF;
position: absolute;
bottom: 0;
left:0;
}
#cx_edicao_video .item_video .video{
width:430px;
padding:0;
margin:0;
float:right;
}
#cx_edicao_video .next{
float: right;
}
#cx_edicao_video .next a{
float: left;
padding: 10px 26px 10px 18px;
border: 1px solid #d9d9d9 !important;
margin: 0 22px 0 0;
background: url(images/seta_btn_proximo_videos.png) 90% 50% no-repeat;
font:bold 11px Arial, Helvetica, sans-serif;
color:#737373;
}
#cx_edicao_video .prev{
float: left;
}
#cx_edicao_video .prev a{
float: left;
padding: 10px 18px 10px 26px;
border: 1px solid #d9d9d9 !important;
margin: 0 22px 0 0;
background: url(images/seta_btn_anterior_videos.png) 11% 50% no-repeat;
font: bold 11px Arial, Helvetica, sans-serif;
color: #737373;
}
/*################### EDICAO DE GALERIA ###################*/
#cx_edicao_galeria{
float:left;
width:910px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.galeria a img{
border:0; /*-------------------------------------------- Tira as bordas da imagem no IE */
}
#cx_edicao_galeria .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_galeria .cx_edicao_botoes h1{
float:left;
margin:8px 0 0 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF
}
#cx_edicao_galeria .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_galeria #FormConteudo{
float:left;
width:870px;
padding:20px;
background:#FFF;
}
#cx_edicao_galeria .abas{
float:right;
width:340px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_edicao_galeria .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_edicao_galeria .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_edicao_galeria .abas li a.ativo{
background:#FFF;
}
#cx_edicao_galeria .abas .aba_imagem{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_galeria .abas .aba_video{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_imagem_web_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_edicao_galeria .abas .ativo .aba_imagem{
background:#FFF url(images/ico_imagem_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_galeria .abas .ativo .aba_video{
background:#FFF url(images/ico_imagem_web.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_galeria .cx_browse_images{
float:left;
width:870px;
height:260px;
padding:5px 0 0 0;
margin:15px 0;
border:1px solid #ced0d2;
overflow:auto;
}
#cx_edicao_galeria .cx_browse_images img{
float:left;
}
#cx_edicao_galeria .cx_browse_images ul{
margin:0;
padding:0;
height: 265px;
list-style:none
}
#cx_edicao_galeria .cx_browse_images ul li{
float:left;
border:5px solid #FFF
}
#cx_edicao_galeria .cx_browse_images ul li.selecionado{
border:5px solid #2890c5 !important;
}
#cx_edicao_galeria .cx_browse_images ul li input[type=checkbox]{
display: block;
position: relative;
margin: 3px 0px 0px 3px;
}
#cx_edicao_galeria .cx_browse_images ul li .btn_excluir{
width:17px;
height:17px;
position:relative;
z-index:1000;
float:right;
margin:-10px -10px 0 -7px;
background:url(images/btn_excluir_imagem.png);
display:none;
}
#cx_edicao_galeria .cx_browse_images ul li.selecionado .btn_excluir{
display:block
}
#cx_edicao_galeria .btn_inserir_imagem{
float:left;
position:relative;
left:50%;
margin-left:-77px;
padding:12px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
.cx_videos .cx_browse_video{
float:left;
padding:18px;
background:#FFF;
}
.cx_videos .cx_browse_video h2{
float: left;
width: 67px;
display: block;
margin: 0px;
}
.cx_videos .btn_definir_video{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
.cx_videos .btn_salvar_video{
float:left;
position:relative;
padding:4px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
margin-left: 10px;
}
/*################### CLONAGEM DE COLUNAS ###################*/
#cx_clone{
float:left;
width:554px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_clone #clone_config{
display: block;
float: left;
height: 330px;
overflow-y: auto;
width: 520px;
}
#cx_clone .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_clone .cx_edicao_botoes h1{
float:left;
margin:8px 0 15px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_clone .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_clone .cx_browse_columns{
float:left;
width:514px;
height:360px;
padding:20px;
background:#FFF;
}
#cx_clone .coluna_g, #cx_clone .coluna_m, #cx_clone .coluna_p{
float:left;
height:310px;
padding-top:7px;
border:1px dotted #7accc8;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font:12px Arial, Helvetica, sans-serif #000;
cursor:pointer;
background:#eff6f9
}
#cx_clone .coluna_g:hover, #cx_clone .coluna_m:hover, #cx_clone .coluna_p:hover{
background:#d2f3f9
}
#cx_clone .coluna_g{
width: 100%;
}
#cx_clone .coluna_m{
width: 64%;
margin:5px;
}
#cx_clone .coluna_p{
width: 32%;
margin:5px;
}
#cx_clone select{
margin-left:10px;
}
#cx_clone p{
padding:3px 10px;
margin:0;
}
#cx_clone .label_page{
float:left;
width:100%;
margin-bottom:15px;
font-weight:bold;
}
/*################### Edição do Blog ###################*/
.post.notsortable{
position: relative;
}
#cx_edicao_blog{
float:left;
width:740px;
height:660px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_blog .cx_conteudo_adm_blog{
float: left;
position:absolute;
z-index:1;
top:50px;
left:10px;
width: 700px;
height: 580px;
padding: 18px;
background: #FFF;
overflow: hidden;
overflow-y: auto;
}
#cx_edicao_blog .cx_edicao_botoes h1{
float:left;
margin:7px 0 8px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_blog .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_edicao_blog label{
float:right;
line-height:30px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#585858;
text-align:right;
}
#cx_edicao_blog label .campo_busca{
float:left;
width:320px;
height:24px;
}
#cx_edicao_blog .titulo{
float:left;
line-height:30px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#585858;
text-align:right;
margin-bottom: 10px;
}
#cx_edicao_blog .data{
float:right;
line-height:30px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#585858;
text-align:right;
margin-bottom: 10px;
}
#cx_edicao_blog .titulo input{
float:right;
width:490px;
height:26px;
margin-left:10px;
border:2px solid #bdc3c7;
}
#cx_edicao_blog .data input{
float:right;
width:100px;
height:26px;
margin-left:10px;
border:2px solid #bdc3c7;
}
#cx_edicao_blog .lista_categorias{
float:right;
width:420px;
margin-top:10px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#585858;
text-align:right;
}
#cx_edicao_blog .imagem_destaque{
float:left;
width:600px;
height:30px;
margin-top:10px;
}
#cx_edicao_blog .imagem_destaque input{
float:right;
width:450px;
height:26px;
border:2px solid #bdc3c7;
margin-left:10px;
}
#cx_edicao_blog .btn_add_categoria{
float: right;
width:90px;
height:30px;
padding: 5px 11px 3px 27px;
margin: 10px 0 0 10px;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border:0;
background:#86ce20 url(images/ico_maior.png) 7% 50% no-repeat;
cursor:pointer;
}
#cx_edicao_blog .lista_categorias select{
float:right;
width:327px;
height:26px;
margin-left:10px;
border:2px solid #bdc3c7;
}
#cx_edicao_blog .categoria option{
float:right;
width:300px;
height:26px;
}
#cx_edicao_blog .btn_nova_categoria{
float: right;
width:122px;
height:28px;
padding: 5px 11px 3px 27px;
margin: 10px 0 0 10px;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border:0;
background:#86ce20 url(images/ico_maior.png) 7% 50% no-repeat;
cursor:pointer;
}
#cx_edicao_blog #nova_categoria{
float:right;
width:130px;
}
#cx_edicao_blog #nova_categoria .cx_nova_categoria{
float:left;
position: absolute;
z-index: 5;
display:none;
width:300px;
margin: 40px 0 -5px -100px;
padding:15px;
border:3px solid #bdc3c7;
background:#FFF;
text-align:left
}
#cx_edicao_blog #nova_categoria:hover .cx_nova_categoria{
display:block;
}
#cx_edicao_blog .cx_nova_categoria .campo_add_categoria{
float:left;
width:192px;
height:20px;
border:3px solid #bdc3c7;
}
#cx_edicao_blog .cx_nova_categoria .btn_add_categoria{
float: left;
width: 100px;
height: 28px;
padding: 5px 11px 3px 27px;
margin:0;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border: 0;
background: #86ce20 url(images/ico_maior.png) 7% 50% no-repeat;
cursor: pointer;
}
#cx_edicao_blog .cx_nova_categoria img{
float:left;
position:relative;
left:50%;
margin:-34px 0 0 0;
}
#cx_edicao_blog .btn_editar_categoria{
float: right;
width:135px;
height:28px;
padding: 5px 11px 3px 27px;
margin: 10px 0 0 10px;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border:0;
background:#86ce20 url(images/ico_editar.png) 7% 50% no-repeat;
cursor:pointer;
;
}
#cx_edicao_blog .btn_salvar{
float: left;
width:80px;
height:30px;
padding: 5px 11px 3px 27px;
margin: 10px 10px 0 0;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border:0;
background:#86ce20 url(images/ico_btn_salvar.png) 9% 50% no-repeat;
cursor:pointer;
}
#cx_edicao_blog .btn_cancelar{
float: left;
width:100px;
height:30px;
padding: 5px 11px 3px 27px;
margin: 10px 10px 0 0;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border:0;
background:#c10000 url(images/ico_btn_cancelar.png) 10% 50% no-repeat;
cursor:pointer;
}
.ck_editor{
width:700px;
height:410px;
margin-top:20px;
}
#cx_edicao_blog .cx_listagem_posts{
float: left;
position:absolute;
z-index:2;
top:50px;
left:10px;
width: 700px;
height: 580px;
padding: 18px;
background: #FFF;
overflow: hidden;
overflow-y: auto;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts{
text-align:center;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts th{
height:43px;
background:url(images/fundo_th.png);
border-top:1px solid #b6b6b6;
border-bottom:1px solid #b6b6b6;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts th:first-child{
border-left:1px solid #b6b6b6;
width: 400px;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts th:last-child{
border-right:1px solid #b6b6b6;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts td{
padding:5px;
}
#cx_edicao_blog .cx_listagem_posts .tbl_posts td:first-child{
text-align:left;
}
#cx_edicao_blog .cx_listagem_posts label{
float:left;
text-align:left;
margin:0 15px 15px 0;
}
#cx_edicao_blog .cx_listagem_posts label .select_categorias{
float:left;
height:30px;
}
#cx_edicao_blog .cx_listagem_posts .btn_buscar{
float: left;
width: 35px;
height: 30px;
margin: 0 0 0 0;
border: 0;
background: #bdc3c7 url(images/ico_buscar.png) 50% 50% no-repeat;
cursor: pointer;
}
#cx_edicao_blog .cx_listagem_posts .btn_add_post{
float: right;
width: 90px;
height: 30px;
padding: 5px 11px 3px 25px;
margin: 16px 0 0 10px;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border: 0;
background: #86ce20 url(images/ico_maior.png) 10% 50% no-repeat;
cursor: pointer;
}
#cx_edicao_blog .cx_listagem_posts table tr:nth-child(odd) td{
background:#e7e8e7
}
table tr:nth-child(even) td{
}
#cx_edicao_blog .paginacao{
float:left;
width:100%;
margin-top:20px;
}
#cx_edicao_blog .paginacao span{
margin-right:10px;
}
#cx_edicao_blog .paginacao a{
padding:3px 8px;
margin-right:2px;
border:1px solid #c1c1c1;
text-decoration:none;
font:bold 15px Arial, Helvetica, sans-serif;
color:#777;
}
#cx_edicao_blog .paginacao a.marcado{
background:#2279a6;
color:#FFF;
}
#cx_edicao_blog .cx_editar_categorias{
float: left;
position: absolute;
z-index: 3;
top: 50px;
left: 10px;
width: 700px;
height: 580px;
padding: 18px;
background: #FFF;
display: none;
}
#cx_edicao_blog .cx_editar_categorias .conteudo_editar_categorias{
float:left;
width:700px;
height:530px;
overflow:auto;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts{
text-align:center;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts th{
height:43px;
background:url(images/fundo_th.png);
border-top:1px solid #b6b6b6;
border-bottom:1px solid #b6b6b6;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts th:first-child{
border-left:1px solid #b6b6b6;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts th:last-child{
border-right:1px solid #b6b6b6;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts td{
padding:5px;
}
#cx_edicao_blog .cx_editar_categorias .tbl_posts td:first-child{
text-align:left;
}
#cx_edicao_blog .cx_editar_categorias table tr:nth-child(odd) td{
background:#e7e8e7
}
#cx_edicao_blog .cx_editar_categorias .btn_voltar {
float: right;
width: 90px;
height: 30px;
padding: 5px 11px 3px 25px;
margin: 16px 0 0 10px;
font: 13px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
border: 0;
background: #86ce20 url(images/ico_voltar.png) 10% 50% no-repeat;
cursor: pointer;
}
/*################### EDICAO DE BLOG ###################*/
#cx_edicao_posts{
float:left;
width:740px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_posts .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_edicao_posts .cx_edicao_botoes h1{
float:left;
margin:7px 0 8px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_posts .conteudo{
height: 455px
}
/*################### FOTO Widget ###################*/
.columns .cx_imagem.foto_right {
display: table-cell;
float: right;
overflow: hidden;
}
.columns .cx_imagem.foto_center {
display: block;
margin: 0 auto;
overflow: hidden;
float: none;
}
.columns .cx_imagem.foto {
display: table-cell;
float: left;
overflow: hidden;
z-index: 2; /*é necessário porque senao o h1 encobre a imagem, não permitindo clicar nela*/
}
.columns .cx_imagem .resize {
position: relative;
}
/*################### Twitter Widget ###################*/
.twitter_list{
border:1px solid #e8e8e8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.coluna_pequena .twitter_list h2{
float:left;
padding:10px 0 10px 10px;
margin:0;
font-size:14px;
}
.coluna_media .twitter_list h2{
float:left;
padding:13px 0 13px 20px;
margin:0;
font-size:22px;
}
.coluna_pequena .twitter_list .twitter-follow-button{
margin:10px 10px 0 0;
}
.coluna_media .twitter_list .twitter-follow-button{
margin:15px 20px 0 0;
}
.twitter-follow-button{
float:right;
}
.coluna_pequena .twitter_list{
width:100%;
}
.coluna_pequena .twitter_list img{
width:100%;
height:auto;
}
.twitter_list ul{
float:left;
height:250px;
overflow:scroll;
overflow-x: hidden;
margin:0;
padding:0;
list-style:none;
}
.twitter_list ul li{
float:left;
width:92%;
padding:10px 4%;
border-top:1px solid #e8e8e8;
font:12px "Helvetica Neue",Arial,sans-serif;
text-align:left;
}
.twitter_list ul li img{
float:left;
width:48px !important;
height:auto;
margin:0 10px 3px 0;
border-radius: 4px;
}
.twitter_list a{
color:#009999;
}
.twitter_list a.published{
float:right;
font:11px Arial, Helvetica, sans-serif;
color: #707070;
margin-top:10px;
text-decoration:none !important;
}
.twitter_list a.published:hover{
text-decoration:underline
}
.twitter_list .img_temp img{
width: 100%
}
/*################### 2Colunas Widget ###################*/
.colunas .columns_widget{
margin: 0 auto;
width:100%;
min-height: 100px;
display: table;
}
.column2{
height:100%;
}
.column2.first{
width:49%;
display: block;
float: left;
}
.column2.second{
width:49%;
display: block;
float: right;
}
.column2.first .tag .handle_tag{
margin: -20px 0 0 -210px;
}
.column2.second .tag .handle_tag{
margin: -20px 0 0 80px;
}
.column2 .tag{
min-height: 100px;
}
.column2 .tag.border{
border: 1px dashed blue;
}
.column2 .tag.ui-droppable-placeholder{
background:#ddd9d9;
height: 100%;
}
/*################### Table Widget ###################*/
.edit.table table {
width:100%;
margin:0;
padding:0;
border:none;
}
.edit.table table th {
position:relative !important;
min-height:23px;
text-align:center;
}
.edit.table table th .th {
display:block;
position:relative;
width:100%;
}
.edit.table table th.col1 {
min-height:23px;
}
.edit.table table th .ui-resizable-e {
margin: 0 2px 0 0;
width: 15px !important;
height: 100%;
background:#c10000 url(images/redimensionar_tabela.png) 50% 50% no-repeat;
}
.edit.table table td {
/*min-width:71px;*/
}
.edit.table table td .conteudo{
width:100%;
}
.edit.table th div.col-del {
position:absolute;
width:40px;
height:21px;
padding:4px 0 0 13px;
top:-25px;
cursor:pointer;
background:url(images/btn_deleta_coluna.png) 50% 50% no-repeat;
font:9px Arial, Helvetica, sans-serif;
color:#FFF;
z-index: 1000;
}
.edit.table td div.row-del {
position:absolute;
width:39px;
height:15px;
padding:5px 0 0 14px;
left: -25px;
cursor:pointer;
background:url(images/btn_deleta_linha.png) 50% 50% no-repeat;
font:9px Arial, Helvetica, sans-serif;
color:#FFF;
}
/*################### galeria Widget ###################*/
.edit.galeria .content .handle_galeria{
background: blue;
width: 40px;
height: 17px;
position: absolute;
left: 90px;
z-index: 1000;
}
.edit.galeria .btn_excluir{
width:17px;
height:17px;
position:absolute;
right:0;
margin:-3px -2px 0 0;
z-index:500;
background:url(images/btn_excluir_imagem.png);
cursor: pointer;
}
.edit.galeria .cx_imagem_galeria .cx_text{
position:absolute;
width:230px;
padding:10px !important;
top:-260px;
left:50%;
background:#91989e;
border:7px solid #74797e;
height: 220px;
z-index: 1000;
margin-left: -132px;
}
.edit.galeria .cx_imagem_galeria .cx_text .seta_cima_cinza{
position:absolute;
width:29px;
height:22px;
bottom:-22px;
left:50%;
margin-left:-11px;
background:url(images/seta_baixo_cinza.png);
}
.edit.galeria .cx_imagem_galeria .cx_text .label{
display: block;
color: #fff;
}
.edit.galeria .cx_imagem_galeria .cx_text .cx_text_title{
width:220px;
padding:5px;
border:0;
margin-bottom:5px;
font:12px Arial, Helvetica, sans-serif;
}
.edit.galeria .cx_imagem_galeria .cx_text textarea{
width: 220px;
height: 121px;
border: 0;
padding: 5px;
font:12px Arial, Helvetica, sans-serif;
}
.edit.galeria .cx_imagem_galeria .cx_text button,
.edit.galeria .cx_imagem_galeria .cx_text .loading{
float:left;
position:relative;
background:#86ce20;
border:0;
padding:4px 8px;
margin:10px 10px 0 0;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
}
.edit.galeria .cx_imagem_galeria .cx_text .loading img{
height: 16px;
width: 16px;
}
.edit.galeria .cx_imagem_galeria .cx_text .cx_text_cancel{
float:right;
background:#ce0505;
margin-right:0;
}
/************** widget html *********************/
.topdown .edit.html img.add_html{
max-height: 100%;
max-width: 100%;
width: auto;
display: block;
position: absolute;
margin: 0 auto;
}
.topdown .edit.html .content{
overflow: visible;
margin: 0 auto;
position: static;
}
.topdown .edit.html .layer_transparent{
cursor:pointer;
position: absolute;
height: 100%;
width: 100%;
z-index:3;
}
.topdown .edit.html .btn_gerenciar{
position: relative;
left: 50%;
top: 20px;
padding: 7px 15px 7px 32px;
margin: 96px 0 0 -62px !important;
font: 15px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20 url(images/ico_btn_editar.png) 14% 50% no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
.coluna_media .edit.html{
width: 100%;
overflow: auto;
}
.edit.html img.add_html{
width: 100%;
}
.edit.html .content{
overflow-x: auto;
width: 100%;
}
/************** widget top10 *********************/
.edit.top10 .btn_excluir {
width: 17px;
height: 17px;
position: absolute;
right: 0;
margin: -3px -2px 0 0;
z-index: 1000;
background: url(images/btn_excluir_imagem.png) no-repeat;
cursor: pointer;
}
/************** widget widget_espaco *********************/
.edit.widget_espaco .content{
min-height: 20px;
height:20px;
}
.edit.widget_espaco .content .message{
height: 20px;
margin: -10px 0 0 -65px;
top: 50%;
left: 50%;
position: absolute;
display: none;
font: bold 13px Arial, Helvetica, sans-serif;
color: #2279a6;
}
.edit.widget_espaco .content:hover .message{
display:block;
}
.edit.widget_espaco .ui-resizable-s {
left: 50%;
margin-left: -13px;
}
/**************** widget button ************************/
.edit.button{
min-width: 20px;
text-align: center;
width: 100%;
}
.edit.button .link_button{
text-decoration: none;
color:inherit;
display: block;
}
.edit.button .link_button.align_left{
float: left;
}
.edit.button .link_button.align_center{
margin: 0 auto;
}
.edit.button .link_button.align_right{
float: right;
}
/**************** widget compart_links ************************/
.fb_iframe_widget_lift{/* adicionado porque a cx_imagem tem um z-index de 2 que encobria a popup que abria para comentário do facebook*/
z-index:3 !important;
}
.edit.compartlinks .intro_like{
margin-right: 6px;
}
/************** BANNER *********************/
#banner{
margin: 0 auto;
width: 960px;
height: 300px;
/*overflow: hidden;*/
position: relative;
}
/*################### EDIÇÃO DE COLUNAS ###################*/
.menu_edicao_colunas{
width:125px;
position: absolute;
right:0;
z-index: 100;
margin: 0px -122px 0 0;
}
.menu_edicao_colunas .btn_edicao{
position: relative;
float: left;
width: 53px;
height: 167px;
background: url(images/ico_colunas_edicao.png);
text-decoration: none;
cursor: pointer;
}
.menu_edicao_colunas ul{
float:right;
display:none;
width:73px;
margin:0 -4px 0 0;
padding:9px;
list-style:none;
background:#FFF;
border:10px solid #74797e;
}
.menu_edicao_colunas:hover ul{
display:block;
}
.menu_edicao_colunas ul li{
float:left;
}
.menu_edicao_colunas ul li div{
cursor:pointer;
}
.menu_edicao_colunas ul li .ico_1col_g{
float:left;
width:34px;
height:36px;
background:url(images/ico_2col_g.png)
}
.menu_edicao_colunas ul li .ico_2col_mp{
float:left;
width:34px;
height:36px;
background:url(images/ico_2col_mp.png)
}
.menu_edicao_colunas ul li .ico_2col_pm{
float:left;
width:34px;
height:36px;
background:url(images/ico_2col_pm.png)
}
.menu_edicao_colunas ul li .ico_3col_ppp{
float:left;
width:34px;
height:36px;
background:url(images/ico_2col_ppp.png)
}
.menu_edicao_colunas ul li .ico_1col_g:hover{
background:url(images/ico_2col_g_on.png)
}
.menu_edicao_colunas ul li .ico_2col_mp:hover{
background:url(images/ico_2col_mp_on.png)
}
.menu_edicao_colunas ul li .ico_2col_pm:hover{
background:url(images/ico_2col_pm_on.png)
}
.menu_edicao_colunas ul li .ico_3col_ppp:hover{
background:url(images/ico_2col_ppp_on.png)
}
.menu_edicao_colunas ul li .ico_1col_g.active{
background:url(images/ico_2col_g_on.png)
}
.menu_edicao_colunas ul li .ico_2col_mp.active{
background:url(images/ico_2col_mp_on.png)
}
.menu_edicao_colunas ul li .ico_2col_pm.active{
background:url(images/ico_2col_pm_on.png)
}
.menu_edicao_colunas ul li .ico_3col_ppp.active{
background:url(images/ico_2col_ppp_on.png)
}
/*################### TEMAS/LAYOUTS (seleção) ###################*/
#cx_define_layout{
float:left;
width:845px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
#cx_define_layout .cx_edicao_botoes{
float:left;
width:100%;
background: #2279a6;
}
#cx_define_layout .cx_edicao_botoes h1{
float:left;
margin:8px 0 15px 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_define_layout .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
.cx_selecao_tema{
float:right;
width:647px;
height:449px;
overflow:auto;
background:#FFF;
}
.cx_instrucao{
display:block;
width:100%;
background:#fff6d0;
border:1px solid #ffe3b6;
padding:10px 20px;
margin-bottom:10px;
font:12px Arial, Helvetica, sans-serif;
float: left;/*novo*/
}
.cx_instrucao strong{
color:#da5504;
}
.cx_selecao_tema .cx_preview{
float: left;
position: relative;
width: 200px;
padding: 0 8px 8px 8px;
margin: 5px 5px 3px 5px;
background: #74797e;
border: 10px solid #74797e;
border-bottom: none;
}
.cx_selecao_tema .responsivo{
position:absolute;
right:0;
top:15px;
z-index:1;
width:48px;
height:48px;
background:#86ce20 url(images/ico_responsivo.png) 50% 50% no-repeat;
border-radius:999px;
}
.cx_selecao_tema .cx_preview h4{
color:#FFF;
margin:0;
padding:0 0 5px 0;
font-size: 12px;
height: 40px;
text-align: center;
}
.cx_selecao_tema .cx_preview .selecionado{
position:absolute;
top:30%;
left:-10px;
width:200px;
padding:20px 0 20px 60px;
background:#86ce20 url(images/tema_check.png) 15% 50% no-repeat;
font:bold 19px Arial, Helvetica, sans-serif;
color:#FFF;
z-index: 1;
}
.cx_selecao_tema .cx_preview .btn_visualizar{
float:left;
height:16px;
padding-left:20px;
margin-top:7px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
background:url(images/tema_visualizar.png) 0% 50% no-repeat;
text-decoration:none;
}
.cx_selecao_tema .cx_preview .btn_visualizar:hover{
background:url(images/tema_visualizar_on.png) 0% 50% no-repeat;
color:#86ce20;
}
.cx_selecao_tema .cx_preview .divisor{
float:left;
margin:7px 0 0 15px;
width:2px;
height:20px;
background:#9ea1a5;
}
.cx_selecao_tema .cx_preview .btn_instalar{
float:right;
height:16px;
padding-left:20px;
margin-top:7px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
background:url(images/tema_instalar.png) 0% 50% no-repeat;
text-decoration:none;
}
.cx_selecao_tema .cx_preview .btn_instalar:hover{
background:url(images/tema_instalar_on.png) 0% 50% no-repeat;
color:#86ce20;
}
#dialog-choice{
background: #fff6d0 !important;
border: 1px solid #ffe3b6 !important;
padding: 20px !important;
font: 12px Arial, Helvetica, sans-serif;
}
#dialog-choice h1{
font:bold 25px Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 15px 0;
}
#dialog-choice ul{
margin:0;
padding:0;
list-style:none;
}
#dialog-choice ul li{
margin-bottom:10px;
}
#dialog-choice ul li strong{
color:#da5504;
}
#dialog-choice .definir{
float:left;
background:#86ce20;
border:0;
padding:10px 20px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
}
#dialog-choice .cancelar{
float:left;
background:#ce0505;
border:0;
padding:10px 20px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
}
ul.cx_selecao_categorias{
float:left;
width:165px;
height: 449px;
margin:0;
padding:0;
overflow:auto;
list-style:none
}
ul.cx_selecao_categorias li{
float:left;
margin-bottom:5px;
}
ul.cx_selecao_categorias li a{
float:left;
width: 162px;
padding: 5px 10px;
background:#1b6083 url(images/seta_selec_categoria.png) 96% 50% no-repeat;
text-decoration:none;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
}
ul.cx_selecao_categorias li a:hover, ul.cx_selecao_categorias li a.selecionado{
background:#86ce20 url(images/seta_selec_categoria.png) 96% 50% no-repeat
}
/*################### CONFIGURAÇÕES do post ###################*/
.remove_post{
position:absolute;
border:0 !important;
top:5px;
right:5px;
z-index: 10;
}
.cx_edit_post{
float:left;
width:100%;
background:#2279a6;
}
.cx_edit_post .data_categoria{
float:left;
width:300px;
padding:10px;
}
.cx_edit_post .data_categoria label{
float:left;
width:300px;
font:12px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:right;
margin:7px 0;
}
.cx_edit_post .data_categoria label .data_post{
float:right;
width:233px;
height:25px;
margin-left:5px;
border:0;
text-indent:5px
}
.cx_edit_post .data_categoria label .post_categorias{
float:right;
width:233px;
height:25px;
margin-left:5px;
border:0;
}
.cx_edit_post .img_destaque{
float:right;
width:280px;
padding:10px
}
.cx_edit_post .img_destaque .imagem_destaque{
float:left;
width:80px;
height:80px;
margin: 0;
}
.cx_edit_post .img_destaque h2{
float:right;
width:195px;
padding:10px 0;
margin:0 0 6px 0;
background:#1e6c94;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}
.cx_edit_post .img_destaque .add_image{
float:right;
width:100px;
height:36px;
padding:0 0 0 30px;
border:0;
background:#86ce20 url(images/ico_edit_post_selecionar.png) 10% 50% no-repeat;
font:13px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
text-align:left;
}
.cx_edit_post .img_destaque .remove_image{
float:right;
width:90px;
height:36px;
padding:0 0 0 30px;
border:0;
margin-left:5px;
background:#ce0505 url(images/ico_edit_post_remover.png) 10% 50% no-repeat;
font:13px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
text-align:left;
}
/*################### CONFIGURAÇÕES CATEGOTRIA ###################*/
.cx_edit_categoria{
float:left;
width:100%;
background:#2279a6;
}
.cx_edit_categoria label{
float:left;
padding:10px;
}
.cx_edit_categoria label .campo_add_categoria{
float:left;
width:175px;
height:26px;
margin-right:5px;
border:0;
text-indent:5px
}
.cx_edit_categoria label .btn_add_categoria{
float:right;
width:100px;
height:28px;
padding:0 0 0 30px;
border:0;
background:#86ce20 url(images/ico_edit_categoria_add.png) 10% 50% no-repeat;
font:13px Arial, Helvetica, sans-serif;
color:#FFF;
cursor:pointer;
text-align:left;
}
/*################### DEFINIR FORMATO DA PAGINA ###################*/
#cx_definir_formato{
float:left;
width:910px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_definir_formato .cx_edicao_botoes{
float:left;
width:100%;
}
#cx_definir_formato .cx_edicao_botoes h1{
float:left;
margin:8px 0 0 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF
}
#cx_definir_formato .cx_edicao_botoes .btn_fechar{
float:right;
width:22px;
height:22px;
}
#cx_definir_formato #FormConteudo{
float:left;
width:870px;
padding:20px;
background:#FFF;
}
#cx_definir_formato .abas{
float:right;
width:340px;
margin:-20px 60px 0 0;
padding:0;
list-style:none;
}
#cx_definir_formato .abas li{
float:left;
margin-right:5px;
background:#FFF url(images/sombra_aba.png) 0% 100% repeat-x
}
#cx_definir_formato .abas li a{
float:left;
padding-bottom:10px;
font:13px Arial, Helvetica, sans-serif;
text-decoration:none
}
#cx_definir_formato .abas li a.ativo{
background:#FFF;
}
#cx_definir_formato .abas .aba_formatos{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_formatos_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_definir_formato .abas .aba_criar{
height:30px;
padding:14px 13px 0 47px;
background:url(images/ico_criar_off.png) 10% 50% no-repeat;
color:#95b6cc;
}
#cx_definir_formato .abas .ativo .aba_formatos{
background:#FFF url(images/ico_formatos_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_definir_formato .abas .ativo .aba_criar{
background:#FFF url(images/ico_criar_on.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_definir_formato .cx_selecionar_formato{
float:left;
width:870px;
height:260px;
padding:5px 0 0 0;
margin:15px 0;
border:1px solid #ced0d2;
overflow:auto;
}
#cx_definir_formato .btn_inserir_imagem{
float:left;
position:relative;
left:50%;
margin-left:-77px;
padding:12px 25px;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
background:#2279a6;
text-decoration:none;
}
.cx_criar_formato{
float: left;
width: 870px;
height: 260px;
padding: 5px 0 0 0;
margin: 15px 0;
border: 1px solid #ced0d2;
overflow: auto;
display:none;
}
.cx_criar_formato .linha_selecionar_formato{
float:left;
width:820px;
height:70px;
margin:0 0 7px 0;
padding:0 0 0 20px;
}
.cx_criar_formato .text{
width:auto;
padding:10px 0 10px 23px;
display:block;
}
.cx_criar_formato .text .salvar_novo_formato{
width:148px;
height:28px;
background:#86ce20;
border:0;
margin-left:10px;
color:#FFF;
cursor: pointer;
}
/*################### EDICAO DE CARROSSEL ###################*/
.edit.carrossel .content{
margin: 0 auto;
min-height: 60px;
}
.edit.carrossel .layer_transparent{
cursor:pointer;
position: absolute;
height: 100%;
width: 100%;
z-index:3;
}
.edit.carrossel .btn_gerenciar{
position: relative;
left: 50%;
top: 20px;
padding: 7px 15px 7px 32px;
margin: 96px 0 0 -62px !important;
font: 15px Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
background: #86ce20 url(images/ico_btn_editar.png) 14% 50% no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
#cx_edicao_carrossel{
float:left;
z-index:10001;
width:910px;
padding:10px;
background:#2279a6;
font:12px Arial, Helvetica, sans-serif;
color:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#cx_edicao_carrossel h1{
float:left;
margin:3px 0 0 0;
padding:0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_carrossel .p1 .btn_salvar{
float:left;
padding:8px 15px;
margin-left:150px;
background:#2279a6;
font:bold 15px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#cx_edicao_carrossel .btn_salvar{
float:right !important;
width:22px;
height:22px;
}
#cx_edicao_carrossel .separador{
float:right;
width:4px;
height:20px;
margin:3px 10px 0 10px;
background:#FFF;
}
#cx_edicao_carrossel .p1{
float:left;
width:600px;
height:400px;
overflow:auto;
padding:20px;
background:#FFF;
}
#cx_edicao_carrossel .p1 .cx_slides{
float:left;
width:615px;
height:300px;
overflow-x:hidden;
overflow-y:auto;
}
#cx_edicao_carrossel .p1 .btn_add_slide{
float:right;
padding:5px 10px 5px 25px;
margin-bottom:10px;
background:#86ce20 url(images/ico_maior.png) 10% 50% no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#cx_edicao_carrossel .p1 .slide_conteudo{
float:left;
width:555px;
padding:15px 20px 10px 20px;
margin:5px 0 5px 10px;
border:1px solid #d9dfe4;
background: #fff;
}
#cx_edicao_carrossel .p1 .slide_conteudo .thumb{
float:left;
width:50px;
height:50px;
margin-right:5px;
border:2px solid #999
}
#cx_edicao_carrossel .p1 .slide_conteudo label{
float:left;
width:460px;
margin:0 20px 5px 0;
text-indent:5px;
text-align: right;
}
#cx_edicao_carrossel .p1 .slide_conteudo .cx_url_img_link{
float:right;
width:370px;
height:22px;
border:2px solid #bdc3c7;
border-right:none;
margin-left:5px;
}
#cx_edicao_carrossel .p1 .slide_conteudo .btn_add_img_link{
float:right;
width:28px;
height:28px;
text-decoration:none;
background:#86ce20 url(images/ico_maior.png) 50% 50% no-repeat;
}
#cx_edicao_carrossel .p1 .slide_conteudo .cx_texto{
width:535px;
height:45px;
border:2px solid #bdc3c7;
line-height:15px;
resize:none;
}
#cx_edicao_carrossel .p1 .slide_conteudo .handler{
float:left;
width:26px;
height:26px;
margin:-20px 0 0 -30px;
background:url(images/btn_mover_cima_baixo.png);
}
#cx_edicao_carrossel .p1 .slide_conteudo .btn_excluir_slide{
float:right;
margin:-10px -10px 10px 0;
}
#cx_edicao_carrossel .p1 .add_campo{
float:left;
height:26px;
font:13px Arial, Helvetica, sans-serif;
color:#2279a6;
text-decoration:none;
background:url(images/ico_add_campo.png) no-repeat;
padding:3px 0 0 25px;
}
#cx_edicao_carrossel .p2{
float:left;
width:250px;
margin-left: 15px;
}
#cx_edicao_carrossel .p2 #FormConteudo{
float:left;
width:216px;
height:400px;
padding:20px;
overflow:auto;
background:#FFF;
}
#cx_edicao_carrossel .p2 .ativo{
background:#FFF !important;
}
#cx_edicao_carrossel .p2 .ativo .aba_form{
background:url(images/ico_aba_form.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_carrossel .p2 .ativo .aba_config{
background:url(images/ico_aba_config.png) 10% 50% no-repeat;
color:#2279a6;
}
#cx_edicao_carrossel .p2 #FormConteudo label{
float:left;
font:bold 12px Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:10px !important;
width: 100%;
}
#cx_edicao_carrossel .p2 #FormConteudo label input,
#cx_edicao_carrossel .p2 #FormConteudo label select
{
float:right;
}
#cx_edicao_carrossel .p2 #FormConteudo h3{
float:left;
width:220px;
}
#cx_edicao_carrossel .p2 #FormConteudo label .campo{
float:left;
width:380px;
height:28px;
margin-top:5px;
border:1px solid #74797e;
}
#cx_edicao_carrossel .p2 #FormConteudo label .area{
float:left;
width:380px;
height:120px;
resize:none;
margin-top:5px;
border:1px solid #74797e;
}
#cx_edicao_carrossel .p2 #FormConteudo fieldset{
float:left;
margin:15px 0 0 0;
padding:0;
border:0;
}
#cx_edicao_carrossel .p2 #FormConteudo fieldset legend{
font:bold 13px Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
#cx_edicao_carrossel .p2 #FormConteudo fieldset label{
float:left;
margin-right:15px;
font:12px Arial, Helvetica, sans-serif;
}
#cx_edicao_carrossel .p2 #FormConteudo fieldset input{
float:left;
width:auto !important;
height:auto !important;
margin-right:5px
}
/************** widget menu social links *********************/
.cx_icones_sociais{
position:absolute;
float:left;
width:185px;
padding:10px !important;
margin:13px 0 0 50px;
background:#91989e;
border:7px solid #74797e;
height: 200px;
}
.cx_icones_sociais .seta_cima_cinza{
float:left;
position:relative;
width:29px;
height:22px;
left:50%;
margin:-32px 0 0 -14px;
background:url(images/seta_cima_cinza.png);
}
.cx_icones_sociais .icone{
float: left;
width: 80px;
height: 45px;
margin: 0 5px 5px 0;
cursor: pointer;
}
.cx_icones_sociais .icone img.default{ margin-top: 6px;}
.cx_icones_sociais .icone img.default_pequeno{ margin-top: 14px;}
.cx_icones_sociais .icone img.redondo{ margin-top: 3px;}
.cx_icones_sociais .icone img.redondo_pequeno{ margin-top: 6px;}
.cx_icones_sociais .icone img.simples{ margin-top: 6px;}
.cx_icones_sociais .icone img.simples_pequeno{ margin-top: 14px;}
.cx_icones_sociais .icone img.branco{ margin-top: 9px;}
.cx_icones_sociais .icone img.preto{ margin-top: 9px;}
.cx_icones_sociais .icone.ativo,.cx_icones_sociais .icone:hover{
background-color:#b7b7b7;
}
.cx_icones_sociais .icone img{
margin: 0 auto;
display: block;
cursor: pointer;
}
#menu_social_links input.alinhado_esq{
background:url(images/ico_alinhado_esq.png) 50% 50% no-repeat;
}
#menu_social_links input.centralizado{
background:url(images/ico_centralizado.png) 50% 50% no-repeat;
}
#menu_social_links input.alinhado_dir{
background:url(images/ico_alinhado_dir.png) 50% 50% no-repeat;
}
#menu_social_links input.alinhado_esq:hover, #menu_social_links input.alinhado_esq_ativo
{
background:#a7afb6 url(images/ico_alinhado_esq.png) 50% 50% no-repeat;
}
#menu_social_links input.centralizado:hover, #menu_social_links input.centralizado_ativo
{
background:#a7afb6 url(images/ico_centralizado.png) 50% 50% no-repeat;
}
#menu_social_links input.alinhado_dir:hover, #menu_social_links input.alinhado_dir_ativo
{
background:#a7afb6 url(images/ico_alinhado_dir.png) 50% 50% no-repeat;
}
#menu_social_links input.icones{
background:url(images/ico_icones.png) 50% 50% no-repeat;
}
#menu_social_links input.icones:hover, #menu_social_links input.icones.ativo{
background:#a7afb6 url(images/ico_icones.png) 50% 50% no-repeat;
}
/************** widget social links *********************/
.edit.social_links .content .layer_transparent{
cursor: pointer;
}
/*Default*/
.edit.social_links .content.default a{
display: inline-block;
width: 32px;
height: 32px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.default a.facebook{
background: url(images/social_icons_default.png) 0px 0px no-repeat;
}
.edit.social_links .content.default a.twitter{
background: url(images/social_icons_default.png) -34px 0px no-repeat;
}
.edit.social_links .content.default a.linkedin{
background: url(images/social_icons_default.png) 0px -33px no-repeat;
}
.edit.social_links .content.default a.youtube{
background: url(images/social_icons_default.png) -34px -33px no-repeat;
}
.edit.social_links .content.default a.rss{
background: url(images/social_icons_default.png) -1px -66px no-repeat;
}
.edit.social_links .content.default a.instagram{
background: url(images/social_icons_default.png) -34px -66px no-repeat;
}
.edit.social_links .content.default a.blogger{
background: url(images/social_icons_default.png) -1px -99px no-repeat;
}
.edit.social_links .content.default a.flickr{
background: url(images/social_icons_default.png) -34px -99px no-repeat;
}
.edit.social_links .content.default a.vimeo{
background: url(images/social_icons_default.png) -1px -132px no-repeat;
}
.edit.social_links .content.default a.soundcloud{
background: url(images/social_icons_default.png) -35px -132px no-repeat;
}
/*Default Pequeno*/
.edit.social_links .content.default_pequeno a{
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.default_pequeno a.facebook{
background: url(images/social_icons_default_pequeno.png) 0px 0px no-repeat;
}
.edit.social_links .content.default_pequeno a.twitter{
background: url(images/social_icons_default_pequeno.png) -18px 0px no-repeat;
}
.edit.social_links .content.default_pequeno a.linkedin{
background: url(images/social_icons_default_pequeno.png) 0px -18px no-repeat;
}
.edit.social_links .content.default_pequeno a.youtube{
background: url(images/social_icons_default_pequeno.png) -18px -18px no-repeat;
}
.edit.social_links .content.default_pequeno a.rss{
background: url(images/social_icons_default_pequeno.png) 0px -36px no-repeat;
}
.edit.social_links .content.default_pequeno a.instagram{
background: url(images/social_icons_default_pequeno.png) -18px -36px no-repeat;
}
.edit.social_links .content.default_pequeno a.blogger{
background: url(images/social_icons_default_pequeno.png) 0px -54px no-repeat;
}
.edit.social_links .content.default_pequeno a.flickr{
background: url(images/social_icons_default_pequeno.png) -18px -54px no-repeat;
}
.edit.social_links .content.default_pequeno a.vimeo{
background: url(images/social_icons_default_pequeno.png) 0px -72px no-repeat;
}
.edit.social_links .content.default_pequeno a.soundcloud{
background: url(images/social_icons_default_pequeno.png) -18px -72px no-repeat;
}
/*redondo*/
.edit.social_links .content.redondo a{
display: inline-block;
width: 46px;
height: 46px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.redondo a.facebook{
background: url(images/social_icons_redondo.png) 0px 0px no-repeat;
}
.edit.social_links .content.redondo a.twitter{
background: url(images/social_icons_redondo.png) -50px 0px no-repeat;
}
.edit.social_links .content.redondo a.linkedin{
background: url(images/social_icons_redondo.png) 0px -50px no-repeat;
}
.edit.social_links .content.redondo a.youtube{
background: url(images/social_icons_redondo.png) -50px -50px no-repeat;
}
.edit.social_links .content.redondo a.rss{
background: url(images/social_icons_redondo.png) 0px -100px no-repeat;
}
.edit.social_links .content.redondo a.instagram{
background: url(images/social_icons_redondo.png) -50px -100px no-repeat;
}
.edit.social_links .content.redondo a.blogger{
background: url(images/social_icons_redondo.png) 0px -150px no-repeat;
}
.edit.social_links .content.redondo a.flickr{
background: url(images/social_icons_redondo.png) -50px -150px no-repeat;
}
.edit.social_links .content.redondo a.vimeo{
background: url(images/social_icons_redondo.png) 0px -200px no-repeat;
}
.edit.social_links .content.redondo a.soundcloud{
background: url(images/social_icons_redondo.png) -50px -200px no-repeat;
}
/*redondo pequeno*/
.edit.social_links .content.redondo_pequeno a{
display: inline-block;
width: 32px;
height: 32px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.redondo_pequeno a.facebook{
background: url(images/social_icons_redondo_pequeno.png) 0px 0px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.twitter{
background: url(images/social_icons_redondo_pequeno.png) -32px 0px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.linkedin{
background: url(images/social_icons_redondo_pequeno.png) 0px -32px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.youtube{
background: url(images/social_icons_redondo_pequeno.png) -32px -32px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.rss{
background: url(images/social_icons_redondo_pequeno.png) 0px -64px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.instagram{
background: url(images/social_icons_redondo_pequeno.png) -32px -64px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.blogger{
background: url(images/social_icons_redondo_pequeno.png) 0px -96px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.flickr{
background: url(images/social_icons_redondo_pequeno.png) -32px -96px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.vimeo{
background: url(images/social_icons_redondo_pequeno.png) 0px -128px no-repeat;
}
.edit.social_links .content.redondo_pequeno a.soundcloud{
background: url(images/social_icons_redondo_pequeno.png) -32px -128px no-repeat;
}
/*simples*/
.edit.social_links .content.simples a{
display: inline-block;
width: 32px;
height: 32px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.simples a.facebook{
background: url(images/social_icons_simples.png) 0px 1px no-repeat;
}
.edit.social_links .content.simples a.twitter{
background: url(images/social_icons_simples.png) -34px 1px no-repeat;
}
.edit.social_links .content.simples a.linkedin{
background: url(images/social_icons_simples.png) 0px -33px no-repeat;
}
.edit.social_links .content.simples a.youtube{
background: url(images/social_icons_simples.png) -34px -33px no-repeat;
}
.edit.social_links .content.simples a.rss{
background: url(images/social_icons_simples.png) 0px -67px no-repeat;
}
.edit.social_links .content.simples a.instagram{
background: url(images/social_icons_simples.png) -34px -67px no-repeat;
}
.edit.social_links .content.simples a.blogger{
background: url(images/social_icons_simples.png) 0px -101px no-repeat;
}
.edit.social_links .content.simples a.flickr{
background: url(images/social_icons_simples.png) -34px -101px no-repeat;
}
.edit.social_links .content.simples a.vimeo{
background: url(images/social_icons_simples.png) 0px -135px no-repeat;
}
.edit.social_links .content.simples a.soundcloud{
background: url(images/social_icons_simples.png) -34px -135px no-repeat;
}
/*simples pequeno*/
.edit.social_links .content.simples_pequeno a{
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.simples_pequeno a.facebook{
background: url(images/social_icons_simples_pequeno.png) 0px 0px no-repeat;
}
.edit.social_links .content.simples_pequeno a.twitter{
background: url(images/social_icons_simples_pequeno.png) -18px 0px no-repeat;
}
.edit.social_links .content.simples_pequeno a.linkedin{
background: url(images/social_icons_simples_pequeno.png) 0px -18px no-repeat;
}
.edit.social_links .content.simples_pequeno a.youtube{
background: url(images/social_icons_simples_pequeno.png) -18px -18px no-repeat;
}
.edit.social_links .content.simples_pequeno a.rss{
background: url(images/social_icons_simples_pequeno.png) 0px -36px no-repeat;
}
.edit.social_links .content.simples_pequeno a.instagram{
background: url(images/social_icons_simples_pequeno.png) -18px -36px no-repeat;
}
.edit.social_links .content.simples_pequeno a.blogger{
background: url(images/social_icons_simples_pequeno.png) 0px -54px no-repeat;
}
.edit.social_links .content.simples_pequeno a.flickr{
background: url(images/social_icons_simples_pequeno.png) -18px -54px no-repeat;
}
.edit.social_links .content.simples_pequeno a.vimeo{
background: url(images/social_icons_simples_pequeno.png) 0px -72px no-repeat;
}
.edit.social_links .content.simples_pequeno a.soundcloud{
background: url(images/social_icons_simples_pequeno.png) -18px -72px no-repeat;
}
/*branco*/
.edit.social_links .content.branco a{
display: inline-block;
width: 24px;
height: 24px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.branco a.facebook{
background: url(images/social_icons_branco.png) 0px 0px no-repeat;
}
.edit.social_links .content.branco a.twitter{
background: url(images/social_icons_branco.png) -27px 0px no-repeat;
}
.edit.social_links .content.branco a.linkedin{
background: url(images/social_icons_branco.png) 0px -26px no-repeat;
}
.edit.social_links .content.branco a.youtube{
background: url(images/social_icons_branco.png) -27px -27px no-repeat;
}
.edit.social_links .content.branco a.rss{
background: url(images/social_icons_branco.png) 0px -53px no-repeat;
}
.edit.social_links .content.branco a.instagram{
background: url(images/social_icons_branco.png) -27px -53px no-repeat;
}
.edit.social_links .content.branco a.blogger{
background: url(images/social_icons_branco.png) 0px -80px no-repeat;
}
.edit.social_links .content.branco a.flickr{
background: url(images/social_icons_branco.png) -27px -80px no-repeat;
}
.edit.social_links .content.branco a.vimeo{
background: url(images/social_icons_branco.png) 0px -107px no-repeat;
}
.edit.social_links .content.branco a.soundcloud{
background: url(images/social_icons_branco.png) -27px -107px no-repeat;
}
/*preto*/
.edit.social_links .content.preto a{
display: inline-block;
width: 24px;
height: 24px;
margin-left: 5px;
margin-bottom: 2px;
}
.edit.social_links .content.preto a.facebook{
background: url(images/social_icons_preto.png) 0px 0px no-repeat;
}
.edit.social_links .content.preto a.twitter{
background: url(images/social_icons_preto.png) -27px 0px no-repeat;
}
.edit.social_links .content.preto a.linkedin{
background: url(images/social_icons_preto.png) 0px -26px no-repeat;
}
.edit.social_links .content.preto a.youtube{
background: url(images/social_icons_preto.png) -27px -27px no-repeat;
}
.edit.social_links .content.preto a.rss{
background: url(images/social_icons_preto.png) 0px -53px no-repeat;
}
.edit.social_links .content.preto a.instagram{
background: url(images/social_icons_preto.png) -27px -53px no-repeat;
}
.edit.social_links .content.preto a.blogger{
background: url(images/social_icons_preto.png) 0px -80px no-repeat;
}
.edit.social_links .content.preto a.flickr{
background: url(images/social_icons_preto.png) -27px -80px no-repeat;
}
.edit.social_links .content.preto a.vimeo{
background: url(images/social_icons_preto.png) 0px -107px no-repeat;
}
.edit.social_links .content.preto a.soundcloud{
background: url(images/social_icons_preto.png) -27px -107px no-repeat;
}
.edit.social_links .content img.img_default{
max-height: 100%;
max-width: 100%;
width: auto;
display: block;
margin: 0 auto;
}
/*################### CONFIGURAÇÕES DE SOCIAL LINKS ###################*/
#cx_edicao_social_links{
float:left;
background:#2279a6;
padding:0 10px 0 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 450px;
}
#cx_edicao_social_links h1{
float:left;
margin:0;
padding:10px 0 15px 0;
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFF;
}
#cx_edicao_social_links h2{
font:bold 32px Verdana, Geneva, sans-serif;
color:#34495e;
letter-spacing:-1px;
margin:0 0 15px 0;
padding:0;
}
#cx_edicao_social_links .p1{
float:left;
width:410px;
height:356px;
overflow:auto;
padding:20px;
margin-top:10px;
background:#FFF;
font:12px Arial, Helvetica, sans-serif;
}
#cx_edicao_social_links .btn_cancelar{
float:right;
width:22px;
height:22px;
margin-top:7px;
}
#cx_edicao_social_links .salva_links{
float: right;
padding: 7px 12px;
margin-top: 16px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF !important;
text-decoration: none;
background: #86ce20;
text-shadow: 1px 1px 1px #74b21c;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
line-height: 23px;
vertical-align: middle;
}
#cx_edicao_social_links .salva_links:hover {
background: #94e323;
}
#cx_edicao_social_links #lista_redes ul{
margin:0;
padding:0;
list-style:none;
}
#cx_edicao_social_links #lista_redes ul li{
float:left;
width:100%;
line-height:1em;
margin-bottom:5px;
text-align:right;
}
#cx_edicao_social_links #lista_redes ul li .icon{
float:left;
}
#cx_edicao_social_links #lista_redes ul li label{
line-height:20px;
}
#cx_edicao_social_links #lista_redes ul li .link_rede{
float:right;
width:256px;
height:16px;
margin-left:5px;
border:1px solid #abadb3;
}
#cx_edicao_social_links #lista_redes ul li .link_rede_desativado{
float:right;
width:256px;
height:16px;
margin-left:5px;
border:1px solid #e9ebef;
background:#eff1f5;
}
#cx_edicao_social_links #lista_redes ul li .btn_adicionar_rede{
float:right;
width:20px;
height:20px;
margin-left:5px;
background:#86ce20 url(images/ico_add_rede.png) 50% 50% no-repeat;
}
#cx_edicao_social_links #lista_redes ul li .btn_remover_rede{
float:right;
width:20px;
height:20px;
margin-left:5px;
background:#c10000 url(images/ico_excluir_rede.png) 50% 50% no-repeat;
}
/* LOGO DE PROPAGANDA NO RODAPÉ*/
#mini_logo_rodape{
float:left;
width:100%;
padding:10px 0;
}
#mini_logo_rodape .centralizador{
width:960px;
margin:0 auto;
}
#mini_logo_rodape .centralizador .branco{
float:right;
padding:5px 10px;
font:13px Arial, Helvetica, sans-serif;
color:#8d8d8d;
text-decoration:none;
background:#FFF;
line-height:20px;
}
#mini_logo_rodape .centralizador .preto{
float:right;
padding:5px 10px;
font:13px Arial, Helvetica, sans-serif;
color:#606060;
text-decoration:none;
background:#000;
line-height:20px;
}
.minilogo_branco{
float:right;
width:40px;
height:21px;
margin-left:10px;
background:url(images/mini_logo_branco.png);
}
.minilogo_preto{
float:right;
width:40px;
height:21px;
margin-left:10px;
background:url(images/mini_logo_preto.png);
}
#cx_publicar_site .botoes{
float: left;
width: 405px;
height:90px;
padding: 20px;
margin-top: 10px;
margin-left: 13px;
background: #FFF;
font: 12px Arial, Helvetica, sans-serif;
text-align:center;
box-sizing: border-box;
}
.btn_publicar_site{
float:left;
width: 175px;
margin-right: 15px;
background:#86ce20;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px 15px;
font-size:16px;
color:#FFF !important;
text-decoration:none !important;
box-sizing: border-box;
line-height: 31px;
}
.btn_publicar_site img{
margin-right:10px;
float: left;
}
.btn_publicar_site:hover{
background:#92e123;
}
.btn_manutencao_site{
float:left;
width: 175px;
background:#ff940a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:10px 15px 10px 15px;
font-size:16px;
color:#FFF !important;
text-decoration:none !important;
line-height: 1;
box-sizing: border-box;
}
.btn_manutencao_site img{
float: left;
margin:0 10px 0 0;
}
.btn_manutencao_site:hover{
background:#ffb400;
}
.loading{
font-size:1.5em;
font-weight:bold;
}