article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #A4B829; color: #fff; text-shadow: none; }
::selection { background: #A4B829; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0.3em 0 1em 0; padding:0 0 0 25px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { box-shadow: none; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

html { overflow-y: scroll; background-color: #F6F6F6; }

body { background: #F6F6F6 url(../../imagens/ack/bordaTopo.gif) repeat-x left top; padding: 5px 0 0 0; }

hr { display: none; }

.mceEditor.defaultSkin { float: left; }

#wrapper {
	width: 994px;
	padding: 0 0 30px 0;
	margin: 0 auto;
}


/* •••••••••• Informações sobre o ACK topo e fundo da pagina •••••••••• */
.menuInfo {
	width: 954px;
	padding: 0 20px;
	margin: 0;
	overflow: hidden;
}
.menuInfo.fundo {
	display: inline-block;
    margin-top: 20px;
}
.menuInfo #logoACK, .menuInfo.fundo ul { float: left; }
.menuInfo #assCUB, .menuInfo.topo ul { float: right; }

.menuInfo #logoACK img { font-size: 40px; }

.menuInfo ul { list-style: none; padding: 0; margin: 0; }
.menuInfo.topo ul { padding: 15px 0; }
.menuInfo li, .menuInfo a, .menuInfo p, .menuInfo em,
.modulo.contTexto,
#ajuda .modulo .slide > div > *,
#footerPage > .save,
.alerta.siteAberto p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	margin: 0;
	padding: 0;
}
.menuInfo li { float: left; }
.menuInfo li.separador { padding: 0 10px; color: #CCC; }

.menuInfo.topo {
	height:  47px;
	padding: 20px 20px 5px 20px;
}
.menuInfo.topo a { color: #7F901F; border-bottom: 1px dotted #7F901F; }
.menuInfo.fundo a:hover { color: #7F901F; border-bottom: 1px dotted #7F901F; }
.menuInfo.topo p a, .menuInfo.fundo a { font-weight: bold; }

.menuInfo #logoACK { border: none; padding-left: 10px; }

.menuInfo li .btn_sair, .menuInfo li #logoACK { border-bottom: none; }
.menuInfo li a.btn_sair {
	outline: none;
	cursor: pointer;
	display: inline-block;
	padding: 0 0 0 5px;
}
.menuInfo li .btn_sair > var {
	background: url(../../imagens/ack/icone_ack.png) no-repeat 0 top;
	float: left;
	width: 12px;
	height: 12px;
	overflow: hidden;
	padding: 0;
	margin: 1px 5px 0 0;
}
.menuInfo li .btn_sair:hover > var { background-position: 0 -15px; }

.menuInfo li .btn_sair em { font-weight: bold; }
.menuInfo li .btn_sair:hover, .menuInfo li .btn_sair:focus { background-position: left -21px; }
.menuInfo li .btn_sair:hover em, .menuInfo li .btn_sair:focus em { color: #16A2CF; border-bottom: 1px dotted #16A2CF; }


/* •••••••••• Container dos elementos de pagina •••••••••• */
.wrappeACK { float: left; width: 994px; }

.wrappeACK > .borda {
	float: left;
	height: 13px;
	width: 994px;
	clear: both;
	background: url(../../imagens/ack/wrappeACK_bg-bordas.png) no-repeat center bottom;
}
.wrappeACK > .borda:first-child { background-position: center top; }

.wrappeACK-content {
	background: url(../../imagens/ack/wrappeACK_bg.png) repeat-y center top;
	float: left;
	width: 984px;
	padding: 0 5px;
}


/* •••••••••• Menu principal •••••••••• */
#menuPrincipal {
	background: url(../../imagens/ack/menuPrincipal_bg.png) repeat-x left top;
	width: 934px;
	height: 50px;
	padding: 0 10px;
	margin: 7px auto 0 auto;
	position: relative;
	z-index: 999;
}

#menuPrincipal .borda, #menuPrincipal ul, #menuPrincipal > ul > li { float: left; }

#menuPrincipal ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#menuPrincipal .borda {
	width: 10px;
	height: 50px;
	background: url(../../imagens/ack/menuPrincipal_bg-bordas.png) no-repeat right top;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#menuPrincipal .borda:first-child { background-position: left top; left: 0; }

#menuPrincipal .separador {
	width: 2px;
	height: 50px;
	padding: 0;
	margin: 0;
	background: url(../../imagens/ack/menuPrincipal_separador.png) no-repeat left top;
}

/* ----- ----- ----- Primeiro nivel ----- */
#menuPrincipal > ul > li { position: relative; }
#menuPrincipal > ul > li > a {
	outline: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	line-height: 14px;
	float: left;
	padding: 18px 20px;
}
#menuPrincipal > ul > li > a:hover,
#menuPrincipal > ul > li > a:focus,
#menuPrincipal > ul > li:hover > a { background: url(../../imagens/ack/menuPrincipal_itemHover.png) repeat-x left top; }

/* ----- ----- ----- Segundo nivel ----- */
#menuPrincipal > ul > li > ul {
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 5;
	display: none;
}
#menuPrincipal > ul > li:hover > ul { display: inline-block; }

#menuPrincipal > ul > li > ul li {
	background: url(../../imagens/ack/menuPrincipal_segundo-sombraLateral.png) repeat-y right top;
	float: left;
	clear: both;
	padding: 0 4px 0 0;
	position: relative;
}

#menuPrincipal > ul > li > ul li > a {
	outline: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	line-height: 12px;
	color: #fff;
	background-color: #899922;
	float: left;
	width: 150px;
	padding: 5px 0 7px 20px;
}
#menuPrincipal > ul > li > ul li > a:hover,
#menuPrincipal > ul > li > ul li > a:focus,
#menuPrincipal > ul > li > ul li:hover > a,
#menuPrincipal > ul > li > ul li:first-child > a:hover { background-color: #7E8E1F; }

#menuPrincipal > ul > li > ul li:first-child > a { background: #899922 url(../../imagens/ack/menuPrincipal_segundo-sombraTopo.png) repeat-x left top; padding-top: 7px; }

/* ----- ----- ----- Terceiro nivel ----- */
#menuPrincipal > ul > li > ul > li > ul {
	position: absolute;
	float: left;
	left: 160px;
	top: -11px;
	z-index: -1;
	display: none;
}
#menuPrincipal > ul > li > ul > li:hover > ul { display: inline-block; }

/* ----- Bordas, sub-niveis ----- */
#menuPrincipal > ul > li > ul li.extremidades {
	height: 15px;
	width: 175px;
	padding: 0;
	margin: 0;
	background: none;
	overflow: hidden;
}
.extremidades > * { float: left; height: 15px; display: inline; }
.extremidades .bordas { background: url(../../imagens/ack/menuPrincipal_bordaFundo.png) no-repeat right bottom; width: 10px; }
.extremidades .bordas:first-child { background-position: left bottom; }
.extremidades .meio { background: url(../../imagens/ack/menuPrincipal_bordaFundo.png) repeat-x left top; width: 154px; }

#menuPrincipal > ul > li > ul li.extremidades.terceiro { height: 13px; }
#menuPrincipal > ul > li > ul li.extremidades.terceiro.topo { height: 11px; }
.extremidades.terceiro.topo .bordas { background: url(../../imagens/ack/menuPrincipal_terceiro-bordaFundo.png) no-repeat right -20px; }
.extremidades.terceiro.topo .meio { background: url(../../imagens/ack/menuPrincipal_terceiro-bordaFundo.png) repeat-x right top; }


