@font-face {
    font-family: "kelson-bold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/kelson_sans_bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/kelson_sans_bold-webfont.woff") format("woff"), url("fonts/kelson_sans_bold-webfont.ttf") format("truetype"), url("fonts/kelson_sans_bold-webfont.svg#kelson_sansbold") format("svg");
}
@font-face {
    font-family: "kelson-light";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/kelson_sans_light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/kelson_sans_light-webfont.woff") format("woff"), url("fonts/kelson_sans_light-webfont.ttf") format("truetype"), url("fonts/kelson_sans_light-webfont.svg#kelson_sanslight") format("svg");
}
@font-face {
    font-family: "kelson";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/kelson_sans_regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/kelson_sans_regular-webfont.woff") format("woff"), url("fonts/kelson_sans_regular-webfont.ttf") format("truetype"), url("fonts/kelson_sans_regular-webfont.svg#kelson") format("svg");
}
/*--------------------------------------------------------------
# Coress do Programa/Projeto
--------------------------------------------------------------*/

/*-----------------------------
# Amarelo
-----------------------------*/
#destaque a:hover,
#destaque a:hover h1,
#destaque .caixa-link:hover,
#mais-lidas .caixa-link,
#mais-lidas a:hover h3,
#envie-seu-evento .caixa-link,
#noticias-relacionadas .caixa-link,
.main-navigation a,
.main-navigation a:hover {
	color:#ffb71d;/* COLOR */
	transition:color 0.2s ease 0s;
}
#mais-lidas .caixa-link,
#envie-seu-evento .caixa-link,
#destaque a.caixa-link:hover,
#noticias-relacionadas .caixa-link,
#destaque a:hover .caixa-link{
	border:2px solid #ffb71d;/* BORDER */
}


/*-----------------------------
# Laranja claro
-----------------------------*/
a,
.caixa-link:visited,
#noticias-relacionadas a:hover .caixa-link,
.olho,
.box-titulo,
#listagem a:hover h2.entry-title,
.linha_do_tempo h2.entry-title,
.itens-agenda h3,
#listagem .entry-footer .itens-material a:hover,
#menu-footer ul li ul li a:hover,
#content-ficha h2,
.nav-previous,
.nav-next {
	color: #f78e10  /* COLOR */;
	transition:color 0.2s
}


.box::before,
.caixa-link,
.caixa-link:hover,
#noticias-relacionadas a:hover .caixa-link,
a.custom-comment.selected,
a.custom-comment:hover,
#send-comment .bot-comentar:hover{
	border:2px solid  #f78e10;/* BORDA */
}

.mouseover,
#listagem .especialista .mouseover{
	background-color:rgba(236,139,0,0.7); /* TRANSPARÊNCIA 0.6 */
}

.google-agenda:hover,
.box::before,
a.custom-comment.selected,
a.custom-comment:hover,
#send-comment .bot-comentar:hover,
.sidebar-download{
	background-color:#f78e10 /* BACKGROUND 0.6 */
}

.retranca:before, 
.retranca:after, 
.retranca>:first-child:before, 
.retranca>:first-child:after {
	border-color:#f78e10;
}


/*-----------------------------
# Laranja escuro
-----------------------------*/

.caixa-link:hover,
#paginacao a:hover{
	color: #df5527; /* COLOR */
}
.caixa-link:hover,
#paginacao a:hover
{
	border:2px solid #df5527/* BORDA */
}

#mais-lidas,
#envie-seu-evento,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.sidebar-download:hover {
	background-color: #e96f1e; /* BACKGROUND */
	transition:background 0.2s
}

/*-----------------------------
# Azul
-----------------------------*/
a:hover,
a:focus,
a:active,
fieldset legend {
	color: #0d7ca0;  /* COLOR */
}
#destaque,
table.alfabeto td a:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	background-color:#0d7ca0;/* BACKGROUND  */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border:2px solid #0d7ca0;/* BORDA  */
}

/*--------------------------------------------------------------
# Fontes
--------------------------------------------------------------*/
.breadcrumb,
a.link,
.item-lista .entry-footer a,
input[type="search"],
select,
.checkbox,
#mais-lidas .chapeu,
.site-info p,
table.alfabeto,
#area-filtros a,
#redes-interna a,
#noticias-relacionadas h2,
.chapeu,
.olho,
#resultado-filtros,
.tipo-de-parceiro,
#paginacao,
#content-ficha h2,
.inner,
.itens-agenda h3,
a.custom-comment,
h2.comments-title,
h3.comment-reply-title,
#send-comment,
fieldset legend,
.data,
h2.widgettitle,
.inner .caixa-link,
#redes-interna,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.nav-previous,
.nav-next,
.col-1 .info-home h2{
	font-family:"kelson";
}

.entry-date,
.site-info span,
#area-filtros h1,
#commentform label,
h1.entry-title,
p.tematica,
.sidebar-download p
{
	font-family:"kelson-light";
}

