@charset "iso-8859-1";#topo{position:fixed;float:left;width:100%;margin:0 auto;padding:0;background-color:#000C3E;border-bottom:4px solid #FFFFFF;border-top:4px solid #FFFFFF;z-index:99;}
#topo .topo_inferior{position:relative;float:left;width:100%;margin:0 auto;padding:0px 0;background-color:#000C3E;z-index:99;}
#topo .topo_inferior #logo_topo{max-width:100%;max-height:90px;margin-top:6px;cursor:pointer;}
#topo .topo_inferior .signin input[type='email'], #topo .topo_inferior .signin input[type='password']{border-radius:1px;padding:5px;}
#topo .topo_inferior .signin{color:#FFF;}
#topo .topo_inferior .signin a{color:#FFF;transition:all ease 0.2s;padding-top:5px;font-size:13px;}
#topo .topo_inferior .signin a:hover{color:#09F;transform:translateY(1px);}
#topo .topo_inferior .signin button{border-radius:1px;padding:5px;color:#FFF;background-color:#06C;border:1px solid #06C;cursor:pointer;transition:all ease 0.2s;}
#topo .topo_inferior .signin button:hover{transform:translateX(3px);}
#capa_home{position:relative;float:left;width:100%;margin:0 auto;padding-bottom:60px;}
#capa_home h1{text-align:center;font-family:"nighttime","lato",sans-serif;font-size:50px;color:#222;font-weight:bold;margin:180px auto 5px auto;text-shadow:1px 1px 1px #111;}
#capa_home h2{text-align:center;color:#222;font-size:14px;margin:8px auto 60px auto;}
#capa_home .myButton{background-color:transparent;border-color:#222;color:#222;font-size:25px;font-family:'nitghttime','lato',sans-serif;border-radius:3px;padding:10px 20px;margin-bottom:80px;}
#capa_home .myButton:hover{background-color:#222;color:#FFF;text-shadow:none;}
#rodape{position:relative;float:left;margin:0 auto;width:100%;text-align:center;z-index:2;background:url(../images/bg_rodape.jpg);background-size:cover;background-color:#0033CC;border-top:3px solid #C3C3C3;border-bottom:3px solid #C3C3C3;color:#444;line-height:1.8em;}
#rodape .esquerda{position:relative;float:left;width:32%;margin:20px 2% 20px 0;text-align:left;font-family:'lato',sans-serif;font-size:14px;color:#FFF;line-height:22px;}
#rodape .centro{position:relative;float:left;width:32%;margin:20px 0;text-align:center;font-size:14px;color:#FFF;line-height:22px;}
#rodape .direita{position:relative;float:left;width:32%;margin:20px 0 20px 2%;text-align:center;font-family:'lato',sans-serif;font-size:14px;color:#FFF;line-height:22px;}
#rodape_inferior{position:relative;float:left;margin:0 auto;width:100%;text-align:center;z-index:2;background-color:#FFF;}
#rodape_inferior .esquerda{position:relative;float:left;margin:15px auto;width:75%;text-align:left;font-family:'josefin','lato',sans-serif;font-size:14px;color:#BBB;}
#rodape_inferior .direita{position:relative;float:left;margin:15px auto;width:25%;text-align:right;font-family:'josefin','lato',sans-serif;font-size:13px;color:#BBB;}
@media screen and (max-width:999px){#topo .topo_inferior .sessentaporcento .menu_desktop{display:none;}
#topo .topo_inferior .sessentaporcento .menu_mobile{display:block;}
#topo .topo_inferior .sessentaporcento{width:50%;margin:0;}
#topo .topo_inferior .quarentaporcento{width:50%;margin:0;}
#rodape .esquerda{width:94%;margin:20px 3%;text-align:center;}
#rodape .centro{width:94%;margin:20px 3%;text-align:center;}
#rodape .direita{width:94%;margin:20px 3%;text-align:center;}
#rodape_inferior .esquerda{width:94%;margin:20px 3% 10px 3%;text-align:center;}
#rodape_inferior .direita{width:94%;margin:10px 3% 20px 3%;text-align:center;}
}
@media screen and (max-width:768px),
only screen
and (min-device-width:320px)
and (max-device-width:768px){#topo{position:relative;}
#topo .topo_inferior .esquerda{width:48% !important;margin:5px 1% !important;}
#topo .topo_inferior .centro{width:48% !important;margin:5px 1% !important;}
#topo .topo_inferior .signin{width:96% !important;margin:5px 2% !important;}
}
@media screen and (max-width:480px),
only screen
and (min-device-width:320px)
and (max-device-width:480px){#topo{position:relative;}
#topo .topo_inferior .esquerda{width:48% !important;margin:5px 1% !important;text-align:left !important;z-index:999;}
#topo .topo_inferior .centro{width:48% !important;margin:5px 1% !important;}
#topo .topo_inferior .signin{width:96% !important;margin:5px 2% !important;}
}
.clear{clear:both;}