@import "reset.css";
@import "utils.css";
@import "fonts.css";
@import "jquery.superfish.css"(min-width: 1241px);
@import "jquery.superfish-vertical.css"(min-width: 1241px);
@import "jquery.dlmenu.css"(max-width: 1240px);

body, html{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    overflow-x: hidden;
}
a{
    font-family: Tahoma, Arial, sans-serif;
}
#content{ width:160px; height:160px; overflow:hidden; z-index:0;}
/*table tbody tr td{
    border: 1px solid #000;
}*/
.btnnew:hover{
	background: #ff2c41;
	transition: all .3s;
}
.btnnew{
	transition: all .3s;
	color: #fff;
	background:#c33543;
	padding: 9px 12px;
	font-size: 14px;
	float: left;
	margin: 15px 0px;
}

.padding_20 p span{
	word-break: break-word;
}
.movecontenttop{
    position: absolute;
    left: 0px;
    top: 0px;
}
/* ==================================
HEADER
===================================== */
header{
    background-color: #faeecc;
    height: 197px;
    border-bottom: 5px solid #5b97af;
    width: 95%;
    box-shadow: 0 0 10px #888;
    background: #FFFFFF url('../img/fundo-topo.jpg') no-repeat center top;
}
.box-noti-img img{
	min-height: 100%;
	width: auto !important;	
}
#logo{
    padding-top: 50px;
    display: inline-block;
    width: 88%;
    float: right;
    margin-bottom: 45px;
}
#logo a img,
#logo a{
    display: block;
    margin: 0 auto;
}
.imagem-top{
    float: none;
    position: absolute;
    right: 0px;
    top: 0px;
}
.chamadabtnright{
    display: block;
    width: 250px;
    height: auto;
    margin: 0 auto 15px;
}
#slides {
    display: none
}

/* ==================================
CONTAINER
===================================== */
.container{
    width: 940px;
    /*width: 930px;*/
    position: relative;
    margin: 0 auto;
}

#anexo{
    display: none;
}

