/*
 *
 * Documento de estilo geral para ser usado em todas as se��es
 *
 */
 
@charset "UTF-8";

/*  Reset 
    ---------------  */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
}


/*  Classes padr�es
    ---------------  */

html {
	width: 100%;

}
	
body {
	margin: 0px;
	background: url(../../images/NewMathleticsBackground-White.jpg) fixed;
	font-family: 'Open Sans', 'Lucida Sans', Tahoma, Arial;
	width: 100%;
}

figcaption { opacity: 0; display: none; }
	
.float-left {float: left;}
.float-right {float: right;}
.display-inline {display: inline;}
.letra-maiusculo { text-transform: uppercase; }
.letra-minuscula { text-transform: lowercase; }
.clear { clear: both; }	
.bold { font-weight: bold; }	
.centralizado { text-align: center; }
.corAmarelo { color: #ffff00; }
.corBranco { color: #ffffff; }
.corVermelho {color: #da251d;}


/* �rea de LINKS
 ================================== */
 
a:link.mudar    {color: #cccccc; text-decoration: none;}
a:visited.mudar {color: #cccccc; text-decoration: none}
a:hover.mudar {color: #ffff00; text-decoration: none}

a.ared:link    {color: #da251d; text-decoration: none;}
a.ared:visited {color: #da251d; text-decoration: none}
a.ared:hover   {color: #047ec4; text-decoration: none}


/*  T�tulos Internos
    ---------------  */
	
div#mb-corpo-titulo {
	display: table; 
	margin: auto; 
	border-bottom: #4e5a62 2px solid; 
	padding-bottom: 5px;
	text-align: center;
} 

h1.mb-titulo-corpo {
	font-family: Raleway, sans-serif; 
	font-size: 42px; 
	color: #4e5a62;
}

h3.mb-subtitulo-corpo {
	font-family: 'Hammersmith One', sans-serif; 
	font-size: 36px; 
	color: #666666;
}

/*  Cabe�alho
    ---------------  */

	
#mb-header {
	top: 0;
	left: 0;
	width: 100%;
}	

#mb-header-topo {
	color: #776E03;
	font-family: Lucida Sans, Tahoma, Arial;
	font-size: 14px;
	height: 220px;
}	

#mb-header figure.mb-logotipo {
	display: table;
	height: 120px;
	margin: auto;
	width: 400px;
}

#mb-header figure.mb-logotipo img {
	margin-top: 50px;
	padding: 0px;
	width: 100%;
}

#mb-header figure.mb-logotipo figcaption {
	display: none;
	opacity: 0;
}

	
/*  Cabe�alho: Modalidades
    ---------------------------  */
	
	
#mb-local {
	background-color: #4e5a62;
	border-top: #373435 1px solid;
	color: #ffffff;
	display: table;
	font-family: lucida sans, tahoma, arial;	
	text-align: center;
	position: absolute;
	width: 100%;
	z-index:999;
}

#mb-local-bloco {
	display: table;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#mb-local-cidade {
	font-family: Raleway;
	font-size: 30px;
	float: left;
	margin-left: 20px;
}

#mb-local-bairro {
	border-left: #dddddd 1px solid;
	float: left;
	font-family: Raleway;
	font-size: 30px;
	margin-left: 20px;
	padding-left: 20px;
}

.form-select-bairros {
	background-color: #4e5a62;
	border-left: #dddddd 1px solid;
	border-radius: 10px;
	font-family: Raleway;
	font-size: 20px;
	margin-left: 20px;
	padding-left: 20px;
}

.mb-local-btn {
	color: #8aa4b6;
	display: inline;
	height: 35px;
	margin-left: 10px;
	width: 35px;
}
.mb-local-btn > i{
	border: #8aa4b6 1px solid;
	border-radius: 5px;
	font-size: 24px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	width: 25px;
}

	.mb-local-btn > i:hover { 
		border: #ffffff 1px solid;
		color: #ffffff; 
	}

	
#directLocal {
	background-color: #313E47;
	border: #4e5a62 10px solid;
	border-radius: 0px 0px 15px 15px;
	display: none;
	font-family: 'Open Sans', 'Lucida Sans', Tahoma, Arial;
	font-size: 18px;
	height: 350px;
	left: 50%;
	margin-top: -5px;
	margin-left: -160px;
	overflow-x: auto;
	position: absolute;
	text-align: left;
	width: 300px;
}


/*  Banners
    ---------------  */

#mb-banners {
	display: block;
	margin-top: 55px;
	overflow: hidden;
	width: 100%;
}

.mb-local-sombra {
	background: #4e5a62;
	height: 10px;
	box-shadow: 0px 0px 25px #000000;
	   -webkit-box-shadow: 0px 0px 25px #000000;
	   -moz-box-shadow: 0px 0px 25px #000000;
	margin-top: -7px;
	position: absolute;
	width: 100%;
	z-index:998;
}

#mb-banners-topo { 
	display: table;
	width: 100%;
}
#mb-banners-topo > img { width: 100%; }


/*  Artigos
    ---------------  */

