body, html {
  min-height:100%;
  height:auto !important;
  height:100%;
}

body{
	background-color: #fff;
	font-family: Arial, sans-serif!important;
	line-height: 137%;
	color: #000;
}

img{
	max-width: 100%;
}

a:focus, a:hover{
	opacity: 0.9;
}

a:focus{
	outline: 2px solid red;
}
	

/*BARRA CINZA TOPO*/

.topo-prefeitura {
    padding: 0;
    background: none repeat scroll 0 0 #666;
	width: 100%;
	padding-top: 5px;
}

.links-topo-prefeitura,.links-topo-prefeitura a{
	text-align: left;
    display: inline;
    color: #ccc;
    font-size: 15px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
	text-decoration: none!important;
}

.topo-secretaria{
  padding: 0;
    background: none repeat scroll 0 0 #ccc;
	width: 100%;
	padding: 5px 0;
}

.topo-secretaria a{
	text-align: left;
    display: inline;
    color: #666;
    font-size: 12px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
	text-decoration: none!important;
}

.text-left{
	text-align: left;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}


.link-acesso-informacao{
	margin-top: -3px;
}

@media all and (max-width: 1001px){
	.links-topo-prefeitura{
		font-size: 11px;
		line-height: 140%;
	}
	
	.links-topo-prefeitura a{
		font-size: 12px!important;
	}
	
	.link-acesso-informacao{
		margin-top: -3px;
	}
	
	.ico-acesso-informacao{
		width: 15px;
		height: auto;
	}
	
	.links-topo-prefeitura{
		padding: 3px 0;
	}
}

@media all and (max-width: 612px){
	
	.links-topo-prefeitura{
		text-align: center;
	}
	
	.links-topo-prefeitura a{
		font-size: 10px!important;
	}
	
	.link-acesso-informacao{
		margin-top: -1px;
	}
	
	.topo-secretaria{
		text-align: center;
		padding: 2px 0;
		margin: 0!important;
	}
	
	.topo-secretaria a{
		font-size: 10px;
	}
	
	.link-topo-secretaria{
		margin: 0!important;
		padding: 0!important;
	}
	
	.link-topo-secretaria a{
		margin: 0!important;
		padding: 0!important;
	}
	
	.ico-acesso-informacao{
		width: 10px;
		height: auto;
	}
}

@media all and (max-width: 500px){
	.links-topo-prefeitura a{
		font-size: 9px!important;
		display: block;
		line-height: 11px;
		text-align: center;
		padding: 0 10px;
	}
}


/*FIM BARRA CINZA TOPO*/


.header{
	position: relative;
	margin-top: 30px;
    margin-bottom: 16px;
}

@media all and (min-width: 751px){
	
	.header{
		height: 125px;
	}
}

.base-logos{
	position: absolute;
	top: 0;
	left: 30px;
}

.logo-atende{
	padding-right: 37px;
	margin-right: 37px;
	text-align: left;
	border-right: 1px solid #593177;
	float: left;
	padding-bottom: 5px;
	margin-top: -10px;
}

.logo-atende h1{
	margin: 0;
}

.logo-sptrans{
	float: left;
	margin-top: 26px;
	max-width: 50px;
}

.logo-smt{
	float: left;
    margin-left: 20px;
    margin-top: 2px;
	width: 77px;
}

.base-mainmenu{
	width: 644px;
	height: 68px;
	text-align: center;
	background-color: #503a58;
	position: absolute;
	top: 10px;
	right: 30px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	font-family: 'Quicksand', sans-serif;
	border-radius:0px 25px 0px 0px;
	-moz-border-radius:0px 25px 0px 0px;
	-webkit-border-radius:0px 25px 0px 0px;
}

.base-mainmenu a{
	color: #fff!important;
	text-transform: none;
}

.mainmenu{
	margin-top: 25px;
}

.mainmenu-mobile{
	display: none;
}

.banner-home:focus{
outline: 2px solid #ffff00;
}

.banner-home a:focus{
	outline: 2px solid #ffff00;
}

.img-banner-home-mobile{
	display: none!important;
}

.img-banner-home{
	display: block;
}

.img-banner-home:focus{
	outline: 2px solid #ffff00;
}


.conteudo-home h1{
	font-size: 26px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	color: #662d91;
}

.conteudo-home h2{
	font-size: 26px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	color: #662d91;
	text-align: left;
}


.boxes-home img{
	width: 100%;
}

.box-destaque {
	margin: 30px 0 0 !important;
}

.box-destaque>div{
	background-color: #e9e9e9;
    text-align: center;    
    font-size: 16px;    
    letter-spacing: -0.1px;
    padding: 10px 20px 20px;	
	line-height:1.4;
}

.boxes-home{
	text-align: center;
}