* {
    margin: 0 auto;
    padding: 0;
}
.instituicoes:hover .dropdowninst{
    display: block !important;
    visibility: visible !important;
}
.down{
    position: absolute;
    width: 183px !important;
    bottom: 32px;
    left: 0px;
    border-top: none !important;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid rgba(255,255,255,.47);
}
.vejamaislink{
    text-align: center;
    width: 268px;
    float: left;
    padding-top: 74px !important;
    padding-bottom: 17px !important;
    display: block;
}
.noticiaframe:hover .newsico{
    transition: all .3s;
    background-image: url('../img/newsicohover.png') !important;
}
.footerinst{
    position: relative;
}
.dropdowninst{
    display: none;
    visibility: hidden;
    width: 180px;
    background: #f03438;
    margin-top: 14px;
}
.dropdowninst ul{
    float: left;
    display: block;
    width: 180px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.dropdowninst ul li{
    float: left;
    border-top: 1px solid rgba(255,255,255,.47);
    width: 90%;
    list-style: circle;
    padding: 4px 6%;
    line-height: 14px;
    display: block;
}
.dropdowninst ul li:hover{
    background: #03028c;
}
.dropdowninst ul li a{
    display: block;
    text-transform: none !important;
    font-size: 12px;
    color:#fff;
}
.dropdowninst ul li a span{
    display: block;
    float: left;
    width: 100%;
    color: rgba(255,255,255,.7);
}
.full-content{
    float: left;
    width: 100%;
    padding: 3em 0px;
    display: block;
}
.full-content a{
    display: block;
}
.nomright{
    margin-right: 0px !important;
}
.holdbtnlist{
    margin: 0 auto;
    width: 970px;
    display: block;
}
.holdbtnlistrestrito{
    margin: 0 auto;
    width: 50%;
    display: block;
}
.orange{
    background: #d87138;
}
.botaolist:hover{
    background: #f03438;
    transition: all .4s;
}
.pink{
    background: #df7583;
}
.navyblue{
    background: #000056;
}
.purple{
    background: #a25fbb;
}
.lightblue{
    background: #5ba2cd;
}
.botaolist{
    border-radius: 100%;
    width: 150px;
    transition: all .4s;
    margin-right: 54px;
    height: 150px;
    float: left;
    margin-bottom: 20px;
}
.botaolist img{
    display: block;
    margin: 24px auto 0px auto;
}
.botaolist h2{
    text-align: center;
    width: 125px;
    text-transform: uppercase;
    font-family: 'Tahoma';
    color:#fff;
    margin: 0 auto;
    display: block;

}
.slider{
    background: url('../img/fundo-banner.png') center;
    height: 446px;
    background-size: contain;
}
.moveit{
    margin-right: 0px;
}
.fixleftspace{
    float: left;
    display: block;
    width: 38px;
    height: 400px;
}
/*// Slider*/
.film_roll_next{
    background: url('../img/jquery.nivo-slider/arrows.png') right no-repeat !important;
    right: 6% !important;
    left: auto;
}
.newsico{
    transition: all .3s;
    background-image: url('../img/newsico.png');
    background-position: 50% 25%;
    background-repeat: no-repeat;
}
.film_roll_prev{
    left: 6% !important;
}
.film_roll_prev, .film_roll_next{
    background: url('../img/jquery.nivo-slider/arrows.png') no-repeat;
    height: 30px !important;
    width: 30px !important;
    content: '';
}
.film_roll_wrapper{
    background: #010057;
    height: 100% !important;
}
.film_roll_shuttle .film_roll_child{
    opacity: .4;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 1s;
}
.film_roll_shuttle .active{
    opacity: 1 !important;
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
/*// Fim slider*/
.theme-default .nivo-directionNav a{
	opacity: 1 !important;
	top: 47% !important; 
}
.esquerda {
    float: left;
    z-index: 1;
}
.direita {
    float: right;
    z-index: 1;
}
/*Banner*/
.banner{
    width: 1090px;
    height: 435px;
    float: left;
    margin-top: 5px;
    overflow: hidden;
}
.containerbanner{
    display: block;
    margin: 0 auto;
    width: 1090px;
}
.banners{
    width: 660px;
}

#sliderhome{
    margin: 0 auto;
    width: 100%;
}

.destaque-home{ padding: 10px 0 0px 0px; text-align: center;}
.destaque-home a {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    width: 22.649%;
    /*width: 17.6%;*/
    margin: 0 1%;
}
.destaque-home a:hover{-webkit-transform: scale(1.2); z-index: 9999; -ms-transform: scale(1.2); transform: scale(1.2);}


/*DESTAQUE*/
.destaque{
    margin-left: 10px;
    width: 260px;
    margin-top: 9px;
}
.destaque div{
    /*margin-bottom: 5px;*/
}
.margin_20{
    width: 100%;
    height: 20px;
}

/*DESTAQUE*/
.destaque{
    margin-left: 10px;
    width: 260px;
    margin-top: 9px;
}
.destaque div{
    /*margin-bottom: 5px;*/
}
.margin_20{
    width: 100%;
    height: 20px;
}
/*NOTICIA*/
.noticia{
    background-color: #fdfbca;
    border-bottom: 1px dashed #ccc;
}
.noticia:nth-child(even){
    background-color: #f0eeba;
}
.box-noticia{
    padding: 10px;
}

.box-noticia .box-noticia-img{
    background-color: #ffffff;
	overflow: hidden;
    width: 148px;
    height: 111px;
    margin-right: 10px;
    padding-left: 4px;
    padding-top: 4px;
}
.box-noticia .noticia_lista {
    height: 93px;
    width: 466px;
}
.box-noticia .noticia_lista h2{
    font-family: Tahoma;
    color: #ca4742;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
}
.box-noticia .noticia_lista p{
    font-family: Tahoma;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
}
.box-noticia .alinha_direita {
    text-align: right;
}
.box-noticia .leia_mais{
    background-image: url('../img/fundo_leia_mais.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 22px;
    color: #ffffff;
    text-align: center;
    font-family: Tahoma;
    font-size: 10px;
    padding-top: 2px;
    margin-left: 406px;
    text-decoration: none;
}
.box-noticia .leia_mais a{color: #fff}

/*FORM ORARA��O*/
.form_titulo {
    margin-bottom: -5px;
}
.form_box {
    background-color: #cae1ea;
    padding: 10px 0 0 10px;
}
.form_texto {
    font-family: Tahoma;
    font-size: 12px;
    color: #444444;
}
.nome_email {
    width: 40px;
    padding-top: 6px;
}
.campo_nome_email {
    width: 210px;
    text-align: right;
}
.form_nome_email {
    background-color: #FFFFFF;
    border: 0;
    height: 20px;
    width: 200px;
    margin-right: 10px;
}
.rbl_motivo {
    font-family: Tahoma;
    font-size: 12px;
    color: #444444;
}
.rbl_motivo input {
    border: 0;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}
.campo_pedido {
    background-color: #FFFFFF;
    border: 0;
    width: 235px;
}
.enviar {
    background-color: #cae1ea;
    background-image: url('../img/enviar.png');
    width: 92px;
    height: 27px;
    color: #FFFFFF;
    font-family: Tahoma;
    border: 0;
    margin-right: 10px;
    padding-bottom: 5px;
}
.alinha_direita {
    text-align: right;
}
.espaco_5 {
    height: 5px;
}
.espaco_10 {
    height: 10px;
}

/*H's'*/
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    display: block;
}

/*.cf usado para adicionar um espa�o vazio antes e depois dos elementos
  evitando que os floats se aglomerem.
*/
.cl:before, .cl:after {content: "";display: table;}
.cl:after {clear: both;}
.cl {*zoom: 1; clear: both;}
/*fim do cf*/

.overflow {overflow: hidden;}

/*Largura para redimens�o*/
img, picture, video, embed {
    max-width: 100%; /*define a largura m�xima em at� 100%*/
}

/*main*/
main {
    background-image: url('../img/fundo-paginas.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: auto;
    width: 95%;
    min-height: 300px;
    box-shadow: 0 0 10px #888;
    display: table;
}
.content{
    background: none;
}

/*ARTICLE*/
article { height: auto;}

/*SECTION*/
section { width: 100%; height: auto;}

/*FOOTER*/
footer { width: 90%; height: auto; margin: 0 auto; display: table;}

/*Alinhamento*/
.center {width: 90%; margin: 0 auto; position: relative; display: block;}

/*LOGO*/
.logo {
    float: left;
}

/*BOXES Home*/
box {
    width: 235px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-right: 7%;
    color: #fff;
    margin-bottom: 40px;
    transition: .2s all linear;
}
box:nth-last-child(1){padding-right: 0px;}

.telefonetopomobile{
    display: none;
    visibility: hidden;
}
box aside {
    height: 40px;
    vertical-align: middle;
    display: table-cell;
}
box aside h1 {
    font-size: 1em;
    line-height: 26px;
    float: right;
    color: #F58634;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}
box aside img{
    margin-right: 10px;
}
box h2 {
    font-size: .85em;
    line-height: 20px;
    font-style: italic;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
}
box p {
    margin-top: 6px;
    color: #888;
    font-size: .8em;
    line-height: 20px;
}
box a {
    font-size: .8em;
    line-height: 19px;
    color: #fff;
    font-weight: 300;
    margin-top: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    transition: .2s all linear;
}
box a:hover { transition: .2s all linear; color: #F58634;}


#listNewsHome li {
    width: 380px;
    padding-right: 10px;
    float: left;
}
#listNewsHome li a.titleNews {
    font-size: 12px;
    font-weight: bold;
    color: #17934e;
    padding: 3px 0;
}
#listNewsHome li a:hover { text-decoration: underline; }
#listNewsHome li img {
    width: 120px;
    height: 94px;
}
#listNewsHome .img * { display: block; }
#listNewsHome .img {
    width: 115px;
    height: 94px;
    margin-right: 7px;
    float: left;
    list-style: none;
    overflow: hidden;
}
#listNewsHome .img:hover {
    width: 105px;
    height: 84px;
    border: 5px solid #03341e;
}
#listNewsHome .img:hover img { margin: -5px; }