.mb-artigo-titulo {
	color: #282866;
	font-family: 'Hammersmith One';
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.mb-artigo-titulo2 {
	color: #282866;
	font-family: 'Hammersmith One';
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.mb-artigo-imagem {
	display: block;
	height: 350px;
	overflow: hidden;
	padding-top: 20px;
	width: 100%;
}

	.mb-artigo-imagem img { width: 100%; }

.mb-artigo-p {
	font-family: 'Open Sans';
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: justify;
}

.mb-artigo-leitura {
	font-family: 'Open Sans';
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: justify;
}

.mb-artigo-fonte {
	color: #666666;
	font-size: 14px;
	font-style: italic;
	margin-top: 30px; 
	text-align: left;
}

.mb-artigo-botao {
	background: #680c60;
	border: none;
	color: #ffffff;
	font-family: 'Open Sans';
	font-size: 15px;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.mb-artigo-botao:hover { background: #99138d; }

.mb-artigo-data {
	background: #4e5a62;
	color: #ffffff;
	display: table;
	font-family: Tahoma, Arial;
	font-size: 14px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.mb-artigo-assinatura {
	color: #4e5a62;
	display: table;
	font-family: 'Open Sans', Tahoma, Arial;
	font-size: 14px;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

.mb-ver-artigo-assinatura  {
	color: #4e5a62;
	display: table;
	font-family: 'Open Sans', Tahoma, Arial;
	font-size: 14px;
	margin: auto;
	margin-top: 20px;
	padding: 0px;
}

.mb-artigo-linha {
	border-top:1px dashed #4e5a62;
}

.mb-compartilhar {
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
	vertical-align: middle;
	width: 100%;
}

	hr.mb-compartilhar-line { border: none; border-top: #dddddd 1px solid; width: 100%; }
	td.mb-compartilhar-td { vertical-align: middle; height: 30px; line-height: 30px; }
	
/*  Rodap�
    ---------------  */


#mb-rodape {
	background: url(../../images/mb-ground-rodape-cinza-escuro.jpg);
	border: none;
	margin-top: 30px;
}

.mb-rodape-topo {
	background-color: #a6a9ab;
	border: #dddddd 0px solid;
	border-bottom: #333 1px solid;
	height: 15px;
	width: 100%;
   }

#mb-rodape-resumo	{
	display: table;
	font-family: Swis; 
	font-size: 28px;
	background: url(../../images/mb-ground-rodape-cinza-escuro.jpg);
	margin: auto;
	text-align: center;
	color: #F3F781;
}

	.mb-resumo-oque { display: inline;	font-weight: normal; font-size: 34px; }
	.mb-resumo-oque-a { display: inline;	font-weight: normal; }
	.mb-resumo-oque-b { display: inline; font-weight: bold; }

	.mb-bairro-mais {
		background: #F3F781;
		border-radius: 5px;
		color: #333333;
		font-family: Lucida Sans, Tahoma, Arial;
		font-weight: normal;
		font-size: 18px;
		margin: auto;
		padding: 5px;
		width: 220px;
	}
	
	.mb-bairro-mais:hover {
		background: #e8e540;
		color: #000;
	}
	
.mb-resumo-ladoA { display: table; float: left; }
.mb-resumo-quebra { float: left; width: 2px; }
.mb-resumo-ladoB { display: table; float: left; }

.mb-rodape-tblResumo {
	color: #ffffff;
	margin: auto;
	display: table;
	margin-top: 20px;
}

.mb-rodape-colunas-tit {
	height: 30px;
	font-size: 20px;
	text-align: right;
	vertical-align: middle;
	width: 310px;
}


.mb-rodape-colunas-box {
	background-color: #4e5a62;
	border-radius: 5px;
	font-family: Tahoma, Arial;
	font-size: 18px;
	height: 30px;
	padding-top: 1px;
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
	width: 70px;
}

#mb-rodape-base {
	background: url(../../images/mb-ground-rodape.gif);
	display: table;
	height: 200px;
	padding-top: 20px;
	text-align: center;
	width: 100%;
}


.mb-rodape-objetivo {
	color: #ffffff;
	text-align: left;	
}

.mb-rodape-logomarca {
	color: #fcfcfc;
	height: 180px;
	display: table;
	margin: auto;
	padding-top: 65px;
	vertical-align: middle;
}


#mb-rodape-redes {
	display: table;
	margin: auto;
	margin-top: 30px;
}
	
#mb-rodape-redes img {
	margin-left: 10px;
	margin-right: 10px;
}

#mb-rodape-samsite {
	margin-top: 50px;
}
/*  Minha Cidade
    ---------------  */

.mb-perfil-historico {
	text-align: justify;
	padding-bottom: 20px;
}

.mb-mcidade-gestor {
	background: #dddddd;
	display: table;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

.mb-mcidade-gestor h4 {
	font-weight: bold;
	text-transform: uppercase;
}

.mb-mcidade-vereador {
	display: table;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
}


.mb-mcidade-vereadores {
	font-size: 16px;
}

.mb-mcidade-vereador h4 {
	font-weight: normal;
	
}

.mb-perfil-titulos {
	border-bottom: #282866 2px solid;
	color: #282866;
	font-family: 'Hammersmith One';
	font-size: 30px;
	font-weight: bold;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}

.mb-perfil-subtitulos {
	color: #666666;
	font-family: 'Hammersmith One';
	font-size: 30px;
	margin: 0px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}

.col-pad-img { margin: 0px; padding-left: 15px; padding-right: 15px; padding-top: 3px; padding-bottom: 0px; }

.mb-perfil-referencias { display: table; width:100%; font-size: 14px; }

.mb-perfil-referencias li {
	padding-left: 22px;
	text-indent: -22px;
}