* {
    margin: 0;
    padding: 0;
}
html {
    background-color: #fff;
    height: 100%;
}
body {
    padding: 0;
    color: #333333;
    font: 0.75em/1.5em Arial,sans-serif;
}
.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 96%;
}

.hrMenu{
    border: none;
    border-left: 1px solid hsla(200, 10%, 50%,100);
    height: 60px;
    width: 1px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 12px;
    float: left;
}
.owl-prev{
    height: 3%;
    margin-top: 25px;
    margin-left: -10px;
}
li#imagemMenu {
     float: none!important;
    position: absolute;
    width: 45%;
    margin-left: 3%;
    margin-top: 0!important;
}
/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
	/*background-color: #ffffff;*/
	border-bottom: 5px solid #803e6a;
	float: left;
	padding-right: 0%;
	margin-left: 0%;
	margin-right: 0%;
	position: relative;
	width: 100%;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 54px;
    width: 96%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: right;
	    margin-top: 43px;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 1.5em;
    font-family: toucheregular;
    line-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    float: left;
}
/*
#nav > li:hover > a, #nav > a:hover {
    background-color: #F55856;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #803e6a;
    color: #FFFFFF;
}*/

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width: 33%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}
#nav > li:hover > a#MenuAzul, #nav > a#MenuAzul:hover {
    background-color: #25c3f3;
    color: #FFFFFF;
}
#nav > li:hover > a#MenuVerde, #nav > a#MenuVerde:hover {
    background-color: #1aadb2;
    color: #FFFFFF;
}
#nav > li:hover > a#MenuRoxo1, #nav > a#MenuRoxo1:hover {
    background-color: #803e6a;
    color: #FFFFFF;
}
#nav > li:hover > a#MenuRoxo2, #nav > a#MenuRoxo2:hover {
    background-color: #aa528c;
    color: #FFFFFF;
}
/* responsive rules */
@media all and (max-width : 980px) {
li#imagemMenu {
   float: left!important;
    position: absolute;
    width:80%;
    display: inline;
    
}

ul#nav {
    height: 86px;
    width: 100%;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 12pt;
    font-family: toucheregular;
    text-transform: uppercase;
    padding: 0px;
}
  #nav > li {
        float: right;
        top: 0;
        border: 0;
        margin: 0;
        padding: 0;
    }
     /* #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
*/
@media only screen and (min-width: 481px) {
	li#imagemMenu {
    float: none!important;
    position: absolute;
    width: 400px;
    margin-left: 3%;
    margin-top: 0!important;
}
ul#nav {
    width: 100%;
}
li:hover {
    font-weight: bold;
}
}
}


.i4ewOd-pzNkMb-haAclf {
	display:none!important;
}
#nav li.active > a {
    background-color: #803e6a;
    color: #FFFFFF;
	font-weight:bold;
}

#mob-menu{
  float: right;
}
.menuMob{
  width: 25px;
  height: 25px;
}
.nav{
    top:0;
    width: 100%;
    height: 82px;
}
.contato{
    background-color: #803e6a;
    padding-bottom: 15px;
}
h2{
    clear: none;
    float: left;
    margin-left: 0%;
    width: 100%;
    FONT-SIZE: 40pt;
    padding-top: 6%;
    padding-bottom: 0%;
    FONT-FAMILY: touchebold;
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
}
h3{
    clear: none;
    float: left;
    margin-left: 0%;
    width: 100%;
    FONT-SIZE: 16pt;
    FONT-FAMILY: toucheregular;
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
}
hr{
    align-self: auto;

}
.iframe{
    width: 65%;
    height: 100%;
    float: right;
    }

.pmaps{
        margin-left: 32px;
        margin-bottom: 0px;
        padding-left: 20px;
        font-size: 1.3em;
    }
