/* 68_mobile.css */

body {
      zoom: 0.3;
      transform-origin: top left; /* Define o ponto de origem da transformação */
	background:     #FFF1D6 url(https://www.caer.org.br/downloads/Imagens/noise.png);
	font-family:    "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	margin:         0 auto;
	width:          100%;
	
}



.container {
	margin: 0 auto;
	width: 480px;
	font-size : 2em;
	display : inline-block;
}

#menu ul {
    padding:0px;
    margin:0px;
    background-color:#EDEDED;
    list-style:none;
    font-size : 2em;
}

#menu ul li { display: inline;
	font-size : 1.2em;
    
}

#menu ul li a {
    padding: 2px 10px;
    display: inline-block;

    /* visual do link */
    background-color:#EDEDED;
    color: #4f81b2;
    text-decoration: none;
    border-bottom:3px solid #EDEDED;
}

#menu ul li a:hover {
    background-color:#D6D6D6;
    color: #6D6D6D;
    border-bottom:3px solid #4f81b2;
}
                
.places {
	width: 100%;
	
	
}

.place {
	background-color: #FFF;	
	width: 100%;
	height: 100%;
	align-items: center;
	text-align: center;
	font-size : 2.5em;
	line-height: 2.5em;
	
	
}
.place img {
	width: 100%;
}

.img2 img {
	width: 100%;
	}

.place h2 {
	margin-top: 40px;
	font-size : 2em;
	text-align: center;
}
.mensagem p, h1  {
	text-align: center;
	font-size:3em;
}

.sidenote {
	background-color: #E4ECF5;
	/* border: 1px solid #C9BC8F;
	padding: 10px; */
	width: 100%;
	text-decoration: blink;
	text-align: center;
	font-size:3em;
           }
.sidenote iframe {
     width:100%;
     height:100%;
}           
           
           
           
           
.rodapé {
    width: 100%;
    text-align : center;
    margin-left: auto;
    margin-right: auto; 
    font-size:1.2em;
    align-items: center;
}
.rodapé img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}
/*.rodapé p    {
    text-align : center;
}
*/

table {
    font-size:1.5em;
    line-height: 1.8em;
}


/* Menu Topo */
.header-menu-topo .navbar-custom {
    /* background: #000;*/
    background: #0e4097; /* troquei a cor do menu em 20221005*/
    border-color: #0f5b9a;
    border: none;
    padding-left: 0; 
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 1em;
    
}
.header-menu-topo .navbar-custom .navbar-collapse {
    padding-right: 15px;
    padding-left: 0;
}
.header-menu-topo .navbar-collapse-custom a {
    color: #fff;
}
.header-menu-topo .navbar-custom .navbar-nav > li > a {
    color: #ccc;
}
.header-menu-topo .navbar-custom .navbar-nav > li > a:hover {
    color: #fff;
    background: #144253;
}
.header-menu-topo .navbar-custom .navbar-nav > li > a:focus {
    color: #008BD1;
}
.header-menu-topo .navbar-custom .dropdown .dropdown-menu-custom {
    background: #000;
}
.header-menu-topo .navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
    background-color: #000;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff !important;
    background-color: #1c5e76 !important;
}