.boxes-home p{
	font-size: 15px;
	line-height: 142%;
}

.boxes-home h1,p{
	text-align: left;
}

.texto-legal{
	padding: 20px;
	font-size: 13px;
	line-height: 132%;
	float: left;
}

/*INTERNAS*/

.base-conteudo-geral{
	margin-bottom: 15px;
}

#conteudo h1{
	font-size: 26px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	color: #662d91;
	border-bottom: 1px solid #662d91;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.conteudo-internas h2{
	font-size: 26px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	color: #662d91;
	border-bottom: 1px solid #662d91;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.conteudo-internas h3{
	color: #000;
	font-size: 18px;
	font-weight: bold;
}

.base-botao-requisitos{
	text-align: center;
	display: table;
	vertical-align: middle;
	padding: 30px;
}

.botao-requisitos{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: #662d91;
	height: 200px;
	width: 50%;
}

.botao-requisitos a{
	color: #fff;
	font-size: 26px;
	font-family: 'Quicksand', sans-serif;
	text-transform: none;
	line-height: 1;
}

.conteudo-internas p{
	margin-bottom: 15px;
	line-height: 142%;
    font-size: 16px;
}

.conteudo-internas p a{
	color: #662d91;
	font-weight: bold;
	text-decoration: none;
}

.base-titulo-internas{
	width: 100%;
	height: 243px;
	background-image: url(/images/atende/bg-internas.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: table;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 30px;
}

.titulo-requisitos{
	margin-bottom: 15px;
}

.titulo-internas{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}

.titulo-internas h1{
	text-align: center;
	color: #fff!important;
	font-size: 40px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	text-decoration: none;
	border: 0!important;
	margin: 0!important;
	padding: 0!important;
}

/*FIM INTERNAS*/

p{
	font-family: Arial, sans-serif!important;
	line-height: 137%;
	font-size: 16px;
}

a.link-destacado{
	color: #662d91;
	font-weight: bold;
	text-decoration: none;
}

a.link-botao{
	text-align: center;
	padding: 10px 15px;
	color: #fff!important;
	text-decoration: none;
	background-color: #662d91;
	font-size: 17px;
	margin: 10px 0;
	display: inline-block;
	font-weight: bold;
}

a.link-botao:hover{
	background-color: #aa68aa;
}


@media all and (min-width: 992px) and (max-width: 1199px){
	.base-mainmenu{
		width: 520px;
		font-size: 14px;
	}
	
	.logo-atende{
		padding-right: 30px;
		margin-right: 30px;
		text-align: left;
		border-right: 1px solid #593177;
		float: left;
		padding-bottom: 5px;
		margin-top: 3px;
		width: 166px;
	}
}

@media all and (max-width: 991px){
	
	
	.header{
		height: auto;
	}
	
	.base-logos{
		width: 100%;
		float: left;
		text-align: center;
		position: relative;
		left: 0;
	}
	
	.logos{
		margin: 0 auto;
		width: 430px;
	}
	
	
	.base-mainmenu{
		position: relative;
		font-size: 16px;
		float: left;
		text-align: center;
		margin: 15px 0 15px 45px;
		width: 690px;
		border-radius: 30px 30px 0 0;
	}
}

#avisos_atende{
	margin: 0 0 30px  0;
}


@media all and (max-width: 766px){
	.base-mainmenu{
		display: none;
	}

	
	.mainmenu-mobile{
		display: block;
		float: left;
		width: 100%;
		margin: 15px 0 -15px 0;
	}
	
	.mainmenu-mobile .navbar-default {
		background-color: #f8f8f8;
		border: 0!important;
		text-align: center;
		background-color: #503a58;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		font-family: 'Quicksand', sans-serif;
	}
	
	.mainmenu-mobile .navbar-default .navbar-brand{
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		font-family: 'Quicksand', sans-serif;
	}
	
	.mainmenu-mobile .navbar-toggle {
		background-color: #fff;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #e5e5e5;
	}
	
	.mainmenu-mobile .navbar-default .navbar-toggle .icon-bar{
		background-color: #503a58;
	}
	
	.mainmenu-mobile .navbar-default .navbar-nav > li > a {
		color: #fff;
	}
	
	
	
	.box-destaque{
		font-size: 16px;
	}
	
	.texto-legal{
		font-size: 12px;
		line-height: 142%;
	}
	
	
	.titulo-internas{
		font-size: 30px;
		line-height: 130%;
	}
	
	#conteudo h1{
		font-size: 30px;
		font-family: 'Quicksand', sans-serif;
		font-weight: bold;		
		border-bottom: 1px solid #662d91;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.conteudo-internas p{
		margin-bottom: 15px;
		line-height: 142%;
		font-size: 15px;
	}
	
}


/*----FIM MAINMENU----*/