/* •••••••••• Breadcrumbs •••••••••• */
#breadcrumbs {
	background: url(../../imagens/ack/breadcrumbs_sombra.png) no-repeat center bottom;
	width: 984px;
	height: 40px;
	padding: 0 0 5px 0;
	margin: 0;
	position: relative;
}

#breadcrumbs ul {
	list-style: none;
	padding: 14px 25px;
	margin: 0;
	float: left;
}

#breadcrumbs ul li, #breadcrumbs ul li > * { float: left; }

#breadcrumbs ul li a {
	outline: none;
	text-decoration: none;
	padding: 0 15px 0 0;
	margin: 0 7px 0 0;
	background: url(../../imagens/ack/breadcrumbs_separador.gif) no-repeat right 4px;
}
#breadcrumbs ul li a:hover { background: url(../../imagens/ack/breadcrumbs_separador.gif) no-repeat right -21px; }
#breadcrumbs ul li a:hover em { color: #7F901F; }

#breadcrumbs ul li em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
	color: #b5b5b5;
}

/* ----- Botao voltar ------ */
.voltarTopo, a.voltarTopo {
	outline: none;
	text-indent: -999em;
	float: left;
	background: url(../../imagens/ack/breadcrumbs_voltar.png) no-repeat left top;
	overflow: hidden;
	width: 110px;
	height: 40px;
	padding: 0;
	margin: -5px -15px 0 -10px;
}
.voltarTopo:hover,
.voltarTopo:focus { background-position: left bottom; }


/* •••••••••• Dashboard •••••••••• */
#descricaoPagina {
	position: relative;
}

a#preview {
	text-decoration: none;
	outline: none;
	background: url(../../imagens/ack/ack_bg_180.gif) no-repeat center center;
	float: left;
	width: 394px;
	height: 254px;
	position: relative;
	cursor: pointer;
}

#preview span {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../../imagens/ack/preview_mascara.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

#preview img { border: none; margin: 15px 0 0 15px; }


.parentFull {
	background: url(../../imagens/ack/parentFull_borda.png) repeat-x left top;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	margin: 0;
}

#footerPage {
	background: url(../../imagens/ack/parentFull_borda.png) repeat-x left top;
	width: 964px;
	height: 45px;
	clear: both;
	padding: 15px 20px 0 0;
	position:  relative;
}

#footerPage > .botao { float: right; }

#footerPage > .save {
	white-space: nowrap;
	float: right;
	height: 15px;
	padding: 6px 0 6px 30px;
	background: url(../../imagens/ack/icon_alertaOK.png) no-repeat left center;
}
#footerPage > .save em {
	font-style:normal;
}

.alerta.siteAberto, .alerta.siteAberto > *, .alerta.siteAberto > div > * { float: left; }
.alerta.siteAberto, .alerta.siteAberto > * { height: 48px; }

.alerta.siteAberto {
	background: url(../../imagens/ack/alerta_bg.gif) repeat-x left top;
	position: absolute;
    right: 20px;
    top: 38px;
}

.alerta.siteAberto > span { width: 12px; background: url(../../imagens/ack/alerta_bg.gif) no-repeat right bottom; }
.alerta.siteAberto > span:first-child { background-position: left bottom; }

.alerta.siteAberto img { margin: 16px 0 0 10px; }
.alerta.siteAberto p { padding: 16px 0 0 20px; }


/* ----- Descrição da pagina ----- */
#descricaoPagina { min-height: 80px; padding: 15px 25px; }

#descricaoPagina h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #7F901F;
	display: block;
	padding: 0;
	margin: 0;
}

/* ----- Bloco de texto/descrição ----- */
.modulo > .head > p,
#descricaoPagina > p,
.contAba > p,
#ack-3 > p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 160%;
	color: #808080;
	display: block;
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat left 7px;
	width: 703px;
	padding: 0 0 0 12px;
	margin: 5px 0 15px 0;
}

/* ----- Base para botoes personalizados ----- */
.botao, a.botao, .botao > * { height: 31px; }
.botao, a.botao {
	outline: none;
	text-decoration: none;
	border: none;
	border-radius: 0;
	/*width: 200px;*/
	display: inline-block;
	padding: 0 0 0 16px;
	margin: 0;
	background: url(../../imagens/ack/botao_bg.png) no-repeat -14px -32px;
	cursor: pointer;
}
.botao:active { padding: 0 0 0 16px; }

.botao > * { float: left; }
.botao > span {
	background: url(../../imagens/ack/botao_bg.png) repeat-x left top;
	padding: 0 10px 0 0;
	margin: 0 0 0 -3px;
}
.botao > var  { background: url(../../imagens/ack/botao_bg.png) no-repeat left -32px; width: 15px; }

.botao:hover, a.botao:hover, .botao:hover, a.botao:focus { background-position: -14px -96px; }
.botao:hover > span, .botao:focus > span { background-position: left -64px; }
.botao:hover > var, .botao:focus > var { background-position: left -96px; }

.botao > span em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	color: #666;
	display: inline-block;
	padding: 9px 0 0 0;
}

/* ----- Aqui vai o icone ----- */
.botao > span var {
	float: left;
	background-color: red;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 10px 15px 0 0;
}

.botao[disabled], .botao[disabled]:hover {
	opacity: 0.7;
	-o-opacity: 0.7;
	-ms-opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter: alpha(opacity=70);
}

.botao.styleDell_vermelho, .botao.salvarVerde, #salvarUsuario, .botao.excluir { width: 100px; }
.botao.styleAdd_verde, .botao.filtroUsuariosapp, .botao.cancelarEdicao { width: 150px; }
.botao.salvarAlteracoes { width: 151px; }
.botao.upFile, .botao.naoEditSenha, .botao.editSenha { width: 134px; }
.botao.cancelarUp, .botao.cancelarURLvideo { width: 110px; }

.botao.styleDell_vermelho > span var,
.botao.excluir > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -28px top; }
.botao.styleDell_vermelho:hover > span var,
.botao.excluir:hover > span var { background-position: -28px bottom; }

.botao.styleAdd_verde > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -42px top; }
.botao.styleAdd_verde:hover > span var { background-position: -42px bottom; }

.botao.salvarVerde > span var,
.botao.salvarAlteracoes > span var,
#salvarUsuario > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -84px top; }
.botao.salvarVerde:hover > span var,
.botao.salvarAlteracoes:hover > span var,
#salvarUsuario:hover > span var { background-position: -84px bottom; }

.botao.filtroUsuariosapp > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -70px top; }
.botao.filtroUsuariosapp:hover > span var { background-position: -70px bottom; }

.botao.cancelarEdicao > span var,
.botao.cancelarUp > span var,
.botao.naoEditSenha > span var,
.botao.cancelarURLvideo > span var,
.botao.ignora > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -98px top; }
.botao.cancelarEdicao:hover > span var,
.botao.cancelarUp:hover > span var,
.botao.naoEditSenha:hover > span var,
.botao.cancelarURLvideo:hover > span var,
.botao.ignora:hover > span var { background-position: -98px bottom; }

.botao.upFile > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -112px top; }
.botao.upFile:hover > span var { background-position: -112px bottom; }

.botao.editSenha > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -14px top; }
.botao.editSenha:hover > span var { background-position: -14px bottom; }

