@charset "utf-8";html, body { position: relative; height: 100%; }
body { background:#FFF; font-family: "MyriadRegular", Helvetica, Arial, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0; }
a:link {color: #22758a;}
a[href^="mailto"] { padding-left: 20px; background: url(../images/mail.png) left center no-repeat; }
a[href^="callto"] { padding-left: 20px; background: url(../images/telefone.png) left center no-repeat; }
/**/
input[type=text], input[type=date], input[type=time], input[type=password], input[type=email], textarea, select { background-color: #F1F1F1 !important; border: 0; outline: 0; padding: 7px; }
input[type=submit], input[type=button], input[type=reset], button, .button {background: #987e4f;border: 0;outline: 0;padding: 7px;cursor: pointer;color: #fff;/* margin-left: 5px; */display: block;float: right;}
/**/
figure { position: relative}
/**/
body:before {content: " ";display: block;width: 100%;height: 50px;background: #fff;left: 0;top: 0;z-index: 1001;position: fixed;-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.37);-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.37);box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.37);}
body:after {/* content: " "; */display: block;width: 100%;height: 3px;background: #226d89;position: fixed;left: 0;top: 0;z-index: 11000;border-top: 2px solid black;}
body > span:first-child {padding: 0;width: 100px;height: 50px;display: block;position: fixed;z-index: 1001;left: 10px;/* transform: translateX(-50%); */}
body > span:first-child:before {content: " ";display: block;width: 180px;height: 44px;position: absolute;top: 2px;background: url(../logos/thomar-honoris.png) no-repeat;background-size: auto 100%;}
body > span:first-child + span {height: 50px;display: block;width: 100%;}
/**/
section.slider { margin-bottom: 20px; }
.slider .swiper-container, .slider .swiper-container2 { /*width: 100%; height: 377px;*/ }
.slider .swiper-slide {font-size: 18px;color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;/* height: 130px; */overflow: hidden;}
.slider .parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center; }
.slider .swiper-slide > div {/* width: 320px; */margin: 0 auto;position: relative;/* height: 348px; */}
.slider .swiper-slide > div img { position: absolute; right: -200px;/*top: 0; right: -100px; height: 100%*/ object-fit: contain; }
.slider .swiper-slide video {display: none;}
.mdevice .swiper-slide video { display: none}
.slider .swiper-slide .slide-info {margin: 0;/* padding: 50px 30px 30px 30px; */text-transform: uppercase;position: absolute;top: 50%;transform: translateY(-50%);left: 0;max-width: 60%;}
.slider .swiper-slide .slide-info h3 {font-size: 19px;padding: 12px;display: inline-block;color: #fff;background: rgba(0,0,0,0.5);text-transform: uppercase;position: relative;left: 50px;width: 100%;}
.slider .swiper-slide .slide-info p { font-size: 14px; max-width: 400px; margin-top: 10px; color: #fff; padding-left: 5px; }
.slider .swiper-slide .slide-info p:first-child {padding: 0;font-size: 14px;text-transform: uppercase;color: #fff;margin-bottom: 10px;padding-left: 5px;}
.slider .swiper-slide > div> a { text-decoration: none; }
/**/
.slidecontrols {position: absolute;top: 51px;width: 320px;height: 230px;left: 50%;z-index: 100;transform: translateX(-50%);}
.slidecontrols .swiper-pagination { top: 20px; right: 20px; display: block; }
.slidecontrols .swiper-button-prev {display: none;}
.slidecontrols .swiper-button-next { display: none;}
.slidecontrols .swiper-catcher { display: block; width: 100%; height: 100%; cursor: pointer; }
/**/
body > div:not(.cc-cookies):first-child:before {content: " ";display: block;height: 3px;background: #000000;width: 100%;}
body > div:not(.cc-cookies):first-child:before {border-bottom: 2px solid #226d89;}
.holder.handler {position: fixed;top: 0;width: 100%;z-index: 10000;display: block;height: 100%;-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);right: -100%;}
.holder > header {width: 100%;margin: 0 auto;position: relative;z-index: 102;overflow: hidden;height: 100%;}
.holder > header h1 {margin: 0;padding: 0;width: 150px;margin-top: 8px;height: 44px;float: left;/* margin-bottom: 20px; */background: url(../imagens/rathenau-kollegen@2x.png) no-repeat;background-size: 100%;}
.holder > header div {width: 100%;position: fixed;top: 0;line-height: 30px;overflow: hidden;background: rgba(0,0,0,0.5);right: 0;height: 100%;z-index: 1;}
.holder > header form { display: none}
.holder > header form input[type=text], .holder > header form input[type=password] {width: 205px;border: 0;margin-bottom: 10px;}
.holder > header form label { display: none }
.holder > header form ul { list-style: none; display: block;}
.holder > header form ul li {display: block;color: #7da72a;text-transform: uppercase;}
.holder > header form ul li a {color:#fff;text-decoration: none;}
/**/
.holder > header .main {margin: 0;padding: 0;clear: both;width: 100%;position: relative;}
.holder >header .main {text-transform: uppercase;z-index: 10;/* display: none; */width: 260px;right: 0;position: absolute;}
.holder >header .main:before {width: 5px;height: 5px;position: absolute;left: 0;top: 0;}
/**/
#open-button {display: inline-block !important;border: none;width: 55px;height: 50px;right: 0px;text-indent: -900em;overflow: hidden;position: fixed;cursor: pointer;outline: none;z-index: 10001;transform: translate3d(0, 0, 0) -webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;top: -3px;border-radius: 0;}
#open-button:checked { -webkit-transform: translate3d(-257px, 0, 0); transform: translate3d(-257px, 0, 0);}
#open-button:before {content: '';position: absolute;width: 55px;height: 50px;background: #fff;display: block;}
#open-button:after {content: '';position: absolute;width: 68%;height: 5px;background: #656565;top: 12px;left: 16%;box-shadow: 0 10px 0 #656565, 0 20px 0 #656565;}
#open-button:checked:after {background: #937944;box-shadow: 0 11px 0 #937944, 0 22px 0 #937944;}
#open-button:checked + .handler {position: fixed;z-index: 1002;width: 100%;top: 0;height: 100%;font-size: 1.15em;right: 0;}
#open-button + .handler.holder .main {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) -webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;right: -260px;height: 100%;background: #363638;z-index: 1;}
#open-button:checked + .handler.holder .main, #open-button:checked + .handler.holder .langs { -webkit-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); transition: transform 0.4s; }
/**/
#login-button {display: inline-block !important;border: none;width: 48px;height: 45px;right: 51px;text-indent: -900em;overflow: hidden;position: fixed;cursor: pointer;outline: none;z-index: 1002;transform: translate3d(0, 0, 0) -webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;top: 2px;display: none !important;}
#login-button:checked {-webkit-transform: translate3d(-206px, 0, 0);transform: translate3d(-206px, 0, 0);}
#login-button:before {content: '';position: absolute;width: 48px;height: 45px;background: url(../images/user-of.png) center center no-repeat #fff;background-size: 80%;display: block;}
#login-button:checked:before {background: url(../images/user-on.png) center center no-repeat #fff;background-size: 80%;}
#login-button:after {position: absolute;width: 68%;height: 5px;background: #656565;top: 10px;left: 16%;box-shadow: 0 10px 0 #656565, 0 20px 0 #656565;}
#login-button:checked:after {}
#login-button:checked + input { display: none !important}
#login-button:checked + input + .handler { position: fixed; z-index: 1001; width: 100%; top: 0; height: 100%; font-size: 1.15em; right: 0; }
#login-button:checked + input + .handler .langs { display: none }
#login-button + input + .handler.holder form {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0) -webkit-transition: -webkit-transform 0.4s;transition: transform 0.39s;right: -260px;height: 100%;background: #000;z-index: 1;}
#login-button:checked + input + .handler.holder form {-webkit-transform: translate3d(-260px, 0, 0);transform: translate3d(-260px, 0, 0);transition: transform 0.39s;}
/**/
header .langs { width: 48px; text-align: center; padding-top: 5px; position: absolute; top: 52px; right: 0; z-index: 1000; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
header .langs ul {display: block;width: 48px;}
header .langs ul li {display: inline-block;}
header .langs ul li.en a {width: 48px;height: 48px;display: inline-block;background: url(../images/en.png) #fff center center no-repeat;background-size: 80%;overflow: hidden;text-indent: -150px;}
header .langs ul li.pt a {width: 48px;height: 48px;display: inline-block;background: url(../images/pt.png) #fff center center no-repeat;background-size: 80%;overflow: hidden;text-indent: -150px;}
 /**/
.holder >header .main > ul {line-height: 35px;display: block;top: 2px;/* display: none; */padding-top: 8px;}
.holder >header .main > ul ul {display: none;position: relative;left: 0;background: #937944;-webkit-box-shadow: 4px 18px 47px -12px rgba(0,0,0,0.75);-moz-box-shadow: 4px 18px 47px -12px rgba(0,0,0,0.75);box-shadow: 4px 18px 47px -12px rgba(0,0,0,0.75);}
.holder >header .main > ul ul ul {}
.holder >header .main > ul > li:hover, .holder >header .main > ul > li.active {}
.holder >header .main > ul > li.active:before {height: 5px;background: #fff;position: absolute;left: 0;}
.mobile header .main li.active > ul {display: block;padding: 18px 0 15px 0;margin-top: 10px;}
.mobile header .main li.active > a {color: #f9b125;}
.holder >header .main > ul > li {display: block;padding: 0;margin: 15px 0 15px 0;position: relative;}
.holder >header .main > ul > li > a { display: inline-block; padding: 0 20px; color: #fff; text-decoration: none; }
.holder >header .main > ul > li li {margin: 0;display: block;padding: 0;min-width: 200px;margin: 10px 0;}
.holder >header .main > ul > li a {text-decoration: none;color: #fff;padding: 0px 16px;display: block;/* background: #555; */}
.holder >header .main > ul > li li:hover {/* background: #6A8E2C */}
.holder >header .main > ul li li a {text-decoration: none;color: #fff;padding: 0px 19px;display: block;}
.holder >header .main > ul li li li a {padding: 0px 45px;}
header nav ul.social { width: 240px; position: absolute; height: 26px; top: 4px; line-height: 26px; color: #fff; right: 0; display: none}
header nav ul.social li {/* margin: 0 16px; */ line-height: 26px; }
header nav ul.social li a { overflow: hidden; text-indent: -200px; background: red; display: block; width: 26px; height: 26px; position: relative; top: 10px; }
header nav ul.social li a.facebook { background: url(../images/fb_round.jpg); }
header nav ul.social li a.youtube { background: url(../images/youtube_round.jpg); }
header nav ul.social li a.twitter { background: url(../images/twitter_round.jpg); }
header nav ul.social li:first-child { text-transform: none; color: black; padding: 0 10px 0 0; }
.diagonal {position: absolute;width: 100%;top: 0;z-index: 1;/* display: none; */}
.diagonal2 { position: absolute; width: 100%; top: 0px; z-index: -1; }
/**/
main {min-width: 320px;max-width: 95%;margin: 0 auto;}
footer {background: #333;overflow: hidden;clear: both;padding: 30px 0;border-top: 3px solid #987e4f;}
footer .holder {min-width: 320px;max-width: 95%;margin: 0 auto;color: #fff;}
footer .holder div {width: 100%;margin: 10px 30px;float: left;}
/**/
div.holder { /* display: none; */}
div.holder header { }
div.holder header h1 {display: none;}
div.holder header h1 a { display: none; }
div.holder header div { }
div.holder header form {width: 260px;background: #000;height: 100%;display: block;position: absolute;/* padding: 20px; */box-sizing: border-box;padding: 20px;}
div.holder header form p {font-size: 13px;width: 219px;}
div.holder header form p label { }
div.holder header form p input { }
div.holder header form p br { }
div.holder header form p a {margin-left: 5px;text-decoration: none;color: #fff;}
div.holder aside.slider {margin: 0 auto;background: url(../imagens/slider.svg) top repeat-x;background-size: 100%;z-index: 1;position: relative;/* height: 130px; */overflow: hidden;border-top: 1px solid black;}
div.holder aside.slider div.swiper-container {width: 100%;margin: 0 auto;}
div.holder aside.slider div.swiper-container div.swiper-wrapper { }
div.holder aside.slider div.swiper-slide { }
div.holder aside.slider div.swiper-slide p { }
div.holder aside.slider div.swiper-slide h3 {font-size: 10px; text-transform:lowercase}
div.holder aside.slider div.swiper-slide h3 span {display:block;text-transform:uppercase;}
div.holder aside.slider div.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
div.holder aside.slider span.swiper-button-prev.swiper-button-white {display: none;}
div.holder aside.slider span.swiper-button-next.swiper-button-white {display: none;}
/**/
main.home {position: relative;z-index: 2;}
main.home .artigo {padding:25px;}
main.home section.destaques {padding: 20px;background: #fff;width: 100%;overflow-y: hidden;min-height: 140px;box-sizing: border-box;}
main.home section.destaques:before {/* content: " "; *//* background: url(../images/sombra-esquerda.png); */}
main.home section.destaques:after {content: " ";position: absolute;}
main.home section.destaques h2, main.home .artigo h2 {
    font-size: 22px;
    color: #987e4f;
    margin: 0;
    background: #fff;
    font-weight: bold;
    width: 90%;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 20px 0 20px 0;
}
main.home section.destaques >p, main.home .artigo >p {
    margin-bottom: 10px;
    padding: 0 0;
}
main.home section.destaques h3 {
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 20px;
    padding: 0 0;
    text-transform: uppercase;
}
main.home section.destaques article {width: 100%;padding: 30px 0px;box-sizing: border-box;position: relative;height: auto !important;}
main.home section.destaques article p:first-child { font-size: 18px; text-transform: uppercase; color: #226d89; margin-bottom: 15px; font-weight: bold; }
main.home section.destaques article p { font-size: 13px; color: #666; }
main.home section.destaques article figure {background: #fff;margin-bottom: 10px;overflow: hidden;outline: solid 1px #eee;}
main.home section.destaques article figure a {display: block;}
main.home section.destaques article figure a img {width: 100%;float: left;}
main.home section.destaques article .label {display: inline-block;position: absolute;top: 30px;left: 0;width: 70px;height: 75px;overflow: hidden;}
main.home section.destaques article .label span {display: inline-block;width: 129px;height: 20px;background: #ae191d;position: absolute;top: 0;font-size: 11px;left: 0;text-align: center;line-height: 21px;color: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: 18px;left: -37px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);text-transform: uppercase;font-weight: bold;}
main.home section.destaques article figure .label span { }
main.home section.destaques article p:first-of-type {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    /* color: #2d8ea6; */
    text-transform: uppercase;
}
main.home section.destaques article h3 { text-transform: uppercase; font-size: 17px; margin-bottom: 10px; font-weight: bold; }
main.home section.destaques article h3 a { color: #000; text-decoration: none }
main.home section.sidebar {width: 100%;background: #fff;padding: 20px;box-sizing: border-box;}
main.home section.sidebar:after {}
main.home section.sidebar form { }
main.home section.sidebar form p { overflow: hidden; }
main.home section.sidebar form p label { display: none; }
main.home section.sidebar form p input[type=submit] {padding: 7px;width: 30px;float: none;border-radius: 10px;}
main.home section.sidebar form p input[type=text] { background: #226d89; width: 128px; float: left; }
main.home section.sidebar form p input input { }
/**/
/**/
main.home section.sidebar { }
main.home section.sidebar {min-height: 195px;/* margin-bottom: 25px; */}
main.home section.sidebar h3 {font-size: 18px;/* text-transform: uppercase; */color: ##987e4f;margin-bottom: 15px;font-weight: bold;border-bottom: 1px solid #917e52;padding-bottom: 10px;position:relative;font-weight: 100;margin-top: 10px;}
main.home section.sidebar h3:after {
    content: " ";
    display:block;
    width: 100px;
    height: 3px;
    background: #987e4f;
    position:absolute;
    bottom: -2px;
}
main.home section.sidebar p {
    margin-bottom: 20px;
    font-size: 12px;
}
main.home section.sidebar ul {margin-bottom: 30px;list-style-type: disc;padding-left: 16px;}
main.home section.sidebar ul li {margin-bottom: 10px;}
main.home section.sidebar ul li a {
    color: black;
    text-decoration: none;
    font-weight: 600;
}
main.home section.sidebar h4 {text-align: center;background: ##987e4f;padding: 10px;color: #fff;text-transform: uppercase;font-weight: bold;}
main.home section.sidebar h4 a { display: inline-block; width: 20px; height: 20px; color: #fff; }
main.home section.sidebar h4 a.left { float: left; }
main.home section.sidebar h4 a.left:before { content: "<"; display: inline-block }
main.home section.sidebar h4 a.right { float: right; }
main.home section.sidebar h4 a.right:before { content: ">"; display: inline-block }
main.home section.sidebar table { font-size: 10px; text-align: center; padding: 0; margin: 0; width: 100%; }
main.home section.sidebar table td, main.home section.sidebar table th { padding: 5px 2px 4px 2px; border-bottom: 1px solid #ccc; }
main.home section.sidebar table th { background: #EAEAEA; font-weight: normal }
main.home section.sidebar table th:nth-child(6), main.home section.sidebar table th:nth-child(7) { background: #D1D1D1; }
main.home section.sidebar table td:nth-child(6), main.home section.sidebar table td:nth-child(7) {background: #f1e6d1;}
main.home section.sidebar form { }
main.home section.sidebar form select { font-size: 13px; background-color: #F2F2F2; border: 0px; outline: 0px; width: 100%; padding: 5PX; cursor: pointer; }
main.home section.sidebar table a { color: #fff; padding: 0px 3px 1px 3px; font-weight: bold; text-decoration: none; z-index: 100; background: #b32e2c; display: inline-block; min-width: 12px; }
main.home section.sidebar .feriado { color: red; }
main.home section.sidebar .feriado a { color: red; }
main.home section.sidebar #calendar { display: block; min-height: 190px; background: #fff; padding: inherit; }
main.home section.sidebar .temas { display: block; font-size: 12px; background: #D1D1D1; padding: 8px; }
/**/
main.home section.roteiros { clear: both;/* padding: 20px; */ background: #226d89; color: #fff; margin: 20px 0 40px 0; overflow: hidden; min-height: 312px; }
main.home section.roteiros article {width: 100%;padding: 30px;box-sizing: border-box;}
main.home section.roteiros article h3 { text-transform: uppercase; font-size: 21px; margin-bottom: 10px; font-weight: normal; color: #fff; text-decoration: none; }
main.home section.roteiros article a { color: #fff; text-decoration: none; }
main.home section.roteiros article figure { height: 175px; background: #eee; margin-bottom: 20px; overflow: hidden; }
main.home section.roteiros article figure a { }
main.home section.roteiros article figure a img { }
main.home section.roteiros article p { }
main.home section.outrosdestaques { overflow: hidden; }
main.home section.outrosdestaques article {width: 100%;padding: 20px 0;box-sizing: border-box;overflow: hidden;}
main.home section.outrosdestaques article p:first-child { font-size: 15px; text-transform: uppercase; height: 30px; color: #226d89; }
main.home section.outrosdestaques article p {width: 165px;float: right;font-size: 13px;color: #666;}
main.home section.outrosdestaques article figure { float: left; width: 143px; margin-top: 30px; height: 95px; overflow: hidden; outline: 1px solid #eee; }
main.home section.outrosdestaques article figure a { }
main.home section.outrosdestaques article figure a img { }
main.home section.outrosdestaques article h3 {width: 165px;text-transform: uppercase;float: right;margin-bottom: 10px;}
main.home section.outrosdestaques article h3 a { text-decoration: none; color: #000 }
main.home div.diagonal { }
main.home div.diagonal svg { }
main.home div.diagonal svg defs { }
/**/
main.artigo { margin: 0 auto; background: #fff; position: relative; top: 50px; margin-bottom: 200px; z-index: 100;}
.cover {margin: 0 auto; position: absolute; background: #226d89; top: 0; width: 100%;}
.cover div { width: 320px; margin: 0 auto; height: 400px; overflow: hidden;}
/**/
/**/
.roteiro .mapa {width: 100%;height: 260px;margin: 30px 0 30px 0;background: #e0e0e0;}
.roteiro .itenerario {width: 100%;/* float: right; */overflow: hidden;}
.roteiro .itenerario > div {/* clear: both; */overflow: hidden;background: #eee;margin-bottom: 15px;padding: 10px 10px 20px 10px;width: 100%;position: relative;box-sizing: border-box;}
.roteiro .itenerario figure {margin-top: 0;position: relative;margin: 0 0 20px 0;max-height: 130px;}
.roteiro .itenerario figure a { }
.roteiro .itenerario figure a img {width: 100%;}
.roteiro .itenerario h3 { /* background: #226d89; */ /* padding: 10px; */ /* color: #fff; */ /* text-transform: uppercase; */ /* font-weight: normal; */ /* margin: 0; */}
.roteiro .itenerario h4 {font-size: 15px;text-transform: uppercase;margin-bottom: 5px;}
.roteiro .itenerario h4 a {text-decoration: none;font-weight: normal;color: #77913f;}
.roteiro .itenerario p {}
.roteiro .itenerario h4+ p { font-size: 14px; text-transform: uppercase;}
.roteiro .itenerario .add { display: block; width: 25px; height: 25px; position: absolute; right: 5px; bottom: 4px; background: #226d89;}
.roteiro .itenerario .add:before {content: "+";display: block;color: #fff;font-size: 30px;font-weight: bold;text-align: center;position: relative;top: -4px;right: -1px;cursor: pointer;}
.roteiro .itenerario .remove { display: block; width: 25px; height: 25px; position: absolute; right: 5px; bottom: 4px; background: #ff6550;}
.roteiro .itenerario .remove:before {content: "X";display: block;color: #fff;font-size: 20px;font-weight: bold;text-align: center;position: relative;top: 2px;right: -1px;cursor: pointer;}
.roteiro .itenerario article.roteiro .edit {
           display: block;
           width: 25px;
           height: 25px;
           position: absolute;
            right: 15px;
            top: 15px;
           background: #efe469 url(../images/edit.png) no-repeat;
    background-size: 70%;
    background-position: center center;
       }
.roteiro .itenerario ul {display: block;width: 100%;padding-top: 10px;clear: left;font-size: 12px;text-transform: uppercase;}
.roteiro .itenerario ul li {display: inline-block;margin-right: 10px;}
.roteiro .itenerario ul li:nth-child(1) span {}
.roteiro .itenerario ul li:nth-child(2) span {}
.roteiro .itenerario ul li:nth-child(3) span {}
.roteiro .itenerario ul span { color: #999; display: inline-block; margin-right: 5px;}
.roteiro .itenerario ul strong {}
/**/
.add.roteiro,add.poi {
display: inline-block;
    background: #226d89;
    margin-bottom: 20px;
    padding: 11px;
    border-radius: 5px;
    color: white;
    cursor: pointer;
}
/**/
main.artigo > * {margin: 15px;background: #fff;padding: 0;overflow: hidden;min-height: 300px;}
main.artigo article p {margin: 0 0 10px 0;color: #333;font-size: 12px;}
main.artigo > * > header {margin-bottom: 20px;}
main.artigo > * > header h2 { font-size: 28px; text-transform: uppercase; margin: 40px 0 20px 0; color: #333;}
main.artigo article .texto iframe {margin: 40px 0 40px 0;overflow: hidden;}
main.artigo article .texto img { max-width: 100%}
main.artigo article .texto h3 {font-size: 15px;text-transform: uppercase;margin: 20px 0 20px;}
main.artigo article .intro {font-style: italic;font-size: larger;margin-bottom: 30px;}
main.artigo > article figure { width: 100%; overflow: hidden; margin: 0 0 20px; }
 main.artigo > article figure img { width: 100%}
 main.artigo > article .texto { width: 100%; }
 main.artigo.diretorio {}
 main.artigo.diretorio article header > div {}
 main.artigo.diretorio article header + figure {}
 main.artigo.diretorio article header + figure + div {}
 main.artigo.diretorio article > nav { width: 200px; float: right;}
main.artigo .texto iframe, main.artigo .texto video {max-width: 100% !important;height: auto; height: auto}
/**/
main.artigo.listagem .list { overflow: hidden; }
main.artigo.listagem .list article {width: 100%;padding: 10px 0;box-sizing: border-box;overflow: hidden;position: relative;}
main.artigo.listagem .list article p:first-of-type {font-size: 15px;text-transform: uppercase;height: 20px;color: #226d89;/* display: none; */}
main.artigo.listagem .list article p:first-of-type:empty { display: none} 
main.artigo.listagem .list article p {width: 165px;float: right;font-size: 13px;color: #666;}
main.artigo.listagem .list article figure {float: left;width: 95px;/* margin-top: 30px; */height: 95px;overflow: hidden;}
main.artigo.listagem .list article figure a { }
main.artigo.listagem .list article figure a img {width: 100%;}
main.artigo.listagem .list article h3 {width: 165px;text-transform: uppercase;float: right;margin-bottom: 10px;font-size: 16px;}
main.artigo.listagem .list article h3 a { text-decoration: none; color: #000 }
main.artigo.listagem .list > div { overflow: hidden}
/**/
main.artigo.listagem .list article.roteiro {padding: 10px;background: #eee;position: relative;margin-bottom: 15px;}
main.artigo.listagem .list article.roteiro ul {display: block;width: 110px;padding-top: 0px;clear: left;font-size: 12px;text-transform: uppercase;}
main.artigo.listagem .list article.roteiro ul li {display: inline-block;margin-right: 10px;margin-bottom: 5px;}
main.artigo.listagem .list article.roteiro ul li:nth-child(1) span {}
 main.artigo.listagem .list article.roteiro ul li:nth-child(2) span {}
main.artigo.listagem .list article.roteiro ul li:nth-child(3) span {}
main.artigo.listagem .list article.roteiro ul span { color: #ccc; display: inline-block; margin-right: 5px;}
main.artigo.listagem .list article.roteiro ul strong {}
 main.artigo.listagem .list article.roteiro .label {display: inline-block;position: absolute;top: 10px;left: 0;width: 70px;height: 75px;overflow: hidden;}
main.artigo.listagem .list article.roteiro .label span {display: inline-block;width: 129px;height: 16px;background: #B32E2C;position: absolute;top: 0;font-size: 10px;left: 0;text-align: center;line-height: 16px;color: #fff;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: 18px;left: -37px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);text-transform: uppercase;font-weight: bold;}
/**/
main.artigo.listagem .list article.roteiro .label {display: inline-block;position: absolute;top: 0px;left: 0;width: 70px;height: 75px;overflow: hidden;}
main.artigo.listagem .list article.roteiro .label span { display: inline-block; width: 129px; height: 20px; background: #B32E2C; position: absolute; top: 0; font-size: 11px; left: 0; text-align: center; line-height: 21px; color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 18px; left: -37px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); text-transform: uppercase; font-weight: bold;}
main.artigo.listagem .list article.roteiro .delete { display: block; width: 25px; height: 25px; position: absolute; right: 5px; bottom: 4px; background: #ff6550; }
main.artigo.listagem .list article.roteiro .delete:before {content: "X";display: block;color: #fff;font-size: 20px;font-weight: bold;text-align: center;position: relative;top: 2px;right: -1px;cursor: pointer;}
/**/
article form { }
article form fieldset { overflow: hidden}
article form fieldset p { width: 45%; float: right }
article form fieldset p:first-child { float: left}
article form p > label:first-child {width: 150px;float: left;display: inline-block;min-height: 1px;padding: 7px 0;}
article form label + span {width: 240px;float: right;position: relative;}
article form input[type=text], article form input[type=email], article form p input[type=password], article form p input[type=date] { width: 100%;}
article form select {max-width: 254px;}
article form textarea {width: 100%;min-height: 70px;}
article form input[type=submit], article form .button {margin-left: 5px;}
article form h3 {margin: 50px 0 30px 0;text-transform: uppercase;}
article form .required+.signal {position: absolute;right: -25px;/* content: "*"; */top: 10px;color: red;display: inline-block;}
/**/
footer { }
footer div.holder { }
footer div.holder div { }
footer div.holder div h3 {text-transform: uppercase;border-bottom: 1px solid #fff;padding-bottom: 5px;margin-bottom: 5px;font-size: 20px;font-weight: normal;}
footer div.holder div p { font-size: 13px; margin-bottom: 15px; line-height: 1.4; }
footer div.holder div p br { }
footer div.holder div p a { color: #fff; text-decoration: none; }
footer div.holder div form { }
footer div.holder div form p { }
footer div.holder div form p label { }
footer div.holder div form p br { }
footer div.holder div form p input { }
footer div.holder div p img { width: 40%; }
footer div.holder div ul {margin-top: 0;}
footer div.holder div ul li { display: inline-block; margin-right: 10px; }
footer div.holder div ul li a.facebook { width: 30px; height: 30px; display: block; background: url(../images/facebook.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
footer div.holder div ul li a.youtube { width: 30px; height: 30px; display: block; background: url(../images/youtube.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
footer div.holder div ul li a.twitter { width: 30px; height: 30px; display: block; background: url(../images/twitter.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
footer div.holder div ul li a.googleplus { width: 30px; height: 30px; display: block; background: url(../images/googleplus.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
footer div.holder div ul li a.instagram { width: 30px; height: 30px; display: block; background: url(../images/instagram.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
footer div.holder div ul li a.linkedin { width: 30px; height: 30px; display: block; background: url(../images/linkedin.png); background-size: 100%; overflow: hidden; text-indent: -100px; }
/**/
div.breadcumbs { width: 320px; padding: 5px; line-height: 30px; background: #F9F9F4; margin: 0 auto 10px auto; text-transform: lowercase; }
div.breadcumbs p { color: #3C3C37; }
div.breadcumbs ul { }
div.breadcumbs ul li { display: inline-block }
div.breadcumbs ul li a { color: #3C3C37; text-decoration: none }
/**/
li a:first-child[href$=".pdf"]:before, a.pdf:before, a.PDF:before { content: ""; display: block; background: url("../ico/pdf.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
li a:first-child[href$=".doc"]:before, a.doc:before, a.DOC:before { content: ""; display: block; background: url("../ico/doc.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
li a:first-child[href$=".ppt"]:before, a.ppt:before, a.PPT:before { content: ""; display: block; background: url("../ico/ppt.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
li a:first-child[href$=".xls"]:before, a.xls:before, a.XLS:before { content: ""; display: block; background: url("../ico/xls.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
li a:first-child[href$=".jpg"]:before, a.jpg:before, a.JPG:before { content: ""; display: block; background: url("../ico/jpg.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
li a:first-child[href$=".file"]:before, a.file:before, a.FILE { content: ""; display: block; background: url("../ico/file.png") no-repeat; background-size: auto 100%; width: 20px; height: 20px; float: left; margin: 0 3px 0 0; position: relative; top: -4px; }
/**/
@media only screen and (max-width : 969px) {}
@media only screen and (max-width : 767px) { /**/
 .slider .swiper-slide .title { padding-top: 20px; font-size: 20px; }
 .slider .swiper-slide .title+ .title { font-size: 35px; }
 /**/
}
@media only screen and (max-width : 320px) {}
@media only screen and (max-width : 400px) {}
@media only screen and (min-width : 600px) {

    main.home section.destaques article {
        width: 48%;
        float: left;
    }
    main.home section.destaques article:nth-child(even) {

        float: right;
    }
}
/**/
ul.paginacao { display: block;margin: 0 !important;    padding: 0;}
ul.paginacao li { display: inline-block; margin: 0 10px 0 0;}
ul.paginacao li a {     background: #226d89;
    color: #fff;
    padding: 5px;
    width: 20px;
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center; }
/**/
main form.pesquisar {  margin-bottom: 40px; }
form.pesquisar label { display: none !important}
form.pesquisar  input[type=submit] {
    background: #226d89 url(../images/lupa.png) center center no-repeat;
    padding: 7px;
    width: 30px;
}
form.pesquisar input[type=text] {
    background: #226d89;
    width: 230px;
    float: none !important;
}