.divfl{
    float: left;
    width: auto;
}
.inforodape{
    width: auto;
    height: 100px;
    text-align: center;
    padding-top: 40px;
}
#mob-menu{
    float: right;
    top :0;
}
.butonmenu{
    border: none; 
    background-color: #803e6a;
}
/*-----Menu Mobile-----*/
#ModalMenu{
    display: none;
    z-index: 4000;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #803e6ade;
}
.close{
    background-color: #803e6ae8;
    border-top-color: #ffffff;
    border:aliceblue
}
.close>span{
    font-size: 3em;
    padding: 10px;
    color: #ffffff;
}
.menuMod{
    width: 100%;
    height: 90%;
    margin-top: 75px;
}
ul#navMod{
    list-style-type:none;
    padding: 0;
    margin: 0;

}
ul#navMod{
    text-align: center;
    height: auto;
}
ul#navMod>li{
    padding-bottom: 30px;
    padding-top:30px; 
    color: white;
    font-size: 3em;
    text-transform: uppercase;
}
ul#navMod>li>a{
    height: 100%;
    height: 100%;
    text-decoration: none;
    color:white;
}
.contatoM{
    background-color: #803e6a;
}
.anos{background-color: #25c3f3;}
.atividades{background-color: #803e6a;}
.acervo{background-color: #1aadb2;}
.museu{background-color: #aa528c;}
@media all and (min-width: 1070px) {
    .map{
    width: 60%;
    height: 321px;
    margin: auto;
    margin-bottom: 1%;
   }

}
@media all and (max-width: 1060px) {
    #options{ display: block; }
    .map{
    width: 60%;
    height: 321px;
    margin: auto;
    margin-bottom: 1%;
   }
   ul{
      height: 86px; 
   }
   .inforodape{
    width: auto;
    height: 100px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    }
    .inforodape>span{
        width: 100%;
        display: block;
        padding: 0px;
    }
    #nav > li {
        float: right;
        top: 0;
        border: 0;
        margin: 0;
        padding: 0;
    }
    #nav > li#mob-menu{
        top:4%;
        width: 50px;
    }
    .mob{
    width: 70%;
    margin: auto;
    display: block;
    }
}
@media all and (max-width: 800px) {
    #options{ display: block; }
    .map{
        width: 100%;
        height: 321px;
    }
    .iframe{
        width: 100%;
        height: 100%;
        }
    #rodapecontato{

    }
    .divfl{
    float: left;
    width: auto;
    }
    #textinfomap3{
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    #textinfomap4{
        margin-top: 3px;
        padding: 0;
        width: 100%;
    }
    .rodapecontato{
        align-content: center;
        align-items: center;
        padding: auto;

    }
    .inforodape{
    width: auto;
    height: 100px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    }
    .inforodape>span{
        width: 100%;
        display: block;
        padding: 0px;
    }
    .image-fliud{
        float: left;
        width: 50%;

    }
    #imagemMenu{
        top:6px;
    }
    #brasao{
        padding: 0;
        float: left;
    }
    #brasao>img{
        margin-top: 4px;
    }
    img.separador{
    float: left;
    }
    .mob{
    width: 75%;
    margin: auto;
    display: block;
    }
}
/*bootstrap  - Padrão*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #707171;
    margin: 1em 0;
    padding: 0;
}
/*titulo acervo - Padrão menu style*/
h2 {
    clear: none;
    float: left;
    margin-left: 0%;
    width: 100%;
    FONT-SIZE: 40pt;
    padding-top: 5%;
    padding-bottom: 0%;
    margin-bottom: 0;
    FONT-FAMILY: touchebold;
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
}
/*SUBTITULO - Padrão menu style*/
h3 {
    clear: none;
    float: left;
    margin-left: 0%;
    width: 100%;
    FONT-SIZE: 16pt;
    FONT-FAMILY: toucheregular;
    color: #ffffff;
    display: block;
    text-align: center;
    padding-bottom: 3%;
    font-weight: bold;
}