.botao.acessarPainelVerde > span var { background: url(../../imagens/ack/icone_ack.png) no-repeat -155px top; }
.botao.acessarPainelVerde:hover > span var { background-position: -155px bottom; }

/* ----- texto verde ----- */
.botao.salvarVerde:hover > span em,
.botao.styleAdd_verde:hover > span em,
.botao.salvarAlteracoes:hover > span em,
.botao.cancelarEdicao:hover > span em,
.botao.upFile:hover > span em,
.botao.cancelarUp:hover > span em,
.botao.naoEditSenha:hover > span em,
#salvarUsuario:hover > span em,
.botao.cancelarURLvideo:hover > span em,
.botao.ignora:hover > span em,
.botao.acessarPainelVerde:hover > span em { color: #809020; border-bottom: 1px dotted #809020; }
/* ----- texto vermelho ----- */
.botao.styleDell_vermelho:hover > span em,
.botao.excluir:hover > span em { color: #CC0000; border-bottom: 1px dotted #CC0000; }
/* ----- texto azul ----- */
.botao.filtroUsuariosapp:hover > span em { color: #435B74; border-bottom: 1px dotted #435B74; }
/* ----- texto amarelo ----- */
.botao.editSenha:hover > span em { color: #C67700; border-bottom: 1px dotted #C67700; }


/* •••••••••• CONTATO •••••••••• */
.dadosContato .contato {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
}

.contato-titulo {
    background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat 10px 6px;
    color: #666;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.03em;
    line-height: 160%;
    float: left;
    margin: 0;
    padding: 0 5px 0 20px;
}

.contato-info {
    float: left;
    padding: 0;
    margin: 0;
    color: #666;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: 160%;
    width: 85%;
}


/* •••••••••• botao Carregar mais •••••••••• */
.carregarMais {
	float: left;
	border: none;
	border-radius: 0;
	width: 100%;
	height: 48px;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	background: url(../../imagens/ack/carregarMais.png) repeat-x right top;
	cursor: pointer;
	position: relative;
}
.carregarMais[disabled="disabled"] {
	opacity: 0.6;
	-o-opacity: 0.6;
	-ms-opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
	cursor: default;
}

.carregarMais > img {
	position: absolute;
	top: 17px;
	right: 35%;
}

.carregarMais > .borda, .carregarMais > span {
	float: left;
	width: 12px;
	height: 48px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../../imagens/ack/carregarMais.png) no-repeat right bottom;
}
.carregarMais > .borda:first-child, .carregarMais > span:first-child { background-position: left bottom; left: 0; }

.carregarMais em {
	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(../../imagens/ack/icone_maisCinza.png) no-repeat left center;
}




/* •••••••••• Blocos de conteudo •••••••••• */
.modulo {
	float: left;
	width: 950px;
	padding: 0 10px 15px 25px;
}

.modulo.upMidias,
.modulo.listagem,
.modulo.permissoes {
	padding: 0 0 15px 0;
	float: left;
	width: 100%;
}


/* ----- Separador de modulos ----- */
.clearBoth, .sombraModulo {
	display: inline-block;
	width: 100%;
	height: 5px;
	clear: both;
	/*float: left;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0 0 20px 0;
	clear: both;
	background: url(../../imagens/ack/breadcrumbs_sombra.png) no-repeat center bottom;*/
}
#metatags .clearBoth,
#idiomas.idiomasSite .clearBoth,
.modulo.sac .clearBoth,
.parentFull.entrevistas .clearBoth,
.modulo.metaTags .clearBoth,
.parentFull.destaques .clearBoth,
.parentFull.destaque .upMidias .clearBoth,
#topico_secao .clearBoth,
#sac_secao .clearBoth,
.parentFull.contatos .listagem .clearBoth,
.parentFull.case .upMidias .clearBoth,
.parentFull.categoria .upMidias .clearBoth,
.parentFull.case .modulo.contato .clearBoth,
.parentFull.categorias .listagem .clearBoth,
.parentFull.itens .listagem .clearBoth,
.modulo.comodos .slide .clearBoth,
.modulo.usuarios_app.listagem .slide .clearBoth,
.modulo.contTexto .clearBoth,
#log .clearBoth,
.parentFull.parents .slide .clearBoth,
.modulo.permissoes.editar .clearBoth {
}


/* ----- Cabeçalho ----- */
.modulo > .head {}

.modulo > .head > div {
	display: block;
	height: 40px;
	clear: both;
}
.modulo > .head > div > * { float: left; }

.modulo.upMidias > .head,
.modulo.listagem > .head,
.modulo.permissoes > .head { padding: 0 25px; }

.modulo > .head > button {
	text-align: left;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}

.modulo > .head > button em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 20px;
	color: #7F901F;
	background: url(../../imagens/ack/modulo_icone-head.gif) no-repeat right 7px;
	padding: 0 30px 0 0;
}

.modulo > .head > button:hover em,
.modulo > .head > button:focus em { color: #8FA323; }

.modulo > .head > button.fechado em,
.modulo > .head > button[disabled="disabled"] em { background-position: right -25px; }
.modulo > .head > button[disabled="disabled"] em,
.modulo > .head > button[disabled="disabled"]:hover em { color: #999; }

/* ----- Slider ----- */
.modulo > .slide {
	float: left;
	width: 100%;
}

.modulo > .slide.colunas { overflow: ; display: inline-block; }
.collumA, .collumB { float: left; }

.collumA {
	background:  url(../../imagens/ack/collumA_separador.gif) no-repeat right 5%;
	width: 700px;
	padding-right: 20px;
	margin-right: 20px;
}

.collumB { width: 200px; }
.collumB > * { margin: 0 0 30px 0; }



/* ----- ----- ----- ----- ----- Filtro de categorias */
.filtroCategorias ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.filtroCategorias button {
	text-align: left;
	outline: none;
	border: none;
	background: url(../../imagens/ack/filtroCategorias_bordas.gif) repeat-x left top;
	height: 21px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

.filtroCategorias button > * { float: left; }
.filtroCategorias button > em, .filtroCategorias button > em var {
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #999;
	white-space: nowrap;
	padding-top: 3px;
}
.filtroCategorias button > em { max-width: 160px; }
.filtroCategorias button > em i {
	font-style: normal;
	float: left;
	overflow: hidden;
	max-width: 136px;
	margin-right: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.filtroCategorias button > em, .filtroCategorias button > em var { padding-top: 4px; }
}

.filtroCategorias button > span { height: 21px; background: url(../../imagens/ack/filtroCategorias_bordas.gif) no-repeat right bottom; }
.filtroCategorias button > span:first-child { width: 20px; background-position: left bottom; }
.filtroCategorias button > span { width: 12px; }

.filtroCategorias button:hover > em, .filtroCategorias button:hover > em var,
.filtroCategorias button.checked > em, .filtroCategorias button.checked > em var { font-weight: bold; color: #809020; }



/* •••••••••• Formulario •••••••••• */
.form > fieldset, .form > .fieldset {
	float: left;
	clear: both;
	display: block;
	width: 360px;
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
.collumB.form > fieldset, .collumB.form > .fieldset, .collumB .form > fieldset, .collumB .form > .fieldset { width: 170px; }

.fieldset > fieldset { float: left; width: 170px; }
.fieldset > fieldset:first-child { margin: 0 20px 0 0; }

fieldset em, input, select, .select, option, textarea, legend, .legend {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	text-decoration: none;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}
input:focus, select:focus, option:focus, textarea:focus { color: #7F901F; }

input[type="radio"], input[type="checkbox"] { background: none; }

legend, .legend {
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat 5px center;
	display: block;
	float: left;
	width: 94%;
	padding: 0 0 0 12px;
	margin: 0 0 10px 0;
	clear: both;
	position: relative;
}
.fieldset > fieldset legend, .legend { width: 90%; }
legend > *, .legend > * { float: left; }
legend strong, .legend strong {
	font-weight: bold;
	color: #7F901F;
	margin-left: 10px;
}
legend small, .legend small { font-size: 10px; color: #999; }

input, .select {
	background: url(../../imagens/ack/form_input-bg.gif) no-repeat;
	float: left;
	height: 18px;
	padding: 5px 10px;
}
.select select { width: 100%; margin: 0; background: #F6F6F6; }
fieldset > input, fieldset > .select { width: 340px; }
.fieldset > fieldset > input, .fieldset > fieldset > .select,
.collumB fieldset > input, .collumB fieldset > .select { width: 150px; background-position: left bottom; }

.textarea683x80 textarea {
	background: #F6F6F6;
	width: 663px;
	min-width: 663px;
	max-width: 663px;
	height: 90px;
	min-height: 90px;
	max-height: 90px;
	padding: 5px 10px;
	border: 1px solid #CCC;
	border-radius: 7px;
	resize: none;
}

.field_editUser.editar, .field_editUser.editar .fieldset { width: 600px; }
.field_editUser.editar {
	clear: both;
	overflow: hidden;
	float: left;
}
.field_editUser.editar .fieldset { display: inline-block; }

/* ----- Alerta de campo obrigatorio */
#alertaCampo {
	position: absolute;
	/*top: 38px;*/
	overflow: hidden;
	z-index: 9999;
}
#alertaCampo em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999;
	background: url(../../imagens/ack/icon_alertForm.gif) no-repeat left 2px;
	padding: 0 0 0 20px;
	margin: 0;
}

/* ===== PARA GIULIAN ===== */
#filial_giulian.select-inline > fieldset, #filial_giulian.select-inline > .fieldset {
	width: 400px;
}
#filial_giulian.select-inline > fieldset p, #filial_giulian.select-inline > .fieldset p {
	width: 157px;
	padding: 5px 0 5px 15px;
	float: left;
	clear: none;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- ---- Ajuda. */
legend .ajuda, .legend .ajuda {
	border: none;
	background: url(../../imagens/ack/icone_ajuda.png) no-repeat right -14px transparent;
	height: 13px;
	padding: 0 15px 0 0;
	float: right;
}
legend .ajuda span, .legend .ajuda span {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	font-style: normal;
}
legend .ajuda:hover, .legend .ajuda:focus { background-position: right 1px; }

legend .ajuda.icone, .legend .ajuda.icone {
	font-size: 1px;
	color: #fff;
	background-position: left -14px;
	width: 14px;
	height: 14px;
	padding: 0;
}
legend .ajuda.icone:hover, .legend .ajuda.icone:focus { background-position: left 1px; }

legend .ajuda:hover span, .legend .ajuda:hover span, legend .ajuda:focus span, .legend .ajuda:focus span { color: #357FB4; border-bottom: 1px dotted #357FB4; }

/* ----- Janela de ajuda - */
.janelaAjuda, .janelaAjuda > span { width: 398px; }
.janelaAjuda {
	overflow: hidden;
	position: absolute;
	top: -12px;
	z-index: 9999;
}

.janelaAjuda > * { float: left; }
.janelaAjuda > span { height: 10px; background: url(../../imagens/ack/ajuda_bordas.png) no-repeat left bottom; }
.janelaAjuda > span:first-child { background-position: left top; }

.janelaAjuda > div {
	width: 370px;
	padding: 5px 15px 10px 13px;
	background: url(../../imagens/ack/ajuda_meio.png) repeat-y center top;
}

.janelaAjuda > div .header { background: url(../../imagens/ack/ajuda_separador.gif) repeat-x left bottom; padding: 0 0 12px 5px; overflow: hidden; }

.janelaAjuda > div .header > span {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #357FB4;
}
.janelaAjuda > div .header > span span { border-bottom: 1px dotted #357FB4; color: #357FB4; }

.janelaAjuda.right { right: -15px; top: -17px; }
.janelaAjuda.right > div .header > * { float: right; }
.janelaAjuda.right > div .header > span { padding : 0 20px 0 0; margin-left: 265px; background: url(../../imagens/ack/icone_ajuda.png) no-repeat right 1px; }

.janelaAjuda.left { left: 319px; }
.janelaAjuda.left > div .header > * { float: left; border: 2px solid blue; }/* AQUI */
.janelaAjuda.left > div .header > span { padding : 0 0 0 20px; background: url(../../imagens/ack/icone_ajuda.png) no-repeat left -12px; }

.janelaAjuda > div .header .icone {
	text-indent: -999em;
	overflow: hidden;
	background: url(../../imagens/ack/icone_excluirVermelhor.png) no-repeat left top;
	width: 12px;
	height: 12px;
	margin: 2px 4px;
	border: none;
}
.janelaAjuda > div .header .icone:hover { background-position: left bottom; }

.janelaAjuda > div .texto p, .janelaAjuda > div .texto h5 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size  : 11px;
	font-weight: normal;
	color      : #666;
}
.janelaAjuda > div .texto h5 { padding: 0 0 0 15px; margin: 10px 0; background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat -14px center; }
.janelaAjuda > div .texto p  { padding: 0 0 0 15px; margin: 0; line-height: 160%; }



/* •••••••••• Modulo com ABAS •••••••••• */
.boxAbas > .menuAbas {
	background: url(../../imagens/ack/abas_borda.gif) repeat-x left bottom;
	display: block;
	height: 31px;
	width: 945px;
	padding: 5px 0 0 20px;
	clear: both;
	margin: 0 1% 10px 1%;
}

/* ----- Menu de abas ----- */
.menuAbas > *, .menuAbas button > * { float: left; }
.menuAbas button, .menuAbas button:active {
	border: none;
	background: none;
	padding: 0;
	margin: 0 -3px;
}
.menuAbas button[title="Imagens"], .menuAbas button[title="Anexos"] { width: 110px; }
.menuAbas button[title="Vídeos"] { width: 100px; }

.menuAbas button > span, .menuAbas button > em { height: 31px; }

.menuAbas button > span,
.menuAbas button[disabled="disabled"] > span, .menuAbas button[disabled="disabled"]:hover > span { width: 21px; background: url(../../imagens/ack/abas_menuBordas_normal.png) no-repeat right bottom transparent; }

.menuAbas button > span:first-child,
.menuAbas button[disabled="disabled"] > span:first-child, .menuAbas button[disabled="disabled"]:hover > span:first-child { background-position: left bottom; }

.menuAbas button > em,
.menuAbas button[disabled="disabled"] > em, .menuAbas button[disabled="disabled"]:hover > em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	background: url(../../imagens/ack/abas_menuMeio_normal.png) repeat-x left bottom transparent;
	padding: 0 20px 0 0;
}

.menuAbas button > em span,
.menuAbas button[disabled="disabled"] > em span, .menuAbas button[disabled="disabled"]:hover > em span {
	white-space: nowrap;
	border: none;
	display: inline-block;
	margin: 11px 0 0 5px;
}

.menuAbas button:hover > span,
.menuAbas button:focus > span,
.menuAbas button.abaView > span,
.menuAbas button[disabled="disabled"].abaView > span, .menuAbas button[disabled="disabled"].abaView:hover > span { background: url(../../imagens/ack/abas_menuBordas.png) no-repeat right bottom transparent; }

.menuAbas button:hover > span:first-child,
.menuAbas button:focus > span:first-child,
.menuAbas button.abaView > span:first-child,
.menuAbas button[disabled="disabled"].abaView > span:first-child, .menuAbas button[disabled="disabled"].abaView:hover > span:first-child { background-position: left bottom; }

.menuAbas button:hover > em,
.menuAbas button:focus > em,
.menuAbas button.abaView > em,
.menuAbas button[disabled="disabled"].abaView > em, .menuAbas button[disabled="disabled"].abaView:hover > em { color: #7F901F; background: url(../../imagens/ack/abas_menuMeio.png) repeat-x left bottom transparent; }

.menuAbas button:hover > em span,
.menuAbas button:focus > em span,
.menuAbas button.abaView > em span,
.menuAbas button[disabled="disabled"].abaView > em span, .menuAbas button[disabled="disabled"].abaView:hover > em span { border-bottom: 1px dotted #7F901F; margin: 8px 0 0 5px; }

.menuAbas button[disabled="disabled"], .menuAbas button[disabled="disabled"].abaView:hover {
	opacity: 0.7;
	-o-opacity: 0.7;
	-ms-opacity: 0.7;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter: alpha(opacity=70);
}



/* •••••••••• Modulo de upload de arquivos. •••••••••• */
#btn_UpVimeo, #btn_UpYoutube, .lista_selecionados > object { margin: 0 0 10px 15px; }
#btn_UpVimeo, #btn_UpYoutube {
	overflow: hidden;
	text-indent: -999em;
	font-size: 1px;
	color: #CCC;
	width: 395px;
	height: 70px;
	border: none;
}
#btn_UpYoutube { background: url(../../imagens/ack/btnUpload_youtube.png) no-repeat left top transparent; }
#btn_UpVimeo { background: url(../../imagens/ack/btnUpload_vimeo.png) no-repeat left top transparent; }

.boxAbas, .parentAbas, .contAba { float: left; }

.contAba {
	min-height: 200px;
	width: 984px;
}
.contAba p { margin: 0 0 20px 25px; width: 984px; }

.upMidias .collumA { width: 424px; padding: 0; }

.upMidias .collumB { width: 540px; }


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- Grupo de checkbox e radiobutton. */
.checkGrup.idiomas { padding: 0 0 0 35px; }
.checkGrup legend, .radioGrup legend, .comboBox legend { margin-bottom: 10px; }
.checkGrup label, .radioGrup label, .comboBox label {
	display: inline-block;
	margin: 0 10px 0 5px;
}
.checkGrup label input, .comboBox label input { float: left; }
.radioGrup label input { margin: 0 5px 0 0; }
.checkGrup label em, .radioGrup label em, .radioGrup label span, .comboBox label span {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
}

.form > .comboBox { padding: 0 0 0 20px;}
.form > .comboBox label span { margin: 0 0 0 10px; }



/* ----- ----- ----- ----- Lista de arquivos slecionados. */
.listaArquivos .legend { margin: 0 0 10px 20px; }
.form > .fieldsetURLVIDEO { padding: 5px 20px; }

.listaArquivos ol, .listaArquivos ol li, .listaArquivos ol li > * { float: left; width: 395px; }
.listaArquivos ol {
	list-style: none;
	padding: 0;
	margin: 0 15px;
}
.listaArquivos ol li, .listaArquivos ol li > * { height: 48px; }
.listaArquivos ol li { position: relative; margin: 0 0 10px 0; }

.listaArquivos ol li > span { width: 15px;  background: url(../../imagens/ack/arquivosLista_bordas.gif) no-repeat right top; }
.listaArquivos ol li > span:first-child { background-position: left top; }
.listaArquivos ol li > div {  width: 365px; background: url(../../imagens/ack/arquivosLista_meio.gif) repeat-x left top; }

.listaArquivos ol li > div > span {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	display: inline-block;
	width: 330px;
	margin-top: 17px;
}
.listaArquivos ol li.erro > div > span { color: #F00; }
.listaArquivos ol li > div > span b { font-size: 10px; }
.listaArquivos ol li > div > button.icone.cancel { position: absolute; right: 17px; top: 17px; }

.listaArquivos ol li > div > span b var { font-style: normal; }


.lista_selecionados {
	float: left;
	width: 424px;
}
.lista_selecionados > * { float: left; }

.tempBox.form { float: left; }

.boxBotoesAbas, .boxBotoes.abas {
	float: left;
	background: url(../../imagens/ack/parentFull_borda.png) repeat-x left top;
	width: 424px;
	padding: 12px 0;
	clear: both;
}
.boxBotoesAbas > *, .boxBotoes.abas > * { float: right; margin: 0 10px 0 0; }


.arquivosBloco ol {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.arquivosBloco ol li.boxPreview {
	float: left;
	width: 120px;
	height: 123px;
	padding: 5px 7px 5px 5px;
	margin: 0 0 10px 0;
}
.arquivosBloco ol li.boxPreview:hover { background: #EDEDED; }

.boxPreview > * { float: left; }
.boxPreview > span {
	background: url(../../imagens/ack/arquivosBloco_thumbMascara.png) no-repeat left top;
	width: 114px;
	height: 85px;
	padding: 4px 5px 5px 4px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.arquivosLista ol { list-style:none; padding: 0; margin: 0; }

.arquivosLista ol li { width: 523px; height: 48px; margin: 5px 0; }
.arquivosLista ol li > *, .arquivoAnexo > * { float: left; height: 48px; }
.arquivosLista ol li > span, .arquivoAnexo > span { width: 15px; background: url(../../imagens/ack/arquivosLista_bordas.gif) no-repeat right top; }
.arquivosLista ol li > span:first-child, .arquivoAnexo > span:first-child { background-position: left top; }

.arquivosLista ol li > div, .arquivoAnexo > div { width: 493px; position: relative; background: url(../../imagens/ack/arquivosLista_meio.gif) repeat-x left top; }
.arquivosLista ol li > div > *, .arquivoAnexo > div > * { float: left; }
.arquivosLista ol li > div > img, .arquivoAnexo > div > img { margin:9px 15px 0 0; }
.arquivosLista ol li > div > p, .arquivoAnexo > div > p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 7px 0 0 0;
}
.arquivosLista ol li > div > p em, .arquivoAnexo > div > p em {
	display: block;
	font-style: normal;
	font-size: 10px;
}
.arquivosLista ol li .icone.excluir, .arquivoAnexo .icone.excluir { position: absolute; right: 5px; top: 17px; }
.arquivosLista ol li .icone.editar, .arquivoAnexo .icone.editar { position: absolute; right: 20px; top: 17px; }

.arquivosLista:hover ol li {
	opacity: 0.8;
	-o-opacity: 0.8;
	-ms-opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}
.arquivosLista:hover ol li:hover {
	opacity: 1;
	-o-opacity: 1;
	-ms-opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}

/* ----- botoes estilo ICONE ----- */
.boxPreview > i, .icone, a.icone {
	text-indent: -999em;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
	outline: none;
	text-decoration: none;
	width: 12px;
	height: 12px;
	background: url(../../imagens/ack/icone_ack.png) no-repeat;
}
.icone.excluir,
.icone.cancel { background-position: -28px top; }
.icone.excluir:hover, .icone.excluir:focus,
.icone.cancel:hover, .icone.cancel:focus { background-position: -28px bottom; }

.icone.editar   { background-position: -14px top; }
.icone.editar:hover, .icone.editar:focus { background-position: -14px bottom; }

.arquivosBloco ol li.boxPreview .icone { float: right; margin: 0 5px; }
.boxPreview > i { background-position: -140px top; margin: 0 0 0 5px; }


/* ----- ----- ----- ----- Editor de arquivos selecionado */
.editArquivo {
	float: left;
	width: 954px;
	padding: 0 14px;
}
.editArquivo > * { margin-bottom: 20px; float: left; }
.editArquivo > .infoArquivo { display: inline-block; }
.editArquivo > .infoArquivo > * { float: left; /*margin-left: 20px;*/ }
.editArquivo > .infoArquivo > fieldset { width: 365px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- Preview de imagem e video. */
.editArquivo.edicaoVIDEO > .infoArquivo, .editArquivo.edicaoIMAGEM > .infoArquivo { width: 590px; }
.editArquivo.edicaoVIDEO > .infoArquivo fieldset, .editArquivo.edicaoIMAGEM > .infoArquivo fieldset, .editArquivo.edicaoANEXO > .infoArquivo fieldset { margin: 0 0 10px 0; }
.editArquivo > .previewImagem, .editArquivo > .previewVideo {
	background: url(../../imagens/ack/previewVideo_mascara.png) no-repeat left top;
	width: 354px;
	height: 196px;
	padding: 4px;
}
.editArquivo.edicaoVIDEO > .infoArquivo input[type="text"] { width: 360px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- Preview de anexo. */
.editArquivo.edicaoANEXO > .infoArquivo { width: 420px; }
.editArquivo.edicaoANEXO > .arquivoAnexo { width: 534px; height: 48px; margin: 5px 0; }

.editArquivo .botoesEdicao { width: 950px; }
.editArquivo .botoesEdicao > * { float: right; margin: 0 0 0 20px; }

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- Crop de imagens. */
.headerCrop { display: inline-block; width: 954px; margin-bottom: -6px; }
.headerCrop > * { float: left; height: 63px; }
.headerCrop > span { width: 10px; background: url(../../imagens/ack/cropImg_bordas.png) no-repeat right top; }
.headerCrop > span:first-child { background-position: left top; }

.headerCrop > div {
	height: 60px;
	width: 934px;
	background: url(../../imagens/ack/cropImg_meio.png) repeat-x left top;
}
.headerCrop > div > * { float: left; }
.headerCrop > div > .separador {
	height: 58px;
	width: 2px;
	margin: 0;
	padding: 0;
	background: url(../../imagens/ack/cropImg_separador.png) no-repeat center center;
}
.form .headerCrop > div > fieldset { width: 210px; padding: 7px 0 0 20px; }

.form .headerCrop label, .form .headerCrop input, .form .headerCrop span, .form .headerCrop strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	padding: 0;
	margin: 0;
}
.form .headerCrop label:first-child { margin-right: 10px; }
.headerCrop span { font-size: 10px; }
.headerCrop strong, .headerCrop strong * { font-weight: bold; }
.form .headerCrop input {
	text-align: right;
	border: none;
	background: none;
	width: 35px;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}

.stageCrop {
	background: #FFF url(../../imagens/ack/stageCrop_bg.gif) left top;
	width: 954px;
	height: 736px;
	overflow: auto;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.5);
	border-radius: 10px;
}






/* •••••••••• Box de categorias, para telas de edição, a div tem rolagem propria. •••••••••• */
.scrollLista {
	width: 683px;
	height: 300px;
	overflow: hidden;
}
.scrollLista > * { float: left; }

.scrollLista > span {
	width: 12px;
	height: 300px;
	background: url(../../imagens/ack/categoria_checkBox.gif) no-repeat right top;
}
.scrollLista > span:first-child { background-position: left top; }
.scrollLista > div { width: 659px; height: 300px; background: url(../../imagens/ack/categoria_checkBox_meio.gif) repeat-x left top; }
/* ----- Cabeçalho. ----- */
.scrollLista > div .header { position: relative; height: 41px; }
.scrollLista > div .header h3 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat left 5px;
	padding: 0 0 0 12px;
	position: absolute;
	margin: 0;
	top: 32%;
}
/* ----- Lista. ----- */
.scrollLista > div .lista {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 238px;
	padding: 0;
	margin: 10px 0 0 0;
}
.scrollLista > div .lista ul { list-style: none; padding: 0; margin: 0; }
.scrollLista > div .lista ul li { padding: 0 0 0 5px; }

.scrollLista > div .lista ul li ul li label { background: url(../../imagens/ack/icon_setaSubnivelCinza.gif) no-repeat left -1px; padding: 0 0 0 15px; }
.scrollLista > div .lista ul li label { display: inline-block; width: 600px; }
.scrollLista > div .lista ul li label em {
	float: left;
	margin: 2px 5px 0 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
}





/* •••••••••• DADOS GERAIS •••••••••• */
#menuRobot, #menuRobot label { width: 690px; }

#menuRobot label { margin: 0 0 5px 0; }
#menuRobot label > * { float: left; }
#menuRobot label > span { margin: 2px 5px 0 0; }
#menuRobot label:hover span { color: #7F901F; }


/* •••••••••• DASHBOARD •••••••••• */
#dashboard {
	display: inline-block;
	width: 944px;
	padding: 20px 20px 40px 20px;
}
#dashboard > * { float: left; }

#dadosSite h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #7F901F;
	margin: 10px 0 15px 0;
}

#dadosSite {
	width: 500px;
	padding: 0 0 0 35px;
	clear: none;
}
#dadosSite .alerta > div { width: 480px; }
#dadosSite .alerta p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	line-height: 100%;
	width: 80%;
	padding: 18px 0;
	margin: 0;
}
#dadosSite .alerta p a { color: #818181; font-weight: bold; text-decoration: none; }

#dashboard ul {
	list-style-image: url(../../imagens/ack/icone_setaCinza.gif);
	padding: 0 0 15px 15px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
}
#dashboard ul li, #dadosSite > p, #dadosSite > p a { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }
#dashboard ul li { color: #808080; padding: 3px 0; }
#dashboard ul li var { font-style: normal; font-weight: bold; }

#dadosSite > p, #dadosSite > p a { color: #818181; text-decoration: none; }
#dadosSite > p {
	background: url(../../imagens/ack/icon_linkExterno.png) no-repeat left 1px;
	padding: 0 0 3px 20px;
	margin: 10px 0;
}

#dadosSite > p a { font-weight: bold; }
#dadosSite > p:hover { background-position: left -32px; cursor: default; }
#dadosSite > p:hover a { color: #809020; }


#dadosSite a {
	text-decoration: none;
	color: #666;
}
#dadosSite a:hover, #dadosSite a:focus { color: #7F901F; }


/* •••••••••• Listagem •••••••••• */
/*.lista, .slide.lista {
	padding: 0 15px;
	overflow: hidden;
	clear: both;
}
.slide.lista { width: 954px; }*/

.modulo > .slide.lista, .lista {
	width: 954px;
	padding: 0 15px;
}

.modulo.collumA > .slide.lista, .collumA.lista, .collumA > .lista {
	width: 690px;
	padding: 0 15px;
}

.lista .header, .lista .header > * { height: 32px; }
.lista .header > * { float: left;  }
.lista .header {
	display: block;
	padding: 0 16px;
	position: relative;
	clear: both;
	overflow: hidden;
	background: url(../../imagens/ack/lista_bg.png) repeat-x right top;
}

.lista .header > span {
	background: url(../../imagens/ack/lista_bg.png) no-repeat right -33px;
	width: 16px;
	position: absolute;
	top: 0;
	right: 0;
}
.lista .header > span:first-child { background-position: left -33px; left: 0; }

.lista .header > div, .lista .header > div > *, .lista .header button { height: 29px; }

.lista .header > div > * {
	float: left;
	padding: 0 10px 0 12px;
	background: url(../../imagens/ack/lista_separador.gif) no-repeat left center;
}
.lista .header > div > *:first-child { background: none; }
.lista .header > div > .checkGrupo input { margin: 7px 0 0 0; }

.lista .header button {
	outline: none;
	border: none;
	background: none;
	height: 27px;
	padding: 0;
	margin: 0;
}

.lista ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}

.lista ol li > div {
	background: url(../../imagens/ack/lista_bgPontos.gif) no-repeat 10px -23px;
	height: 18px;
	padding: 0 0 0 3%;
	margin: 4px 0;
}

.lista.collumA ol li > div, .collumA .lista ol li > div { padding: 0 0 0 4%; }

.lista ol li > div > * { float: left; margin: 0 22px 0 0; }

.lista .header button em,
.lista ol li p, .lista ol li span, .lista ol li a, .lista ol li em {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #666;

	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);
}

.lista ol li > div:hover { background-position: 10px 5px; }
.lista ol li > div:hover * { color: #7F901F; }

.tituloCat, .tituloCat var {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #7F901F;
}
.tituloCat {
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat left 15px;
	clear: both;
    display: block;
    height: 20px;
    margin: 0;
    padding: 10px 0 5px 10px;
}
.tituloCat var { font-size: 10px; }

/* ----- ----- ----- ----- Colunas para a pagina: ----- */
/* USUARIOS */
#list_usuarios .header .nome, #list_usuarios ol .nome, #list_usuarios .header .email, #list_usuarios ol .email { width: 370px; }
#list_usuarios .header .dt_inc, #list_usuarios ol .dt_inc { width: 80px; }
/* USUARIO, permissoes */
.lista.list_permissoes .header .secao, .lista.list_permissoes ol .secao { width: 150px; }
.lista.list_permissoes .header .secao, .lista.list_permissoes ol .secao{ width: 450px; }
/* DADOS GERAIS, idiomas */
.lista.list_idiomas .header .idioma, .lista.list_idiomas ol .idioma { width: 730px; }
.lista.list_idiomas .header .apreviatura, .lista.list_idiomas ol .abreviatura { width: 80px; }
/* CONTATOS */
#contatos_clientes .header .recebido, #contatos_clientes ol .recebido { width: 80px; }
#contatos_clientes .header .remetente, #contatos_clientes ol .remetente, #contatos_clientes .header .email, #contatos_clientes ol .email { width: 370px; }
/* DESTAQUE DO SITE */
.lista.list_destaques .header .nome, .lista.list_destaques ol .orNome { width: 350px; }
.lista.list_destaques .header .urldestino, .lista.list_destaques ol .orURLdestino { width: 430px; }
.lista.list_destaques ol .orURLdestino { height: 18px; }
/* INSTITUCIONAL */
#topicos.topicoSecao .header .titulo.ordem, #topicos.topicoSecao ol .titulo { width: 700px; }
#topicos.topicoSecao .header .ordem, #topicos.topicoSecao ol .ordem { width: 40px; }
/* SERVIÇOS */
#topicos.servicos .header .nome_ordem, #topicos.servicos ol .nome_ordem { width: 700px; }
#topicos.servicos .header .ordem, #topicos.servicos ol .ordem { width: 70px; }
/* CASES */
#topicos.listaCases .header .nome, #topicos.listaCases ol .nome { width: 700px; }
#topicos.listaCases .header .ordem, #topicos.listaCases ol .ordem { width: 40px; }
/* SAC */
#sac.listaSAC .header .pergunta, #sac.listaSAC ol .pergunta, #sac.listaSAC .header .resposta, #sac.listaSAC ol .resposta { width: 360px; }
#sac.listaSAC .header .ordem, #sac.listaSAC ol .ordem { width: 40px; }
/* ENDEREÇOS */
#contatos.contatosRecebidos .header .endereco, #contatos.contatosRecebidos ol .endereco { width: 450px; }
#contatos.contatosRecebidos .header .cidade, #contatos.contatosRecebidos ol .cidade { width: 250px; }
#contatos.contatosRecebidos .header .estado, #contatos.contatosRecebidos ol .estado { width: 40px; }
/* ITENS, categorias */
#categoriasItens.list_categorias .header .nome_ordem, #categoriasItens.list_categorias ol .nome_ordem { width: 710px; }
#categoriasItens.list_categorias ol > li > ol .nome_ordem { width: 681px; }
#categoriasItens.list_categorias .header .ordem, #categoriasItens.list_categorias ol .ordem { width: 40px; }
/* LOG */
#lista_LOG .header .orIDlog, #lista_LOG ol .orIDlog { width: 50px; }
#lista_LOG .header .dataLog, #lista_LOG ol .dataLog { width: 130px; }
#lista_LOG .header .orMensagem, #lista_LOG ol .orMensagem { width: 390px; }
/* USUARIOS DE ORÇAMENTOS */
#usuarios_app.list_usuarios .header .usuario, #usuarios_app.list_usuarios ol .usuario, #usuarios_app.list_usuarios .header .email, #usuarios_app.list_usuarios ol .email { width: 185px; }
#usuarios_app.list_usuarios .header .data_ingresso, #usuarios_app.list_usuarios ol .data_ingresso { width: 110px; }
#usuarios_app.list_usuarios .header .registrado, #usuarios_app.list_usuarios ol .registrado { width: 50px; }
/* LISTA DE ITENS */
.lista.list_itens .lista.lista_daCategoria { width: 690px; padding: 0; }
.lista.list_itens .header .nome, .lista.list_itens .lista.lista_daCategoria ol .nome { width: 483px; }
.lista.list_itens .header .volume, .lista.list_itens .lista.lista_daCategoria ol .volume { width: 40px; }
.lista.list_itens .header .visivel, .lista.list_itens .lista.lista_daCategoria ol .checkboxACK { width: 30px; }

/* ----- grupo de radiobutton ----- */
.radioGrup { overflow: ; }
.radioGrup > label, .radioGrup > label > input, .radioGrup > label > em { float: left; }
.radioGrup > label > em { margin: 0 0 0 5px; }
.listaPermissoes .radioGrup > label { width: 130px; margin: 0; }

/* ----- setas de navegação ----- */
.lista ol li button {
	border: none;
	background: none;
	padding: 0;
}
.lista ol li button.btn_goTopo, .lista ol li button.btn_goFundo { float: right; }

.lista ol li > div a { float: left; }

.lista ol li button.btn_goTopo[disabled="disabled"], .lista ol li button.btn_goFundo[disabled="disabled"] {
	opacity: 0.5;
	-o-opacity: 0.5;
	-ms-opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}
.lista ol li button.btnAlterar { padding: 0 0 0 20px; background: url(../../imagens/ack/icone_redefinir.png) no-repeat left 2px; }
.lista ol li button.btnAlterar:hover, .lista ol li button.btnAlterar:focus { background-position: left -22px; color: #3B79C8; }

/* ----- Checkbox personalizado ----- */
label.visivel {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../../imagens/ack/icone_checkBox.png) no-repeat left bottom;
}
label.visivel:hover, label.visivel:focus { background-position: left -13px; }
.lista ol li > div > label.visivel, label.visivel input { padding:0; }
label.visivel.ok { background-position: left top; }
label.visivel input {
	width:  12px;
	height: 12px;
	margin: 0;
	cursor: pointer;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
}


/* •••••••••• Base para Modal •••••••••• */
#ack_modal {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	background: url(../../imagens/ack/modal_textura.png) left top;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.3);
	z-index : 99999;
	
	display: none;
}
#ack_modal #helper {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}
#ack_modal .content {
	#position: relative;
	#top: -50%;
	margin: 0 auto;
}

