/* PADRONIZACAO
/* ------------------------------------------------------- */

body {
	background: #fff;
	color:#555;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px
}

a {
	background-color:#ECF47A;
	color:#555;
	padding:1px 3px
}

a.more {
	background:none;
/*	color:#555;*/
	color:#1e337b;
	display:inline-block;
	font-size:1.4em;
	padding:0;
	padding-top:4px;
}
a:hover {background-color:#E4F124; color:#333}

a.more:hover {
	background:none;
/*	color:#737373;*/
	color:#596cae;
	text-decoration:underline;
}
/*
@font-face{font-family: "calibri";font-style: normal;font-weight: normal;src: url(../fonts/calibri.eot);}
@font-face{font-family: "calibri";src: url("../fonts/calibri.otf");}
*/

P {line-height:1.6em; margin-bottom:1.4em}
P.justify {text-align:justify}
P.right {text-align:right}

h1 {
	color:#ef9c12;
	font-size:2.2em;
	font-weight:bold;
	line-height:1em;
	margin:1em 0;
	text-shadow:1px 1px #FFF;
	vertical-align:bottom;
}

h2 {
	color:#737373;
	font-size:1.8em;
	font-weight:bold;
	line-height:1em;
	margin:1.4em 0 1em 0;
	text-shadow:1px 1px #FFF;
	vertical-align:bottom;
}

h3 {
	color:#8f8f8f;
	font-size:1.4em;
	font-weight:bold;
	line-height:1em;
	margin:1em 0;
	text-shadow:1px 1px #FFF;
	vertical-align:bottom;
}

P.highlight.small {
	font-size:1.4em;
	font-weight:bold;
}

P.highlight.smaller {
	font-size:1.1em;
	font-weight:bold;
}

legend {display:none}

.hand.italic {font-family:"Times New Roman", Times, serif; font-style:italic}

/* CABECALHO
/* ------------------------------------------------------- */
div.logo {
	background:url(./imagens/shadow.png) no-repeat center left;
	display:block;
	float:left;
	height:143px;
	position:relative;
	z-index:98;
	width:256px
}

div.logo a {
	background:url(./imagens/decisa.png) no-repeat center left;
	display:block;
	height:106px;
	margin:-1px 0 0 38px;
	text-indent:-9999px;
	width:201px;
}

ul.links {
	margin:30px 0 0 45px;
	position:relative;
	z-index:99;
}
ul.links, ul.links li {float:left}
ul.links li {position:relative; padding:0 10px}
ul.links li.first{padding-left:0}

ul.links a, ul.links a:hover, ul.links a:visited {
	background:none;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-transform:uppercase;
}
ul.links a.active {color:#000; cursor:default}

ul.links li .sub a, 
ul.links li .sub a:hover, 
ul.links li .sub a:visited {font-weight:bold;font-size:1.1em;padding:0px}

ul.links div.sub {display:none;position:absolute}
ul.links div.sub.empresa {margin-left:-32px;width:156px}
ul.links li div.sub ul li {float:left;margin:0;padding:0}
ul.links li div.sub ul li:first-child {margin-right:10px}

.navigation {
	background:#ED9028 url(./imagens/background/navigation.png) no-repeat center top;
	height:84px;
	width:100%	
}

/* GRIDS
/* ------------------------------------------------------- */
.content.inside {padding-top:50px}
.box {margin-bottom:40px;position:relative}

.content {
	background:url(./imagens/background/content.png) repeat-x left top;
	margin-top:2px;
	padding-top:15px;
}

.content.highlight {
	background:url(./imagens/background/conten-highlight.png) repeat left top;
	margin:20px 0 0 0;
	padding:20px 0;
}

.wrapper {
	margin:0 auto;
	overflow:hidden;
	width:960px
}

.grid_1 {
    display: inline;
    float: left;
	/*margin-right:54px;*/
	margin-right:27px;
    position: relative;
	width:656px
}

.grid_1.thin {width:600px}

.grid_2 {
    display: inline;
    float: left;
    position: relative;
	width:460px
}

.content.highlight .wrapper .grid_2.split {width: 448px}
.content.highlight .wrapper .grid_2.split:first-child {
	border-right:1px dotted #FFF;
	padding-right:20px;
	margin-right:40px;
}

.grid_3 {
    display: inline;
    float: left;
    position: relative;
	width:256px
}


.grid_3.center {
	margin:0 50px;
	width:346px
}

.grid_4 {
	border-left:1px dotted #ebebeb;
    display: inline;
    float: left;
	padding-left:27px;
    position: relative;
	width:216px
}

.grid_4.large {width:266px}

.wide {width:100%}

/* LISTAS
/* ------------------------------------------------------- */
ul li {margin-bottom:2em}
ul.normal {
	list-style:outside disc;
	margin:20px 0 20px 20px;
}
ul.normal li {margin-bottom:.4em}
ul.dotted {list-style:none outside none}

ul.dotted li {
	border-bottom:1px dotted #9B9B9B;
	margin:inherit;
	overflow:hidden;
	padding:8px 0 8px 6px
}

ul.dotted li span {
	background:url(./imagens/background/li-dotted.png) no-repeat left 4px;
	display:block;
	padding-left:14px;
}

ul.dotted li a {
	background:none;
	color:#555;
	display:block;
	line-height:1.2em;
	padding:0;
}

ul.dotted li a:visited {color:#8b8b8b}/*999*/
ul.dotted li a:hover {color:#707070; text-decoration:underline} /*999*/
li.last {border-bottom:none !important}

dd {margin-bottom:14px}


/* PERSONALIZAÇÕES
/* ------------------------------------------------------- */

.abstract {min-height:170px}

.content.highlight P.highlight .highlight {color:#F1F1F1}
P.highlight {
	font-size:1.6em;
	font-weight:bold;
}
P.highlight .highlight {
	color:#A0A0A0;
	text-transform:uppercase
}

a.item {background:none;display:block;color:inherit;padding:inherit}
a.item:visited h3 {color:#8f8f8f}
a.item:hover h3 {color:#555;text-decoration:underline}

span.data {
	display:inline-block;
	position:relative;
	top:-1.4em;
}

.paginacao {margin-bottom:40px}
.paginacao a {background:#1F3480; color:#FFF; display:inline-block; padding:0 10px; text-align:center}
.paginacao a:hover {background:#6379C6}
.paginacao a.active {background:#FFF; color:#666; cursor:default}

/* INDEX
/* ------------------------------------------------------- */
#index h1 {margin:inherit}
#index h2 {margin:0.2em 0 1em 0}
#index h3 {color:#555;margin:0.2em 0 .5px 0}
#index #presentation {
	position:relative;
	margin-top:-144px;
	z-index:97;
}
#index .navigation {
	background:#ED9028;
	height:406px;
	width:100%
}
#index ul.links {margin:40px 0 0 45px}
#index p.highlight {line-height:1.2em}

#index .grid_3.box {
	border-right:1px solid #C4C4C4;	
	border-bottom:1px solid #C4C4C4;
}

#index .grid_3.box a h3 {
	color:#7A7A7A;
	font-size:1em;
	font-weight:bold;
	margin:4px 0;padding:0;
	text-transform:uppercase
}

#index .grid_3.box a:hover h3 {color:#737373;text-decoration:underline}

#index .grid_3.box P {line-height:1em}

#index .grid_3.box ul li {
	border-bottom:1px solid #C4C4C4;
	margin:inherit;
	margin-right:6px;
	padding:15px 0 10px;
	overflow:hidden
}
#index .grid_3.box ul li a {background:none; display:block}
#index .grid_3.box ul li div {display:inline-block; float:left; width:174px}
#index .grid_3.box ul li div.icone {background:url(./imagens/background/icones-home.png) no-repeat; top:0px; height:86px; width:64px}

#index .grid_3.box ul li a div.icone.diagnostico-organizacional {background-position:0 -348px}
#index .grid_3.box ul li a:hover div.icone.diagnostico-organizacional {background-position:-65px -348px}
#index .grid_3.box ul li a div.icone.desenvolvimento-gerencial {background-position:0 0}
#index .grid_3.box ul li a:hover div.icone.desenvolvimento-gerencial {background-position:-65px 0}
#index .grid_3.box ul li a div.icone.desenvolvimento-de-equipes {background-position:0 -87px}
#index .grid_3.box ul li a:hover div.icone.desenvolvimento-de-equipes {background-position:-65px -87px}

/* AREAS DE ATUACAO
/* ------------------------------------------------------- */

/* ARTIGOS
/* ------------------------------------------------------- */

.artigo table thead tr th {
	background-color:#999;
	border-left:1px solid #fff;
	color:#FFF; 
	font-weight:bold;
	padding-left:10px;
	vertical-align:top;
}

.artigo table thead tr th:first-child {
	border-left:none;
}

.artigo table tbody td {
	border:1px solid #CCC;
	padding:5px 0 5px 10px;
	vertical-align:middle;
}

.artigo ul {
	list-style:outside disc;
	margin:20px 0 20px 20px;
}
.artigo ul li {margin-bottom:.4em}

.artigo ol {
	list-style: outside decimal;
	margin:20px 0 20px 20px;
}
.artigo ol li {margin-bottom:.4em}

.authors {font-weight:bold}
li.comment {margin-bottom:15px}

.comment .author {
	background:url(./imagens/background/author.png) no-repeat;
	background-position:5px bottom;
	margin-left:20px;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:16px;
	position:relative;
	z-index:10;
}

.comment .author span {
	font-size:.8em;
	font-weight:normal
}

.comment blockquote .date {
	font-size:.8em;
	left:46px;
	top:-1.6em;
	position:absolute;
}
.comment blockquote {
	background:#F7F7F7;
	border:1px solid #E0E0E0;
	border-radius: 20px;
	line-height:1.4em;
	margin-top: -5px;
	padding:12px;
	position:relative;
	z-index:9;
}

.content.highlight h2 {margin:0.2em 0 1em 0 !important}
.content.highlight h3 {color:#555;margin:.2em 0 .5em 0 !important}

/* INSTITUCIONAL
/* ------------------------------------------------------- */
#institucional #slider ul li {float:left}
#institucional blockquote {font-size:1.3em; margin-bottom:20px}
#institucional blockquote span {
	background:url(/decisa/design/imagens/background/quotes.png) no-repeat left bottom;
	display:inline-block;
	height:24px;
	text-indent:-9999px;
	width:24px
}
#institucional blockquote span:first-child {background-position:top}

/* FORMULARIOS
/* ------------------------------------------------------- */
div.field {display:inline-block; float:left; position:relative}
div.field label {display:block;font-size:1.3em;margin:8px 0px 4px 4px}
div.field.left {float:left;margin-right:38px}
span.required {color:#F60}

div.field input,
div.field select,
div.field textarea {background:#fff;border:1px solid #EAEAEA; color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; padding:8px;width:250px}

div.field input:focus,
div.field select:hover,
div.field textarea:focus {background:#FFFFE8}

div.field select.pequeno {width:80px}
div.field select#assunto {width:340px}
div.field textarea {height:150px;width:556px}
div.action {clear:left;float:left; margin:30px 0}
div.action input {background:#fff;border:6px solid #EAEAEA; color:#999;cursor:pointer;font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; font-weight:bold;padding:4px;font-variant:small-caps;width:auto}
div.action input:hover {background:#EAEAEA;border:2px solid #069;color:#fff;padding:8px}

input.erro, 
select.erro,
textarea.erro {border:1px dashed #C30 !important}
label span.erro {color:#C00;display:inline-block;margin-left:8px}

div.field input.radio,
div.field label.radio {display:inline-block;width:auto}

div.bloqueio {background-color:#fff; top:0px; left:0; position:fixed; width:100%; height:100%; z-index:99}
div.bloqueio {filter:alpha(opacity=60);opacity: .6}
div.carregando {left:50%; top:50%; margin-left:-16px; margin-top:-16px;display:block; position:fixed; width:32px; height:32px;z-index:99;}
div.carregando span.carregando {display:block;width:32px; height:32px; background:url(./imagens/carregando.gif);}

div.bloqueio.indicacao,
div.bloqueio.comentario {position:absolute;z-index:98;width:104%}

div.bloqueio.indicacao,
div.bloqueio.comentario {filter:alpha(opacity=80);opacity: .8}

div.carregando.indicacao,
div.carregando.comentario {position:absolute;z-index:99;}

div.bloqueio.comentario {background-color:#C9C9C9}
div.carregando.comentario span.carregando {background:url(./imagens/carregando-comentario.gif);}

.sucess {margin-top:30px}
.sucess span {color:#090}
.error span {color:#C30}

#mensagem P {margin-bottom:10px}
#captcha {margin-top:10px}
#limit {font-size:.8em; font-weight:bold;position:absolute; right:14px; top:14px}

#hcomentario div.field select.pequeno {width:268px}
#hcomentario div.field select {padding:4px;width:224px}
#hcomentario div.field textarea {height:100px}
#indicacao div.field {margin-bottom:8px; position:relative}
#indicacao div.field input {padding:4px;width:214px}
#indicacao div.field label.radio {display:block;text-indent:30px; width:140px}
#indicacao div.action input:hover {background:#EAEAEA;border:1px solid #069;color:#fff;padding:4px}
#indicacao div.field textarea {height:50px;padding:4px;width:214px} 
#indicacao div.field label {font-size:1em;left:4px;position:absolute;top:-5px}
#indicacao div.action {margin:10px 0}
#indicacao div.action input {background:#fff;border:3px solid #EAEAEA; color:#999;cursor:pointer;font-family:Tahoma, Geneva, sans-serif; font-size:1.2em; font-weight:bold;padding:2px;font-variant:small-caps;width:inherit}

label[for=captcha_code] span {margin-left:0}

#at .at {
	background:url(./imagens/at.png) no-repeat center 6px;
	display:inline-block;
	padding:1px;
	text-indent:-9999px;
	width:9px
}

/* FOOTER
/* ------------------------------------------------------- */
.content.footer {
	color:#333;
	font-size:11px;
	padding-top:30px;
	height:40px;
}

.developer a {
	background:url(./imagens/netboss.png) no-repeat center left;
	display:block;
	height:14px;
	margin-left:400px;
	text-indent:-9999px;
	width:55px
}