/*
* Descrição: Folha de estilo fundamental para marcação e visualização de todas as páginas do sistema SIGSAB.
* Versão: 3.2.2
* Última atualização: 18/06/2014
* Autor: Breno Polanski - bpolanski@indracompany.com | INDRA BRASIL S.A.
*
* Sumário:
*
*	0. GLOBAL
*		- 0.1. ALINHAMENTOS TEXTO
*       - 0.2. LINKS E CORES DE ÍCONES
*       - 0.3. CORES DEFAULT
*       - 0.4. SEPARAÇÃO DE ELEMENTOS
*       - 0.5. ESTILOS DE TEXTO
*       - 0.6. ESTILOS PLACEHOLDER
*       - 0.7. TEXTOS POST
*	1. ESTILOS COMPARTILHADOS
*       - 1.1. AJUSTES FRAMEWORK FOUNDATION
*       - 1.2. CSS3 GITHUB BUTTONS
*	2. ELEMENTOS DO SITE
*   	- 2.1. CABEÇALHO
*   	- 2.2. BOTÕES REDE SOCIAL
*   	- 2.3. BOTÕES SISTEMA BÁSICO E AVANÇADO
*       - 2.4. MENU PRINCIPAL
*       - 2.5. MENU PERFIL
*       - 2.6. BREADCRUMBS
*       - 2.7. BOX USUÁRIO
*       - 2.8. NOTIFICAÇÕES DO CABEÇALHO
*       - 2.9. WIDGET BOX
*       - 2.10. LOADING PÁGINA
*       - 2.11. EFEITO BLINK
*       - 2.12. INPUT FILE UPLOAD
*       - 2.13. TABLES
*       - 2.14. TABS
*       - 2.15. STICKY PANEL
*       - 2.16. TOP BAR NOTIFICATIONS
*       - 2.17. SCROLLABLE
*       - 2.18. ACCORDION
*       - 2.19. SLIDE TO TOP
*	3. ELEMENTOS DO FORMULÁRIO
*		- 3.1. PASSWORD STRENGTH
*		- 3.2. TIMEPICKER
*		- 3.3. ANIMATED PROGRESBAR
*		- 3.4. jQuery UI CUSTOM
*		- 3.5. SPINNER
*	4. LOGIN, PÁGINAS DE ERROS
*       - 4.1. PÁGINA DE LOGIN
*       - 4.2. PÁGINAS DE ERROS
*   5. DIVERSOS
*       - 5.1. SIDEBAR
*       - 5.2. WIZARD
*       - 5.3. DATABLES
*       - 5.4. MODAL
*       - 5.5. TOOLTIPS QTIP
*       - 5.6. OWL CAROUSEL
*	6. AJUSTES DO SITE
*   7. ESTILOS SWITCHER
*   8. GOVERNO FEDERAL
*       - 8.1. BARRA BRASIL
*	9. FOOTER
*  10. MEDIA QUERIES
*/

/* ==========================================================================
   0. GLOBAL
   ========================================================================== */

html {
	overflow-y: scroll;
}

body {
	font: 100 13px/1.4 Helvetica, Arial, sans-serif;
	color: #222;
	background-color: #EEE;
}

code, pre {
	border-radius: 3px 3px 3px 3px;
	font-family: Monaco, "Andale Mono", "Courier New", monospace;
	font-size: 12px;
	padding: 0 3px 2px;
}

code {
	background-color: #FEE9CC;
	color: rgba(0,0,0,0.75);
	padding: 1px 3px;
}

pre {
	background-color: #F5F5F5;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px 3px 3px 3px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 0 0 18px;
	padding: 8.5px;
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

/* fix for inputs inline shadow */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* 0.1. ALINHAMENTOS TEXTO
   ========================================================================== */

.vam {
	vertical-align: middle;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.taj {
	text-align: justify;
}

/* 0.2. LINKS E CORES DE ÍCONES
   ========================================================================== */

a {
	color: #21759B;
}

a:hover {
	color: #21759B;
	text-decoration: underline;
}

a:active,
a:focus {
	color: #21759B;
}

a.inv {
	text-decoration: underline;
}

a.inv:hover {
	text-decoration: none;
}

.icon_blue {
	color: blue;
}

.icon_black {
	color: black;
}

.icon_red {
	color: red;
}

.icon-gray {
	color: #BBB;
}

.icon-gray:hover {
	color: #222;
	cursor: pointer;
	text-decoration: none;
}

.icon_green {
	color: green;
}

.icon_blue:hover,
.icon_black:hover,
.icon_red:hover,
.icon-gray:hover,
.icon_green:hover {
	cursor: pointer;
	text-decoration: none;
}

.external_link {
	background: url(../img/external_link.png) no-repeat right center;
	padding-right: 12px;
}

a.button {
	text-decoration: none;
}

.clear_form {
	vertical-align: middle;
	margin: 0 5px;
}

*::-moz-selection {
	background: none repeat scroll 0 0 #367AA9;
	color: #FFF;
	text-shadow: none;
}

/* 0.3. CORES DEFAULT
   ========================================================================== */

.m_color {
	color: #FE6001 !important;
}

.s_color {
	color: #8C8C8C !important;
}

.w_color {
	color: #FFF;
}

/* 0.4. SEPARAÇÃO DE ELEMENTOS
   ========================================================================== */

/* margin bottom */

.sepH_a {
	margin-bottom: 5px;
}

.sepH_b {
	margin-bottom: 10px;
}

.sepH_c {
	margin-bottom: 20px;
}

/* margin right */

.sepV_a {
	margin-right: 5px;
}

.sepV_b {
	margin-right: 10px;
}

.sepV_c {
	margin-right: 20px;
}

#sepV_d {
	margin-left: 10px;
}

.sepV_e {
	margin-top: 10%;
}

.sepH_a_line {
	padding-bottom: 6px;
	margin-bottom: 18px;
	border-bottom: 1px solid #DCDCDC;
}

.sepH_no {
	margin-bottom: 0;
}

/* no borders for buttons (ie7) */

button {
	*border: none !important;
	*border-color: transparent !important;
}

/* focus background-color select */

select:focus {
	background-color: #F9F9F9;
}

/* 0.5. ESTILOS DE TEXTO
   ========================================================================== */

.small {
	font-size: 11px;
}

.medium {
	font-size: 13px;
}

.large {
	font-size: 17px;
}

/* 0.6. ESTILOS PLACEHOLDER
   ========================================================================== */

/* Chrome */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size: 12px;
}

/* Firefox 18- */

input:-moz-placeholder,
textarea:-moz-placeholder {
	font-size: 12px;
}

/* Firefox 19+ */

input::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: 12px;
}

/* IE */

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	font-size: 12px;
}

/* 0.7. TEXTOS POST
   ========================================================================== */

.post {
	padding: 25px 35px 0 35px !important;
}

.post > p,
.post > ul,
.post > span > p {
	text-align: justify;
	font-size: 1.4rem;
}

.post > .read-more {
	text-align: right;
}

.txt-indent {
	text-indent: 4rem;
}

/* ==========================================================================
   1. ESTILOS COMPARTILHADOS
   ========================================================================== */

/* 1.1. AJUSTES FRAMEWORK FOUNDATION
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

small {
	font-size: 11px;
}

ul,
ol,
li {
	margin-bottom: 0;
}

ul.pagination {
	margin-bottom: 14px;
}

ul.pagination a:hover {
	text-decoration: none;
}

input.input-text:focus,
textarea:focus {
	background: #F3FEE7;
}

input,
textarea,
select {
	font-family: inherit;
}

label + input.input-text,
label + textarea,
label + select,
label + div.dropdown,
select + div.dropdown {
	margin-top: -6px;
}

.form-field.error label {
	color: inherit;
}

.text_validate {
	font-weight: bold;
	color: #C00000;
}

.text_validate_success {
	font-weight: bold;
	color: green;
}

form.custom div.custom.dropdown a:hover {
	text-decoration: none;
}

form.nice div.form-field input,
form.nice div.form-field textarea {
	border-color: #C00000;
}

p {
	line-height: 1.4;
}

.row .row {
	max-width: 100%;
	min-width: 0;
}

.form-field.error input:focus,
.form-field.error textarea:focus {
	background-color: rgba(255,0,0,0.25);
}

.alert-box a.close {
	padding: 3px;
}

.alert-box a.close:hover {
	text-decoration: none;
}

ul.pagination li a.current {
	border-bottom: 2px solid #00A6FC;
	color: #141414;
}

ul.nice li {
	margin-bottom: 12px;
}

img {
	max-width: none;
}

.alert-box.info {
	background-color: #058DC7;
	color: #FFF;
	text-shadow: 0 -1px rgba(0,0,0,0.3);
}

div.alert-box {
	padding-right: 22px;
}

/* 1.2. CSS3 GITHUB BUTTONS

   Licensed under Unlicense
   http://github.com/necolas/css3-github-buttons
   ========================================================================== */

