body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: arial;
	font-style: normal;
	font-width: 18px;
	text-align: justify;
	overflow-x: hidden;
}
a:link {
	text-decoration: none;
	color: hsla(227,24%,22%,1.00);
}
a:visited {
	text-decoration: none;
	color: hsla(227,24%,22%,1.00);
}
a:hover {
	text-decoration: none;
	color: hsla(227,24%,22%,1.00);
}
a:active {
	text-decoration: none;
	color: hsla(227,24%,22%,1.00);
}

.slider{
	width: 100%;
	height: 561px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    animation-duration: 30s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    }
	
#sliderplay{
	animation-name: fadeslider;
}

@keyframes fadeslider
    
	{
    0%  {background-image: url(slidefundoveiculos.png)}
    10% {background-image: url(slidefundoveiculos.png)}
    20% {background-image: url(slidefundoveiculos.png)}
    30% {background-image: url(slidefundoveiculos.png)}
    35% {background-image: url(slidefundopedestres.png)}
	40% {background-image: url(slidefundopedestres.png)}
    50% {background-image: url(slidefundopedestres.png)}
    60% {background-image: url(slidefundopedestres.png)}
    70% {background-image: url(slidefundopedestres.png)}
    75% {background-image: url(slidefundoleitoras.png)}
	80% {background-image: url(slidefundoleitoras.png)}
    90% {background-image: url(slidefundoleitoras.png)}
    95% {background-image: url(slidefundoleitoras.png)}
    100%{background-image: url(slidefundoveiculos.png)}
	}

.lyrics {
	width: 522px;
	height: 113px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	animation-duration: 30s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    }

#lyricsplay {
	animation-name: stadelyrics;
}

@keyframes stadelyrics
    
	{
    0%  {background-image: url(slidetxveiculos.png)}
	10% {background-image: url(slidetxveiculos.png)}
	20% {background-image: url(slidetxveiculos.png)}
    30% {background-image: url(slidetxveiculos.png)}
    35% {background-image: url(slidetxpedestres.png)}
	40% {background-image: url(slidetxpedestres.png)}
	50% {background-image: url(slidetxpedestres.png)}
	60% {background-image: url(slidetxpedestres.png)}
    70% {background-image: url(slidetxpedestres.png)}
    75% {background-image: url(slidetxleitoras.png)}
	80% {background-image: url(slidetxleitoras.png)}
	90% {background-image: url(slidetxleitoras.png)}
    95% {background-image: url(slidetxleitoras.png)}
    100%{background-image: url(slidetxveiculos.png)}
    }

.saiba {
	width: 163px;
	height: 47px;
	overflow: hidden;
	animation-duration: 30s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
    }

#saibaveiculos {
	animation-name: saibamaisveiculos;
}

@keyframes saibamaisveiculos
    
	{
	0%  {display: block;}
	10% {display: block;}
	20% {display: block;}
	30% {display: none;}
	40% {display: none;}
	50% {display: none;}
    70% {display: none;}
	60% {display: none;}
    80% {display: none;}
	90% {display: none;}
	100%{display: none;}
    }
	
#saibapedestres {
	animation-name: saibamaispedestres;
}

@keyframes saibamaispedestres
    
	{
	0%  {display: none;}
	10% {display: none;}
	20% {display: none;}
	30% {display: none;}
	40% {display: block;}
	50% {display: block;}
	60% {display: block;}
    70% {display: none;}
    80% {display: none;}
	90% {display: none;}
	100%{display: none;}
    }
	
#saibaleitoras{
	animation-name: saibamaisleitoras;
}

@keyframes saibamaisleitoras
    {
	0%  {display: none;}
	10% {display: none;}
	20% {display: none;}
	30% {display: none;}
	40% {display: none;}
	50% {display: none;}
	60% {display: none;}
    70% {display: none;}
    80% {display: block;}
	90% {display: block;}
	100%{display: block;}
    }
#bto1 {
	width: 57px;
	background-color: transparent;
	border: none;
}
#bto2 {
	width: 46px;
	background-color: transparent;
	border: none;
}
#bto3 {
	width: 41px;
	background-color: transparent;
	border: none;
}
.cursor {
	cursor: pointer;
}
.destaq {
	font-family:Arial;
	font-weight:bold;
	font-size:18px;
	color: #2A2F45;
}
.empresa {
	width: 100%;
	height: 360px;
	font-style: normal;
	justify-content: center;
	align-items: center;
	font-family: arial;
	background-image: url(fundoempresa.png);
	background-position: center;
	background-repeat: repeat-x;
}
.txb {
	font-family: Arial;
	font-style: normal;
	text-align: right;
	color: #FFFFFF;
}
.dock {
	background-image: url(fundoimg.png);
	background-position: top;
	background-repeat: repeat-x;
	float: left;
	width: 70%;
	height: 255px;
}
.tock {
	background-image: url(fundoimg.png);
	background-position: top;
	float: right;
	width: 70%;
	height: 255px;
}
.font2 {
	font-family: Agency FB;
	font-style: normal;
	font-size: 1.2em;
	color: #2A2F45;
	text-align: left;
}
.font2b {
	font-family: Agency FB;
	font-style: normal;
	font-size: 1.2em;
	color: #2A2F45;
	text-align: left;
}
.font6 {
	font-family: Agency FB;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	color: #2A2F45;
}
.font6b {
	font-family: Agency FB;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #2A2F45;
}
.tx {
	font-family: Arial;
	font-size: 15px;
	text-align: justify;
}
.txbold {
	font-family: Arial;
	font-size: 20px;
	font-weight:bold;
	text-align: right;
	color: #FFFFFF;
}
.fx {
	width: 100%;
	height: 560px;
	background-image: url(faixapda.png);
	background-repeat: repeat-x;
	background-position: center;
}
.fundoform {
	width: 100%;
	height: 350px;
	background-image: url(fundoform.png);
	background-repeat:repeat-x;
	background-position:center;
}
.borderform {
	width: 250px;
	height: 30px;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	border-color: #2A2F45;
	background-color: #FFFFFF;
}
.categoryform {
	font-family: Arial;
	font-size: 17px;
	color: #2A2F45;
}
.tituloform {
	font-family: Arial;
	color: #2A2F45;
	font-size: 30px;
	font-weight: bold;
}
.bordertxtform {
	width: 500px;
	height: 100px;
	border-style: solid;
	border-width: 2px;
	border-radius: 5px;
	border-color: #2A2F45;
	background-color:hsla(0,0%,100%,1.00);
}
.nobtform {
	background-color: transparent;
	border: none;
	cursor: pointer;
}
.rodape {
	background-image: url(bottom.png);
	background-color: hsla(0,0%,30%,1.00);
	background-repeat: repeat-x;
}
.direitos {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}