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

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { background: #fff; margin: 0; font-family: 'open_sansregular'; color: #444; font-size: 14px; overflow-x: hidden; }
a { text-decoration: none; color: #444; } a:hover { text-decoration: underline; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'open_sansregular'; color: #444; font-size: 13px; }

.msg{color: #ef2a2a; font-size: 16px; font-weight: bold; margin-top: 45px;}

.wrapper { width: 1050px; margin: 0 auto; }

.up { opacity: 0; }

#topo { background: url(../../imagens/bg_topo.jpg); width: 100%; float: left; height: 140px; }
#topo .wrapper { position: relative; }
#topo #logo { float: left; margin: 30px 0 0; }
#topo #logo a { background: url(../../imagens/logo.png); width: 286px; height: 79px; display: block; }
#topo .right { float: right; text-align: right; width: 200px; margin-top: 18px; }
#topo .right select { background: #1c71a4; width: 180px; height: 30px; border: none; color: #fff; margin-top: 10px; }

#menu { width: 100%; background: url(../../imagens/bg_menu.png); height: 58px; float: left; }
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul li { float: left; }
#menu ul li a { font-size: 16px; text-decoration: none; color: #fff; font-family: 'open_sanssemibold'; text-transform: uppercase; display: block; padding: 19px 16px; }
#menu ul li a:hover, #menu ul li a.active { background: #004b85; }

#banner { width: 100%; float: left; height: 394px; z-index: 1; position: relative; }
#banner .slide { float: left; width:100%; position: relative; height: 394px; float: left;  }
#banner .slide ul { height: auto; width:100%;  position: relative; margin: 0 auto; padding:0}
#banner .slide ul li { position: absolute; width:100%; height:auto; z-index:90; list-style:none; display:none}
#banner .slide ul li a{ width: 100%; height: auto; display: block; float: left; position: relative; top: 0; }
#banner .slide ul li a img { width: 100%; }
#banner .slide div.barra { display: none; }
#banner .slide div.fundo { width:100%; height:auto; position:absolute; left:0; top:0; bottom:0; right:0; z-index:0; display:none}
#banner .slide .nav { position: absolute; display: block; width: 100%; z-index: 5000; text-align: right; bottom: 20px; }
#banner .slide .nav .wrapper { margin: 0 auto; width: 100%; text-align: right; }
#banner .slide .nav span { background: transparent; width: 10px; height: 10px; margin-left: 5px; border: 2px solid #fff; cursor: pointer; display: inline-block; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#banner .slide .nav span.ativo { background: #9bceed; border: 2px solid #9bceed; }
#banner .area_banner { display: none; }

#content { background: url(../../imagens/bg_content.jpg) center top no-repeat; width: 100%; float: left; padding: 0 0 30px; }
.interna #box_content { margin-top: 50px; }
.interna_artigo #box_content { margin-top: 20px; }
#box_content { background: #fff; width: 94%; padding: 30px 3%; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#box_content h2 { font-family: 'open_sansbold'; font-size: 26px; color: #004b85; margin: 0 0 20px; }
#box_content h2 span { font-family: 'open_sansbold'; font-size: 16px; color: #004b85; margin: 0 0 8px; width: 100%; float: left; }
#box_content .col_full h2 { text-align: left; }
#box_content .col_left { width: 663px; float: left; text-align: justify; }
#box_content .col_right { width: 285px; float: right; }
#box_content .col_full { width: 100%; float: left; text-align: center; margin-bottom: 50px; }
#box_content .col_full.left { text-align: justify; }
#box_content .content_home { width: 100%; float: left; margin-top: 40px; }
#box_content .box { background: url(../../imagens/bg_box.png) top center repeat-x; height: 190px; position: relative; display: table; width: 44.5%; padding: 20px 2%; margin-bottom: 15px; float: left; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#box_content .box a { text-decoration: none; }
#box_content .box p a { text-decoration: none; color: #444; }
#box_content .box.right { float: right; }
#box_content .box h3 { font-size: 20px; color: #004b85; margin: 0 0 10px; line-height: 24px; font-family: 'open_sansbold'; font-weight: normal;2 }
#box_content .box h3 a { color: #004b85; cursor: default; }
#box_content .box i { width: 30%; height: 100%; position: relative; display: table-cell; vertical-align: middle; }
#box_content .box i img { width: 100%; }
#box_content .box .txt { width: 65%; padding-left: 5%; display: table-cell; vertical-align: middle; }
#box_content .box .txt p { margin: 0; text-align: justify; }
#box_content .box.full { width: 90%; height: auto; padding: 30px 5%; margin: 30px 0 15px; }
#box_content .box.full i { width: 10%; }
#box_content .box select { background: #1c71a4; width: 100%; height: 30px; border: none; margin-top: 30px; color: #fff; display: table-cell; vertical-align: middle; }
#box_content .banner { width: 100%; float: left; margin-bottom: 15px; margin-top: 15px; }
#box_content .banner img { width: 100%; }
#box_content .banner.b { width: auto; }
#box_content .banner.right { float: right; }

#pesquisa { float: left; width: 100%; margin-top: 15px; }
#pesquisa h3 { background: #004b85; padding: 10px 4%; width: 92%; margin: 0; float: left; font-family: 'open_sansbold'; text-transform: uppercase; font-size: 16px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }
#pesquisa h3 img { float: left; margin: -15px 10px 0 -15px; }
#pesquisa h3 span { color: #fff; margin-top: 4px; display: block; }
#pesquisa .content { background: #ebebeb; padding: 20px 6%; width: 88%; float: left; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; }
#pesquisa .content form { display: block; margin-top: 20px; }
#pesquisa .content p { display: block; width: 100%; float: left; margin: 0 0 6px; }
#pesquisa input[type=text], #pesquisa select { background: #fff; padding: 0 3%; width: 94%; height: 45px; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#pesquisa select { padding: 5px 3%; width: 100%; margin: 10px 0; }
#pesquisa input[type=text] { width: 78%; }
#pesquisa input[type=submit] { background: url(../../imagens/submit_pesquisa.png) center no-repeat #004b85; width: 14%; float: right; height: 45px; padding: 0; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#pesquisa.interna { margin-top: 0; }
#pesquisa.interna .content { padding: 0; background: transparent; width: 100%; margin-bottom: 20px; }
#pesquisa.interna input[type=text], #pesquisa.interna select { background: #ebebeb; }
#pesquisa.interna h4 { font-family: 'open_sansbold'; color: #004b85; font-size: 16px; margin-bottom: 10px; }
#pesquisa.interna .it { padding: 15px 5%; width: 90%; background: #ebebeb; margin-bottom: 5px; }

#pesquisa.topo { width: 100%; float: left; margin-top: 40px }
#pesquisa.topo .content { width: 50%; margin-top: 0; float: right; padding: 1%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; }
#pesquisa.topo .content p { width: 48%; float: left; display: inline-block; margin: 0; }
#pesquisa.topo .content form { margin-top: 0; }
#pesquisa.topo .content form p { width: 48%; margin-left: 4%; float: left; display: inline-block; }
#pesquisa.topo .content select { margin: 0; }

#pesquisa.busca .op { width: 48%; float: left; margin: 0 2% 0 0; }
#pesquisa.busca select { margin:0; }

#categorias { float: left; width: 220px; }
#categorias ul { list-style: none; padding: 0; margin: 0; }
#categorias ul li { float: left; width: 100%; margin-bottom: 3px; }
#categorias ul li a { background: #eee; font-size: 14px; text-decoration: none; text-transform: uppercase; display: block; padding: 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#categorias ul li a:hover, #categorias ul li a.active { background: #004b85; color: #fff; }

.pergunta { background: #004b85; color: #fff; display: block; padding: 15px 2%; margin-top: 10px; float: left; width: 96%; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.resposta { background: #eee; margin-top: 5px; color: #222; display: none; padding: 15px 2%; float: left; width: 96%; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#galeria_txt { float: left; margin: 0 40px 25px 0; }
#galeria_txt .slide { border: 10px solid #ddd; height: 300px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#galeria_txt .nav { float: left; width: 100%; text-align: center; margin-top: 10px; }
#galeria_txt .nav a { background: url(../../imagens/nav_galeria.png) left; width: 13px; height: 20px; margin: 0 2px; display: inline-block; }
#galeria_txt .nav a.next { background-position: right; }

.paginacao { width: 100%; float: left; text-align: center; }
.paginacao ul { list-style: none; padding: 0; margin: 0; }
.paginacao ul li { display: inline-block; }
.paginacao a { background: #eee; display: block; color: #111; text-decoration: none; padding: 8px;	 border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.paginacao a:hover { background: #275737; color: #fff; }

#area_txt { float: right; width: 720px; text-align: justify; }
#area_txt a, p a {color: #E26C00; cursor: default;}
#area_txt h3 { font-family: 'open_sansbold'; font-size: 24px; margin: 0 0 20px; font-weight: normal; color: #333; }
#area_txt img { max-width: 100% !important; height: auto !important; margin: 0 !important; }

#form_page { width: 520px; margin: 50px auto 0; text-align: left; }
#form_page input[type=text], #form_page select, #form_page textarea { background: #fff; border: 1px solid #ddd; width: 94%; padding: 0 3%; height: 40px; margin-bottom: 8px; border-left: 4px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#form_page textarea { height: 200px; padding: 15px 3%; }
#form_page ul { list-style: none; padding: 0; margin: 0 0 30px; display: block; }
#form_page ul li { display: inline-block; padding-left: 20px; margin-bottom: 5px; width: 200px; }
#form_page input[type=submit] { background: #eee; padding: 8px 14px; font-family: 'open_sansbold'; color: #333; text-transform: uppercase; font-size: 14px; border: none; float: right; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.area_contato { float: left; width: 100%; margin-top: 40px; text-align: center; }
#fale_conosco { display: inline-block; width: 860px; vertical-align: top; text-align: left; }
#fale_conosco .area { width: 100%; float: left; }
#fale_conosco .area .col_esq { float: left; width: 420px; }
#fale_conosco .area .col_dir { float: right; width: 420px; }
#fale_conosco .area p { float: left; width: 100%; margin: 0 0 10px; }
#fale_conosco .area h4 { font-family: 'myriad_proregular'; font-weight: normal; font-size: 16px; margin: 0 0 10px; color: #2D5F7E; }
#fale_conosco .area input[type=text], #fale_conosco .area textarea { width: 394px; border: 1px solid #ccc; border-left: 5px solid #bbb; color: #444; font-size: 14px; padding: 0 10px; height: 45px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#fale_conosco .area textarea { padding: 10px; height: 195px; }
#fale_conosco .area input[type=submit] { background: #dfddda; float: right; display: block; padding: 9px 15px; font-family: 'open_sansextrabold'; cursor: pointer; text-transform: uppercase; font-size: 14px; text-decoration: none; border: none; color: #626262; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#fale_conosco .area .submit { float: left; width: 100%; margin: 0 0 10px; }

.contato_left {float: left; width: 59%; border-right: 1px solid #E8E8E8;}
.contato_right {float: left; width: 37%; margin-left: 3%;}
.contato_ban { padding-top: 60px; }
.contato_ban a { float: left; width: 100%; padding-bottom: 30px; }
.contato_ban a img { float: left; width: 100%; height: auto; }
.contato_text { padding: 0 5%; }

#rodape { background: #004b85; width: 100%; float: left; padding: 15px 0; text-align: center; }
#rodape .social { display: inline-block; }
#rodape span { display: block; float: left; text-transform: uppercase; color: #fff; margin: 5px; }
#rodape a { width: 30px; display: block; float: left; margin-left: 5px; }
#rodape a img { float: left; width: 100%; }

#direitos { background: #033154; width: 100%; padding: 15px 0; float: left; color: #fff; font-size: 10px; text-align: center; }
#direitos a { color: #fff; }

#topo_mobile, #area_busca { display: none; }

.row { width: 100%; float: left; display: block; }
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { display: inline-block; float: left; position: relative; min-height: 1%; }
.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 24.99%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.65%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.67%; }
.col-9 { width: 75.00%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.67%; }
.col-12 { width: 100.00%; }

.offset-1,.offset-2,.offset-3,.offset-4,.offset-5,.offset-6,.offset-7,.offset-8,.offset-9,.offset-10,.offset-11,.offset-12 { display: inline-block; float: left; position: relative; min-height: 1%; }
.offset-1 { padding: 0 4.16%; }
.offset-2 { padding: 0 8.33%; }
.offset-3 { padding: 0 12.495%; }
.offset-4 { padding: 0 16.66%; }
.offset-5 { padding: 0 20.825%; }
.offset-6 { padding: 0 25%; }
.offset-7 { padding: 0 29.166665%; }
.offset-8 { padding: 0 33.335%; }
.offset-9 { padding: 0 37.5%; }
.offset-10 { padding: 0 41.665%; }
.offset-11 { padding: 0 45.835%; }
.offset-12 { padding: 0 50%; }

.justify {line-height: 28px; text-align: justify;}

.img-responsive { max-width: 100%; height: auto; position: relative; display: block; float: left; }

.comentarista {  text-align: left; padding: 20px 0 20px 0;  border-bottom: 1px #E2E2E2 solid;}
.comentarista img { text-align: left; }
.comentarista h3 { font-family:'open_sansbold'; color: #004b85; line-height:24px; }
.comentarista p { font-family:'open_sansregular'; font-size: 14px; text-align: justify;  }
.comentarista .col-3 {width: 20% !important;}
.comentarista .col-9 {width: 80% !important;}

.accordion .accordion-body { display: none; text-align: justify; }
.accordion .accordion-body.active { display: block; }
.accordion ul { list-style: none; padding: 0; margin: 0; }
.accordion ul li { width: 100%; list-style: none;  }

.busca .busca-title { font-family: 'open_sansbold'; font-size: 34px; color: #004b85; margin: 0 0 20px; }
.busca a { font-family: 'open_sansbold'; font-size: 16px; color: #333; margin: 0 0 20px; float: left; border-bottom: solid #444 1px; width: 100%; }
.busca a div { font-family: 'open_sansregular'; font-size: 12px; color: #444; margin: 0 0 20px; }

.projetos { float: left; height: 32px; overflow: hidden; width: 100%; color: white; background: url(../../imagens/seta.png) center right no-repeat #1E71A5; position: relative; text-align: left; z-index: 9999999; }
.projetos .p { float: left; height: 20px; padding: 6px 3%; width: 94%; color: white; text-align: left; }
.projetos ul { float: left; width: 100%; list-style: none; padding: 0; margin: 0; position: relative; left: 0; z-index: 9999999; }
.projetos:hover { height: auto; overflow: auto; background: #1E71A5; }


@media only screen and (max-width: 1050px)  {
    #topo, #menu { display: none; }
    .wrapper { width: 100%; }
    .offset-1,.offset-2,.offset-3,.offset-4,.offset-5,.offset-6,.offset-7,.offset-8,.offset-9,.offset-10,.offset-11,.offset-12 { padding: 0 4%; }
    .row { width: 100%; float: left; display: block; }
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { width: 98%; }
    .mb-1,.mb-2,.mb-3,.mb-4,.mb-5,.mb-6,.mb-7,.mb-8,.mb-9,.mb-10,.mb-11,.mb-12 { display: inline-block; float: left; position: relative; min-height: 1%; }
    .mb-1 { width: 8.33%; }
    .mb-2 { width: 16.66%; }
    .mb-3 { width: 24.99%; }
    .mb-4 { width: 33.33%; }
    .mb-5 { width: 41.65%; }
    .mb-6 { width: 50%; }
    .mb-7 { width: 58.33333333%; }
    .mb-8 { width: 66.67%; }
    .mb-9 { width: 75.00%; }
    .mb-10 { width: 83.33%; }
    .mb-11 { width: 91.67%; }
    .mb-12 { width: 100.00%; }

    #pesquisa.topo .content { width: 96%; margin: 0 1%; }


    #topo_mobile { background: url(../../imagens/bg_topo.jpg) center; background-size: cover; float: left; width: 94%; padding: 0 3%; display: block; height: 70px; }
    #topo_mobile .link_menu { position: absolute; right: 10px; top: 17px; }
	#topo_mobile .link_menu img  { width: 35px; float: left; }
    #topo_mobile #menu_mobile { position: absolute; left: 0; height: 1px; width: 100%; z-index: 100000; }
    #topo_mobile #menu_mobile ul { list-style: none; padding: 0; margin: 0; }
    #topo_mobile #menu_mobile ul li { float: left; }
    #topo_mobile #menu_mobile ul.sub { position: absolute; width: 100%; left: 0; display: none; top: 70px; }
    #topo_mobile #menu_mobile ul.sub li { float: left; width: 100%; }
    #topo_mobile #menu_mobile ul.sub li a { background: #004b85; font-size: 14px; text-decoration: none; color: #fff; text-transform: uppercase; padding: 7px 5%; display: block; text-align: center; width: 90%; font-size: 14px; border-bottom: 1px solid #fff; color: #fff; text-transform: uppercase; }
    #topo_mobile #menu_mobile ul.sub li a.b { background: #555; color: #fff; }
    #topo_mobile #menu_mobile ul.sub2 { float: left; width: 100%; }
    #topo_mobile #menu_mobile ul.sub li ul.sub2 li a { background: #2E2E2E; }

    #topo_mobile #logo2 { float: left; text-align: center; margin: 10px 0 0; height: 1px; width: 50%; }
    #topo_mobile #logo2 a { background: url(../../imagens/logo.png) center center no-repeat; background-size: auto 100%; width: 100%; height: 45px; display: inline-block; }
    #topo_mobile .perkons { float: right; margin: 23px 50px 0 0; max-height: 45px; }

    #banner { width: 100%; float: left; height: auto; z-index: 1; position: relative; }
    #banner .pag { position: relative; width: 100%; height: 100%; float: left; }
    #banner .slide { float: left; width:100%; height: 100%; position: absolute; height: auto; float: left;  }
    #banner .slide ul { height: auto; width:100%; float: left; position: relative; margin: 0 auto; padding:0}
    #banner .slide .nav { position: relative; display: block; width: 100%; height: 100%; z-index: 5000; text-align: right; }
    #banner .slide .nav .wrapper { position: absolute; width: 100%; text-align: center; margin-top: 37%; }
    #banner .slide .nav span { background: transparent; width: 6px; height: 6px; margin-left: 3px; border: 2px solid #fff; cursor: pointer; display: inline-block; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
    #banner .slide .nav span.ativo { background: #9bceed; border: 2px solid #9bceed; }
    #banner .area_banner { display: block; width: 100%; float: left; }

    #box_content { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

    #content { padding: 0; width: 100%; }
    #box_content h2 { text-align: center; }

    #box_content .col_right { width: 100%; }
    #box_content .col_left { width: 100%; margin-top: 30px; }
    #box_content h2 { font-size: 24px; }

    #box_content .box { width: 96%; margin-bottom: 20px; }
    #box_content .box .txt { width: 85%; }
    #box_content .box.full { margin: 0 0 30px; }
    #box_content .col_full { margin-bottom: 0; }
    #box_content .box.full i { width: 20%; float: left; display: block; }
    #box_content .box .txt { display: block; float: left; }
    #box_content .box.full .txt { width: 75%; }
    #box_content .box select { float: left; width: 100%; vertical-align: none; float: left; display: block; }

    #pesquisa.busca .op { width: 100%; float: left; margin: 2% 0; }

    #box_content .banner.b {width: 100%;}

    #box_content .col_full h2 { text-align: center; }
    #categorias { width: 100%; }
    #area_txt { width: 100%; margin-top: 30px; }

    #galeria_txt { margin: 0 0 20px; width: 100%; }
    #galeria_txt .slide { width: 94%; height: auto; background: #ddd; }
    #galeria_txt .slide li { width: 100%; height: auto; }
    #galeria_txt .slide li img { width: 100%; }

    #form_page { width: 100%; float: left; margin: 20px 0; }
    #form_page ul li { padding: 0 0 0 5%; width: 43%; }

    .comentarista .col-3 {
        width: 18% !important;
        margin-right: 2%;
    }
}