.gh_button {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: 0.5em 1em;
	border: 1px solid #D4D4D4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #FFF;
	font: 11px/normal sans-serif;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#ECECEC));
	background-image: -moz-linear-gradient(#F4F4F4, #ECECEC);
	background-image: -o-linear-gradient(#F4F4F4, #ECECEC);
	background-image: linear-gradient(#F4F4F4, #ECECEC);
	-webkit-background-clip: padding;
	-moz-background-clip: padding-box;
	-o-background-clip: padding-box;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	zoom: 1;
	*display: inline;
}

.gh_button:hover,
.gh_button:focus,
.gh_button:active,
.gh_button.active {
	border-color: #3072B3;
	border-bottom-color: #2A65A0;
	text-decoration: none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #FFF;
	background-color: #3C8DDE;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599BDC), to(#3072B3));
	background-image: -moz-linear-gradient(#599BDC, #3072B3);
	background-image: -o-linear-gradient(#599BDC, #3072B3);
	background-image: linear-gradient(#599BDC, #3072B3);
}

.gh_button:active,
.gh_button.active {
	border-color: #2A65A0;
	border-bottom-color: #3884CF;
	background-color: #3072B3;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072B3), to(#599BDC));
	background-image: -moz-linear-gradient(#3072B3, #599BDC);
	background-image: -o-linear-gradient(#3072B3, #599BDC);
	background-image: linear-gradient(#3072B3, #599BDC);
}

.gh_button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.gh_button.icon:before {
	content: "";
	position: relative;
	top: 1px;
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 0.75em 0 -0.25em;
	background: url(../img/ico/gh-icons.png) 0 99px no-repeat;
}

/* button arrowup */

.gh_button.arrowup.icon:before {
	background-position: 0 0;
}
.gh_button.arrowup.icon:hover:before,
.gh_button.arrowup.icon:focus:before,
.gh_button.arrowup.icon:active:before {
	background-position: -12px 0;
}

/* button arrowdown */

.gh_button.arrowdown.icon:before {
	background-position: 0 -12px;
}
.gh_button.arrowdown.icon:hover:before,
.gh_button.arrowdown.icon:focus:before,
.gh_button.arrowdown.icon:active:before {
	background-position: -12px -12px;
}

/* button arrowleft */

.gh_button.arrowleft.icon:before {
	background-position: 0 -24px;
}
.gh_button.arrowleft.icon:hover:before,
.gh_button.arrowleft.icon:focus:before,
.gh_button.arrowleft.icon:active:before {
	background-position: -12px -24px;
}

/* button arrowright */

.gh_button.arrowright.icon:before {
	float: right;
	background-position: 0 -36px;
	margin: 0 -.25em 0 .5em;
}
.gh_button.arrowright.icon:hover:before,
.gh_button.arrowright.icon:focus:before,
.gh_button.arrowright.icon:active:before {
	background-position: -12px -36px;
}

/* button approve */

.gh_button.approve.icon:before {
	background-position: 0 -48px;
}
.gh_button.approve.icon:hover:before,
.gh_button.approve.icon:focus:before,
.gh_button.approve.icon:active:before {
	background-position: -12px -48px;
}

/* button add */

.gh_button.add.icon:before {
	background-position: 0 -288px;
}
.gh_button.add.icon:hover:before,
.gh_button.add.icon:focus:before,
.gh_button.add.icon:active:before {
	background-position: -12px -288px;
}

/* button remove */

.gh_button.remove.icon:before {
	background-position: 0 -60px;
}
.gh_button.remove.icon:hover:before,
.gh_button.remove.icon:focus:before,
.gh_button.remove.icon:active:before {
	background-position: -12px -60px;
}

/* button log */

.gh_button.log.icon:before {
	background-position: 0 -72px;
}
.gh_button.log.icon:hover:before,
.gh_button.log.icon:focus:before,
.gh_button.log.icon:active:before {
	background-position: -12px -72px;
}

/* button calendar */

.gh_button.calendar.icon:before {
	background-position: 0 -84px;
}
.gh_button.calendar.icon:hover:before,
.gh_button.calendar.icon:focus:before,
.gh_button.calendar.icon:active:before {
	background-position: -12px -84px;
}

/* button chat */

.gh_button.chat.icon:before {
	background-position: 0 -96px;
}
.gh_button.chat.icon:hover:before,
.gh_button.chat.icon:focus:before,
.gh_button.chat.icon:active:before {
	background-position: -12px -96px;
}

/* button clock */

.gh_button.clock.icon:before {
	background-position: 0 -108px;
}
.gh_button.clock.icon:hover:before,
.gh_button.clock.icon:focus:before,
.gh_button.clock.icon:active:before {
	background-position: -12px -108px;
}

/* button settings */

.gh_button.settings.icon:before {
	background-position: 0 -120px;
}
.gh_button.settings.icon:hover:before,
.gh_button.settings.icon:focus:before,
.gh_button.settings.icon:active:before {
	background-position: -12px -120px;
}

/* button comment */

.gh_button.comment.icon:before {
	background-position: 0 -132px;
}
.gh_button.comment.icon:hover:before,
.gh_button.comment.icon:focus:before,
.gh_button.comment.icon:active:before {
	background-position: -12px -132px;
}

/* button fork */

.gh_button.fork.icon:before {
	background-position: 0 -144px;
}
.gh_button.fork.icon:hover:before,
.gh_button.fork.icon:focus:before,
.gh_button.fork.icon:active:before {
	background-position: -12px -144px;
}

/* button like */

.gh_button.like.icon:before {
	background-position: 0 -156px;
}
.gh_button.like.icon:hover:before,
.gh_button.like.icon:focus:before,
.gh_button.like.icon:active:before {
	background-position: -12px -156px;
}

/* button favorite */

.gh_button.favorite.icon:before {
	background-position: 0 -348px;
}
.gh_button.favorite.icon:hover:before,
.gh_button.favorite.icon:focus:before,
.gh_button.favorite.icon:active:before {
	background-position: -12px -348px;
}

/* button home */

.gh_button.home.icon:before {
	background-position: 0 -168px;
}
.gh_button.home.icon:hover:before,
.gh_button.home.icon:focus:before,
.gh_button.home.icon:active:before {
	background-position: -12px -168px;
}

/* button key */

.gh_button.key.icon:before {
	background-position: 0 -180px;
}
.gh_button.key.icon:hover:before,
.gh_button.key.icon:focus:before,
.gh_button.key.icon:active:before {
	background-position: -12px -180px;
}

/* button lock */

.gh_button.lock.icon:before {
	background-position: 0 -192px;
}
.gh_button.lock.icon:hover:before,
.gh_button.lock.icon:focus:before,
.gh_button.lock.icon:active:before {
	background-position: -12px -192px;
}

/* button unlock */

.gh_button.unlock.icon:before {
	background-position: 0 -204px;
}
.gh_button.unlock.icon:hover:before,
.gh_button.unlock.icon:focus:before,
.gh_button.unlock.icon:active:before {
	background-position: -12px -204px;
}

/* button loop */

.gh_button.loop.icon:before {
	background-position: 0 -216px;
}
.gh_button.loop.icon:hover:before,
.gh_button.loop.icon:focus:before,
.gh_button.loop.icon:active:before {
	background-position: -12px -216px;
}

/* button search */

.gh_button.search.icon:before {
	background-position: 0 -228px;
}
.gh_button.search.icon:hover:before,
.gh_button.search.icon:focus:before,
.gh_button.search.icon:active:before {
	background-position: -12px -228px;
}

/* button mail */

.gh_button.mail.icon:before {
	background-position: 0 -240px;
}
.gh_button.mail.icon:hover:before,
.gh_button.mail.icon:focus:before,
.gh_button.mail.icon:active:before {
	background-position: -12px -240px;
}

/* button move */

.gh_button.move.icon:before {
	background-position: 0 -252px;
}
.gh_button.move.icon:hover:before,
.gh_button.move.icon:focus:before,
.gh_button.move.icon:active:before {
	background-position: -12px -252px;
}

/* button edit */

.gh_button.edit.icon:before {
	background-position: 0 -264px;
}
.gh_button.edit.icon:hover:before,
.gh_button.edit.icon:focus:before,
.gh_button.edit.icon:active:before {
	background-position: -12px -264px;
}

/* button pin */

.gh_button.pin.icon:before {
	background-position: 0 -276px;
}
.gh_button.pin.icon:hover:before,
.gh_button.pin.icon:focus:before,
.gh_button.pin.icon:active:before {
	background-position: -12px -276px;
}

/* button reload */

.gh_button.reload.icon:before {
	background-position: 0 -300px;
}
.gh_button.reload.icon:hover:before,
.gh_button.reload.icon:focus:before,
.gh_button.reload.icon:active:before {
	background-position: -12px -300px;
}

/* button rss */

.gh_button.rss.icon:before {
	background-position: 0 -312px;
}
.gh_button.rss.icon:hover:before,
.gh_button.rss.icon:focus:before,
.gh_button.rss.icon:active:before {
	background-position: -12px -312px;
}

/* button tag */

.gh_button.tag.icon:before {
	background-position: 0 -324px;
}
.gh_button.tag.icon:hover:before,
.gh_button.tag.icon:focus:before,
.gh_button.tag.icon:active:before {
	background-position: -12px -324px;
}

/* button trash */

.gh_button.trash.icon:before {
	background-position: 0 -336px;
}
.gh_button.trash.icon:hover:before,
.gh_button.trash.icon:focus:before,
.gh_button.trash.icon:active:before {
	background-position: -12px -336px;
}

/* button user */

.gh_button.user.icon:before {
	background-position: 0 -360px;
}
.gh_button.user.icon:hover:before,
.gh_button.user.icon:focus:before,
.gh_button.user.icon:active:before {
	background-position: -12px -360px;
}

.gh_button.primary {
	font-weight: bold;
}

.gh_button.danger {
	color: #900;
}

.gh_button.danger:hover,
.gh_button.danger:focus,
.gh_button.danger:active {
	border-color: #B53F3A;
	border-bottom-color: #A0302A;
	color: #FFF;
	background-color: #DC5F59;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DC5F59), to(#B33630));
	background-image: -moz-linear-gradient(#DC5F59, #B33630);
	background-image: -o-linear-gradient(#DC5F59, #B33630);
	background-image: linear-gradient(#DC5F59, #B33630);
}

.gh_button.danger:active,
.gh_button.danger.active {
	border-color: #A0302A;
	border-bottom-color: #BF4843;
	background-color: #B33630;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B33630), to(#DC5F59));
	background-image: -moz-linear-gradient(#B33630, #DC5F59);
	background-image: -o-linear-gradient(#B33630, #DC5F59);
	background-image: linear-gradient(#B33630, #DC5F59);
}

.gh_button.pill {
	-webkit-border-radius: 50em;
	-moz-border-radius: 50em;
	border-radius: 50em;
}

.gh_button.disable {
	opacity: 0.5;
}

.gh_button.big {
	font-size: 14px;
}

.gh_button.small {
	font-size: 11px;
	padding: .3em .8em;
}

.gh_button-group {
	display: block;
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.gh_button + .gh_button,
.gh_button + .gh_button-group,
.gh_button-group + .gh_button,
.gh_button-group + .gh_button-group {
	margin-left: 15px;
}

.gh_button-group li {
	float: left;
	margin: 0;
	padding: 0;
}

.gh_button-group .gh_button {
	float: left;
	margin-left: -1px;
}

.gh_button-group > .gh_button:not(:first-child):not(:last-child),
.gh_button-group li:not(:first-child):not(:last-child) .gh_button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.gh_button-group > .gh_button:first-child,
.gh_button-group li:first-child .gh_button {
	margin-left: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.gh_button-group > .gh_button:last-child,
.gh_button-group li:last-child > .gh_button {
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.gh_button-group.minor-group .gh_button {
	border: 1px solid #D4D4D4;
	text-shadow: none;
	background-image: none;
	background-color: #FFF;
}

.gh_button-group.minor-group .gh_button:hover,
.gh_button-group.minor-group .gh_button:focus {
	background-color: #599BDC;
}

.gh_button-group.minor-group .gh_button:active,
.gh_button-group.minor-group .gh_button.active {
	background-color: #3072B3;
}

.gh_button-group.minor-group .gh_button.icon:before {
	opacity: 0.8;
}

.gh_button-container .gh_button,
.gh_button-container .gh_button-group {
	vertical-align: top;
}

.gh_button.btn-big.icon:before,
.gh_button.btn-small.icon:before {
	top: 0;
}

/* ==========================================================================
   2. ELEMENTOS DO SITE
   ========================================================================== */

/* 2.1. CABEÇALHO
   ========================================================================== */

header {
	min-height: 82px;
	padding-bottom: 30px;
}

header .head_s_a {
	padding-top: 20px;
}

#logo-sigsab img {
	position: relative;
}

#logo-insa img {
	position: absolute;
	top: 5px;
	right: 0;
}

header .head_s_a .row {
	position: relative;
}

.sw_width {
	width: 15px;
	height: 7px;
	cursor: pointer;
	position: absolute;
	top: 33px;
	right: 20px;
	font-size: 10px;
	background: #004B82;
	padding: 3px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.sw_width img {
	background-image: url(../img/sw_width.gif);
	background-repeat: no-repeat;
	width: 15px;
	height: 7px;
	display: block;
}

.sw_width img.sw_full {
	background-position: 0 0;
}

.sw_width img.sw_fixed {
	background-position: 0 -14px;
}

/* 2.2. BOTÕES REDE SOCIAL
   ========================================================================== */

.ctn-social {
	display: block;
}

.ctn-social > a > i {
	font-size: 25px;
	color: #888;
	cursor: pointer;
	margin-right: 3px;
}

.ctn-social > a > i:hover {
	color: #F89930;
}

/* 2.3. BOTÕES SISTEMA BÁSICO E AVANÇADO
   ========================================================================== */

.box-system {
	position: relative;
	background: #F2F2F2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #F3F3F3));
	background: -webkit-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	width: 180px;
	height: 60px;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	cursor: pointer;
}

.box-system > span:last-child {
	position: absolute;
	text-shadow: 1px 1px 0 #FFF;
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #999;
	text-decoration: none;
	font-weight: bold;
}

.box-system:hover {
	background: #EAF4F9;
	text-decoration: none;
	border-radius: 5px;
}

.box-system:hover span:last-child {
	color: #F89930;
}

/* sistema básico */

.img-basico {
	position: absolute;
	background: url(../img/ico/basico.png) no-repeat;
	width: 23px;
	height: 30px;
	overflow: hidden;
	top: 15px;
	left: 43px;
}

.box-system:hover .img-basico {
	background-position: left bottom;
}

.txt-basico {
	top: 15px;
	left: 88px;
}

/* sistema avancado */

.img-avancado {
	position: absolute;
	background: url(../img/ico/avancado.png) no-repeat;
	width: 30px;
	height: 30px;
	overflow: hidden;
	top: 15px;
	left: 35px;
}

.box-system:hover .img-avancado {
	background-position: left bottom;
}

.txt-avancado {
	top: 15px;
	left: 85px;
}

/* 2.4. MENU PRINCIPAL
   ========================================================================== */

.ddsmoothmenu {
	background: #F2F2F2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #F3F3F3));
	background: -webkit-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: -o-linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	background: linear-gradient(top, #FFF 0%, #F3F3F3 100%);
	width: 100%;
	border: 1px solid #DCDCDC;
}

.ddsmoothmenu ul {
	z-index: 990;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ddsmoothmenu {
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-ms-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.ddsmoothmenu .first_el {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;

}

.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

.ddsmoothmenu ul li a {
	text-shadow: 1px 1px 0 #FFF;
	letter-spacing: 0.02em;
	font-size: 16px;
	line-height: 16px;
	display: block;
	color: #2D2B2B;
	text-decoration: none;
	padding: 8px 12px;
}

.ddsmoothmenu > ul li a {
	border-right: 1px dashed #E4E4E4;
}

.ddsmoothmenu > ul li:first-child a {
	border-left: none;
}

* html .ddsmoothmenu ul li a {
	display: inline-block;
}

.ddsmoothmenu ul li a:link,
.ddsmoothmenu ul li a:visited {
	color: #222;
}

.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none;
	visibility: hidden;
	box-shadow: 4px 4px 0 rgba(0,0,0,.1);
	border: 1px solid #DCDCDC;
}

.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}

.ddsmoothmenu ul li ul li ul {
	top: 0;
	margin-left: 1px;
	margin-top: -1px;
}

.ddsmoothmenu ul li ul li a {
	min-width: 120px;
	background: #FFF;
	border-top-width: 0;
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 5px 12px;
	white-space: nowrap;
	font-size: 14px;
}

.ddsmoothmenu li ul li a {
	border-left: none;
	border-right: none;
}

.ddsmoothmenu li ul li:last-child a {
	border: none
}

.downarrowclass {
	position: absolute;
	top: 15px;
	right: 8px;
	width: 5px;
	height: 3px;
	background: url(../img/nav_arrow.gif) no-repeat 0 -23px;
}

.rightarrowclass {
	position: absolute;
	top: 12px;
	right: 5px;
	width: 3px;
	height: 5px;
	background: url(../img/nav_arrow.gif) no-repeat 0 0;
}

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}

.toplevelshadow {
	opacity: 0.8;
}

.ddsmoothmenu-v ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;
}

.ddsmoothmenu-v ul li {
	position: relative;
}

.ddsmoothmenu-v ul li a {
	font-size: 16px;
	color: #222;
	line-height: 1;
	display: block;
	overflow: auto;
	text-decoration: none;
	border-bottom: 1px dotted #DCDCDC;
	border-right: none;
	padding: 5px 12px;
	background: #FFF;
}

.ddsmoothmenu-v ul li ul li a {
	font-size: 14px;
}

.ddsmoothmenu-v ul li:last-child a {
	border-bottom: none;
}

.ddsmoothmenu-v ul li:last-child ul a {
	border-bottom: 1px dotted #DCDCDC;
}

.ddsmoothmenu-v ul li ul {
	position: absolute;
	width: 170px;
	top: 0;
	margin: -1px 0 0;
	font-weight: 400;
	visibility: hidden;
	box-shadow: 4px 4px 0 rgba(0,0,0,.1);
	border: 1px solid #DCDCDC;
}

* html .ddsmoothmenu-v ul li {
	float: left;
	height: 1%;
}

.ddsmoothmenu ul li a.selected,
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu-v ul li a.selected,
.ddsmoothmenu-v ul li a:hover {
	background: #EAF4F9;
	text-decoration: none;
}

* html .ddsmoothmenu,
* html .ddsmoothmenu-v ul li a {
	height: 1%;
}

/* opções de login e cadastro de usuário */

.ddsmoothmenu > ul .smoothmenu_h-r a {
	border-right: none;
}

.ddsmoothmenu > ul .smoothmenu_h-r:last-child a {
	border-right: 1px dashed #E4E4E4;
	border-left: 1px dashed #E4E4E4;
}

.smoothmenu_h-r:hover .icon-dark-yellow {
	color: #F89930;
}

#smoothmenu_h {
	position: relative;
	z-index: 990;
}

#smoothmenu_v {
	position: relative;
	z-index: 980;
	background: #FFF;
	border: 1px solid #DCDCDC;
	padding: 8px;
}

#smoothmenu_v ul > li > a {
	border-right: none;
}

.sticky_nav {
	z-index: 880;
	left: 0 !important;
	width: 100% !important;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-ms-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.sticky_nav_center {
	z-index: 880;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-ms-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.tinynav {
	display: none;
}

/* 2.5. MENU PERFIL
   ========================================================================== */

/* estilo geral para o menu */

.menu-charm {
	background: #47A3DA;
	position: fixed;
}

.menu-charm h3 {
	background: #0073BB;
	color: #AFDEFA;
	font-size: 1.9em;
	font-weight: 300;
	padding: 7.5px;
	margin: 0;
}

.menu-charm a {
	display: block;
	color: #FFF;
	font-size: 1.1em;
	font-weight: 300;
}

.menu-charm a:hover {
	background: #258ECD;
	text-decoration: none;
}

.menu-charm a:active {
	background: #AFDEFA;
	color: #47A3DA;
}

/* orientação para o conteúdo do menu */

.menu-charm-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.menu-charm-vertical a {
	border-bottom: 1px solid #258ECD;
	padding: 1em;
}

/* menu vertical que desliza a partir da direita */

.menu-charm-right {
	right: -240px;
}

.menu-charm-right.menu-charm-open {
	right: 0px;
}

/* transitions */

.menu-charm {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* seta para fechar o menu */

.menu-charm-arrow-right {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #AFDEFA;
	position: relative;
	top: 5px;
	right: 8px;
}

/* 2.6. BREADCRUMBS
   ========================================================================== */

#breadcrumbs {
	position: relative;
	top: -1px;
	margin: 0 10px;
	list-style: none;
	font-size: 11px;
	background: #FFF;
	border: 1px solid #DCDCDC;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-radius: 0px 0px 4px 4px;
}

#breadcrumbs li {
	display: block;
	float: left;
	color: #C1C1C1;
	padding: 3px 0;
}

#breadcrumbs li:after {
	content: "/";
}

#breadcrumbs li a {
	margin: 0 6px;
}

#breadcrumbs li span {
	margin-left: 6px;
	color: #999;
}

#breadcrumbs li:first-child {
	color: #999;
	padding: 3px 4px 3px 10px;
}

#breadcrumbs li:first-child:after,
#breadcrumbs li:last-child:after {
	content: "";
}

/* search top */

#search_box {
	position: relative;
}

#search_box input[type="text"] {
	font-size: 13px;
	margin-top: 27px;
	background: url(../img/mag_glass.png) no-repeat 10px center #FFF;
	border: 1px solid #D1D1D1;
	color: #888;
	width: 100px;
	padding: 6px 15px 6px 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 120px;
	box-shadow: 2px 2px 0px rgba(0,0,0,.08);
}

#search_box input[type="text"]:focus {
	color: #222;
}

#search_input input[type="text"] {
	background: url(../img/mag_glass.png) no-repeat 10px center #FFF;
	border: 1px solid #D1D1D1;
	padding: 8px 15px 6px 35px;
}

/* autocomplete */

.ac_results {
	padding: 0px;
	background-color: Window;
	overflow-x: hidden;
	box-shadow: 0 5px 12px #CCC;
	z-index: 9999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden !important;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 12px;
	overflow: hidden;
}

.ac_results strong {
	color: #FE6001;
}

.ac_loading {
	background: url(../lib/autocomplete/css/indicator.gif) right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.ac_over strong {
	color: #FFF;
}

.search_results {
	padding: 10px;
}

.search_pop {
	max-width: 600px;
}

.search_results mark {
	background: #F5F2A6;
	padding: 0 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* 2.7. BOX USUÁRIO
   ========================================================================== */

.user_box {
	float: right;
	background: #FFF;
	border: 1px solid #DCDCDC;
	padding: 10px;
	line-height: 1.2;
	font-size: 11px;
	margin-top: 10px;
}

.user_box .user_avatar {
	float: left;
	padding: 6px 0 4px 6px;
}

.user_box .user_info {
	padding: 4px 0 4px 10px;
	float: left;
}

.user_box .user_info p {
	font-size: 11px;
}

.user_box a {
	font-size: 10px;
}

.user_box a.sep {
	border-right: 1px solid #E8E8E8;
	margin-right: 3px;
	padding-right: 6px;
}

.user_box .user_sep {
	border-left: 1px dashed #DCDCDC;
	margin-left: 14px;
}

/* 2.8. NOTIFICAÇÕES DO CABEÇALHO
   ========================================================================== */

.ntf_bar {
	float: left;
	padding: 10px 0 2px 22px;
	height: 32px;
}

.ntf_item {
	position: relative;
	margin-right: 12px;
	height: 32px;
	vertical-align: middle;
	width: 34px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.ntf_item:hover {
	text-decoration: none;
}

.ntf_bar .ntf_tip {
	position: absolute;
	top: -8px;
	left: 100%;
	margin-left: -18px;
}

.ntf_tip {
	display: block;
	height: 17px;
	overflow: hidden;
	padding-left: 10px;
}

.ntf_tip span {
	display: block;
	padding-top: 1px;
	height: 16px;
	line-height: 10px;
	color: #FFF;
	font-size: 10px;
	float: left;
	font-weight: 700;
	padding-right: 10px;
}

.ntf_tip_red {
	background: url(../img/ntf_tip.png) no-repeat 0 -34px;
}
.ntf_tip_red span {
	background: url(../img/ntf_tip.png) no-repeat right -51px;
}

.ntf_tip_blue {
	background: url(../img/ntf_tip.png) no-repeat 0 0;
}
.ntf_tip_blue span {
	background: url(../img/ntf_tip.png) no-repeat right -17px;
}

/* 2.9. WIDGET BOX
   ========================================================================== */

.box_c,
.box_s,
.box_s_reg {
	margin-bottom: 30px;
}

.box_c_heading {
	height: 30px;
	border: 1px solid #DCDCDC;
	font-size: 16px;
	line-height: 30px;
	position: relative;
}

.box_c_heading .ff_icon {
	color: #BDBDBD;
	font-size: 20px;
}

.box_c_heading .box_c_ico {
	width: 36px;
	border-right: 1px solid #DCDCDC;
	box-shadow: 1px 0 0 rgba(255,255,255,.5);
	background: transparent;
	background: rgba(0,0,0,.2);
	float: left;
	text-align: center;
	line-height: 34px;
	height: 30px;
	overflow: hidden;
}

.box_c_heading p {
	padding-left: 12px !important;
	float: left;
	margin-bottom: 0 !important;
	line-height: 28px !important;
	font-size: 16px !important;
}

.box_c_heading a.right {
	line-height: 26px;
}

.box_c_heading .gh_button-group {
	margin: 4px 12px 0 0;
}

.box_c_heading .gh_button-group a {
	color: #333 !important;
}

.box_c_heading .gh_button-group a:hover {
	color: #FFF !important;
}

.box_c_content {
	padding: 12px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #DCDCDC;
	background: #FFF;
}

.cntn_noP {
	padding: 0;
}

.bAct_hide,
.bAct_toggle {
	background: url(../img/bAct_bg.png) no-repeat 0 0;
	display: block;
	float: right;
	height: 18px;
	width: 18px;
	overflow: hidden;
	margin: 7px 5px 0 0;
}

.bAct_hide img,
.bAct_toggle img {
	display: block;
	cursor: pointer;
	background-image: url(../img/bAct_bg.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
}

.bAct_x {
	background-position: 0 -18px;
}

.bAct_minus {
	background-position: 0 -36px;
}

.bAct_plus {
	background-position: 0 -54px;
}

/* simple box */

.box_s {
	padding: 8px;
	border: 1px solid #DCDCDC;
	background: #FFF;
}

.box_s_reg {
	padding: 14px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	font-size: 12px;
}

/* inner blocks */

.inner_block {
	padding: 8px;
	background: #FAFAFA;
	border: 1px solid #F1F1F1;
}

.inner_heading {
	font-size: 12px;
	padding: 0 0 6px 2px;
	border-bottom: 1px solid #E8E8E8;
}

.inner_content {
	margin: 0 12px 12px;
}

/* 2.10. LOADING PÁGINA
   ========================================================================== */

#loading-page {
	background: rgba(204,204,204,0.8);
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99998;
}

#loading-container {
	position: fixed;
	top: 50%;
	left: 50%;
}

#loading-content {
	width: 800px;
	text-align: center;
	margin-top:-50px;
	margin-left: -400px;
	height: 100px;
}

/* 2.11. EFEITO BLINK
   ========================================================================== */

.blink {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;

	-webkit-animation-name: blink;
	-moz-animation-name: blink;
	-ms-animation-name: blink;
	-o-animation-name: blink;
	animation-name: blink;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	-webkit-animation-timing-function: steps(2, start);
	-moz-animation-timing-function: steps(2, start);
	-ms-animation-timing-function: steps(2, start);
	-o-animation-timing-function: steps(2, start);
	animation-timing-function: steps(2, start);
}
@-webkit-keyframes blink {
	80% {
		visibility: hidden;
	}
}
@-moz-keyframes blink {
	80% {
		visibility: hidden;
	}
}
@-ms-keyframes blink {
	80% {
		visibility: hidden;
	}
}
@-o-keyframes blink {
	80% {
		visibility: hidden;
	}
}
@keyframes blink {
	80% {
		visibility: hidden;
	}
}

/* 2.12. INPUT FILE UPLOAD
   ========================================================================== */

.realupload {
	position: relative;
	width: 395px;
	top: -29px;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity:0);
	cursor: pointer;
}

.fakeupload {
	width: 395px;
	background: url(../img/btn_selecione.png) no-repeat 99% 51%;
}

input.realupload,
input.fakeupload {
	background-color: #FFF;
	border: 2px dotted #CCC;
	letter-spacing: 1px;
	font-size: 11px;
	color: #333;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 15px;
	vertical-align: middle;
	display: block;
}

input.realupload:focus,
input.fakeupload:focus {
	background-color: #F9F9F9;
}

/* 2.13. TABLES
   ========================================================================== */

#dt_consultaVariavel {
    width: 100% !Important;
}

.chb_col {
	width: 16px !important;
	vertical-align: middle;
	text-align: center;
}

/* tables mobile */

.table-menu {
	font-size: 13px;
	padding: 10px 0;
}

.table-menu li {
	padding: 4px 0;
}

.enhanced th,
.enhanced td,
.table-menu-hidden {
	display: none;
}

.legacy-ie .enhanced th.essential,
.legacy-ie .enhanced td.essential {
	display: inline;
}

.enhanced th.essential,
.enhanced td.essential {
	display: table-cell;
}

/* tooltips */

.tooltip {
	display: none;
	font-size: 10px;
	padding: 3px 6px;
	color: #FFF;
	background: #000;
	background: rgba(0,0,0,0.7);
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tooltip:after {
	content: "";
	position: absolute;
}

.tooltip.t_t:after {
	top: 100%;
	left: 50%;
	margin-left: -4px;
	border-width: 4px 4px 0;
	border-style: solid;
	border-color: #000 transparent transparent;
	border-color: rgba(0,0,0,0.7) transparent transparent;
}

.tooltip.t_b:after {
	bottom: 100%;
	left: 50%;
	margin-left: -4px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: transparent transparent #000;
	border-color: transparent transparent rgba(0,0,0,0.7);
}

.tooltip.t_l:after {
	top: 50%;
	left: 100%;
	margin-top: -3px;
	border-width: 3px 0 3px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #000;
	border-color: transparent transparent transparent rgba(0,0,0,0.7);
}

.tooltip.t_r:after {
	top: 50%;
	right: 100%;
	margin-top: -3px;
	border-width: 3px 5px 3px 0;
	border-style: solid;
	border-color: transparent #000 transparent transparent;
	border-color: transparent rgba(0,0,0,0.7) transparent transparent;
}

/* 2.14. TABS
   ========================================================================== */

.tabs li {
	display: block;
	float: left;
	height: 30px;
	font-family: helvetica, arial, sans-serif;

}

.tabs li a {
	display: block;
	line-height: 31px;
	padding: 0 10px;
	border-width: 0 1px;
	border-style: solid;
	border-color: transparent;
	font-size: 12px;
	position: relative;
}

.tabs li a:hover {
	text-decoration: none;
}

.tabs li:last-child a {
	border-right: none;
}

.tabs li a.current {
	background: #FFF;
	border-color: #DCDCDC;
	color: #222;
}

/* 2.15. STICKY PANEL
   ========================================================================== */

div.sticky-queue p {
	margin: 0;
}

div.sticky-queue {
	z-index: 10001;
	position: fixed;
	background: #FFF;
	border: 1px solid #999;
	-webkit-box-shadow: 0 0 5px #BBB;
	-moz-box-shadow: 0 0 5px #BBB;
	box-shadow: 0 0 5px #BBB;
	width: 240px;
	font-size: 11px;
}

div.sticky-note {
	padding-right: 20px;
}

div.sticky {
	font-size: 12px;
	color: #555;
	display: none;
	position: relative;
	padding: 16px 10px 10px;
}

img.sticky-close {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 14px;
	width: 14px;
	cursor: pointer;
	background: url(../img/close.png) no-repeat 0 0;
}

.top-right,
.top-left {
	top: -2px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

.bottom-right,
.bottom-left {
	bottom: -2px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
}

.border-top-right,
.border-top-left {
	border-top: 1px solid #999;
}

.border-bottom-right,
.border-bottom-left {
	border-bottom: 1px solid #999;
}

.top-right,
.bottom-right {
	right: 20px;
}

.top-left,
.bottom-left {
	left: 20px;
}

div.sticky-queue .sticky-title {
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 1px solid #DCDCDC;
	margin-bottom: 8px;
	padding: 0 0 4px 4px;
}

div.sticky-queue ul {
	margin: 0 0 8px;
	padding: 0;
}

div.sticky-queue li {
	list-style: none;
	display: block;
	line-height: 1.2;
	padding: 0 4px 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #DCDCDC;
}

/* 2.16. TOP BAR NOTIFICATIONS
   ========================================================================== */

#showMessage {
	text-align: center;
	font-weight: bold;
	display: none;
	color: #FFF;
	left: 0;
	width: 100%;
	margin: 0;
}

#showMessage.success {
	background-color: #7FAE00;
}

#showMessage.fail {
	background-color: #C00000;
}

#showMessage.alert {
	background-color: #F68B01;
}

#showMessage.info {
	background-color: #00A6FC;
}

#showMessage a {
	color: #FFF;
}