#ack_modal .modalTop, #ack_modal .modalBottom, #ack_modal .modalTop *, #ack_modal .modalBottom * { float: left; }
#ack_modal .modalTop, #ack_modal .modalBottom { height: 14px; overflow: hidden; }

#ack_modal .modalTop .borda, #ack_modal .modalBottom .borda {
	width: 14px;
	height: 14px;
	background: url(../../imagens/ack/modal_bordas.png);
	display: inline-block;
}
#ack_modal .modalTop .modal_middle { height: 14px; background: url(../../imagens/ack/modal_bordaTop.png) repeat-x left bottom; }
#ack_modal .modalTop .modal_left   { background-position: left top; }
#ack_modal .modalTop .modal_right  { background-position: right top; }

#ack_modal .modalBottom .modal_middle { height: 14px; background: url(../../imagens/ack/modal_bordaFun.png) repeat-x left bottom; }
#ack_modal .modalBottom .modal_left   { background-position: left bottom; }
#ack_modal .modalBottom .modal_right  { background-position: right bottom; }

#ack_modal .modalMiddle { overflow: hidden; clear: both; }
#ack_modal .modalMiddle .left { padding-left: 14px; background: url(../../imagens/ack/modal_bordaEsq.png) repeat-y left top; }
#ack_modal .modalMiddle .left .right { padding-right: 14px; background: url(../../imagens/ack/modal_bordaDir.png) repeat-y right top; }

