@font-face {
    font-family: 'CorporateAConRegular';
    src: url('../fonts/corporateacon-reg-webfont.eot');
    src: url('../fonts/corporateacon-reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/corporateacon-reg-webfont.woff') format('woff'),
        url('../fonts/corporateacon-reg-webfont.ttf') format('truetype'),
        url('../fonts/corporateacon-reg-webfont.svg#CorporateAConRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin:0px; padding:0px; }
a { text-decoration: none; border: none; }
img     { border: none; }

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; background: #fff; }
.center 						{ width: 980px; height: auto; margin: 0 auto; }
.left 							{ float: left; }
.right 							{ float: right; }
.clear 							{ clear: both; }

/* login */
.login_home  					{ background-image: url(../images/note.png); width: 819px; height: 633px; margin: 35px auto 0; position: relative; }
.logo_login  					{ width: 187px; height: 140px; display: block; margin: 0 auto; padding-top: 40px; }
.form_login 					{ width: 300px; margin: 0 auto; padding-top: 30px; }
.form_login legend 				{ font-size: 18px; line-height: 30px; margin-bottom: 20px; text-align: center; width: 100%; color: #333; }
.form_login button 				{ background: #019B07; color: #fff; height: 35px; width: 150px; border: none; border-radius: 5px; display: block; margin: 15px auto 0; cursor: pointer; font-size: 14px; }
.form_login .various 			{ color: #000; text-align: center; display: block; margin: 10px 0; text-decoration: underline; }
.form_login button:hover 		{ background: #49984B; }

/* Estilos para o formulário de login */
#form_login div { width: 100%; text-align: center; margin-bottom: 15px; }
#form_login label { display: block; text-align: center; margin-bottom: 5px; color: #333; }
#form_login label.error         { color: #ff0000; font-size: 12px; }
#form_login input[type="text"],
#form_login input[type="password"] {
    border: 1px solid #ccc;
    width: 200px;
    height: 30px;
    padding: 0 10px;
    margin: 0 auto;
    display: block;
    border-radius: 3px;
    font-size: 14px;
}
#form_login input[type="checkbox"] {
    margin-right: 8px;
}
#form_login input:focus {
    border-color: #019B07;
    outline: none;
    box-shadow: 0 0 5px rgba(1, 155, 7, 0.3);
}

/* Compatibilidade com seletor antigo */
#login div { width: 100%; text-align: center; margin-bottom: 10px; }
#login label { display: block; text-align: center; }
#login label.error              { color: #ff0000;}
#login input { border: 1px solid #ccc; width: 200px; height: 30px; padding: 0 6px; margin: 0; }

.modal_index 					{ background: url(../images/bg_modal.png); display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
#modal_index 					{ width: 450px; height: 150px; background: #fff; margin: 100px auto; padding: 40px 20px; border-radius: 15px; }
.recuperar_senha legend 		{ display: block; text-align: center; text-transform: uppercase; font-size: 20px; margin-bottom: 20px; }
.recuperar_senha label 			{ display: block; text-align: center; line-height: 30px; width: 100%; }
.recuperar_senha button 		{ background: #019B07; color: #fff; height: 30px; width: 150px; border-radius: 10px; border: none; margin: 0 auto; display: block; cursor: pointer; }
.recuperar_senha button:hover 	{ background: #49984B; }

/* incial */
.header 						{ background: url(../images/header.jpg) top center; width: 100%; height: 200px; padding-top: 20px; margin-bottom: 40px; }
.logo_interna 					{ background: url(../images/logo_acevis_interno.png); width: 167px; height: 120px; display: block; text-indent: -9999px; margin-bottom: 10px; }
.sair  							{ color: #F92404; text-transform: uppercase; font-weight: bold; text-decoration: underline; display: block; margin-bottom: 61px; }

.menu_header 					{ clear: both; }
.menu_header li 				{ float: left; list-style: none; margin-left: 10px; position: relative; height: 55px; }
.menu_header li a 				{ color: #000;  font-size: 14px; text-transform: uppercase; padding: 0 20px; line-height: 55px; display: block; border-radius: 10px 10px 0 0; }
.menu_header li:hover a 		{ background: #f22211; color: #fff; }

.drop 										{ display: none; }
.menu_header li:hover .drop 				{ display: block; position: absolute; top: 55px; left: -30px; width: 180px; height: auto; background: #222; padding: 10px; border-radius: 10px; }
.menu_header li:hover .drop li 				{ width: 100%; display: block; float: none; margin: 0; border-bottom: 1px solid #999999; height: auto; }
.menu_header li:hover .drop li:last-child 	{ border-bottom: none; }
.menu_header li:hover .drop li a			{ background: none; color: #999999; display: block; width: 100%; text-align: center; padding: 0; line-height: 30px; }
.menu_header li:hover .drop li a:hover 		{ color: #fff; }

.bem_vindo 						{ background: #f22211; width: 100%; height: 70px; clear: both; }
.bem_vindo p 					{ color: #fff; font-size: 14px; line-height: 70px; }
.bem_vindo p span 				{ font-size: 28px; text-transform: uppercase; }

/* inicial */
.box_canvas 					{ background: #EEEEEE; border-radius: 10px; padding: 15px; width: 445px; height: 370px; border: 1px solid #eee;  margin-bottom: 30px; }
.canvas 						{ display: block; margin: 0 auto 10px; }
.legenda 						{ width: 800px; margin-right: 50px;  height: 30px; margin-bottom: 30px; background-color: none; }
.legenda div { margin-left:10px;float: left; }
.legenda #acessos 				{background-color: #69D2E7; width:100px;height: 30px; position: relative!important; padding: 0 10px; text-align: center; line-height: 30px; text-transform: uppercase; }
.legenda #cadastros 			{background-color: #E0E4CC; width:100px; height: 30px; position: relative!important; padding: 0 10px; text-align: center; line-height: 30px; text-transform: uppercase; }
.legenda #alteracoes 			{background-color: #F38630; width:100px;  height: 30px; position: relative!important; padding: 0 10px; text-align: center; line-height: 30px; text-transform: uppercase; }

.box_historico 					{ border: 1px solid #DDDDDD; padding: 15px; width: 445px; height: 370px; border-radius: 10px; margin-bottom: 30px; }
.title_box 						{ color: #999999; text-transform: uppercase; font-size: 28px; display: block; margin-bottom: 10px; }
.listar_historico 				{ }
.listar_historico li 			{ background: url(../images/bg_li_listar.png) no-repeat; line-height: 24px; padding-left: 15px; list-style: none; color: #999; font-size: 14px; }
.listar_historico li:last-child { margin-bottom: 24px; }
.ver_mais 						{ color: #047412; font-size: 14px; text-decoration: underline; text-transform: uppercase; font-weight: bold; }
.ver_mais:hover 				{ text-decoration: none; color: #019B07; }

.box_inferior 					{ border: 1px solid #DDDDDD; margin: 0 30px 30px 0; width: 300px; border-radius: 10px; height: auto; }
.box_inferior:last-child 		{ margin-right: 0; }
.box_inferior span 				{ background: #EEEEEE; border-radius: 10px 10px 0 0;
    color: #999999;
    display: block;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase; }
.lh_inferior 					{ padding: 15px; height: 300px; }
.lh_inferior li 				{ background: url(../images/bg_li_listar.png) no-repeat; line-height: 24px; padding-left: 15px; list-style: none; color: #999; font-size: 14px; }

/* footer */
.footer 						{ border-top: 1px solid #eeeeee;  width: 980px; padding: 15px 0; margin-top: 30px; display: block; clear: both; }
.logos_footer 					{ width: 200px; height: 58px; display: block; margin: 0 auto; }

/* cadastro */
.interno 						{ margin-bottom: 30px; }
.form_cadastro 					{}
.form_cadastro div 				{ display: block; height: 25px; margin-bottom: 10px; width: 980px; }
.form_cadastro label 			{ float: left; width: 140px; text-align: right; height: 25px; line-height: 25px; color: #999; font-size: 14px; margin-right: 15px; }
.form_cadastro input 			{ float: left; height: 25px; width: 250px; padding: 0 5px; border: 1px solid #ddd; border-radius: 5px; }
.form_cadastro select 			{ float: left; border: 1px solid #ddd; border-radius: 5px; padding: 6px; width: 261px; }
.cadastrar 						{ height: 40px; width: 261px; line-height: 40px; text-decoration: none; text-transform: uppercase; text-align: center; border-radius: 10px; background: #019B07; color: #fff; margin-left: 155px; }
.cadastrar:hover 				{ background: #047412; }
.voltar 						{ background: #ddd; color: #999; height: 40px; width: 100px; border-radius: 10px; text-align: center; font-size: 14px; line-height: 40px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#cke_editor1 					{ height: 315px; }
.cke_resizer_ltr 				{ display: none; }
.margintop 						{ display: block; margin-top: 20px; clear: both; }
.fisrt 							{ background: #666; color: #fff; }
.tabela_listar tr td 			{ padding: 10px; border-bottom: 3px solid white; }
.claro 							{ background: #ccc; }
.zebra                          { background: #f8f8f8; }
.center p                       { text-align: left; }

/* paginacao */

.paginacao 					{ margin: 0 auto; width: 980px; height: 30px; }
.pags 						{}
.pags li 					{ float: left; list-style: none; margin-right: 10px; }
.pags li a 					{ font-size: 14px; color: #999; }
.pags li a:hover 			{ color: #047412; }

#busca_avancada 				{ background: #EEEEEE; padding: 20px; border-radius: 10px; }
#busca_avancada div 			{ margin-right: 15px; }
#busca_avancada label 			{ color: #999; display: block; margin-bottom: 4px; }
#busca_avancada select 			{ border: 1px solid #ddd; padding: 2px; width: 147px; height: 25px; border-radius: 5px; }
#busca_avancada button 			{ background: none 0 0 #019B07; border-radius: 10px; color: #fff; height: 40px; line-height: 40px; margin: 20px 0 0 325px; text-align: center; text-decoration: none;  text-transform: uppercase; width: 260px; border: none; cursor: pointer; }
#busca_avancada button:hover 	{ background: #047412; }

#logoenviada 					{ height: 90px; width: 90px; border: 1px solid #ddd; margin-left: 110px; }
#logoenviada img 				{ width: 90px; height: 90px; display: block; }
#uploadmini 					{ height: 25px; display: block; float: left; line-height: 25px; text-align: center; }

.busca_avancada 				{ background: #eee; padding: 15px; border-radius: 10px; }
.busca_avancada div 			{ float: left; margin-right: 15px; }
.busca_avancada label 			{ display: block; margin-bottom: 4px; color: #999; }
.busca_avancada input 			{ height: 25px; width: 250px; padding: 0 5px; border: 1px solid #ddd; border-radius: 5px; }
.busca_avancada select 			{ border: 1px solid #ddd; padding: 2px; width: 251px; height: 25px; border-radius: 5px; }
.busca_avancada button 			{ background: #019B07; color: #fff; width: 130px; height: 25px; line-height: 25px; border-radius: 5px; border: none; margin-top: 18px; }
.busca_avancada button:hover 	{ background: #047412; }

.imagens_carro                  { clear: both; }
.reprovados, .aprovados         { clear: both; padding: 10px; }
.reprovados                     { margin-bottom: 30px; background: #FED3D5; border: 2px solid #C8040E; }
.reprovados img                 { border: 1px solid #C8040E; }
.aprovados                      { margin-bottom: 10px; background: #C1FFC5; border: 2px solid #018F07; }
.aprovados img                  { border: 1px solid #018F07; }
.imagens_carro h3               { color: #333; text-transform: uppercase; margin-bottom: 10px; }
.thumbs img                     { width: 180px; height: 100px; display: block; float: left; margin-right: 10px; }
.span_legenda                   { background: none repeat scroll 0 0 #999;
    color: #fff;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    width: 87px; }
.del                            { background: none repeat scroll 0 0 #f92404;
    color: #fff;
    display: block;
    float: right;
    height: 25px;
    line-height: 25px;
    text-transform: uppercase;
    width: 87px;}

.recuperar_senha                { width: 980px; margin: 60px auto 20px; text-align: center; }  
.recuperar_senha .form_login    { margin-bottom: 10px; }
.bt_efeturar_login              { color: #f92404; font-size: 16px; } 
.bt_efeturar_login:hover        { text-decoration: underline; }

.resposta {
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    display: none;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.resposta p {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.4;
}
.atencao {color: #EB5E2E; font-size: 18px; font-weight: bold;}
.erro {color: red; font-size: 18px; font-weight: bold;}
.sucesso {color: #019B07; font-size: 18px; font-weight: bold;}

/* Responsividade para telas menores */
@media screen and (max-width: 900px) {
    .login_home {
        width: 90%;
        max-width: 819px;
        height: auto;
        min-height: 500px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .form_login {
        width: 90%;
        max-width: 300px;
        padding-top: 20px;
    }

    .logo_login {
        width: 150px;
        height: auto;
        padding-top: 20px;
    }

    .resposta {
        width: 90%;
        max-width: 300px;
    }
}

@media screen and (max-width: 480px) {
    .login_home {
        margin: 10px auto 0;
        background-image: none;
        background-color: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 10px;
    }

    #form_login input[type="text"],
    #form_login input[type="password"] {
        width: 90%;
        max-width: 250px;
    }

    .form_login button {
        width: 120px;
        height: 40px;
    }
}

#busca_avancada .left {float: left; margin-left: 25px; }
.gravar {margin-top:20px; color:#fff!important; padding:9px 1px 10px 17px;width: 120px;  border-radius: 8px;background: #047412; /* Chrome10+,Safari5.1+ */  border:none; color: #fff; }
.alterar { height: 40px; width: 261px; line-height: 40px; text-decoration: none; text-transform: uppercase; text-align: center; border-radius: 10px; background: #047412; color: #fff; margin-left: 155px; }

.button{ color:#fff!important; padding:9px 17px 10px 17px;  border-radius: 8px; background: #047412; /* Chrome10+,Safari5.1+ */  border:none; color: #fff; }

#upload { float: right; margin-top: -180px;}

#box_head_lista {background-color:#999999; color:#fff; width: 100%; height: 35px;  border-radius: 5px;}
#box_head_lista ul {list-style: none;}
#box_head_lista ul li {float: left; font-size: 14px; font-weight: bold; padding-top: 9px;}
#box_head_lista ul .id {margin-right: 35px; margin-left: 35px;}
#box_head_lista ul .nome {margin-right: 90px; margin-left: 90px;}
#box_head_lista ul .email {margin-right: 90px; margin-left: 90px;}
#box_head_lista ul .acoes {float: right; margin-right: 131px;}

.box_lista {height: 65px; width: 100%; margin-top: 5px; background-color: #eeeeee; line-height: 65px; text-align: center; font-size: 14px; font-weight: bold; color: #999999;}
.box_lista:hover {background-color: #e4f2e4; color: #999;}
.box_lista div{float: left}
.box_lista #div_id {width: 98px; height: 65px; float: left; margin-right: 8px;}
.box_lista #div_nome {width: 233px; height: 65px; float: left;  margin-right: 8px;}
.box_lista #div_email {width: 262px; height: 65px; float: left;  margin-right: 8px;}
.box_lista #div_acoes {width: 320px; height: 65px; float: left;  margin-right: 8px;}
.box_lista p {line-height: 65px; text-align: left; font-size: 16px; margin-left: 45px;}

.botoes_acao {width: 100px; margin: 0 auto; padding-top: 5px; margin-left: 40px;}
.edit       {text-align: center;}
.delete     {background: none repeat scroll 0% 0% rgb(168, 146, 101); color: rgb(255, 255, 255); padding: 8px 15px 8px 15px; float: left;}
.desativa   {  float: left;   text-align: center; }
.ativa      { float: left;  text-align: center;}
.editar2  { background-color:#DDD; font-size: 12px; width: 50px;color: #999; border-radius: 6px; padding: 3px; margin-left: 10px; float: right; text-align: center;}
.editar2 a {text-decoration: none; color: #999;}
.botaoupload {padding: 3px 8px; border: medium none; background: none repeat scroll 0% 0% rgb(57, 181, 74); text-transform: uppercase; text-decoration: none;color: rgb(255, 255, 255); width: 100px;}

#buscas_topo {padding: 15px;}
#buscas_topo h1 {color: #00ADEF;}
#buscas_topo input {padding: 5px; width: 107px; margin-top: 15px;}

.linha_texto {font-size: 15px;}
.linha_texto span {float: left; padding-left: 15px; padding-right: 15px;}
.linha_texto p {float: left; padding-left: 33px; padding-right: 33px; padding-bottom: 15px;}

.imagens_carro_thumb { clear: both;
    margin: 0 auto;
    width: 980px; }

#box_topo {width: 100%; height: 240px;}
#box_topo section {width: 960px; margin: 0 auto;}
#box_topo section div {width: 200px; height: 200px; background-color: #E76135; float: left; margin-left: 15px;}
#box_topo section div:hover{background-color: #999999;}
#box_topo section a div p {color: #fff; font-size: 18px; text-align: center; line-height: 200px;}

#add_link { margin-left: 35px; margin-top: 15px; font-size: 16px; display: none;}

.linha_texto {padding: 10px 0px 0px 150px; background-color: #3e3f3e; margin: 0px 0px 0px 20px 0px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; color: #fff;}
label.error {
    color: #FF0000;
    margin-left: 15px;
    width: auto;
    position: absolute;
}
input.disable{
    background: #E0E0E0;
    color: #999999;
}
#descricao{
    width: 300px;
    height: 160px;
}
.descricao  { width: 100%; padding: 20px; border: 1px solid #DDD; background: #F1F1F1; margin: 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#enviar 						{ height: 40px; width: 261px; line-height: 40px; text-decoration: none; text-transform: uppercase; text-align: center; border-radius: 10px; background: #019B07; color: #fff; margin-left: 155px; border: none; }
#enviar:hover 				{ background: #047412; }
#sugestoes div{
    height: auto!important;
}

.aprovados a { float: left; }
.frase_logado { width: 980px; margin: 0 auto; text-align: center; font-size: 22px;  }
.frase2_logado      { width: 980px; margin: 0 auto; text-align: center; font-size: 16px; }
.frase2_logado a { color: #019B07; font-weight: bold; text-decoration: underline; }
.frase2_logado a:hover { color: #FE1301; }



/* ALTERAÇÕES RODAPE */
.conteudo980                    { width: 980px; margin: 0 auto; }
.conteudo980 .size50            { width: 49%; float: left; margin-left: 2%; margin-bottom: 20px; }
.conteudo980 .size100           { width: 100%; float: left; }

.conteudo980 .mgNone            { margin-left: 0; }

.boxesDownload                  { overflow: hidden; margin-bottom: 30px; }
.boxesDownload ul li            { overflow: hidden; padding: 20px; background: #F0F0F0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; border-radius:10px; }
.boxesDownload ul li .img       { float: left; margin-right: 20px; }
.boxesDownload ul li a          { color: #000; }
.boxesDownload ul li a h2       { color: #019B07; text-transform: uppercase; margin-bottom: 10px; }
.boxesDownload ul li a h2 span  { color: #F92404; }
.boxesDownload ul li a p        { font-size: 13px; }

.boxesInfosContato              { overflow: hidden; background: #F0F0F0; padding: 20px; border-radius: 10px; }
.boxesInfosContato h2           { margin-bottom: 20px; text-transform: uppercase; color: #019B07; }
.boxesInfosContato ul           { margin-left: -2%; }
.boxesInfosContato ul li        { float: left; width: 31.3%; margin-left: 2%; margin-bottom: 2%; list-style: none; font-size: 13px; color: #666; }
.boxesInfosContato ul li span   { color: #F92404; font-weight: bold; font-size: 15px; }