#showMessage .stateHolder {
	width: 90%;
	margin: 14px auto;
}

#showMessage ul {
	padding: 0 10px;
}

#showMessage .messageNav {
	float: right;
	padding-right: 14px;
	font-size: small;
}

#showMessage .showMsg_list {
	margin: 0;
	padding: 0;
}

#showMessage .showMsg_list li {
	list-style: none;
}

/* 2.17. SCROLLABLE
   ========================================================================== */

.v_scroller {
	background: #F5F5F5;
	padding: 0;
}

.v_navi {
	list-style: none;
	width: 16%;
	float: left;
	margin: 0;
	padding: 10px 0;
	position: relative;
	left: 1px;
	z-index: 10;
}

.v_navi li {
	font-size: 13px;
	padding: 8px;
	margin-bottom: 2px;
	cursor: pointer;
	border-width: 1px 0;
	border-style: solid;
	border-color: transparent;
	color: #A0A0A0;
}

.v_navi li.current {
	border-color: #DCDCDC;
	background: #FFF;
	color: #222;
}

.v_scrollable {
	background: #FFF;
	position: relative;
	overflow: hidden;
	border-left: 1px solid #DCDCDC;
	margin-left: 10px;
	min-height: 140px;
}

.v_scrollable .items {
	position: absolute;
	height: 20000em;
}