#ack_modal .modalContent, #ack_modal .modalTop .modal_middle, #ack_modal .modalBottom .modal_middle { width: 472px; } /* valor default, mas é alterado pelo jQuery, largura defini menos 28px */

#ack_modal .modalContent { clear: both; background: white; }
#ack_modal .modalContent .dadosModal { padding: 0 10px; height:120px; } /* valor default, mas é alterado pelo jQuery, largura defini menos 28px */

#ack_modal h3, #ack_modal p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #7F901F;
	padding: 10px 0;
	margin: 0;
}
#ack_modal p {
	font-size: 11px;
	color: #808080;
	padding: 0 0 0 10px;
	margin: 0;
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat left 5px;
}

#ack_modal .boxBotoes {
	overflow: hidden;
	background: url(../../imagens/ack/parentFull_borda.png) repeat-x left top;
	display: block;
	width: inherit;
	padding: 15px 8px 10px 9px;
	margin: 20px -9px 0 -9px;
}
#ack_modal .boxBotoes > * { float: right; margin-left: 10px; }



/* • CONTATO */
.modulo.contTexto {
	list-style: none;
	padding: 0 17px;
	margin: 0;
}

.modulo.contTexto ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.modulo.contTexto ul li p {
	margin: 0;
	padding: 0;
}