.caixa-link,
h2.entry-title,
h3.entry-title,
.box-titulo,
.linha_do_tempo .data,
#content-ficha h2,
#envie-seu-evento h3,
.eixo-tematica .eixo,
.titulo-colunista a,
.sidebar-download p spam.bold,
.info-home h2{
	font-family:"kelson-bold";
}

#destaque .description{
	font-family:"lato"
}
.description,
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea,
input,
#listagem .entry-footer .itens-material a{
	font-family:"latolight"
}
#destaque.metodologia h2,
#noticias-relacionadas h3,
.main-navigation a,
#destaque h1,
#menu-footer{
	font-family:"latobold"
}


/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/

/*---------Quadradinho-----------*/
.col-2 .inner .color{
	background: -moz-linear-gradient(top, rgba(248,226,101,0.5) 3%, rgba(243,212,94,0.5) 9%, rgba(193,83,27,0.74) 64%, rgba(193,83,27,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(248,226,101,0.5) 3%,rgba(243,212,94,0.5) 9%,rgba(193,83,27,0.74) 64%,rgba(193,83,27,0.9) 100%);
	background: linear-gradient(to bottom, rgba(248,226,101,0.5) 3%,rgba(243,212,94,0.5) 9%,rgba(193,83,27,0.74) 64%,rgba(193,83,27,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f8e265', endColorstr='#e6c1531b',GradientType=0 );
}

/*-----Retangulo horizontal-----*/
.col-3h .inner .color{
	background: -moz-linear-gradient(45deg, rgba(19,96,124,0.9) 20%, rgba(19,96,124,0.89) 21%, rgba(100,252,222,0.45) 100%);
	background: -webkit-linear-gradient(45deg, rgba(19,96,124,0.9) 20%,rgba(19,96,124,0.89) 21%,rgba(100,252,222,0.45) 100%);
	background: linear-gradient(45deg, rgba(19,96,124,0.9) 20%,rgba(19,96,124,0.89) 21%,rgba(100,252,222,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e613607c', endColorstr='#7364fcde',GradientType=1 );
}
/*-----Retangulo vertical-----*/
.col-3v .inner .color{
	background: -moz-linear-gradient(top, rgba(211,242,0,0.3) 3%, rgba(200,232,1,0.3) 9%, rgba(99,141,9,0.74) 64%, rgba(99,141,9,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(211,242,0,0.3) 3%,rgba(200,232,1,0.3) 9%,rgba(99,141,9,0.74) 64%,rgba(99,141,9,0.9) 100%);
	background: linear-gradient(to bottom, rgba(211,242,0,0.3) 3%,rgba(200,232,1,0.3) 9%,rgba(99,141,9,0.74) 64%,rgba(99,141,9,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d3f200', endColorstr='#e6638d09',GradientType=0 );
}

/*-----------Quadradão ------*/
.col-4 .inner .color{
	background: -moz-linear-gradient(top, rgba(211,242,0,0.3) 3%, rgba(200,232,1,0.3) 9%, rgba(99,141,9,0.7) 64%, rgba(99,141,9,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(211,242,0,0.3) 3%,rgba(200,232,1,0.3) 9%,rgba(99,141,9,0.7) 64%,rgba(99,141,9,0.9) 100%);
	background: linear-gradient(to bottom, rgba(211,242,0,0.3) 3%,rgba(200,232,1,0.5) 9%,rgba(99,141,9,0.7) 64%,rgba(99,141,9,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80d3f200', endColorstr='#e6638d09',GradientType=0 );
}



/*-----------Destaque ------*/
#destaque .gradiente{
	background: -moz-linear-gradient(45deg, rgba(13,99,124,0.97) 9%, rgba(13,99,124,0.72) 35%, rgba(125,185,232,0.11) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(13,99,124,0.97) 9%,rgba(13,99,124,0.72) 35%,rgba(125,185,232,0.11) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(13,99,124,0.97) 9%,rgba(13,99,124,0.72) 35%,rgba(125,185,232,0.11) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70d637c', endColorstr='#1c7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*-----------Header ------*/
#faixa-top{
	background: rgb(223,85,39); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(223,85,39,1) 2%, rgba(247,142,16,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(223,85,39,1) 2%,rgba(247,142,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(223,85,39,1) 2%,rgba(247,142,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df5527', endColorstr='#f78e10',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: fixed;
    width: 100%;
    z-index: 99999;
   transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -webkit-transition: all .4s ease-in-out;
}


#masthead.fixo h1.site-title {
    width: 179px;
}

/*----------- Destaques metodologias ------*/

#destaque.metodologia .gradiente.primeiro{
	background:hsla(194,59%,42%,0.85);
}

#destaque.metodologia .gradiente.segundo{
	background:hsla(67,64%,42%,0.85);
}

#destaque.metodologia .gradiente.terceiro{
	background:hsla(30,87%,47%,0.85)
}



/*-----------------------------
# 400px
-----------------------------*/
@media (max-width: 400px) {
	#masthead.fixo h1.site-title {
		width: 62px;
	}
}