.v_scrollable .page {
	padding: 10px 20px;
}

.h_scrollable {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 250px;
}

.h_scrollable .items {
	width: 20000em;
	position: absolute;
}

.h_navi li {
	cursor: pointer;
}

.tab_pane:before,
.tab_pane:after {
	content: "";
	display: table;
}

.tab_pane:after {
	clear: both;
}

.tab_pane {
	zoom: 1;

}

/* 2.18. ACCORDION
   ========================================================================== */

.accordion {
	margin: 0;
}

.accordion li {
	list-style: none;
}

.accordion .outer {
	border: 1px solid #DCDCDC;
	border-width: 0 1px 1px;
	background: #FFF;
}

.accordion .inner {
	margin-bottom: 0;
	padding: 10px 20px 15px;
}

.accordion .inner .inner {
	padding: 10px;
}

.accordion .inner form {
	margin-bottom: 0;
}

.accordion .h {
	margin: 0;
}

.accordion .h a {
	color: #222;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	font: 700 12px/30px Helvetica, Arial, sans-serif;
	border: 1px solid #DCDCDC;
	padding: 0 12px;
	margin: 10px 0 0;
	background: #FCFCFC;
	background: -moz-linear-gradient(top, #FCFCFC 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FCFCFC), color-stop(100%, #EFEFEF));
	background: -webkit-linear-gradient(top, #FCFCFC 0%, #EFEFEF 100%);
	background: -ms-linear-gradient(top, #FCFCFC 0%, #EFEFEF 100%);
	background: -o-linear-gradient(top, #FCFCFC 0%, #EFEFEF 100%);
	background: linear-gradient(top, #FCFCFC 0%, #EFEFEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FCFCFC", endColorstr="#EFEFEF", GradientType=0);
}

.accordion .h a img {
	background: url(../img/down.gif) no-repeat 0 0;
	height: 6px;
	width: 14px;
	position: absolute;
	right: -14px;
	top: 50%;
	margin-top: -3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.accordion .h a:hover {
	text-decoration: none;
}

.accordion .h a:hover img {
	right: 10px;
}

.accordion .h a.open img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 14px;
}

.accordion p {
	font-size: 12px;
	margin: 0;
}

/* small labels */

.lbl {
	padding: 2px 6px;
	font-size: 10px;
	color: #FFF;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

.ok_bg {
	background: #70A415;
}

.alert_bg {
	background: #F5AA1A;
}

.info_bg {
	background: #058DC7;
}

.error_bg {
	background: #C62626;
}

.neutral_bg {
	background: #929494;
}

/* content list */

.content_list {
	list-style: none;
	font-size: 12px;
}

.content_list li {
	color: #D1D1D1;
	padding: 0 4px 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #F1F1F1;
	line-height: 1.1;
}

.content_list li:last-child {
	border: none
}

.content_list p {
	margin-bottom: 0;
	color: #222;
}

/* 2.19. SLIDE TO TOP
   ========================================================================== */

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: -999px;
	background: url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background: url(../img/ui.totop.png) no-repeat left -32px;
	width: 32px;
	height: 32px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
	outline: none;
}

/* ==========================================================================
   3. ELEMENTOS DO FORMULÁRIO
   ========================================================================== */

.form_a {
	background: #FAFAFA;
	padding: 0;
}

.form_a form {
	padding: 18px 0 0;
}

.form_a small {
	display: block;
}

.formRow {
	padding: 9px 18px;
	border-bottom: 1px solid #EDEDED;
}

.formRow:last-child {
	border: none;
}

input.input-text,
textarea,
select {
	border-width: 1px;
	border-style: solid;
	border-color: #A9A9A9 #DCDCDC #DCDCDC #A9A9A9;
}

select {
	max-width: 96%;
	padding: 3px 2px;
	background: #FFF;
}

textarea {
	height: 100px;
}

textarea.auto_expand {
	height: auto;
}

.form_legend {
	padding: 0 12px;
}

.form_legend p {
	font-size: 11px;
	margin-bottom: 0;
}

.form_content {
	border-left: 1px solid #E0E0E0;
}

.form_content .formRow:first-child {
	border-top: 1px solid #E0E0E0;
}

.form_content .formRow:last-child {
	border-bottom: 1px solid #E0E0E0;
}

.form_content .formRow {
	background: #FAFAFA;
	border-color: #E0E0E0;
	border-bottom: none;
}

label.error {
	font-weight: 700;
	font-size: 12px;
	clear: both;
	position: relative;
	margin-top: -6px;
	color: #C00000 !important;
	float: none;
	display: block;
}

/* 3.1. PASSWORD STRENGTH
   ========================================================================== */

#passwordStrength {
	height: 10px;
}

.strength0 {
	width: 250px;
	background: #CCC;
}

.strength1 {
	width: 50px;
	background: #FF0000;
}

.strength2 {
	width: 100px;
	background: #FF5F5F;
}

.strength3 {
	width: 150px;
	background: #56E500;
}

.strength4 {
	background: #4DCD00;
	width: 200px;
}

.strength5 {
	background: #399800;
	width: 250px;
}

/* 3.2. TIMEPICKER
   ========================================================================== */

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px;
	padding-left: 5px;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 22px 65px;
}

.ui-timepicker-div dl dd div {
	margin-top: 5px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* 3.3. ANIMATED PROGRESBAR
   ========================================================================== */

.pbar .ui-progressbar-value {
	display: block !important;
}

.pbar {
	overflow: hidden;
}

.percent,
.elapsed {
	position: relative;
	text-align: right;
	font-size: 12px;
}

/* 3.4. jQuery UI CUSTOM
   ========================================================================== */

.ui-widget-header a {
	font-size: 12px;
	line-height: 13px;
}

.ui-tabs {
	width: auto;
	overflow: hidden;
}

.ui-scrollable-tabs {
	border: none;
	background: none;
	position: relative;
}

.ui-scrollable-tabs .ui-tabs-nav {
	width: 10000px;
	padding: 1px 0 0 1px;
	border-left: none;
	border-right: none;
	padding-top: 1px;
	position: relative;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows {
	left: 0;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 0;
}

:first-child+html .ui-scrollable-tabs .ui-tabs-nav-arrows {
	z-index: 1;
}

.ui-scrollable-tabs .ui-tabs .ui-tabs-nav li {
	margin: 0 1px;
}

.ui-tabs-nav li .ui-tabs-close {
	float: left;
	margin-top: 8px;
	margin-right: 4px;
	border: none;
	cursor: pointer;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next {
	float: right;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous {
	float: left;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows li {
	list-style: none;
	position: relative;
	cursor: pointer;
	display: none;
	z-index: 1;
	margin: 0;
	padding: 0;
}

.ui-scrollable-tabs .ui-tabs-nav-arrows li a {
	display: block;
	padding: 5px 0 4px;
}

.ui-datepicker {
	z-index: 10 !important;
}

/* 3.5. SPINNER
   ========================================================================== */

label + .ui-spinner {
	margin-top: -6px;
}

.ui-spinner button {
	height: 14px;
	position: absolute;
	background: none;
	border: none;
	width: 18px;
	padding: 0;
	background: url(../img/spinner_arrows.gif) no-repeat 0 -100px;
	cursor: pointer;
}

.ui-spinner .ui-spinner-up {
	top: 0;
	right: 0;
	background-position: 0 0;
}

.ui-spinner .ui-spinner-down {
	top: 14px;
	right: 0;
	background-position: 0 -14px;
}

.ui-spinner .ui-spinner-up:hover {
	background-position: -18px 0;
}

.ui-spinner .ui-spinner-down:hover {
	background-position: -18px -14px;
}

.ui-spinner {
	position: relative;
	background: url(../foundation/images/misc/input-bg.png) 0 0 #FFF;
	font-size: 13px;
	outline: none !important;
	padding: 0 24px 0 8px;
	border: 1px solid #BBB;
	border-radius: 2px 2px 2px 2px;
	font-family: inherit;
	overflow: hidden;
	height: 28px;
	line-height: 28px;
}

.ui-spinner .ui-spinner-box {
	background: none;
	border: none !important;
}

/* ==========================================================================
   4. LOGIN, PÁGINAS DE ERROS
   ========================================================================== */

/* 4.1. PÁGINA DE LOGIN
   ========================================================================== */

.login_box {
	position: relative;
	background: #FFF;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
	margin: 180px 10px 4em;
}

.login_box:before,
.login_box:after {
	content: "";
	position: absolute;
	z-index: -2;
}

.login_box:before {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.lb_content {
	position: relative;
	background: #FFF;
	min-height: 200px;
	padding: 14px 14px 30px;
}

.logo-sigsab {
	position: absolute;
	top: -100px;
	left: 90px;
}

.logo-insa {
	position: absolute;
	top: -85px;
	right: 100px;
}

.lb_ribbon {
	color: #FFF;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	clear: both;
	left: -20px;
	margin-bottom: 30px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
	padding: 10px 24px;
}

.lb_ribbon:before {
	content: " ";
	background-image: url(../img/ribbon.png);
	background-repeat: no-repeat;
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: -10px;
	z-index: -1;
}

.lb_ribbon.lb_blue {
	background: #2B8CBE;
}

.lb_ribbon:before {
	background-position: 0 0;
}

.lb_ribbon.lb_dgray {
	background: #404040;
}

.lb_dgray:before {
	background-position: 0 -10px;
}

.lb_ribbon.lb_red {
	background: #CA0020;
}

.lb_red:before {
	background-position: 0 -20px;
}

.sl_link {
	display: block;
	margin: 12px 24px 0 0;
}

.m_cont {
	overflow: hidden;
}

.l_pane {
	background: #FFF;
}

/* 4.2. PÁGINAS DE ERROS
   ========================================================================== */

.error_box {
	margin-top: 20%;
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2), 0 0 40px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2), 0 0 40px rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2), 0 0 40px rgba(0,0,0,0.1) inset;
}

.error_box:before,
.login_box:after {
	content: "";
	position: absolute;
	z-index: -2;
}

.error_box:before {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.4);
	box-shadow: 0 0 15px rgba(0,0,0,0.4);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.success_panel {
	background: #FFF url(../img/ico/success32.png) no-repeat 50px center;
	padding: 50px 30px 50px 120px;
}

.alert_panel {
	background: #FFF url(../img/ico/alert64.png) no-repeat 30px center;
	padding: 50px 30px 50px 120px;
}

.alert_rwd {
	background: #FFF url(../img/ico/computer64.png)  no-repeat 30px center;
	padding: 50px 30px 50px 120px;
}

.error_panel {
	background: #FFF url(../img/ico/error32.png) no-repeat 50px center;
	padding: 50px 30px 50px 120px;
}

.error_link {
	position: absolute;
	bottom: 10px;
	right: 14px;
	font-size: 12px;
}

.error_box p {
	line-height: 1.5;
	margin-bottom: 8px;
}

/* ==========================================================================
   5. DIVERSOS
   ========================================================================== */

/* image styles (figure,figcaption) */

.picture {
	background-color: #F9F9F9;
	border: 1px solid #CCC;
	padding: 3px;
	font: 100 11px/1.3 Arial, sans-serif;
	display: block;
}

.picture a:hover {
	text-decoration: none;
}

.picture img {
	border: 1px solid #CCC;
	vertical-align: middle;
	margin-bottom: 3px;
	display: block;
}

.picture.right {
	margin: 0.2em 0 0.2em 0.8em;
	float: right;
}

.picture.left {
	margin: 0.2em 0.8em 0.2em 0;
	float: left;
}

.picture figcaption {
	max-width: 92px;
	color: #777 !important;
}

/* overview list */

.overview_list {
	list-style: none
}

.overview_list a {
	position: relative;
	color: #222;
	display: block;
	line-height: 18px;
	font-size: 13px;
	padding: 8px 8px 8px 80px;
	overflow: hidden;
	border: 1px solid #DCDCDC;
	margin-bottom: 10px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	background: #F7F7F7;
}

.overview_list a img {
	position: absolute;
	top: 0;
	left: 0;
	height: 52px;
	width: 60px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	border-right: 1px solid #E4E4E4;
	box-shadow: 1px 0 0 #FFF;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.overview_list .ov_nb {
	color: #A80000;
	font-size: 14px;
	display: block;
	font-weight: 700;
}

.overview_list .ov_text {
	font-size: 12px
}

.overview_list a:hover {
	text-decoration: none;
	border-color: #CBCBCB;
	box-shadow: 0 0 5px #D4D4D4;
}

/* letter navigation list */

.ln-letters {
	overflow: hidden;
	padding: 4px 0 16px;
}

.ln-letters a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	min-width: 12px;
	text-align: center;
	display: block;
	float: left;
	padding: 2px 6px;
	margin: 2px 4px 2px 0;
	border: 1px solid #DCDCDC;
	text-decoration: none;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #EEE));
	background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
	background: linear-gradient(top, #FFF 0%, #EEE 100%);
}

.ln-letters a:hover,
.ln-letters a.ln-selected {
	background: #E5E5E5;
}

.ln-letters a.ln-disabled {
	color: #BFBFBF;
	border-color: #ECECEC;
	background: #F9F9F9;
}

/* pricing table */

.pricing_table {
	padding: 10px;
	text-align: center;
}

.pricing_table .pricing_panel {
	width: 28%;
	border: 1px solid #DDD;
	background: #F9F9F9;
	padding: 10px;
	margin: 14px 0 6px;
	vertical-align: top;
}

.pricing_table .pricing_promoted {
	width: 30%;
	border: 4px solid #2179B8;
	margin: 0 -5px;
	vertical-align: top;
	background: #FFF;
	padding: 21px 10px 20px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.25);
	position: relative;
}

.pricing_table .header {
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 14px;
	padding-bottom: 10px;
}

.pricing_table h1,
.pricing_table h2,
.pricing_table h3,
.pricing_table h4 {
	margin-bottom: 4px;
}

.pricing_table .header p {
	font-size: 13px;
	color: #333;
	margin-bottom: 0;
	color: #6B6B6B;
}

.pricing_table .pricing_row {
	border-bottom: 1px dashed #DCDCDC;
	padding: 5px 0;
	font-size: 13px;
}

.pricing_table .pricing_row strong {
	color: #FF5500;
}

.pricing_action {
	padding: 18px 0 10px;
}

.pricing_bottom {
	font-size: 12px;
	font-style: italic;
	padding: 20px 0 0;
	margin: 0;
}

/* gallery list */

.gallery_list {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	width: 447px;
}

.gallery_list li {
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.gallery_list span.img_overlay {
	background: #000 url(../img/mag_glass.png) no-repeat center center;
	background: rgba(0,0,0,.6) url(../img/mag_glass.png) no-repeat center center;
	border-radius: 20px 20px 20px 20px;
	color: #DDD;
	cursor: pointer;
	display: block;
	font-size: 24px;
	height: 40px;
	left: 50%;
	line-height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
	z-index: 1000;
	opacity: 0;
}

.gallery_list li img {
	display: block;
	width: 96%;
	padding: 2%;
	border: 1px solid #CCC;
}

.img_wrapper {
	display: block;
	padding: 4px;
}

.img_actions {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slide_info {
	text-align: left;
	z-index: 1002;
	position: absolute;
	top: 6%;
	left: 6%;
	background: #000;
	background: rgba(0,0,0,.6);
	width: 73%;
	height: 72%;
	padding: 8%;
	color: #FFF;
	font-size: 11px;
}

.slide_info span {
	display: block;
	padding: 2px 0;
}

.slide_info a {
	color: #7CBDE3;
	margin-right: 8px;
}

.slide_info .slide_close {
	position: absolute;
	top: -4px;
	right: 4px;
	color: #FFF;
	cursor: pointer;
}

.gal_scrollable {
	height: 332px;
}

/* 5.1. SIDEBAR
   ========================================================================== */

#sidebar {
	float: left;
	width: 220px;
	display: none;
}

#mainCol {
	position: relative;
}

.divider {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -18px;
	width: 5px;
	text-indent: -9999px;
	background: #DCDCDC;
	background: #FFF;
	background: rgba(255,255,255,.4);
	border: 1px solid #DCDCDC;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-ms-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.divider:before {
	content: "";
	display: block;
	background: url(../img/divider_img.png) no-repeat 0 0;
	height: 17px;
	width: 17px;
	position: absolute;
	top: 40px;
	left: -6px;
}

.divider.colapsed:before {
	background-position: 0 -17px;
}

.divider:hover {
	background: #FFF;
}

.use-sidebar #sidebar {
	display: block;
}

.use-sidebar #mainCol {
	margin-left: 250px;
}

/* sparklines */

.sprkList li {
	padding: 8px 10px 14px;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 8px;
	line-height: 1;
}

.sprkList li:last-child {
	border: none;
	margin: 0;
}

.sprkList p {
	margin-bottom: 0;
}

.sparkItem {
	width: 80px;
	height: 30px;
	padding: 2px;
	text-align: center;
}

/* help/Faq */

.st-accordion {
	width: 100%;
	margin: 0 auto;
}

.st-accordion .top_H {
	height: auto;
	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #FFF;
	overflow: hidden;
}

.st-accordion .top_H:first-child {
	border-top: none;
}

.st-accordion .top_H:last-child {
	border-bottom: none;
}

.st-accordion .top_Ha {
	padding: 10px 40px 10px 10px;
	font-size: 22px;
	display: block;
	position: relative;
	outline: none;
	color: #21759B;
	overflow: hidden;
}

.st-accordion .top_Ha span.st-arrow {
	visibility: hidden;
	background: transparent url(../img/down.gif) no-repeat center center;
	text-indent: -9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.st-accordion .top_Ha:hover {
	text-decoration: none;
}

.st-accordion .top_Ha:hover span.st-arrow {
	opacity: 1;
	right: 10px;
}

.st-accordion .st-open .top_Ha span.st-arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 10px;
	opacity: 1;
}

.st-accordion .top_Ha:hover,
.st-accordion .st-open .top_Ha {
	color: #000;
}

.st-content {
	padding: 5px 10px 20px;
}

.st-content p {
	font-size: 14px;
	line-height: 22px;
}

#st-documentation small {
	color: #999;
}

/* RSS/Atom feeds */

#divRss {
	font-size: 12px;
	overflow: hidden;
}

.ItemTitle {
	font-weight: 700;
	font-size: 15px;
	line-height: 17px;
	margin-bottom: 5px !important;
	margin-top: 8px;
	padding: 8px 0 0;
	border-top: 1px solid #DCDCDC;
}

.ItemTitle:first-child {
	border: none;
	margin: 0;
	padding: 0;
}

.ItemTitle a {
	text-decoration: none;
}

.ItemTitle a:hover {
	text-decoration: underline;
}

.ItemContent {
	padding: 2px 2px 0;
}

.ItemDate {
	font-size: 11px;
	color: #AAA;
}

/* 5.2. WIZARD
   ========================================================================== */

.stepy-titles {
	overflow: hidden;
	padding: 0 10px;
}

.stepy-titles li {
	margin: 0 4px 12px 0;
	cursor: pointer;
	position: relative;
	line-height: 1;
	float: left;
	padding: 7px 14px 5px 40px;
	border: 1px solid #DCDCDC;
	height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 0px 1px #FFF;
	-moz-box-shadow: inset 0px 0px 0px 1px #FFF;
	box-shadow: inset 0px 0px 0px 1px #FFF;
}

.stepy-titles li.error-image {
	background-image: url(../lib/stepy/img/error_img.png);
	background-repeat: no-repeat;
	background-position: right 0;
}

.stepy-titles div {
	font-size: 13px;
	font-weight: 700;
}

.stepy-titles span {
	font-size: 11px;
	color: #999;
}

span.stepNb {
	font-size: 34px;
	position: absolute;
	left: 10px;
	top: 4px;
	color: #BBB;
	font-weight: 700;
}

.stepy-titles .current-step {
	background: #E4F0F8;
	border-color: #AED2EA;
}

.stepy-titles > li > div {
	margin-top: 8px;
}

.stepy-titles .current-step span.stepNb {
	color: #81A1B5;
}

.stepy-wizzard fieldset {
	border: none;
	margin: 0;
	padding: 0 10px;
}

.stepy-wizzard fieldset > p {
	margin: 0 0 0 18px;
	padding: 10px 0 0;
}

.stepy-wizzard legend {
	display: none;
}

/* row display */

.row.display {
	background: #F4F4F4;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.row.display .column,
.row.display .columns {
	background: #E7E7E7;
	font-size: 11px;
	text-indent: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* documentation */

.bc_show {
	height: 60px;
	width: 60px;
	margin: 0 0 32px 0;
	border: 1px solid #DCDCDC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

.bc_show span {
	position: absolute;
	bottom: -22px;
	width: 60px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	color: #222;
}

/* 5.3. DATABLES
   ========================================================================== */

.table_prev {
	background: url(../img/table_arrows.gif) no-repeat 2px center;
	width: 9px;
	height: 25px;
	display: block;
}

.table_next {
	background: url(../img/table_arrows.gif) no-repeat -9px center;
	width: 9px;
	height: 25px;
	display: block;
}

.fc-header-title h2 {
	font-size: 18px;
}

.dataTables_scrollHeadInner {
	margin-top: 12px;
}

.dataTables_scrollHeadInner table {
	margin-bottom: 0;
	top: 1px;
}

.dataTables_scrollBody {
	margin-bottom: 12px;
}

.dataTables_scrollBody table {
	margin-bottom: 0;
	top: 0;
}

td.details > table {
	width: 100%;
}

/* search page */

.search_page .search_heading {
	font-size: 14px;
	color: #2E2E2E;
	background: #EFEFEF;
	padding: 4px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 8px;
}

.search_page .filter_box {
	padding-left: 8px;
}

.search_page .filter_box>a {
	font-weight: 700;
	color: #009900
}

.search_page .filter_box ul {
	padding: 2px 0 10px;
}

.search_page .filter_box li {
	padding: 3px 12px;
	line-height: 1.2;
	font-size: 12px;
	position: relative;
}

.search_page .filter_remove {
	position: absolute;
	left: -4px;
	top: 1px;
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	color: #000;
	float: right;
	font-size: 20px;
	font-weight: 700;
	line-height: 18px;
	opacity: 0.2;
	text-shadow: 0 1px 0 #FFF;
}

.search_page .filter_remove:hover {
	color: #000;
	cursor: pointer;
	opacity: 0.4;
	text-decoration: none;
}

.search_content {
	border-top: 1px solid #DCDCDC;
}

.search_content li {
	display: block;
	position: relative;
	padding: 10px 30px;
	border-bottom: 1px solid #DCDCDC;
}

.search_content li.search_odd {
	background: #F2F9FF;
}

.search_content .item_title {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 700;
}

.search_content .item_description {
	margin-bottom: 10px;
}

.search_content .item_tags {
	margin-bottom: 10px;
	font-size: 11px;
	color: #DDD;
	line-height: 15px;
}

.search_content .item_tags span {
	color: #797979;
}

.search_content .item_nb {
	position: absolute;
	left: 8px;
	top: 13px;
	font-size: 11px;
	color: #858585;
}

.search_content .item_label {
	position: absolute;
	top: 9px;
	right: 9px;
}

.search_page #sort_select {
	margin: 8px 0 0 5px;
}

.search_page .pagination_bottom li {
	float: none;
	display: inline-block;
}

/* sortable elements */

.ui-sortable-placeholder {
	border: 2px dashed #AAA;
	background: transparent;
	visibility: visible !important;
	height: 50px !important;
}

.ui-sortable-helper {
	z-index: 2100 !important;
}

.sortable .box_c_heading {
	cursor: move;
}

.sort-disabled .box_c_heading {
	cursor: default
}

.sortable.sort_ph {
	min-height: 80px;
}

.hide_sortable {
	visibility: hidden;
}

/* 5.4. MODAL
   ========================================================================== */

.md-modal {
	-moz-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

/* app android */

.md-app-android > div {
	background-color: #006EB2 !important;
}

/* 5.5. TOOLTIPS QTIP
   ========================================================================== */

.ui-tooltip,
.qtip {
	font-size: 11.5px !important;
	line-height: 15px !important;
}

.ui-tooltip-content {
	text-align: justify !important;
}

/* 5.6. OWL CAROUSEL
   ========================================================================== */

.owl-carousel .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl-bar {
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #2EA5E3;
}

#owl-progress-bar {
	width: 100%;
	background: #EDEDED;
}

/* ==========================================================================
   6. AJUSTES DO SITE
   ========================================================================== */

/* cross browser inline-block display */

.btn,
.ntf_item,
.ntf_tip,
.user_box a,
.overview_list li strong,
.gallery_pagination a,
.pricing_panel,
.pricing_promoted,
form label {
	display: -moz-inline-stack;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

/* fonts */

#smoothmenu_h ul,
#smoothmenu_v ul,
.st-accordion .top_Ha {
	font-family: "Open Sans Condensed", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
.box_c_heading p {
	font-family: "Terminal Dosis", sans-serif;
}

/* round corners */

.user_box,
#search_box,
.pricing_table .pricing_promoted,
.gallery_pagination a,
.lbl,
#slide_content,
.msg_box,
.gallery_list li,
.nstd_acc h4,
#main_nav {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

/* gradientes */

.slider-content .title,
.stepy-titles li {
	background: #F9F9F9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(100%, #F0F0F0));
	background: -webkit-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%);
	background: -moz-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%);
	background: -ms-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%);
	background: -o-linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%);
	background: linear-gradient(top, #F9F9F9 0%, #F0F0F0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F9F9", endColorstr="#F0F0F0", GradientType=0);
}

.grdnt_a .box_c_heading,
.ssw_grdnt_a {
	background: #F2F2F2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #E5E5E5));
	background: -webkit-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
	background: -moz-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
	background: -o-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
	background: -ms-linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
	background: linear-gradient(top, #F2F2F2 0%, #E5E5E5 100%);
}

.grdnt_b .box_c_heading,
.ssw_grdnt_b {
	background: #F6F8F9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F8F9), color-stop(50%, #E5EBEE), color-stop(51%, #D7DEE3), color-stop(100%, #F5F7F9));
	background: -webkit-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
	background: -moz-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
	background: -o-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
	background: -ms-linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
	background: linear-gradient(top, #F6F8F9 0%, #E5EBEE 50%, #D7DEE3 51%, #F5F7F9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F6F8F9", endColorstr="#F5F7F9", GradientType=0);
}

.grdnt_a .box_c_ico,
.grdnt_b .box_c_ico {
	background: rgba(255,255,255,.7);
}

.grdnt_c .box_c_heading,
.ssw_grdnt_c {
	background: #1693A5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1693A5), color-stop(100%, #137B89));
	background: -webkit-linear-gradient(top, #1693A5 0%, #137B89 100%);
	background: -moz-linear-gradient(top, #1693A5 0%, #137B89 100%);
	background: -o-linear-gradient(top, #1693A5 0%, #137B89 100%);
	background: -ms-linear-gradient(top, #1693A5 0%, #137B89 100%);
	background: linear-gradient(top, #1693A5 0%, #137B89 100%);
	color: #FFF;
}

.grdnt_c .box_c_heading,
.grdnt_c .box_c_ico {
	border-color: #0F606B;
}

.grdnt_d .box_c_heading,
.ssw_grdnt_d {
	background: #A80000;
	color: #FFF;
}

.grdnt_d .box_c_heading,
.grdnt_d .box_c_ico {
	border-color: #8F0000;
}

.grdnt_e .box_c_heading,
.ssw_grdnt_e {
	background: #45484D;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45484D), color-stop(100%, #000));
	background: -webkit-linear-gradient(top, #45484D 0%, #000 100%);
	background: -moz-linear-gradient(top, #45484D 0%, #000 100%);
	background: -o-linear-gradient(top, #45484D 0%, #000 100%);
	background: -ms-linear-gradient(top, #45484D 0%, #000 100%);
	background: linear-gradient(top, #45484D 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#45484D", endColorstr="#000", GradientType=0);
	color: #FFF;
}

.grdnt_e .box_c_heading,
.grdnt_e .box_c_ico {
	border-color: #000;
}

.grdnt_c .box_c_heading a,
.grdnt_d .box_c_heading a,
.grdnt_e .box_c_heading a {
	color: #FFF;
}

/* backgrounds */

.ptrn_a {
	background-image: url(../img/bg_a.png);
}

.ptrn_b {
	background-image: url(../img/bg_b.png);
}

.ptrn_c {
	background-image: url(../img/bg_c.png);
}

.ptrn_d {
	background-image: url(../img/bg_d.png);
}

.ptrn_e {
	background-image: url(../img/bg_e.png);
}

/* menu hover backgrounds */

.ssw_mhover_a {
	background: #EAF4F9;
}

.menu-active {
	background-color: #EAF4F9;
}

.mhover_a .ddsmoothmenu ul li a.selected,
.mhover_a .ddsmoothmenu ul li a:hover,
.mhover_a .ddsmoothmenu-v ul li a.selected,
.mhover_a .ddsmoothmenu-v ul li a:hover,
.mhover_a .ddsmoothmenu .pageselected,
.mhover_a .ddsmoothmenu-v .pageselected {
	background-color: #EAF4F9;
}

.ssw_mhover_b {
	background: #EAF9EA;
}

.mhover_b .ddsmoothmenu ul li a.selected,
.mhover_b .ddsmoothmenu ul li a:hover,
.mhover_b .ddsmoothmenu-v ul li a.selected,
.mhover_b .ddsmoothmenu-v ul li a:hover,
.mhover_b .ddsmoothmenu .pageselected,
.mhover_b .ddsmoothmenu-v .pageselected {
	background-color: #EAF9EA;
}

.ssw_mhover_c {
	background: #E3F8FB;
}

.mhover_c .ddsmoothmenu ul li a.selected,
.mhover_c .ddsmoothmenu ul li a:hover,
.mhover_c .ddsmoothmenu-v ul li a.selected,
.mhover_c .ddsmoothmenu-v ul li a:hover,
.mhover_c .ddsmoothmenu .pageselected,
.mhover_c .ddsmoothmenu-v .pageselected {
	background-color: #E3F8FB;
}

.ssw_mhover_d {
	background: #FFE4E4;
}

.mhover_d .ddsmoothmenu ul li a.selected,
.mhover_d .ddsmoothmenu ul li a:hover,
.mhover_d .ddsmoothmenu-v ul li a.selected,
.mhover_d .ddsmoothmenu-v ul li a:hover,
.mhover_d .ddsmoothmenu .pageselected,
.mhover_d .ddsmoothmenu-v .pageselected {
	background-color: #FFE4E4;
}

.ssw_mhover_e {
	background: #444;
}

.mhover_e .ddsmoothmenu ul li a.selected,
.mhover_e .ddsmoothmenu ul li a:hover,
.mhover_e .ddsmoothmenu-v ul li a.selected,
.mhover_e .ddsmoothmenu-v ul li a:hover,
.mhover_e .ddsmoothmenu .pageselected,
.mhover_e .ddsmoothmenu-v .pageselected {
	background-color: #2B2B2B;
	color: #FFF;
}

.mhover_e .ddsmoothmenu > ul li a.selected,
.mhover_e .ddsmoothmenu > ul li a:hover,
.mhover_e #smoothmenu_v > ul li a.selected,
.mhover_e #smoothmenu_v > ul li a:hover {
	border-color: #000;
}

.mhover_e .ddsmoothmenu ul li a {
	text-shadow: none;
}

/* full/fixed width */

.fullW .container > .row {
	max-width: 100%;
}

/* ==========================================================================
   7. ESTILOS SWITCHER
   ========================================================================== */

.ssw_trigger {
	position: fixed;
	top: 40px;
	left: -1px;
	z-index: 1001;
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
	width: 15px;
	height: 15px;
	padding: 6px 12px 6px 6px;
	background: #333 url(../img/settings.png) no-repeat 50% 50%;
	display: block;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid transparent;
}

.ssw_trigger.active {
	border-color: #555;
}

.style_switcher {
	font-size: 12px;
	z-index: 1000;
	position: fixed;
	top: 30px;
	left: 0;
	display: none;
	background: #000;
	background: rgba(0,0,0,.8);
	border: 1px solid #111;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-bottomright: 12px;
	width: 150px;
	height: auto;
	padding: 30px 30px 30px 50px;
	color: #F5F5F5;
}

.style_switcher p {
	margin: 0 0 6px;
}

.style_item {
	display: block;
	margin-right: 6px;
	height: 20px;
	width: 20px;
	border: 2px solid #FFF;
	float: left;
}

.ssw_ptrn_a {
	background: url(../img/ssw_patterns.png) no-repeat 0 0;
}

.ssw_ptrn_b {
	background: url(../img/ssw_patterns.png) no-repeat -30px 0;
}

.ssw_ptrn_c {
	background: url(../img/ssw_patterns.png) no-repeat -60px 0;
}

.ssw_ptrn_d {
	background: url(../img/ssw_patterns.png) no-repeat -90px 0;
}

.ssw_ptrn_e {
	background: url(../img/ssw_patterns.png) no-repeat -120px 0;
}

.style_active {
	border-color: #6FD05B;
}

/* ==========================================================================
   8. GOVERNO FEDERAL
   ========================================================================== */


/* 8.1. BARRA BRASIL
   ========================================================================== */

/*#barra-brasil {
	background: #004B82 url(../img/brasil/barra-brasil-v3-bgx.png) center bottom no-repeat;
	position: relative;
	padding-top: 18px;
	overflow: hidden;
	min-width: 1000px;
}*/

#barra-brasil .barra {
	display: block;
	width: 960px;
	height: 28px;
	margin: 0 auto;
	background: url(../img/brasil/barra-brasil-v3-bgx.gif) 0 bottom repeat-x;
}

#barra-brasil .barra ul {
	float: right;
	width: 319px;
}

#barra-brasil .barra ul li {
	float: left;
	padding-left: 25px;
}

#barra-brasil .ai {
	background: #004B82 url(../img/brasil/ai.png) no-repeat 0 4px;
	display: block;
	width: 161px;
	height: 28px;
	text-indent: -10000px;
}

#barra-brasil .brasilgov {
	background: #004B82 url(../img/brasil/brasil.png) no-repeat 0 4px;
	display: block;
	width: 108px;
	height: 28px;
	text-indent: -10000px;
}

#img-mcti {
	position: absolute;
	top: 12px;
	left: 10px;
}

/* ==========================================================================
   9. FOOTER
   ========================================================================== */

footer,
#ftr_content > address,
#bt_insa,
#bt_brasil,
#ftr_logo,
#ftr_logo li,
#ftr_logo li a {
	float: left;
}

footer {
	width: 100%;
	height: 42px;
	border-bottom: 30px solid #01619C;
	position: relative;
	clear: both;
	margin-top: 30px;
	bottom: 0;
	z-index: -9999;
}

#ftr_content {
	width: 960px;
	height: 72px;
	background: #006EB2;
	margin: 0 auto;
	color: #FFF;
}

#ftr_content > address {
	width: 430px;
	font-size: 10px;
	padding: 15px 10px 0 50px;
	line-height: 160%;
}

#ftr_content > address span {
	font-size: 12px;
	font-weight: bold;
}

#ftr_logo {
	/*margin: 15px 0 0 150px;*/
	margin: 15px 0 0 300px;
}

#ftr_logo li a {
	width: 120px;
	height: 60px;
	color: #FFF;
	/* Espaçamento a direita entre as logos do insa e brasil */
	padding-right: 35px;
}

#ftr_logo li a#bt_insa {
	background: url(../img/logo_insa.png) no-repeat;
	width: 110px;
	height: 45px;
	text-indent: -10000px;
}

