@charset "utf-8";
/* CSS Document */

/************************************************************************************
INICIO MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {
	
body{
	height:100%;
}
.tudo {
	width: 100%;
	float: none;
	position:relative;
}
#topo{
	display:none;
}
h2{
	font-size:14pt;
}
p{
	text-align:justify;
}

/* SECTION NAVEGACAO */	
#navegacao{
	margin-top:-13px !important;
	width:100% !important;
	height:55px !important;
}
#navegacao div#logo{
	margin:0 auto;
	position: absolute !important;
	margin-left:-58px;
	left:50%;
}
#navegacao div#logo img{
	width:70%;
}
#nav-desktop{
	display:none;
}
.wrap {
	max-width: 100%;
	margin: 0px;
	height: 600px;
	background-color: #ECEBEB;
	overflow: hidden;
}
.nav {
	z-index: 200;
	display:block;
	width: 150px;
	position: fixed;
	top: 0;
}
.nav ul {
	margin: 0px;
	background: none repeat scroll 0% 0% #ECEBEB;
	padding-top: 25px;
	padding-left: 20px;
	color:#474747;
}		
li {
	 margin: 0;
	 padding: 0;
	 display: block;
}
li a {
	padding: 0.5em 0px;
	display: block;
	color: #9AA7AF !important
}
.nav-toggle {
	background: url('img/menu-icon.png') no-repeat scroll 10px center #ECEBEB;
	position: absolute;
	top: 23px;
	right: -42px;
	color: #FFF;
	cursor: pointer;
	width: 0px;
	height: 30px;
	z-index: 1000;
	display: block;
	padding: 6px 0px 0px 42px;
}

/* HEADER */
#primeira{
	visibility:hidden;
}

/* SECTION COTACAO */
section#cotacao{
	padding-bottom: 15px;
}
section#cotacao article{	
	margin:0 auto;
	width:80%;
}
div#elemento-esquerda {
    float: left;
    width: 100%;
}
.texto-cotacao p{
	text-align:justify;
}
div#elemento-direita {
    float: left;
    width: 100%;
	margin-top:15px;
}
.box-cotacao{
	position:relative;
	left: 50%;
	margin-left: -75px;
}

/*SECTION SERVICOS */
section#servicos {
    padding-bottom: 14px;
    padding-top: 14px;
}
section#servicos article#servicos{
	width:100%;
	overflow:hidden;
	height:auto;
}
#servicos-seguros, #servicos-consorcio, #servicos-consignado, #servicos-assistencias{
	position:relative;
	left:25%;
    margin-left: -154px; /* metade da largura */
    margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 0;
    top: 50%;
    left: 50%;
	clear:both;
}

/* SECTION FORNECEDORES */
section#fornecedores article#tabela-fornecedores{
	display:none;
}
section#fornecedores div#imagem-fornecedores{
	width:80%;
	margin:0 auto;
	display:block;
}
section#fornecedores div#imagem-fornecedores img{
	width:93%;
	position: relative;
	margin-left: 4%;
	margin-top: 14px
}

/* SECTION APP*/
section#app {
    border-bottom: 1px solid #E6E9EA;
    background-color: #FFF;
    overflow: hidden;
    padding-bottom: 20px;
}
section#app div#app-tudo {
    width: 80%;
    margin: 0px auto;
    background-image: none;
}
section#app div#app-esquerda {
	display:none;
}
section#app div#app-direita {
    margin-top: 47px;
    float: left;
    width: 100%;
}

/* SECTION EMPRESA */
section#empresa{
	padding-top:45px;
}
section#empresa div#empresas-tudo{
	width:80%;
}
section#empresa div#empresas-tudo div#esquerda-empresas{
    width: 100%;
}
section#empresa div#empresas-tudo div#esquerda-abaixo-empresas{
    width: 100%;
}
section#empresa div#empresas-tudo div#direita-empresas{
    width: 100%;
	margin-top: 15px;
}
section#empresa div#empresas-tudo div#direita-abaixo-empresas{
    width: 100%;
}
.lista-abas {
    display: none;
}
.area-total-abas-resp{
	display:block;
}

/* SECTION CONTATO */
section#contato article {
    width: 80%;
}
section#contato article p {
	text-align: justify;
}
section#contato article br {
	display:none;
}
section#contato form input#nome{
    width: 100%;
    margin-left: 0px;
}
section#contato form input#email{
    width: 100%;
    margin-left: 0px;
	margin-top: 18px
}
section#contato form input#telefone{
    width: 100%;
    margin-left: 0px;
	margin-top: 18px;
}
section#contato form select#assunto {
    width: 102%;
}
section#contato form textarea{
	width: 100%;
}
section#contato form input#enviar{
	margin-right:0;
	width:auto;
}
section#contato form input#limpar{
	width:auto;
}
div#contato {
	float: left;
	width: 100%;
	height: 100px;
	margin-left: 0px;
}
div#contato span{
	float: right;
	font-size: 19px;
	color: #9AA7AF;
	margin-top: 40px;
	margin-right: 25%;
}

/* SECTION MAPA */
section#mapa article div#endereco p{
	font-size:10pt;
	padding:0 20px;
}
section#mapa article div#endereco {
	border-top-width:10px;
	border-bottom-width: 10px;
	overflow: hidden;
}
#mapateste {
    width: 100%;
    height: 225px;
}

/* FOOTER */
footer{
	border-top-width:10px;
}
footer article {
    width: 80%;
}
footer article p {
    font-size: 8pt;
	padding-top: 0;
	text-align:center;
	float:none;
}
footer article p span{
	display: block;
}
footer article div{
	display:none;
}

/* TOP */
.top{
	width:40px;
	height:40px;
	margin-right:1%;
}


/* nao apagar } abaixo! */
}

@media screen and (min-width: 600px) {

/* ensure #nav is visible on desktop version */
#nav {
	display: block !important;
}

}
/************************************************************************************
FIM MOBILE
*************************************************************************************/