body {
	margin:0; padding:0;
	background-image:url(/simulador/img/fundo_meio_neutro.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
* {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
#topo {
	background-image:url(/simulador/img/topo.jpg);
	background-position:top center;
	z-index:2;
	padding:10px 0;
    font-family: 'Roboto';
}

#topo a {
	text-decoration:none;
}
#topo #contato-topo a {
    display: table;
    margin-left: 10px;
    margin-top: 12px;
    margin-bottom: 10px;
    float: left;
}
#logo img {
    padding-top: 60px;
    padding-bottom: 36px;
}
#topo #contato-topo {
	float:right;
	margin-right: 15px;
	margin-top:32px;
}
#contato-topo figure {
	background-image: url(/simulador/img/icones/icones.png);
	margin: 0;
}
#contato-topo .icone_whatszapp {
	background-position: -0px -630px;
	width: 187px;
	height: 68px;
	margin-left: auto; margin-bottom: 10px;
}
#contato-topo .icone_tel {
	float: left;
	background-position: -280px -630px;
	width: 22px;
	height: 24px;
}
#contato-topo .icone_tel2 {
	float: left;
	background-position: -310px -630px;
	width: 24px;
	height: 24px;
	margin-left: 10px;
}
#contato-topo span {
	color: #FFF;
	font-size: 12px;
    margin-right: 2px;
    margin-left: 5px;
    line-height: 24px;
}

#meio {
	width:100%;
	display:table;
}
#logo {
	margin:0px auto;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	width:326px;
	height:105px;
}
#frase {
	padding:32px 0px;
	text-align:center;
	font-size:30px;
	font-family: 'Roboto';
	color:#444444;
    line-height: 70px;
}
#modalidades {
	display:flex;
	width:93%;
	height:580px;
	margin:25px auto 40px auto;
}
#modalidades a {
	display:table;
    margin: 0px auto;
	width:93%;
	height:100%;
	border-radius:8px;
	background-position:center;
	background-repeat:no-repeat;
    background-size: contain;
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-family: 'Roboto';
}
#modalidades li, #idiomas li {
	flex: 1;
	text-align:center;
}
#modalidades a .titulo {
	width:93%;
	height:46px;
	line-height:46px;
	background-color:#D93600;
	border-radius:5px;
    font-size: 20px;
    font-weight: bold;
	margin:-50px auto 0px auto;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2);
}
#modalidades a .botao {
	width:93%;
	height:60px;
	border-radius:5px;
	background-color:rgba(198,25,11,0.9);
	margin:0px auto;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-top:230px;
    padding: 7px 0;
    box-sizing: border-box;
    line-height: 21px;
	display:none;
}
#modalidades a:hover {
	background-color:rgba(0,0,0,0.35);
}
#modalidades a:hover .botao {
	display:table;
}
#modalidades #futebol {
	background-image:url(../img/esporte_futebol.png);
}
#modalidades #futebol_feminino {
	background-image:url(../img/esporte_futebol_feminino.png);
}
#modalidades #basquete {
	background-image:url(../img/esporte_basquete.png);
}
#modalidades #ciclismo {
	background-image:url(../img/esporte_ciclismo.png);
}
#modalidades #agasalho {
	background-image:url(../img/esporte_agasalho.png);
}
#modalidades #volei {
	background-image:url(../img/esporte_volei.png);
}
#modalidades #passeio {
	background-image:url(../img/esporte_passeio.png);
}
#idiomas {
	display:flex;
	width:780px;
	margin:80px auto 40px auto;
	height:260px;
}
#idiomas figure {
	width: 50px;
    height: 50px;
    margin: 65px auto 20px auto;
    border-radius: 100%;
	background-image: url(/simulador/img/icones/icones.png);
	zoom: 1.1;
}
#idiomas a {
	text-decoration:none;
}
#idiomas span {
	font-size:28px;
	font-family: 'Roboto';
	text-align:center;
	color:#000;
}
#idiomas #icone_portugues {
	background-position:-600px -630px;
}
#idiomas #icone_espanhol {
	background-position:-650px -630px;
}
#idiomas #icone_ingles {
	background-position:-700px -630px;
}
#idiomas li {
	cursor:pointer;
}
#idiomas li:hover {
	background-color:rgba(255,255,255,0.45);
	border-radius:50%;
}
#rodape {
    position: fixed;
    bottom: 0px;
	clear:both;
	width:100%;
	height:70px;
	background-color:#C4282D;
}
#rodape .conteudo {
	max-width:1200px;
	margin:0px auto;
	line-height:70px;
	color:#FFF;
	font-size:14px;
	font-family:Arial;
}
#rodape .conteudo .spot {
	width:33.33%;
	float:left;
	text-align:center;
}
#rodape #desenvolvimento .texto { 
    vertical-align:middle;
    display:table-cell;
    text-align:justify;
}
#rodape #desenvolvimento .imagem {
    vertical-align:middle;
    display:table-cell;
    padding-right:5px;
    padding-left	:5px;
    width:174px;
}
#rodape #desenvolvimento .imagem img{ 
    height:48px;
    vertical-align:middle;
}