#ftr_logo li a#bt_brasil {
	background: url(../img/logo_brasil.png) no-repeat;
	width: 120px;
	height: 37px;
	margin-top: 4px;
	text-indent: -10000px;
}

/* ==========================================================================
   10. MEDIA QUERIES
   ========================================================================== */

/* webkit extra margin fix */

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

/* smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {
	.sw_width {
		display: none;
	}
}

/* tablet portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.user_avatar {
		display: none;
	}

	.user_box .user_info {
		border: none !important;
		margin: 0 !important;
	}

	.ntf_bar {
		float: right;
		padding-left: 20px;
	}

	.overview_list {
		text-align: center;
	}

	.overview_list a {
		line-height: 16px;
	}

	.overview_list a span {
		float: none;
		border: none;
		box-shadow: none;
		margin: 0 0 2px;
		padding: 0;
		text-align: center;
	}
}

@media (max-width: 979px) {
	#smoothmenu_h ul {
		display: none !important;
	}
}

@media screen and (max-width: 55.1875em) {
	.menu-charm-vertical {
		font-size: 150%;
	}
}

@media screen and (max-height: 26.375em) {
	.menu-charm-vertical {
		font-size: 90%;
		width: 190px;
	}

	.menu-charm-right {
		right: -190px;
	}
}

@media (max-width: 418px) {
	.box-system:last-child {
		margin-top: 10px;
		margin-right: 0px;
	}
}

@media (min-width: 419px) and (max-width: 440px) {
	.box-system:last-child {
		margin-right: 0px;
	}
}

@media (min-width: 979px) {
	#nomePerson,
	#sbEstadosFk,
	#sbMunicipiosFk,
	#sbEstados,
	#sbMunicipios {
		width: 398px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media (min-width: 320px) and (max-width: 978px) {
	#sbTema,
	#sbVariaveis,
	#nomePerson,
	#sbEstadosFk,
	#sbMunicipiosFk,
	#sbEstados,
	#sbMunicipios,
	.chzn-container-multi,
	.chzn-drop,
	.search-field {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 979px) {
	.tinynav {
		display: block;
		width: 96%;
		margin: 6px auto;
		padding: 3px 0;
		background: transparent url(../img/down.gif) no-repeat right center;
		border: none ;
	}
}

/* common styles max-width 767px */