@media all and (max-width: 650px){
	.img-banner-home-mobile{
		display: block!important;
	}

	.img-banner-home{
		display: none!important;
	}
	
	.img-banner-home-mobile:focus{
	outline: 2px solid #ffff00;
	}
}


@media all and (max-width: 499px){
	
	.logos{
		width: 330px;
	}
	
	.logo-atende{
		width: 140px;
		margin-left: 15px;
		padding-right: 20px;
		margin-right: 15px;
	}
	
	.logo-sptrans{
		margin-top: 21px;
	}
	
	.logo-smt{
		margin-top: -7px;
		margin-left: 15px;
		width: 66px;
	}
}

@media all and (max-width: 384px){
	
	.logos{
		width: 280px;
	}
	
	.logo-atende{
		width: 108px;
		margin-left: 15px;
		padding-right: 20px;
		margin-right: 15px;
	}
	
	.logo-sptrans{
		margin-top: 15px;
		width: 45px;
	}
	
	.logo-smt{
		margin-top: -7px;
		width: 56px;
	}
	
	.box-destaque{
		font-size: 14px;
	}
	
	.texto-legal{
		font-size: 11px;
		line-height: 142%;
	}
	
	.boxes-home p{
		font-size: 14px;
	}
}

/*FOOTER*/

#footer{
	font-family: Roboto, Arial, sans-serif!important;
}

.logos-footer .logo-sptrans {
	margin-top: 5px;
    float: none;
    display: inline;
	
}

.logos-footer .logo-smt {
    margin-top: 14px;
    float: none;
    display: inline;
	margin-left: 12px;
}

.bg-footer{
	background-color: #333;
	padding: 50px 0!important;
	margin: 0!important;
}	

.bg-footer-claro{
	background-color: #f6f6f6;
	padding: 20px 0;
}

.mapa-do-site-footer a{
	color: #fff;
	text-decoration: none!important;
}

.mapa-do-site-footer ul{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

.social-things-footer .social-icon{
	margin-right: 5px;
}

.endereco-prefeitura-rodape{
	font-size: 12px!important;
	padding: 5px 0;
	background-color: #eee;
	color: #666;
}


.endereco-prefeitura-rodape a{
	color: #666;
}

.endereco-sptrans-footer{
	margin-top: 10px;
	font-size: 13px;
	line-height: 120%;
	color: #333;
}

@media (max-width: 1001px) {
	.bg-footer-claro{
		text-align: center!important;
	}
	
	.social-things-footer{
		margin: 10px 0;
	}
	
	.endereco-sptrans-footer{
		margin-top: 20px;
		font-size: 13px;
		line-height: 120%;
	}
	
	.social-things-footer .social-icon{
		margin: 0 5px;
	}
	
	.endereco-prefeitura-rodape, .endereco-prefeitura-rodape .text-right{
		text-align: center!important;
		line-height: 130%;
	}
	
	.descricao-opcao{
		margin-top: 7px;
	}
	
	.resultados-itinerarios .filtros-resultados-itinerarios{
		margin-bottom: 20px;
	}
	
	.mapa-resultado{
		padding: 0!important;
	}
	
	.mapa-resultado iframe{
		height: 300px;
	}
	
	.descricao-itinerario-resultado{
		margin-top: 20px;
	}
	
	.bloco-noticias-home{
		border-bottom: 1px solid #e2001a;
		padding-bottom: 15px;
		margin-bottom:15px;
	}
	
}

/*FIM FOOTER*/


/*FIM INTERNAS*/

body + object, body + object + object { display: none; }

/*bootstrap hack*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}


@media all and (max-width: 370px){
	body{
		overflow-x: hidden;
	}
}

#postos ul li{
	border: 5px solid white;
    padding: 15px;
    background-color: #eee;
    font-size: 9pt;
    height: 117px;
    line-height: 16px;
} #postos ul{
	margin: 0;
	padding: 0;
	list-style: none;
} 


.base-selo-cpa{
	  	text-align: right;
	  }
	  
	  
@media (max-width: 991px) {
  .base-selo-cpa{
	  	text-align: center;
	  }
  }

/*Selo de acessibilidade digital*/
    .sa{position:relative;display:inline-block}.sa .st{visibility:hidden;width:220px;background-color:#e2e2e2;color:#000;text-align:left;padding:5px;border-radius:6px;position:absolute;z-index:1;opacity:0;transition:opacity 1s}.sa .st div{font-weight:700;text-align:center;margin-bottom:5px}.sa .st span{display:block;text-align:center;margin-top:5px}.sa:hover .st{visibility:visible;opacity:1}.sad .st,.sae .st{top:0}.sab .st,.sat .st{margin-left:-110px;left:50%}.sat .st{bottom:110%}.sab .st{top:90%}.sad .st{left:105%}.sae .st{right:105%}