/* FONTE */

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../f/ColabThi-webfont.eot');
    src: url('../f/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/ColabThi-webfont.woff') format('woff'),
         url('../f/ColabThi-webfont.ttf') format('truetype'),
         url('../f/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../f/ColabLig-webfont.eot');
    src: url('../f/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/ColabLig-webfont.woff') format('woff'),
         url('../f/ColabLig-webfont.ttf') format('truetype'),
         url('../f/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../f/ColabReg-webfont.eot');
    src: url('../f/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/ColabReg-webfont.woff') format('woff'),
         url('../f/ColabReg-webfont.ttf') format('truetype'),
         url('../f/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../f/ColabMed-webfont.eot');
    src: url('../f/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/ColabMed-webfont.woff') format('woff'),
         url('../f/ColabMed-webfont.ttf') format('truetype'),
         url('../f/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../f/ColabBol-webfont.eot');
    src: url('../f/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/ColabBol-webfont.woff') format('woff'),
         url('../f/ColabBol-webfont.ttf') format('truetype'),
         url('../f/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'purisamedium';
    src: url('f/purisa-webfont.eot');
    src: url('f/purisa-webfont.eot?#iefix') format('embedded-opentype'),
         url('f/purisa-webfont.woff') format('woff'),
         url('f/purisa-webfont.ttf') format('truetype'),
         url('f/purisa-webfont.svg#purisamedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'krist';
    src: url('f/ITCKrist.eot');
    src: url('f/ITCKrist.eot?#iefix') format('embedded-opentype'),
         url('f/ITCKrist.woff') format('woff'),
         url('f/ITCKrist.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blackboardregular';
    src: url('../f/blackBoard/blackboard-webfont.eot');
    src: url('../f/blackBoard/blackboard-webfont.eot?#iefix') format('embedded-opentype'),
         url('../f/blackBoard/blackboard-webfont.woff') format('woff'),
         url('../f/blackBoard/blackboard-webfont.ttf') format('truetype'),
         url('../f/blackBoard/blackboard-webfont.svg#blackboardregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*** /FONTE ***/

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,body {
    width: 100%;    
}
    
body {  
    font-family: 'ColaborateThinRegular','Arial',sans-serif;    
    font-size: 16px;
    background: #fff url(i/textura_mini.jpg) left top;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #2694f1;
}

a:hover {
    color: #f90045;
}

a.saiba {
    color: #fff;
    background: transparent url(i/tintaLnk.png) right center no-repeat;
    padding: 5px 15px 5px 30px;
    margin-right: 10px;
    float: right;
    font-weight: bold;
}

a img {
    display: block;
    border: none;
}

h1 {
    font-weight: normal;
    font-size: 7em;
    line-height: .9;
    margin-bottom: 1rem;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

h2 {
    font-weight: normal;
    font-size: 4em;
    line-height: .9;
    margin-bottom: .6rem;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

h3 {
    font-weight: normal;
    font-size: 2em;
    color: #fff;
}

h4 {
    font-weight: normal;
    font-size: 1.5em;
    color: #000;
}

p {
    line-height: 1.4em;
}

/* GERAL */

.wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 950px;
    margin: 0 auto;
}
.inner {
    width: calc(100% - 4rem);
    padding-left: 2rem;
    padding-right: 2rem;
}

/**/

#lnkInicio {
    display: block;
    padding: 10px;
    background: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: +1;
}

#famurs {
    width: 182px;
    height: 183px;
    background: transparent url(i/premio.png) right top no-repeat;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
}

#topo {
    position: relative;
    z-index: 0;
    max-width: 950px;
    width: calc(100% + 120px);
    margin: 0 auto -200px auto;
    transform: translateX(-120px);
}

#logo {
    width: 100%;
    height: 447px;
    background: transparent url(i/logo_textura_trans.png) left top no-repeat;
}

#menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translateX(120%);
}

#menu.show {
    transform: translateX(0);
}

#menu a {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    font-size: 1.5em;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
    text-decoration: none;
    border-radius: 5px;
}

#menu a:hover,#menu a:active {
    background: transparent url(i/texturaEscuraLinks.png) left center;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2) inset;
}

/*** APRESENTAÇÃO ***/

.p1 {
    font-size: 20px;
}

#app-lista {
    font-family: 'ColaborateLightRegular' !important;
}

#app-lista p {
    margin: .5rem 0;
    overflow-wrap: break-word;
}

#app-tudo {
    column-count: 1;
}

#app-tudo p:first-of-type {
    font-size: 20px;
    break-after: always;
}

/**/

#wrapperInfo {
    border-radius: 10px;
    margin-top: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: transparent url(i/texturaEscura_mini.jpg) left top;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3) inset;
    color: #fff;
}

#wrapperInfo .inner {
    margin: 1rem 0;
}

/*** OBJETIVOS ***/

#lista-obj {
    font-size: 1.2em;
    font-style: italic;
}

#lista-obj div {
    margin: .5rem 0;
}

#lista-obj h3 {
    font-size: 3em;
    font-style: italic;
    padding-left: 10px;
    background: transparent url(i/tintah3.png) left bottom no-repeat;
}

/* */

/*** METODOLOGIA ***/

#lista-met div {
    margin: .5rem 0;
}

#met-slider {
    margin: 0;
}

li .row {
    margin: 0;
}

.sliderItem {
	margin: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.col50 {
	width: 100%;
	flex-shrink: 0;
}

.sliderItem img {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
	background-clip: padding-box;
}

/**/
#cidades {
    margin-top: 40px;
}

.mapa-wrapper {
    width: 100%;
    height: 491px;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 1rem;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

#map {
    width: 100%;
    height: 491px;
    
}

#content {
    color: #000;
}

.firstHeading {
    color: #000;
    margin-bottom: 10px;
}

.lnkPin {
    display: inline-flex;
    align-self: flex-end;
    padding: 5px 8px;
    font-weight: bold;
    color: #fff;
    background: #000;
    border-radius: 4px;
    margin-top: 10px;
}

/* APOIOS */

#ap {
    text-align: center;
    margin: 2rem 0;
}

#lista-ap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

#lista-ap a {
    filter: saturate(0);
    opacity: .7;
    transition: filter .3s ease-out,opacity .3s ease-out;
}

#lista-ap a:hover {
    opacity: 1;
    filter: saturate(1);
}

/* / */

#ctt {
    position: relative;
}

#ctt a {
    background: #2694f1;
    padding: 1px 3px;
    border-radius: 3px;
    color: #fff;
}

#ctt a:hover {
    background: #f90045;
}


#ctt p {
    margin-bottom: 8px;
}

#mandador {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-out;
}

#mandador.show {
    opacity: 1;
    pointer-events: all;
}

#nuvem {
    background: transparent url(i/nuvem.png) center center no-repeat;
    background-size: contain;
    padding: 177px 0px 0px 0px;
    text-align: center;
    height: 160px;
}

#nuvem h4 {
    color: #fff;
}

input,textarea,button {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    background: #fff; 
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
}

.inputB {
    background: #f90045;
    color: #fff;
    padding: 10px 15px;
    border: none;
}

a.lnkTopo {
    display: block;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 50%;
    margin-left: 460px;
    bottom: -50px;
    background: transparent url(i/lnkTopo.png) 0 0 no-repeat;
}

a.lnkTopo:hover {
    background: transparent url(i/lnkTopo.png) 0 -40px no-repeat;
}

#galeriaI {
    margin-right: -.5rem;
    margin-left: -.5rem;
}

.foto {
    padding: .5rem !important;
}

.fancybox {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.fancybox .label {
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 1rem;
}