@media only screen and (max-width: 767px) {
	.column + .column,
	.columns + .columns {
		margin-top: 10px;
	}

	.row .phone-one,
	.row .phone-two,
	.row .phone-three,
	.row .phone-four {
		margin-top: 0;
	}

	#logo-sigsab img {
		padding: 10px 0 0 5px;
	}

	#search_box {
		margin-bottom: 0;
	}

	#search_box input[type="text"] {
		margin-top: 2px;
	}

	.user_box {
		float: none;
		margin-top: 0;
	}

	.ntf_bar {
		float: right;
	}

	#rightcol_content {
		padding-left: 0;
	}

	.v_navi {
		list-style: none;
		width: 100%;
		float: none;
		left: 0;
		overflow: hidden;
		left: -1px;
		padding: 0;
		top: 1px;
	}

	.v_navi li {
		float: left;
		border-width: 0 1px;
		margin-bottom: 0;
	}

	.v_scrollable {
		float: none;
		border-top: 1px solid #DCDCDC;
		border-left: none;
		padding: 0;
		margin: 0;
	}

	.v_scrollable .page {
		padding: 10px 20px;
	}

	.mobileselect {
		width: 96%;
		margin: 4px 2%;
		font-family: arial, sans-serif;
	}

	.dataTables_length,
	.dataTables_filter {
		float: none;
		clear: both;
		width: 100%;
		text-align: left;
		padding: 4px 0;
	}

	.pricing_table .pricing_panel,
	.pricing_table .pricing_promoted {
		width: auto;
		display: block;
	}

	.ssw_trigger,
	#leftcol,
	.lb_ribbon,
	.use-sidebar .divider {
		display: none !important;
	}

	.block-grid.mobile > li {
		margin-bottom: 10px;
	}

	.dataTables_info {
		float: none;
		margin-bottom: 8px;
	}

	.dataTables_paginate {
		display: block;
		float: none !important;
		text-align: left;
	}

	.dataTables_paginate .first {
		margin-left: 0;
	}

	select.st-nav {
		max-width: 240px;
	}

	.login_box {
		margin-top: 50px;
	}

	#l_form .button {
		margin-top: 10px;
	}

	.lb_content {
		padding-bottom: 10px;
	}

	.sl_link {
		margin: 0 0 10px 0;
		float: none;
		clear: both;
	}

	.form-field.error small,
	small.error {
		width: 100%;
	}

	.use-sidebar #sidebar,
	#sidebar {
		display: block;
		clear: both;
		width: 100% !important;
		float: none;
	}

	.use-sidebar #mainCol {
		margin-left: 0 !important;
	}
}