/* ----- ----- ----- ----- ----- ---- ---- ---- ---- ---- Janela de pagina nao encontrada ou algum erro de acesso ou sistema - */
.erroBox, .erroBox .content { width: 520px; }
.erroBox {
	height: 365px;
	position: absolute;
	left: 50%;
	top : 50%;
	margin: -13.4em 0 0 -16.3em;
}

.erroBox > img { margin: 0 0 0 30px; }

.erroBox .content { overflow: hidden; }
.erroBox .content > div {
	width: 490px;
	position: relative;
	background: url(../../imagens/ack/erro_meio.png) repeat-x left top;
}

/* ----- Titulo da janela. */
.erroBox .content h3 {
	width: 478px;
	height: 43px;
	background: url(../../imagens/ack/ack_loginTitulo_bordas.jpg) no-repeat -12px top;
	padding: 0 0 0 12px;
}
.erroBox .content h3 > * { float: left; height: 43px; }
.erroBox .content h3 > span { width: 12px; background: url(../../imagens/ack/ack_loginTitulo_bordas.jpg) no-repeat left top; }
.erroBox .content h3 > var {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	white-space: nowrap;
	line-height: 130%;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
	color: #fff;
	
	width: 465px;
	height: 15px;
	padding: 14px 0;
	background: url(../../imagens/ack/ack_loginTitulo_meio.jpg) repeat-x left top;
}

