@charset "UTF-8";
@import "fontes.css";

@font-face {
    font-family: Gotham-Book;
    src: url(../fontes/Gotham-Book.otf);
}

*{
    margin: 0;
}

.index_geral{
    width: 100%;
}

.introducao {
    float: left;
    position: relative;
    width: 100%;
}

.alinha-introducao {
    width: 960px;
    margin: 50px auto 175px auto;
}

.caixa-verde, .caixa-amarela, .caixa-azul, .caixa-vermelha{
    width: 960px;
    border-radius: 150px;
}

.caixa-verde {
    float: left;
    z-index: -2;
    margin: 0 0 34px 20px;
    border: 2px solid #00a651;
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
}

.caixa-amarela {
    float: left;
    z-index: -2;
    margin: 20px 0 -25px -18px;
    border: 2px solid #fff020;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.caixa-azul {
    float: left;
    z-index: -2;
    margin: -23px 0 14px 14px;
    border: 2px solid #628fc7;
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.caixa-vermelha {
    float: left;
    z-index: -2;
    margin: 32px 0 -30px -33px;
    border: 2px solid #dc7573;
    transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
}

.pass-prog{
    float: left;
    width: 100%;
    margin: 80px 0 110px 0;
}

.passaporte {
    float: left;
    position: relative;
    width: 454px;
    margin: 0 0 0 80px;
	text-align: justify;
}

.passaporte h2:nth-child(4){
    margin: 45px 0 0 0;
}

.passaporte h2:nth-child(9){
    margin: 45px 0 0 0;
}

h2, h3 {
    float: left;
    position: relative;
    font-family: Gotham-Bold;
    font-size: 34px;
    color: #2a4778;
}

h3{
    margin: 15px 0 0 0;
    font-family: Gotham-Book;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

p {
    float: left;
    margin: 10px 0 0 0;
    font-family: Gotham-Book;
}

.passaporte ul{
    float: left;
    clear: left;
    position: relative;
    margin: 5px 0 0 15px;
    font-family: Gotham-Book;
    font-size: 16px;
}

.passaporte ul li{
    float: left;
}

.passaporte ul li:nth-child(2){
    clear: left;
    margin-top: 10px;
}

.cadastro-progamacao {
    float: right;
    position: relative;
    width: 258px;
    margin: 0 64px 0 0;
}

.cadastro{
    float: left;
    position: relative;
    width: 257px;
    height: 302px;
    background-color: #4051b6;
    border-radius: 5px;
}

.alinha-texto {
    width: 145px;
    margin: 50px auto 0 auto;
}

.alinha-texto span{
    float: left;
    position: relative;
    font-family: Gotham-Book;
    font-size: 26px;
    color: #FFF;
}

#span-cadastro{
    margin: 24px 0 0 0;
    font-family: Gotham-Book;
    font-size: 36px;
    color: #FFF;
    text-decoration: none;
}

.programacao{
    float: left;
    position: relative;
    width: 257px;
    height: 302px;
    margin: 130px 0 0 0;
    background-color: #eec10e;
    border-radius: 5px;
}

.alinha-imagem-texto {
    width: 149px;
    margin: 30px auto 0 auto;
}

.caixa-interna {
    width: 244px;
    height: 288px;
    margin: 7px auto 0 auto;
    border: 1px solid #FFF;
    border-radius: 5px;
}

.caixa-interna span{
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    text-align: center;
    font-family: Gotham-Bold;
    font-size: 26px;
}

.banner-parceiro {
    float: left;
    position: relative;
    width: 100%;
    height: 312px;
    background-color: #ebebeb;
}

.alinha-banner-parceiro{
    width: 960px;
    margin: 0 auto 0 auto;
}

.alinha-banner-parceiro a{
    text-decoration: none;
}

.banner {
    float: left;
    position: relative;
    width: 960px;
    height: 252px;
    margin: 30px 0 0 0;
}

.parceiro {
    float: right;
    position: relative;
    width: 220px;
    height: 252px;
    margin: 30px 0 0 0;
    background-color: #cc3333;
    border-radius: 5px;
}

.caixa-parceiro{
    width: 208px;
    height: 240px;
    margin: 5px auto 0 auto;
    border: 1px solid #FFF;
    border-radius: 5px;
}

.alinha-texto-parceiro {
    width: 174px;
    height: 180px;
    margin: 0 auto 0 auto;
}

.alinha-texto-parceiro span:nth-child(1), .alinha-texto-parceiro span:nth-child(2){
    float: left;
    margin: 58px 0 0 0;
    font-family: Gotham-Book;
    font-size: 26px;
    text-align: center;
    color: #FFF;
}

.alinha-texto-parceiro span:nth-child(2){
    width: 100%;
    margin: 30px 0 0 0;
}

.texto-itamarati{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 40px;
}

.alinha-texto-itamarati{
    width: 960px;
    margin: 0 auto 0 auto;
}

.alinha-texto-itamarati h2{
    text-align: left;
    font-family: Gotham-Bold;
    font-size: 34px;
}

.alinha-texto-itamarati p{
    text-align: left;
    font-family: Gotham-Book;
    font-size: 14px;
}

.brasileiros_estrangeiros{
	width: 560px;
    float: left;
    clear: left;
    margin-top: 75px;
    height: 300px;
}

.box_metro{
	float: right;
	margin-top: -12px;
}

.box_brasileiros{
	float: left;
}

.box_brasileiros img{
	margin-top: 28px;
}

.box_estrangeiros{
	float: right;
}

.box_telefone{
	width: 113px;
    float: left;
}

.box_info_telefone{
	width: 205px;
    float: right;
    margin-top: 29px;
	font-size: 16px;
}

.telefone_policia{
	color: #003366;
	font-family: Gotham-Book;
    font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 5px;
}

.telefone_ambulancia{
	color: #85b23c;
	font-family: Gotham-Book;
    font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 5px;
}

.telefone_bombeiros{
	color: #db0e1f;
	font-family: Gotham-Book;
    font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 5px;
}

.telefone_defesa_civil{
	color: #f7cb00;
	font-family: Gotham-Book;
    font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 5px;
}

.brasileiros, .estrangeiros{
	color: #66ccff;
	font-size: 20px;
	font-family: Gotham-Bold;
}

.texto_brasileiros{
	width: 231px;
    font-family: Gotham-Book;
    margin-top: 23px;
    font-size: 14px;
}

.texto_estrangeiros{
	width: 231px;
    font-family: Gotham-Book;
    margin-top: 23px;
    font-size: 14px;
}

.cadastro-progamacao a:visited:nth-child(1){
    color: #9f6f09;
}

.cadastro-progamacao a{
    color: #9f6f09;
    text-decoration: none;
}

.cadastro-progamacao a:visited:nth-child(2){
    color: #9f6f09;
}

.va-de-metro{
    float: left;
    width: 100%;
    height: 70px;
    margin: 50px 0 48px 0;
}

.alinha-metro{
    width: 960px;
    height: 70px;
    margin: 0 auto 0 auto;
    background: url("../imagens/index/va-de-metro.png") no-repeat 100% 100%;
}