@charset "utf-8";
/* CSS Document */
body {
	font-family: 'Nunito', sans-serif;
	text-align: center;
    margin: 0;
    background: url(imgs/chanfro.gif) top repeat-x;
    background-size: auto 100px;
    border-top: 5px solid #000;
    padding-top: 10px;}
.corpo{max-width:1120px; width:100%; margin: 0 auto; display: flex; flex-direction: column; justify-content:center;align-items: center;}
.banner{width: 100%; height:auto;margin-top: -125px;    z-index: 1;}
.logo{z-index: 999;}
.temp{font-size: 90%;    letter-spacing: 3px;}
.texto{display:table; width: 1120px;    margin:40px auto}
.coluna{position: relative;    float: left;	text-align: left;    width: calc(33.333% - 40px);    padding-left: 20px;    padding-right: 20px;}
.texto p{display: inline-block;}
p{margin:0 20px 20px 0}
.rodape{background: #000;color:#fff}
.rodape a{color: #fff !important; text-decoration: none;}
.rodape a:hover{text-decoration: underline}
.foot{width: 350px; margin: 0 auto; padding: 30px 0; text-align: left; display: flex}
.primeiro{width: 150px; float: left;}
.segundo{width: 200px; float: left;padding-top: 10px;}
.segundo img{vertical-align: bottom;}

a:link, a:hover, a:visited, a:active, img {
    -webkit-transition: all 0.3s ease-out !important;
    -moz-transition: all 0.3s ease-out !important;
    -ms-transition: all 0.3s ease-out !important;
    -o-transition: all 0.3s ease-out !important;
    transition: all 0.3s ease-out !important;
}


/* ----------------- MEDIO ---------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1239px){
.texto {    max-width: 1120px;    text-align: left;    margin: 40px auto;    width: 100%;}
}

/* ----------------- PEQUENO ---------------------------*/

@media only screen and (max-width: 767px){
	.texto {    max-width: 1120px;    text-align: left;    width: 100%;}
	.coluna{ width: calc(100% - 20px);    padding-left: 10px;    padding-right: 10px;}
	.banner {    margin-top: -65px;}
}