.erroBox .content > * { height: 318px; float: left; }
.erroBox .content > span { width: 15px; background: url(../../imagens/ack/erro_bordas.png) no-repeat right top; }
.erroBox .content > span:first-child { background-position: left top; }

.erroBox .content > div > p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
	margin: 0;
	padding: 0 10px 0 25px;
	background: url(../../imagens/ack/icone_setaCinza.gif) no-repeat 10px 5px;
}

.erroBox .content > div > a {
	position: absolute;
	right: 5px;
	bottom: 7%;
	text-decoration: none;
}




/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

/*	style for tabela_valores */

.second-header {
	color: #7F901F;
	font-weight: normal;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
	margin:0;
	font-size:11px;
	line-height:15px;
	font-family:Tahoma, Geneva, sans-serif;
}
.collumC {
	float:left;
	width:275px;
}
.form.collumC > fieldset,
.form.collumC > .fieldset {
	margin-bottom: 0;
	width:auto;
}
.form.collumC > fieldset legend,
.form.collumC > fieldset .legend {
	width: 160px;
	float:left;
	height:28px;
	line-height:28px;
	margin:5px 0 0 0;
}
.form.collumC > fieldset input {
	width: 80px;
}
.form.collumC input,
.form.collumC .select {
	position:relative;
	float:left;
	margin:5px 0 0 0;
	width:80px;
	background:url("../../imagens/ack/form_input-bg_menor.gif") no-repeat scroll 0 0 transparent;
}
.form.collumC .select select {
	width:80px;
}
.separador.collumC {
	display:block;
	float:left;
	height:379px;
	width:1px;
	padding:0 27px;
	background:url("../../imagens/ack/collumA_separador.gif") no-repeat scroll center top transparent
}

.select-inline {
	overflow:hidden;
	margin:10px 0 15px 0;
	height:28px;
}
.select-inline > fieldset,
.select-inline > .fieldset {
	margin-bottom: 0;
	width:auto;
}
.select-inline > fieldset legend,
.select-inline > fieldset legend {
	width:auto;
	float:left;
	margin:0 10px 0 0;
	height:28px;
	line-height:28px;
}
.select-inline input,
.select-inline .select {
	position:relative;
	float:left;
	width:80px;
	background:url("../../imagens/ack/form_input-bg_menor.gif") no-repeat scroll 0 0 transparent;
}







/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media only screen and (min-width: 35em) {
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } 
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}