/* mobile landscape size to tablet portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.ntf_bar {
		padding-left: 20px;
	}

	#search_box input[type="text"] {
		width: 122px;
	}
}

/* mobile portrait size to mobile landscape size (devices and browsers) */

@media only screen and (max-width: 479px) {
	#logo-sigsab img {
		padding: 16px 0 0 5px;
	}

	#search_box input[type="text"] {
		width: 82px;
	}

	.user_box {
		padding: 10px 10px 5px;
		float: none;
		margin-top: 0;
	}

	.user_box .user_info {
		overflow: hidden;
		float: left;
		padding: 0;
	}

	.user_box .user_info {
		max-width: 106px;
		border: none !important;
		margin: 0 !important;
		padding-top: 2px;
	}

	.user_box .user_info span {
		display: block;
	}

	.ntf_bar {
		padding-left: 0;
		float: right;
	}

	.user_box .user_sep {
		border: none;
	}

	.box_c_ico,
	.user_avatar,
	.jqplot-point-label,
	.fc-header-right,
	.fc-button-today,
	#breadcrumbs {
		display: none;
	}

	.tabs li a {
		padding: 0 4px;
		font-size: 10px;
	}

	#rightcol_content {
		margin: 0 !important;
	}

	.stepy-titles li {
		float: none;
		clear: both;
		margin-right: 0;
	}

	.st-accordion .top_Ha {
		font-size: 18px;
	}

	.st-content p {
		font-size: 13px;
		padding: 0 0 10px;
		line-height: 1.3;
	}

	.error_box {
		background: #FFF;
		padding: 20px 20px 40px;
		margin-top: 10%;
	}

	.form_content {
		border-left: none;
	}
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important ;
	}
	.visible-tablet {
		display: inherit !important;
	}
	.hidden-tablet {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.hidden-desktop {
		display: inherit !important;
	}
	.visible-desktop {
		display: none !important;
	}
	.visible-phone {
		display: inherit !important;
	}
	.hidden-phone {
		display: none !important;
	}
}

.visible-print {
	display: none !important;
}

@media print {
	.visible-print {
		display: inherit !important;
	}
	.hidden-print {
		display: none !important;
	}
}

/* button menu */

#pull {
	display: block;
	text-indent: -10000px;
}
#pull:after {
	content:"";
	background: url(../img/ico/nav-icon.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}

.menu-rwd {
	font-size: 15px;
	text-align: center;
	position: relative;
	right: 20px;
}

/* barra brasil */

#barra-brasil-rwd {
	background-color: #004B82;
	position: relative;
	padding-top: 40px;
	overflow: hidden;
	width: 100%;
}

#img-mcti-rwd {
	background: url(../img/brasil/mcti.png) no-repeat;
	width: 183px;
	height: 21px;
	position: absolute;
	top: 12px;
	left: 10px;
}

/* footer */

#ftr_content_rwd {
	width: 100% !important;
	height: 72px !important;
	background: #006EB2 !important;
	margin: 0 auto;
	color: #FFF;
}

#ftr_content_rwd > nav > ul > li {
	position: absolute;
	left: 45%;
	top: 50%;
	margin-left: -110px;
	margin-top: -10px;
}

#ftr_content_rwd > nav > ul > li > a > img:nth-child(1) {
	padding-right: 20px;
}