.listGallery li, .listGallery li a, .listGallery li span {
    width: 179px;
    height: 120px;
    overflow: hidden;
    text-align: center;
}
.listGallery li {
    padding: 5px;
    margin: 0 5px 5px 0;
    float: left;
    background: #ede1be;
    border: 1px solid #c2a141;
}
.listGallery li:hover { background: #f4da8d }
.listGallery li a {
    display: block;
    background: #FFF;
}
.listGallery li span {
    vertical-align: middle;
    display: table-cell;
}
.listGallery li img { max-width: 180px; }

.listGallery .play {
    width: 86px;
    height: 122px;
    margin: 7px 0 0 45px;
    position: absolute;
    display: block;
    background: url("../img/boxMiddle_play_bg.png") no-repeat 0 0;
}
.listGallery li:hover .play { background-position: 0 -122px; }

/*Button*/
.buttonDown {
    width: 135px;
    height: 30px;
    padding: 5px;
    text-align: right;
    margin: 5px;
    display: block;
    float: left;
    font-size: 11px;
    color: #383838;
    background: url("../img/buttonDown_bg.gif") no-repeat;
}
.buttonDown:hover { background-position: 0 -40px; }

.quote{
    padding: 30px!important;
    margin: 0px 30px;
    box-shadow: 0px 0px 10px #9B9B9B;
    border-radius: 15px;
    background: rgb(247, 251, 255);
}
.mosaico{
    width: 1050px;
    height: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
}

/* FONTS STYLES and Titles*/
/*.title h1:after {
    content: '';
    width: 60px;
    height: 2px;
    background: #58595B;
    display: block;
    margin: 13px 0px;
    display: table;
}*/
.title a {
    font-size: .8em;
    letter-spacing: 0px;
    margin-left: 6px;
    font-weight: 500;
    text-decoration: underline;
    margin-left: 15px;
}
.title a img {position: relative; top: 10px; margin-right: 5px;}
.title h2{
    font-size: .9em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 1px;
    color: #58595B;
    margin-top: 10px;
}

/*TEXTS*/
.text {
    font-family: Tahoma, Arial, sans-serif;
    width: 100%;
    color: #585858;
    line-height: 170%;
    font-size: .9em;
    padding: 1em 0px;
    height: auto;
    display: inline-block;
}

.text h2 {
    color: #585858;
    font-size: 1.1em;
    line-height: 22px;
    font-weight: 600;
}
.text h2 strong {
    font-weight: bold;
}
.text h4 {
    color: #585858;
    font-size: 23px;
    background: #f4f6f9;
    box-shadow: 0px 0px 50px #A5A5A5;
    line-height: 65px;
    padding-left: 50px;
    position: relative;
    z-index: 9;
    margin-bottom: 30px;
    margin-left: 210px;
    text-transform: uppercase;
    display: inline-block;
    width: 615px;
    border-radius: 10px;
}
.text h6 {
    color: #585858;
    font-size: 1.8em;
    float: left;
    width: 300px;
    height: auto;
    font-family: 'Avenir LT Std 95 Black', arial, sans-serif;
    line-height: 45px;
    margin-right: 80px;
    text-transform: uppercase;

    margin-bottom: 30px;
}
.text a { color: #0A246A; }
.text a:hover { text-decoration: underline }

/*textmini*/
.textmini {
    font-size: 11px;
    color: #7b7979;
}

.seeMore {
    text-align: center;
    font-size: 11px;
    color: #17934e;
}
.seeMore:hover { text-decoration: underline; }

.leiaMais {
    width: 45px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: url("../img/saiba+.png") no-repeat;
    transition: 0.7s all ease;
}
.leiaMais:hover { background: url("../img/saiba+hover.png") no-repeat; }

.readMore, .readMore a {
    font-size: 11px;
    color: #cc0000;
    margin-top: 10px;
    text-align: right;
}
a.readMore:hover, .readMore a:hover {
    text-decoration: underline;
}

/*Imagem Principal*/
.boxImg {
    padding: 0px 10px 20px 0px;
}
.boxImg img{
    max-width: 500px;
    display: block;
    margin: 0 auto;
}

/*Video*/
.video-wrapper{
    max-width: 250px;
    max-height: 300px;
    display: table-cell;
    vertical-align: middle;
    margin: 2%;
}
.video-wrapper img{
    width: 100%;
}
.video-wrapper2{
    max-width: 250px;
    max-height: 300px;
    float: left;
    margin: 2%;
}
.video-wrapper2 img{
    width: 100%;
}

/*Box Images*/
.box_imo {
    display: inline-table;
    width: 230px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}
.box_imo div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100px;
    width: 150px;
}
.box_imo div img {
    max-height: 100px;
    max-width: 150px;
}

/*Na home*/
.slide div {vertical-align: middle; display: table-cell; height: 200px; text-align: center;}
.slide div img {max-height: 200px;}

/* end FONTS STYLES */

/* CONTACT */

.footer input, .footer textarea  {
    width: 45%;
    text-align: left;
    margin: 0px;
    padding: 8px;
    font-size: .8em;
    border-radius: 2px;
    margin-bottom: 6px;
    margin-left: 6px;
    color: #000;
    border: 1px solid #ccc;
    float: left;
}
.footer  textarea {    font-size: 1.1em !important; width: 94% !important;}
.footer  input[type="submit"] {
    background: #000;
    color: #fff;
    width: 200px;
    transition: .2s all linear;
    cursor: pointer;
    text-align: center;
    padding: 20px 20px;

}
.footer  input[type="submit"]:hover, .footer  input[type="submit"]:active { background: #4EA025; transition: .2s all linear;}

::-webkit-input-placeholder { color: #717171;}
:-moz-placeholder { color: #717171;}
::-moz-placeholder { color: #717171;}
:-ms-input-placeholder { color: #717171;}


.box-contato {
    float: left;
    max-width: 600px;
    width: 100%;
}

.box-contato input, .box-contato textarea  {
    width: 75%;
    text-align: left;
    margin: 0px;
    display: block;
    padding: 8px;
    font-size: 1em;
    border-radius: 5px;
    margin-bottom: 6px;
    color: #000;
    border: 1px solid #ccc;
}
.box-contato textarea {font-size: 1.3em;}
.box-contato input[type="submit"] {
    background: #000087;
    color: #fff;
    width: 200px;
    transition: .2s all linear;
    cursor: pointer;
    text-align: center;
}
.box-contato input[type="submit"]:hover, .box-contato input[type="submit"]:active { background: #f03438; transition: .2s all linear;}


/*FOOTER*/
#footer {
}
.footer {
    width: 49%;
    display: inline-block;
    padding: 35px 0px 20px;
}
.footer h1 {
    color: #F58634;
    font-size: 2.1em;
    line-height: 45px;
    font-weight: 500;
}
.footer h2 {
    font-size: 1.1em;
    line-height: 27px;
    color: #333333;
    display: block;
    font-weight: 500;
    margin: 30px 0px;
}
.footer p {
    display: block;
    color: #333;
    font-size: .9em;
    margin-bottom: 15px;
    line-height: 27px;
    max-width: 270px;
}
.footer p b {text-transform: uppercase;}

/*copytight*/
.copyright {
    margin: 0 auto;
    padding: 20px 0px;
    display: table;
}
.copyright h2{
    font-weight: 500;
    font-size: .7em;
    color: #333;
    letter-spacing: .5px;
    float: left;
}
.copyright a {float: right;}

/* PAGINATOR */
.paginas {
    text-align: right;
    padding-top: 15px;
    clear: both;
}
.paginas .texto_pag a {
    padding: 3px;
    margin: 1px;
    background-color: #fff;
    box-shadow: 0px 1px 2px #A5A5A5;
    font-size: 11px;
}
.paginas .texto_pag a:hover { background-color: #535353; color: #fff; }
.paginas .pag_selec {
    padding: 2px;
    margin: 1px;
    background-color: #535353;
    color: #FFF;
    font-size: 11px;
}
/* end PAGINATOR */

/*Mapa*/
.mapa {
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 40px auto -45px;
}

/*MSG sistema*/
.msgSucesso {
    margin: 5px 3%;
    padding: 2px 2%;
    font-size: 12px;
    color: green;
    background:  #99ff99;
    border: 1px solid green;
    line-height: 18px;
    float: left;
    font-family:'Trebuchet MS';
    width: 50%;
}
.msgErro {
    margin: 5px 3%;
    padding: 2px 2%;
    font-size: 12px;
    color: red;
    background: #ff9999;
    border: 1px solid red;
    line-height: 18px;
    float: left;
    font-family:'Trebuchet MS';
    width: 50%;
}

.wrapper{
    width: 100%;
    display:block;
    float: left;
}
.blue_topo{
    /* background: #010057; */
    width: 100%;
    display: table;
    margin: 0 auto;
}
.acessibilidade {
    float: right;
}
.acessibilidade a {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 37px;
    margin-left: 5px;
}
.row{
    /* width: 1202px; */
    margin: 0 auto;
    display: table;
}
.rownew{
    width: 1202px;
    margin: 0 auto;
    display: block;
}
.blue_topo ul{
    float: left;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
    position: relative;
    /* width: 100%; */
    margin: 0 auto;
}
.blue_topo ul li {
    background: url('../img/fundo-menu.png') no-repeat;
    position: relative;
    /* display: inline-block; */
    float: left;
    width: 100px;
    height: 22px;
    text-align: center;
    margin-right: 4px;
    padding-top: 9px;
    list-style-type: none;
    list-style: none;
}
.blue_topo ul li li { height: auto }
.blue_topo ul li a{
    display: block;
    color: white;
    text-decoration: none;
    text-align: center;
    list-style-type: none;
    list-style: none;
    font-size: 12px;
}
.blue_topo ul li a:hover{
    color: #000;
}

.blue_topo ul ul ul {
    left: 100%;
    margin-top: -2px;
    top: 0 !important;
}

.blue_topo ul li:hover > ul {
    display: block;
}
.blue_topo ul li ul {
    display: none;
    top: 31px;
    position: absolute;
    transition: all 1s linear;
    min-width: 200px;
    z-index: 1000;
}
.blue_topo ul li ul li {
    width: 160px;
    margin: 0;
    border-top-width: 0;
    border-bottom: 1px solid #538da2;
    border-right: 1px solid #538da2;
    background-color: #85bcd0;
    background: #85bcd0;
    padding: 5px;
    text-align: left;
    list-style-type: none;
    list-style: none;
}
.blue_topo ul li ul li a {
    line-height: 27px;
    font-size: 12px;
    text-align: left;
    padding-left: 15px;
}
.blue_topo ul li ul li:hover {
    color: Black;
    background: #6ca6bb;
}

.telefonetopo{
    margin-right: 30px;
    float: right;
    color:#fff;
    font-size: 22px;
    font-weight: normal;
    font-family: 'ralewaybold';
    line-height: 35px;
    height: 42px;
    background: url('../img/fonico.png') no-repeat;
    background-position: 0px 50%;
    padding-left: 28px;
}
.youtubeico{
    background: url('../img/media.png') no-repeat;
    background-position: -80px 50%;
    margin-left: 14px;
    height: 27px;
    width: 30px;
    float: right;
    display: block;
    margin-top: 8px;
}
.twitterico{
    background: url('../img/media.png') no-repeat;
    background-position: -35px 50%;
    margin-left: 18px;
    height: 27px;
    width: 30px;
    float: right;
    display: block;
    margin-top: 8px;
}
.faceico{
    background: url('../img/media.png') no-repeat;
    background-position: 0px 50%;
    margin-left: 14px;
    height: 27px;
    width: 16px;
    float: right;
    display: block;
    margin-top: 8px;
}
.headermain{
    float: left;
    position: relative;
    z-index: 999;
    padding-top: 20px;
    padding-bottom: 18px;
    width: 100%;
    display: block;
    background: url('../img/bgtopo.jpg') center no-repeat;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    background-size: cover;
}
.rightcontent{
    float: right;
    width: 960px;
}
.top-rightcontent{
    float: right;
    width: 100%;
    display: block;
    height: 108px;
    position: relative;
}
.top-rightcontent h2{
    font-size: 27px;
    font-family: 'Tahoma';
    color:#03028c;
    letter-spacing: 0px;
    position: absolute;
    left: -100px;
    top: 18px;
    line-height: 28px;
    transition: all .4s;
}
.top-rightcontent h2:hover{
    color: #f03438;
}
.arrowz{
    display: block;
    background: url('../img/arroww.png') no-repeat;
    float: right;
    height: 14px;
    line-height: 53px;
    margin: 2px 0 2px 18px;
    width: 16px;
}
.dropseta{
    display: block;
    background: url('../img/dropseta.png') no-repeat;
    float: right;
    background-position: 0px 50%;
    height: 14px;
    line-height: 53px;
    margin: 2px 0px 0px 17px;
    width: 16px;
}
.colegioon{
    margin-top: 28px;
    float: right;
    letter-spacing: -.5px;
    margin-right: 20px;
    color:#fff;
    text-transform: uppercase;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-image: url('../img/pencil.png');
    background-color: #000087;
    padding: 10px 13px 10px 51px;
    border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.colegioon:hover{
    background-color:#f03438;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.instituicoes{
    z-index: 99999;
    position: relative;
    margin-top: 28px;
    text-transform: uppercase;
    float: right;
    color:#fff;
    letter-spacing: -.5px;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-color: #f03438;
    padding: 10px 17px;
    border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.instituicoes:hover{ background: #03028C; }

.menumain{
    float: left;
    position: relative;
    top: 4px;
    width: 100%;
}
.menumain ul{
    display: block;
    padding: 0px;
    margin: 0px;
    float: right;
}
.menumain ul li{
    float: left;
    display: block;
    list-style: none;
    padding-left: 58px;
    padding-top: 12px;
    padding-bottom: 18px;
    margin-right: 16px;
}

.bercarioico{
    float: left;
    background: url('../img/bercario.png') no-repeat;
    background-position: 0xp 50%;
}
.infantilico{
    float: left;
    background: url('../img/educainfa.png') no-repeat;
    background-position: 0xp 50%;

}
.fundamentalico{
    float: left;
    background: url('../img/ensinofun.png') no-repeat;
    background-position: 0xp 50%;
}
.medioico{
    float: left;
    background: url('../img/ensimedio.png') no-repeat;
    background-position: 0xp 50%;
}
.preparaico{
    float: left;
    background: url('../img/cursinho.png') no-repeat;
    background-position: 0xp 50%;
}
.atividadeico{
    float: left;
    background: url('../img/plusico.png') no-repeat;
    background-position: 0xp 50%;
}
.turnoico{
    float: left;
    background: url('../img/turno-integral.png') no-repeat;
    background-position: 0xp 50%;
}
.patoralico{
    float: left;
    padding-left: 62px;
    background: url('../img/pastoral.png') no-repeat;
    background-position: 0xp 50%;
}
.menumain ul li p{
    color: #6c6c6c;
    font-size: 13px;
    line-height: 15px;
    display: block;
    font-family: 'ralewaythin';
    font-weight: normal;
}
.nomarginr{
    margin-right: 0px !important;
}
.menumain ul li p span{
    font-family: 'Tahoma';
    display: block;
    font-size: 13.4px;
    color:#000087;
    line-height: 9px;
    letter-spacing: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.contentstage{
    float: left;
    width: 100%;
    display: block;
    /*background: url('../img/bgmain.jpg') top center repeat;*/
}
.left-content{
    float: left;
    width: 920px;
    display: block;
}
.left-content h2{
    text-align: center;
    font-family: 'Tahoma';
    width: 100%;
    display: block;
    font-size: 30px;
    color:#f03438;
    text-transform: uppercase;
    margin-top: 64px;
    margin-bottom: 49px;
}

.noticiaframe{
    background: #fff;
    display: block;
    width: 288px;
    margin-bottom: 27px;
    float: left;
    margin-right: 20px;
}
.noticiaframe p{
    font-family: 'Tahoma';
    color: #6c6c6c;
    font-size: 13px;
    padding: 10px;
    padding-bottom: 0px !important;
}
.noticiaframe h3{
    color: #010057;
    font-size: 18px;
    height: 38px;
    max-height: 38px;
    overflow: hidden;
    font-family: 'Tahoma';
    padding:5px 10px 0px 10px;
}
.imgholder a{
    font-size: 16px;
    float: left;
    font-family: 'Tahoma';
    padding: 9px 14px;
    color:#fff !important;
    background: #f03438;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-transform: uppercase;
}
.titlelink, .fixmenulink{
    font-size: inherit !important;
    float: none !important;
    padding: inherit !important;
    color: inherit !important;
    background: transparent !important;
    position: relative !important;
    text-transform: none !important;
}
.imgholder{
    float: left;
    width: 100%;
    margin-bottom: 12px;
    height: 144px;
    position: relative;
    overflow: hidden;
}
.imgholder img{
    min-width: 100%;
}
.destaque{

}
.padrao a{
    float: left;
    display: block;
    color: #f03438;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px;
}
.bottomcall{
    float: left;
    margin-top: 24px;
    width: 100%;
    padding-bottom: 70px;
}
.arearestrita{
    float: left;
    padding-top: 19px;
    padding-bottom: 19px;
    background:url('../img/puzzle.png') no-repeat;
    padding-left: 84px;
    margin-left: 158px;
    display: block;
    margin-right: 164px;
}
.arearestrita h3{
    font-family: 'ralewaythin';
    font-size: 15px;
    font-weight: normal;
    color:#6c6c6c;
    display: block;
}
.arearestrita h4{
    font-size: 20px;
    color:#03028c;
    display: block;
    font-family: 'Tahoma';
    text-transform: uppercase;
}
.nomright{
    margin-right: 0px !important;
}
.entrecontato{
    float: left;
    padding-top: 19px;
    padding-bottom: 19px;
    background:url('../img/mensagem.png') no-repeat;
    padding-left: 84px;
    display: block;
}
.entrecontato h3{
    font-family: 'ralewaythin';
    font-size: 15px;
    color:#6c6c6c;
    font-weight: normal;
    display: block;
}
.entrecontato h4{
    font-size: 20px;
    color:#03028c;
    font-family: 'Tahoma';
    text-transform: uppercase;
    display: block;
}
.right-content{
    margin-top: 10px;
    float: right;
    display: block;
}
.right-content a{
    display: block;
}
.agendaico{
    width: 158px;
    height: 158px;
    background:url('../img/agenda.png') no-repeat;
    background-position: 0px 50%;
    float:right;
    margin: 15px 0px;
}
.calendarioico{
    width: 158px;
    height: 158px;
    background:url('../img/calendario.png') no-repeat;
    background-position: 0px 50%;
    float:right;
    margin: 15px 0px;
}
.videosico{
    width: 158px;
    height: 158px;
    background:url('../img/video.png') no-repeat;
    background-position: 0px 50%;
    float:right;
    margin: 15px 0px;
}
.fotosico{
    width: 158px;
    height: 158px;
    background:url('../img/fotos.png') no-repeat;
    background-position: 0px 50%;
    float:right;
    margin: 15px 0px;
}
.manualico{
    width: 158px;
    height: 158px;
    background:url('../img/manual.png') no-repeat;
    background-position: 0px 50%;
    float:right;
    margin: 15px 0px;
}
.rodapelow{
    padding: 20px 0px;
    display: block;
    background: #CCCCCC;
    width: 100%;
    border-top: 5px solid #aaa9a2;
    border-bottom: 5px solid #aaa9a2;
    box-shadow: 0 0 10px #888;
    width: 95%;
    margin: 0 auto;
}
.nav_separa {
    float: left;
    padding: 18px 10px 0 10px;
}
.nav_item {
    float: left;
    padding: 20px 10px 10px 15px;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #888888;
}
.nav_item a {
    text-decoration: none;
    font-family: 'Trebuchet MS';
    font-size: 11px;
    margin-left: 10px;
    color: #666666;
    font-weight: bold;
}
.centro {
    margin: 0 auto 20px;
    width: 1280px;
    box-shadow: 0 0 10px #888;
    display: block;
}
.rodape {
    height: 84px;
    background: url('../img/fundo-rodape.png') no-repeat;
    text-align: center;
    font-family: 'Trebuchet MS', Arial;
    color: #5a5243;
    font-size: 12px;
}
.rodape_logo {
    margin-left: 15px;
}
.leftlogobot{
    float: left;
    display: block;
    width: 450px;
    position: relative;
}
.holdcopy{
    float: left;
    position: absolute;
    left: 128px;
    top: 28px;
    color:#fff;
}
.holdcopy h2{
    font-size:13px;
    color:#fff;
    display: block;
    font-weight: bold;
}
.holdcopy h4{
    font-size:13px;
    color:#fff;
    display: block;
    font-weight: normal;
}
.btnfooter{
    float: left;
    padding-right: 10px;
    width: 228px;
}
.btnfooter .instituicoes{
    text-transform: uppercase;
}
.btnfooter .colegioon{
    background-color: #6C6C6C;
    margin-right: 0px;
    text-transform: uppercase;
    width: 119px;
    margin-top: 3px;
}
.btnfooter .trabalheconosco{
    background-color: #6C6C6C;
    margin-right: 0px;
    text-transform: uppercase;
    width: 160px;
    margin-top: 3px;

    float: right;
    letter-spacing: -.5px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: 18px 50%;
    background-color: #f03438;
    padding: 10px 13px 10px 10px;
    border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;

}
.mediafooter{
    float: left;
    margin: 30px 0px 0px 21px;
    color:#fff;
}
.fundacao{
    float: right;
}
.fundacao img{
    float: left;
    margin-top: 8px;
    display: block;
}
.fundacao p{
    color:#fff;
    font-size: 13px;
    float: left;
    margin-left: 12px;
    margin-top: 28px;
}
.title{
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-left: -10px;
}
.title h1{
    display: block;
    color: #ca4742;
    font-size: 20px;
    font-weight: normal;
}
.sub-title h3{
    color: #4d8ca5;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}
.galleryList {
    margin: 20px 0;
    position: relative;
    text-align: center;
}
.galleryList li {
    border: 1px solid #ccc;
    display: inline-table;
    margin: 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
.galleryList li img {
    max-height: 100px;
    max-width: 100px;
}
.fixlink{
    color: inherit;
    font-family: 'Tahoma' !important;
    letter-spacing: -1px;
}
.showonmobile{
    display: none;
    visibility: hidden;
}
menu, .slidermobileonly{
    display: none;
    visibility: hidden;
}


#menugo{
    display: none;
    visibility: hidden;
    text-align: center;
    font-family: 'Tahoma';
    background-color: #5b97af;
    color:#fff;
    padding: .7em 0px;
    font-weight: bold;
    cursor: pointer;
    font-size: 1em;
    text-transform: uppercase;
    transition: all .3s;
}
/*#menugo:hover{
    background-color: #171792;
    transition: all .3s;
}*/

.calendar {
    width: 420px;
    margin: 0 auto;
}
.calendar table tr th {
    background-color: lightgray;
    border: 1px solid #000;
    width: 60px;
}
.calendar table tr td {
    border: 1px solid #000;
    text-align: right;
}
.calendar table tr td a {
    color: #585858;
    display: block;
    padding: 4px 6px;
    text-decoration: none !important;
}
.calendar table tr td.bold a { font-weight: bolder }
.calendar table tr td.event a {
    background-color: #F03438;
    color: #FFFFFF;
}

/*INTERNO*/
.text-box-right{
    background-color: #eeede2;
    width: 69%;
    border: 1px outset #dbdad1;
    float: left;
	overflow: hidden;
}

.text-box-right table{
    border: 1px solid #000;
    width: 100%;
    min-width: 100%;
}
.text-box-right table td{
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding: 5px;
}

.padding_20{padding: 20px;}

.nav-box-left{
    width: 28%;
    float: left;
    height: auto;
    margin-right: 10px;
}

.nav-box-left .sf-menu li a{
    background-color: #78aec1;
    color: #ffffff;
    padding: 8px;
}
.nav-box-left .sf-menu li ul li a{
    background-color: #649eb4;
}
.nav-box-left .sf-menu .sf-sub-indicator {
    background: url('../img/seta-menu-pagina.png') no-repeat;
    width: 25px;
    height: 20px;
}
.nav-box-left .sf-vertical a:focus > .sf-sub-indicator,
.nav-box-left .sf-vertical a:hover > .sf-sub-indicator,
.nav-box-left .sf-vertical a:active > .sf-sub-indicator,
.nav-box-left .sf-vertical li:hover > a > .sf-sub-indicator,
.nav-box-left .sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -30px 0;
}
.nav-box-left .sf-vertical li:hover ul, .nav-box-left .sf-vertical li.sfHover ul {
    left: 261px;
    top: 0;
}
.nav-box-left .sf-vertical li:hover ul li ul, .nav-box-left .sf-vertical li.sfHover ul li ul{left: 151px;}

/*NOTICIAS*/
.box-noti{
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.box-noti-img{
    background-color: #ffffff;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: #9c9b94;
    margin-right: 10px;
    width: 148px;
    height: 111px;
    overflow: hidden;
}
.box-noti a{
    font-size: 12px;
    color: #0f56a5;
}
.box-noti h2{
    font-size: 12px;
    color: #0f56a5;
    font-weight: bold;
} 

.voltar-site{
    height: 23px;
    margin: 10px auto;
    text-align: center;
}
.voltar-site a {
    background-image: url('../img/enviar.png');
    width: 92px;
    height: 27px;
    color: #FFFFFF;
    font-family: Tahoma;
    border: 0;
    padding: 5px 30px;
}

/*CONTATO*/
.texto_t_12_c {
    color: #666666;
    font-size: 12px;
    line-height: 24px;
}
.form_nome {
    background-color: #dcdcd9;
    border: 0;
    height: 30px;
    width: 590px;
    font-size: 14px;
    font-family: Tahoma;
}
.form_email {
    background-color: #dcdcd9;
    border: 0;
    height: 30px;
    width: 250px;
    font-size: 14px;
    font-family: Tahoma;
}
.form_data {
    background-color: #dcdcd9;
    border: 0;
    height: 30px;
    width: 145px;
    margin-left: 10px;
    font-size: 14px;
    font-family: Tahoma;
}
.form_cidade {
    background-color: #dcdcd9;
    border: 0;
    height: 30px;
    width: 175px;
    margin-left: 10px;
    font-size: 14px;
    font-family: Tahoma;
}
.form_mensagem {
    background-color: #dcdcd9;
    border: 0;
    height: 165px;
    width: 585px;
    font-size: 14px;
    font-family: Tahoma;
}
.voltar-form {
    background-image: url('../img/enviar.png');
    width: 92px;
    height: 27px;
    color: #FFFFFF;
    font-family: Tahoma;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
    padding-bottom: 5px;
}


@media only screen and (min-width: 1360px){
    #sliderhome{
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (min-width: 1440px){
    #sliderhome{
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (min-width: 1600px){
    #sliderhome{
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (min-width: 1680px){
    #sliderhome{
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (min-width: 1920px){
    #sliderhome{
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width: 1240px) {
    header {width: 100%; height: auto;}
    .container {width: 100%; margin: 0 auto;}
    .slider { display: none; }
    #logo {width: 100%; text-align: center;}
    .topo .esquerda {
        width: 100% !important;
    }
    .imagem-top {
        float: none;
        width: 100%;
        text-align: center;
    }
    .showonmobile{
        display: block;
        width: 100%;
        visibility: visible;
        height: 45px;
        background: #5b97af;
    }
    #menugo{
        background-image: url('../img/mobileico.png');
        background-repeat: no-repeat;
        background-position: 50% 4px;
        text-indent: -1000000px;
        margin: 0em 0px;
        display: block;
        visibility: visible;
    }
    .novomenu{
        float: left;
        width: 100%;
        display: block;
    }
    .novomenu ul{
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: left;
    }
    .novomenu ul li ul{
        width: 100%;
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: left;
    }
    .novomenu ul li{
        float: left;
        width: 100%;
        list-style: none;
    }
    .novomenu ul li ul li a{
        background: #38758e;
    }
    .novomenu ul li a{
        background: #153b4a;
        text-align: center;
        color:#fff;
        text-transform: uppercase;
        display: block;
        padding: .8em 0px;
        font-size: 1em;
        transition: all .3s;
    }
    .novomenu ul li a:hover{
        background: #000 !important;
        transition: all .3s;
    }
    .novomenu{
        display: block;
        visibility: visible;
    }
    .shower{
        display: block !important;
        visibility: visible !important;
    }
    .hideit{
        display: none !important;
        visibility: hidden;
    }
    .hideonmobile{
        display: none !important;
        visibility: hidden !important;
    }
    .banner {display: none;}
    .slider .esquerda{
        float: none;
    }
    .destaque {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    main {width: 100%;}
    .esquerda-mobile{
        float: none;
        text-align: center;
    }
    .banners {
        width: 100% !important;
    }
    .noticia .esquerda {
        float: none !important;
        margin: 1em auto !important;
        display: table;
    }
    .box-noticia .noticia_lista {
        height: auto;
        width: 90%;
        margin: 0 auto 10px;
    }
    .box-noticia .leia_mais {margin: 0 auto;}
    .margin_20 {
        display: none !important;
    }
    .formulario-oracao{float: none;}
    .formulario-oracao .destaque{width: 260px;}
    .rodapelow {display: none;}
    .centro {width: 100%;}


    .telefonetopo{
        margin-right: 10px;
    }
    #post{
        width: 100% !important;
    }
    #categorias{
        display: none;
        visibility: hidden;
    }
    .box-contato input, .box-contato textarea{
        width: 100%;
        padding: 10px 0px;
        text-indent: 10px;
    }
    .box-contato input[type="submit"]{
        float: none;
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .box-contato{
        display: block;
        margin: 0 auto;
        float: none;
        width: 100%;
        max-width: none;
    }
    .contentstage{
        padding-bottom: 2em;
    }
    .text{
        width: 100%;
        display: block;
        margin: 0 auto;
        float: none;
    }
    .title h1{
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        line-height: 2em;
    }
    .boxImg img{
        display: block;
        margin: 0 auto;
    }
    .menumain ul li{
        background-size: 40px;
        float: left;
        display: block;
        list-style: none;
        padding-left: 43px;
        padding-top: 7px;
        padding-bottom: 12px;
        margin-right: 6px !important;
    }
    .rightcontent{
        width: 796px;
    }
    .left-content{
        width: 918px;
        display: block;
        float: none;
        margin: 0 auto;
    }
    .right-content{
        display: block;
        margin: 0 auto;
        float: none;
        width: 918px;
    }
    .right-content a{
        display: inline-block;
    }
    .right-content a div{
        margin: 15px 10px;
    }
    .row, .rownew{
        width: 100% !important;
    }
    .btnfooter{
        width: 203px;
    }
    .blue_topo ul li{
        margin-right: 15px;
        margin-left: 5px;
    }

    /*INTERNO*/
    .text-box-right {width: 100%;border: none;}
    .nav-box-left {width: 100%;display: none;}

    /*NOTICIAS*/
    .box-noti {text-align: center;}
    .box-noti .esquerda {float: none;}
    .box-noti .box-noti-img {margin: 10px auto;}
    .sub-title h3 {text-align: center;}

}

@media only screen and (max-width: 1040px) {
    .fixleftspace {
        display: none !important;
        visibility: hidden;
    }
    .vejamaislink{
        width: 100%;
    }
    .btnfooter .trabalheconosco{
        width: 192px !important;
    }
    .boxImg img{
        max-width: 90% !important;
    }
    .nivo-directionNav{
        display: none;
        visibility: hidden;
    }
    .logo{
        display: block;
        float: none;
        margin: 0 auto;
    }
    .logo img{
        display: block;
        float: none;
        margin: 1em auto auto auto;
        max-height: 90px;
    }
    .top-rightcontent{
        height: auto !important;
    }
    .top-rightcontent h2{
        margin: 1.3em auto;
        display: block !important;
        font-size: 1.4em;
        position: relative !important;
        float: left !important;
        width: 100%;
        left: 0px;
        top: 0px;
        text-align: center;
    }
    .rightcontent{
        width: 100%;
        display: block;
    }
    .telefonetopo{
        margin-right: 10px;
    }
    #post{
        width: 100% !important;
    }
    #categorias{
        display: none;
        visibility: hidden;
    }
    .box-contato input, .box-contato textarea{
        width: 100%;
        padding: 10px 0px;
        text-indent: 10px;
    }
    #contact > select{
        width: 100% !important;
    }
    .box-contato input[type="submit"]{
        float: none;
        display: block;
        margin: 2em auto;
        width: 100%;
    }
    .box-contato{
        display: block;
        margin: 0 auto;
        float: none;
        width: 100%;
        max-width: none;
    }
    .contentstage{
        padding-bottom: 2em;
    }
    /*.telefonetopomobile{
        float: left;
        visibility: hidden;
        width: 100%;
        display: none;
        color:#000087;
        text-align: center;
        padding: 1em 0px;
        font-size: 1.6em;
        font-family: 'Tahoma';
    }*/
    .telefonetopomobile{
        visibility: visible;
        width: 100%;
        display: inline-block;
        color: #000087;
        text-align: center;
        font-size: 1.6em;
        font-weight: normal;
        font-family: 'ralewaybold';
        margin-bottom: 15px;
    }
    .telefonetopomobile a{
        visibility: visible;
        width: 100%;
        display: inline-block;
        color: #000087;
        text-align: center;
        font-weight: normal;
        font-family: 'ralewaybold';
    }
    .telefonetopomobile img{
        margin-right: 15px;
        position: relative;
        top: 5px;
    }
    .title h1{
        width: 100%;
        text-align: center;
        font-size: 1.5em;
        line-height: 2em;
    }
    .boxImg img{
        display: block;
        margin: 0 auto;
    }
    .menumain ul li{
        background-size: 40px;
        float: left;
        display: block;
        list-style: none;
        padding-left: 43px;
        padding-top: 7px;
        padding-bottom: 12px;
        margin-right: 8px;
    }

    .left-content{
        width: 100%;
        display: block;
        float: left;
    }
    .left-content h2{
        width: 100%;
        font-family: 'Tahoma';
        font-size: 1.6em;
        padding: 1em 0px;
        text-align: center;
        margin: 0px;
    }
    .noticiaframe{
        width: 90%;
        overflow: hidden;
        float: none;
        margin: 1em auto !important;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
    }
    .vejamaismob{
        float: left;
        width: 100%;
    }
    .noticiaframe p{
        float: left;
        width: 100%;
    }
    .noticiaframe h3{
        float: left;
        width: auto;
        display: block;
    }
    .right-content{
        display: block;
        clear: both;
        margin: 0 auto;
        float: none;
        width: 100%;
    }
    .right-content a{
        display: table;
        width: 100%;
    }
    .right-content a div{
        margin: 1em auto;
        float: none;
        display: block;
    }
    .row, .rownew{
        width: 100%!important;
    }
    .blue_topo ul li{
        margin-right: 15px;
        margin-left: 5px;
    }
    main{
        display: block;
    }
    .arearestrita{
        background: #f03438;
        display: block;
        padding: 1em 0px;
        width: 100%;
        display: block;
        margin: 1em 0px;
    }
    .arearestrita:hover{
        background: #B71D20;
        transition: all .3s;
    }
    .arearestrita h3{
        color:#fff;
        margin-bottom: 1em;
        font-size: 1.3em;
        text-align: center !important;
    }
    .arearestrita h4{
        color:#fff;
        font-size: 1.6em;
        text-align: center !important;
    }
    .entrecontato{
        width: 100%;
        background: #000087;
        display: block;
        padding: 1em 0px;
        margin: 1em 0px;
    }
    .entrecontato:hover{
        background: #171792;
        transition: all .3s;
    }
    .entrecontato h3{
        color:#fff;
        margin-bottom: 1em;
        font-size: 1.3em;
        text-align: center !important;
    }
    .entrecontato h4{
        color:#fff;
        font-size: 1.6em;
        text-align: center !important;
    }
    .bottomcall{
        padding-bottom: 30px;
    }
    .leftlogobot, .logobot{
        float: left;
        width: 100%;
        display: block;
    }
    .logobot img{
        display: block;
        margin: 0 auto;
    }
    .holdcopy{
        float: left;
        width: 100%;
        display: block;
        text-align: center;
        left: 0px;
        margin: 1em 0px;
        top: auto;
        position: relative;
    }
    .holdcopy h2,
    .holdcopy h4{
        padding: 0px 5%;
    }
    .btnfooter{
        float: none;
        display: table;
        margin: 0 auto;
    }
    .colegioon{
        padding: 10px 17px 10px 16px !important;
    }
    .fundacao{
        float: left;
        width: 100%;
        display: block;
    }
    .fundacao p{
        text-align: center;
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        display: block;
    }
    .fundacao img{
        float: none;
        display: block;
        margin: 2em auto;
    }
    .instituicoes, .colegioon{
        float: none;
        width: 182px !important;
        text-align: center;
        display: block;
        margin: 1em auto !important;
    }
    .headermain{
        padding: 0px;
        background-size: cover;
    }
    .form-search .search-input {width: 80%; float: none!important;}
    .form-search .input_submit_view {left: -25px!important; top: 0px!important; float: none!important;}
    .form-search {
        text-align: center!important;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 768px) {
    #logo a img,
    #logo a{
        float: right;
        max-width: 90%;
    }
    
    
    .fixleftspace {
        display: none !important;
        visibility: hidden;
    }
    .film_roll_prev,
    .film_roll_next{
        display: none;
        visibility: hidden;
    }
}

@media only screen and (max-width: 500px) {
    #logo a img,
    #logo a{
        max-width: 85%;
    }
    .fadetop img { max-height: 114px; }
}
@media only screen and (max-width: 374px) {
    #logo a img,
    #logo a{
        max-width: 80%;
    }
}

#contact > select{
    width: 78%;
    text-align: left;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 6px;
    margin-left: 0px;
    display: block;
    padding: 8px;
    font-size: 1em;
    border-radius: 5px;
    margin-bottom: 6px;
    color: #000;
    border: 1px solid #ccc;
}

.prevarrow{
    margin-bottom: 5px;
    z-index: 99999;
    position: relative;
    text-transform: uppercase;
    float: left;
    color: #fff !important;
    letter-spacing: 1px;
    font-size: 13px;
    background-color: #f03438;
    padding: 8px 12px;
    border-radius: 0px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.prevarrow a{
    color:#fff;
    font-weight: 800;
}
.prevarrow:after{
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(240, 52, 56, 0);
    border-right-color: #f03438;
    border-width: 10px;
    margin-top: -10px;
}

.nextarrow{
    margin-bottom: 5px;
    z-index: 99999;
    position: relative;
    text-transform: uppercase;
    float: right;
    color: #fff !important;
    letter-spacing: 1px;
    font-size: 13px;
    background-color: #f03438;
    padding: 8px 12px;
    border-radius: 0px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.nextarrow a{
    color:#fff;
    font-weight: 800;
}
.nextarrow:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(240, 52, 56, 0);
    border-left-color: #f03438;
    border-width: 10px;
    margin-top: -10px;
}

.form-search{text-align: right;}
.form-search .search-input{
    margin: 0px;
    padding: 6px;
    font-size: 1em;
    border-radius: 5px;
    color: #000;
    border: 1px solid #ccc;
    float: right;
}
.form-search .input_submit_view{
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: url("../img/lupa2.png") no-repeat;
    position: relative;
    text-indent: 999999px;
    transition: .2s linear;
    border: 0;
    left: 150px;
    top: 8px;
}
.form-search .input_submit_view:hover{
    transition: .2s linear;
    transform: scale(1.1);
}


#banner-01{
  animation: animationFrames ease-in-out 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  animation-delay:0s;
}
#banner-02{
  animation: animationFrames ease-in-out 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  animation-delay:4s;
}
#banner-03{
  animation: animationFrames ease-in-out 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames ease-in-out 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames ease-in-out 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames ease-in-out 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames ease-in-out 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  animation-delay:8s;
}

@keyframes animationFrames{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.questorzen:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1); 
    transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.overflow-privacidade{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 1 0 / 0.6);
    z-index: 99999;
}
.content-privacidade{
    position: absolute;
    bottom: 1rem;
    z-index: 99;
    width: 100%;
    background: #fff;
    padding: 2.5rem;
}
.content-privacidade .text{
    font-size: 13px;
}
.content-privacidade .text a{
    color:#0F91A5;
    font-weight: bold;
    text-decoration: underline;
}
.content-privacidade .btn {
    background-color: #7C8C9C;
    border: 0;
    border-radius: 20px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 40px;
    margin: 8px 0;
    padding-left: 20px;
    padding-right: 50px;
    float: right;
    position: relative;
    transition: 0.5s linear;
}
.content-privacidade .btn:hover {
    background-color: #002255;
}
input[type="submit"]:disabled{
    opacity: 0.2;
    transition: 0.7s all ease;
}
input[type="submit"]{
    opacity: 1;
    transition: 0.7s all ease;
}
p.checkHabilit{
    font-size: 1.4em;
}
.checkHabilit a{
    color:#27367a;
    font-weight: bold;
    text-decoration: underline;
}
input:disabled {
    opacity: 0.2;
}
@media only screen and (max-width: 500px) {
    .content-privacidade{
        padding: 1rem;
    }
    .content-privacidade .btn{
        float: none;
        padding: 10px;
    }
}
[class*="col-"] { box-sizing: border-box; padding: 1%; width: 100%; }
@media only screen and (min-width: 600px) {
    [class*="col-"] { float: left; }
    .col-m-1 { width: 8.33% }
    .col-m-2 { width: 16.66% }
    .col-m-3 { width: 25% }
    .col-m-4 { width: 33.33% }
    .col-m-5 { width: 41.66% }
    .col-m-6 { width: 50% }
    .col-m-7 { width: 58.33% }
    .col-m-8 { width: 66.66% }
    .col-m-9 { width: 75% }
    .col-m-10 { width: 83.33% }
    .col-m-11 { width: 91.66% }
    .col-m-12 { width: 100% }
    .d-block {display: none;}
}
@media only screen and (min-width: 900px) {
    .col-1 { width: 8.33% }
    .col-2 { width: 16.66% }
    .col-2-b { width: 20% }
    .col-3 { width: 25% }
    .col-4 { width: 33.33% }
    .col-5 { width: 41.66% }
    .col-6 { width: 50% }
    .col-7 { width: 58.33% }
    .col-8 { width: 66.66% }
    .col-9 { width: 75% }
    .col-10 { width: 83.33% }
    .col-11 { width: 91.66% }
    .col-12 { width: 100% }
}

@media screen and (max-width: 600px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm,
    .col-sm-auto,
     {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .d-block {display: block;}
    .row-mob {
        display: flex;
        flex-wrap: wrap;
        margin-right: auto;
        margin-left: auto;
    }
}