@font-face {
    font-family: 'novecento-light';
    src: url('fonts/synthview_-_novecentowide-light-webfont.woff2') format('woff2'),
         url('fonts/synthview_-_novecentowide-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'novecento';
    src: url('fonts/synthview_-_novecentowide-normal-webfont.woff2') format('woff2'),
         url('fonts/synthview_-_novecentowide-normal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'novecento-medium';
    src: url('fonts/synthview_-_novecentowide-medium-webfont.woff2') format('woff2'),
         url('fonts/synthview_-_novecentowide-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'novecento-bold';
    src: url('fonts/synthview_-_novecentowide-demibold-webfont.woff2') format('woff2'),
         url('fonts/synthview_-_novecentowide-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'novecento-black';
    src: url('fonts/synthview_-_novecentowide-bold-webfont.woff2') format('woff2'),
         url('fonts/synthview_-_novecentowide-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*--------------------------------------------------------------
# Coress do Programa/Projeto
--------------------------------------------------------------*/

/*-----------------------------
# Amarelo alaranjado
-----------------------------*/
#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,
#mais-lidas .chapeu  {
    color:#e98815;/* 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 #e98815;/* BORDER */
}

.banner-topo{
    float: right;
    width: 468px;
}
/*-----------------------------
# Rosa 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,
.main-navigation a,
.main-navigation a:hover{
    color: #b33251  /* 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  #b33251;/* BORDA */
}

.mouseover,
#listagem .especialista .mouseover{
    background-color:rgba(182,50,81,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,
#noticias-relacionadas .lista-relacionadas{
    background-color:#b33251 /* BACKGROUND 0.6 */
}

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


/*-----------------------------
# Rosa escuro
-----------------------------*/

.caixa-link:hover,
#paginacao a:hover{
    color: #af2441; /* COLOR */
}
.caixa-link:hover,
#paginacao a:hover
{
    border:2px solid #af2441/* 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: #af2441; /* BACKGROUND */
    transition:background 0.2s
}

/*-----------------------------
# Roxo
-----------------------------*/
a:hover,
a:focus,
a:active,
fieldset legend {
    color: #513c67;  /* COLOR */
}
#destaque,
table.alfabeto td a:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    background-color:#513c67;/* 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 #513c67;/* 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,
#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:"novecento";
}

.breadcrumb a,
#redes-interna a,
.site-info p{
    font-family:"novecento-medium";
}
.entry-date,
#area-filtros h1,
#commentform label,
h1.entry-title,
p.tematica,
.sidebar-download p,
.site-info span
{
    font-family:"novecento-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:"novecento-bold";
}



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

/*---------Quadradinho-----------*/
.col-2 .inner .color{
    background: -moz-linear-gradient(45deg, rgba(236,144,0,0.85) 18%, rgba(236,144,0,0.79) 30%, rgba(236,144,0,0.45) 99%, rgba(236,144,0,0.45) 100%);
    background: -webkit-linear-gradient(45deg, rgba(236,144,0,0.85) 18%,rgba(236,144,0,0.79) 30%,rgba(236,144,0,0.45) 99%,rgba(236,144,0,0.45) 100%);
    background: linear-gradient(45deg, rgba(236,144,0,0.85) 18%,rgba(236,144,0,0.79) 30%,rgba(236,144,0,0.45) 99%,rgba(236,144,0,0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ec9000', endColorstr='#73ec9000',GradientType=1 );
}

/*-----Retangulo horizontal-----*/
.col-3h .inner .color{
    background: -moz-linear-gradient(45deg, rgba(187,7,66,0.8) 18%, rgba(187,7,66,0.74) 30%, rgba(179,48,74,0.4) 99%, rgba(179,49,74,0.4) 100%);
    background: -webkit-linear-gradient(45deg, rgba(187,7,66,0.8) 18%,rgba(187,7,66,0.74) 30%,rgba(179,48,74,0.4) 99%,rgba(179,49,74,0.4) 100%);
    background: linear-gradient(45deg, rgba(187,7,66,0.8) 18%,rgba(187,7,66,0.74) 30%,rgba(179,48,74,0.4) 99%,rgba(179,49,74,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbb0742', endColorstr='#66b3314a',GradientType=1 );
}
/*-----Retangulo vertical-----*/
.col-3v .inner .color{
    /*background: -moz-linear-gradient(top, rgba(58,46,119,0.4) 3%, rgba(58,46,119,0.58) 30%, rgba(58,46,119,0.8) 63%, rgba(58,46,119,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(58,46,119,0.4) 3%,rgba(58,46,119,0.58) 30%,rgba(58,46,119,0.8) 63%,rgba(58,46,119,0.8) 100%);
    background: linear-gradient(to bottom, rgba(58,46,119,0.4) 3%,rgba(58,46,119,0.58) 30%,rgba(58,46,119,0.8) 63%,rgba(58,46,119,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663a2e77', endColorstr='#cc3a2e77',GradientType=0 );*/
    background: -moz-linear-gradient(bottom, rgba(187,7,66,0.7) 18%, rgba(187,7,66,0.6) 30%, rgba(179,48,74,0.4) 99%, rgba(179,49,74,0.4) 100%);
    background: -webkit-linear-gradient(bottom, rgba(187,7,66,0.7) 18%,rgba(187,7,66,0.6) 30%,rgba(179,48,74,0.4) 99%,rgba(179,49,74,0.4) 100%);
    background: linear-gradient(bottom, rgba(187,7,66,0.7) 18%,rgba(187,7,66,0.6) 30%,rgba(179,48,74,0.4) 99%,rgba(179,49,74,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbb0742', endColorstr='#66b3314a',GradientType=1 );
}

/*-----------Quadradão ------*/
.col-4 .inner .color{
    background: -moz-linear-gradient(top, rgba(58,46,119,0.4) 3%, rgba(58,46,119,0.58) 30%, rgba(58,46,119,0.8) 63%, rgba(58,46,119,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(58,46,119,0.4) 3%,rgba(58,46,119,0.58) 30%,rgba(58,46,119,0.8) 63%,rgba(58,46,119,0.8) 100%);
    background: linear-gradient(to bottom, rgba(58,46,119,0.4) 3%,rgba(58,46,119,0.58) 30%,rgba(58,46,119,0.8) 63%,rgba(58,46,119,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#663a2e77', endColorstr='#cc3a2e77',GradientType=0 );
}





/*-----------Destaques ------*/
#destaque .gradiente{
background: -moz-linear-gradient(45deg, rgba(81,60,103,0.98) 18%, rgba(81,60,103,0.66) 48%, rgba(81,60,103,0.41) 72%, rgba(179,49,74,0.11) 100%);
background: -webkit-linear-gradient(45deg, rgba(81,60,103,0.98) 18%,rgba(81,60,103,0.66) 48%,rgba(81,60,103,0.41) 72%,rgba(179,49,74,0.11) 100%);
background: linear-gradient(45deg, rgba(81,60,103,0.98) 18%,rgba(81,60,103,0.66) 48%,rgba(81,60,103,0.41) 72%,rgba(179,49,74,0.11) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa513c67', endColorstr='#1cb3314a',GradientType=1 );    position: absolute;
}

/*-----------Header ------*/
#faixa-top{
    background: rgb(135,37,83);
    background: -moz-linear-gradient(left, rgba(135,37,83,1) 0%, rgba(179,49,74,1) 100%);
    background: -webkit-linear-gradient(left, rgba(135,37,83,1) 0%,rgba(179,49,74,1) 100%);
    background: linear-gradient(to right, rgba(135,37,83,1) 0%,rgba(179,49,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#872553', endColorstr='#b3314a',GradientType=1 );
    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;
}


/*-----------Ajustes de tamanho de fonte ------*/
a.custom-comment, .bot-comentar {
    font-size: 0.5em!important;
}

#colophon span {
    font-size: 0.6em!important;
}
.col-1 .info-home h2 {
    font-size: 0.6em;
    letter-spacing: 0.1em;
}

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

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

#destaque.metodologia .gradiente.primeiro{
    background:rgba(76,38,98,0.85);
}

#destaque.metodologia .gradiente.segundo{
    background:rgba(159,31,80,0.85);
}

#destaque.metodologia .gradiente.terceiro{
    display:none
}


#destaque.metodologia .imagem-destaque{
    width: 50%!important;
}

.margintop{
    margin-top:-24.5%
}
@media (max-width: 860px) {
    .margintop{
        margin-top:0
}

}


/*-----------------------------
# 400px
-----------------------------*/
@media (max-width: 400px) {
    #masthead.fixo h1.site-title {
        width: 130px;
    }
    #masthead.fixo h1.site-title img {
        margin-top: -50px;
        width: 150px;
    }
}