/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

 * {margin:0; padding:0; text-decoration: none; list-style:none; position:relative; border:none;}
p,ul,li,a{padding:0; margin:0;}

html{width:100%; height:100%;}

body{
width:100%; height:100%;}

.site{width:100%; min-height:100%; height:auto; overflow:hidden; background-image:url(../img/fundoSite.png); background-repeat:repeat;}
.site2{width:100%; min-height:100%; height:auto; overflow:hidden; background-image:url(../img/fundoSite2.png); background-repeat:repeat;}

.centro{width:980px; height:auto; margin:auto;}

.fontPrincipal{font-family: 'Arbutus Slab', serif; font-size:12px;}
.fontPrincipal2{font-family: 'Open Sans', sans-serif;}

#cookie-notice .cn-button {background-color:#233245;}

/*--------------- TOPO --------------*/
.topo{width:100%; height:177px; background-image:url(../img/fundoTopo.jpg); background-repeat:repeat; display:block;}
.topo2{width:100%; height:193px; background-image:url(../img/fundoTopo.jpg); background-repeat:repeat; display:block;}
	.conteudo-topo{width:980px; height:177px;}
	.linha-topo{width:100%; height:8px; background-color:#406133;}
	.logo{width:342px; height:59px; left:20px; top:5px;  position:absolute; opacity:0; z-index:10;}
	.logo2{width:342px; height:59px; left:20px; top:50px;  position:absolute; z-index:10; opacity:0;}
	.texto-topo{color:#444444; position:absolute; text-align:right; right:15px; top:24px; font-size:14px;}

	.btVerTelefone{float:right; right:15px; top:88px;}
	.btVerTelefone:hover{}
	.fundo-menu{top:132px; z-index:10; left:16px; opacity:0;}
	.cadaMenu{width:190.2px; height:58px; float:left; top:60px; left:14px; }
	.fonteMenu{font-family: 'Arbutus Slab', serif; font-size:14px; color:#ECF1F4; top:32px; left:45px; z-index:20;}
	.fonteMenu2{font-family: 'Arbutus Slab', serif; font-size:14px; color:#ECF1F4; top:32px; left:72px; z-index:20;}

/*ANIMAR MENU*/
.menu1{display:none;}
.menu2{display:none;}
.menu3{display:none;}
.menu4{display:none;}
.menu5{display:none;}
.menu6{display:none;}

/*ANIMAR MENU*/
/*--------------- TOPO --------------*/

/*-----------------------HOME---------------------*/
.banner{width:1920px; height:550px; overflow:hidden; left:50%; margin-left:-490px; min-width:980px; background-image:url(../img/fundo-site.jpg); background-repeat:repeat;}
	.bt-vai{position:absolute; right:960px; top:461px; z-index:20; }
	.bt-volta{position:absolute; right:1004px; top:461px; z-index:20; }
	.bt-voltar-topo{width:62px; height:80px; left:50%; margin-left:498px; position:fixed; bottom:40px; display:none;}

.descricao{width:947px; height:274px; top:-26px; left:-2px;}
	.textoDescricao{width:948px; height:59px; background-image:url(../img/fundoDescricao.jpg); background-repeat:repeat;}
	.separaDesc{margin-left:316px;}
	.divTD{width:316px; height:59px; float:left; top:-59px;}
		.formataTD{margin-top:20px; margin-left:41px; font-size:15px; color:#C5E3B8; float:left;}
	.divTD2{width:316px; height:215px; float:left; top:-59px; background-image:url(../img/fundoDescricao2.jpg); background-repeat:repeat;}
		.formataTD2{width:247px; height:88px; font-size:13px; color:#444444; margin-left:39px; margin-top:30px; line-height:24px;}
		.btInfor{background-image:url(../img/bt-mais-informacoes.jpg); width:129px; height:30px; display:block;}
		.btSaibaMais{background-image:url(../img/bt-saiba-mais.jpg); width:98px; height:30px; display:block;}
		.btFrota{background-image:url(../img/bt-conheca-frota.jpg); width:142px; height:30px; display:block;}
		.posBtdesc{margin-left:40px; margin-top:34px; float:left; }


.conteudo2{width:951px; height:496px;  left:0px; top:-26px;}
	.conheca{width:442px; height:500px; top:50px;}
		.textoConheca{font-size:35px; color:#5A5955; float:left; top:-67px;}
		.molduraFoto{width:431px; height:211px;}
			.foto{top:-35px;}
			.textoConheca2{width:428px; height:65px; font-size:13px; color:#666666; top:-8px; line-height:24px; left:4px;}

	.facebook{width:470px; height:500px; position:absolute; left:482px; top:60px;}
		.textoFace{font-size:25px; color:#5A5955; float:left; top:0px;}
		.linha{float:left; top:10px;}
		.face{width:470px; height:291px; top:24px;}


.espaço{width:980px; height:120px;}
/*-----------------------HOME---------------------*/


/*---------------------QUEM SOMOS--------------*/
.primeraParte{width:950px; height:277px; left:1px;}
	.tituloQuemSomos{font-size:35px; color:#5A5955; top:45px;}
	.textoQS1{width:950px; height:135px; top:92px; font-size:14px; color:#666666; line-height:23px; left:2px;}

.fotosQuemSomos{width:977px; height:442px; left:8px; top:33px;}
	.imgQuemSomos1{width:478px; height:333px; float:left;}
	.imgQuemSomos2{width:478px; height:333px; float:left; margin-left:12px;}
	.imgAjusta1{position:absolute;}

.segundaParte{width:950px; height:502px; margin-top:75px;}
	.corEfonte{font-size:13px; color:#666666; line-height:22px;}
    a.corEfonte {margin-left:6px;}
    a.corEfonte:hover {opacity:0.8;}
	.corEfonte2{font-size:35px; color:#595954;}
	.textoQS2{width:939px; height:19px; float:left; font-size:14px;}
	.textoQS3{width:230px; height:19px; float:left; top:25px; font-size:14px;}
/*################################################################################*/
	.textoMaior{width:587px; height:138px; top:80px;}
		.textoQS4{width:152px; height:49px; position:absolute; top:2px;}
		.textoQS5{width:248px; height:49px; position:absolute; top:2px; left:208px;}
		.textoQS6{width:120px; height:49px; position:absolute; top:2px; left:509px;}
		.textoQS7{width:60px; height:41px; position:absolute; top:52px; left:2px; font-size:14px;}
		.textoQS8{width:65px; height:41px; position:absolute; top:52px; left:212px; font-size:14px;}
		.textoQS9{width:45px; height:19px; position:absolute; top:52px; left:511px; font-size:14px;}

.textoQS10{width:846px; height:300px; top:113px; font-size:14px;}
.textoQS11{width:98px; height:21px; top:-52px; left:422px; font-size:14px; color:#333333;}
.textoQS12{width:416px; height:46px; top:-76px; left:520px; font-size:14px;}
.textoQS13{width:416px; height:46px; top:-100px; font-size:14px;}
.textoQS14{width:416px; height:46px; top:-99px; font-size:14px;}
.textoQS15{width:416px; height:46px; top:-121px; font-size:14px; color:#333333; left:43px;}
.textoQS16{width:416px; height:46px; top:-185px; font-size:13px; color:#333333; left:53px;}
.textoQS17{width:416px; height:46px; top:-185px; font-size:13px; color:#333333; left:61px;}
/*################################################################################*/
/*---------------------QUEM SOMOS--------------*/

/*---------------------POLÍTICA--------------*/
    .politica.primeraParte{margin-top:30px; height:auto;}
    .politica .tituloQuemSomos{font-size:35px; color:#5A5955; top:0;}

/*################################################################################*/
/*---------------------POLÍTICA--------------*/


.textoDemaisPaginas1{font-size:35px; color:#5A5955;}
.textoDemaisPaginas2{font-size:18px; color:#999999;}
/*------------------ NOSSA FROTA -----------*/
.conteudoFrota{width:950px; height:1182px; left:12px;}
.NFtextoQuemSomos{margin-top:48px; display:inline-block;}
.NFtextoQuemSomos2{display:inline-block; text-align:left; width:100%;}
.divFotosFrotaEsquerda{width:468px; height:964px; top:154px; position:absolute; left:-12px;}
.divFotosFrotaEsquerda2{width:468px; height:964px; top:154px; position:absolute; left:502px;}

.divFotosFrota{width:468px; height:330px; left:-4px;}
	.posicaofoto1{z-index:30;}
	.posicaofoto2{z-index:28; top:-33px;}
	.posicaofoto3{z-index:26; top:-53px;}
.linhaSeparaFotos{width:9px; height:924px; position:absolute; left:479px; top:167px;}

.carregaFrota{opacity:0;}
/*-------------------NOSSA FROTA -----------*/


/*-----------------ONDE ATUAMOS-----------*/
.conteudoOndeAtuamos{width:950px; height:872px; left:16px;}
.textoOndeAtuamos1{display:inline-block; margin-top:48px;}
.textoOndeAtuamos2{display:inline-block; text-align:left; width:100%;}
.fotosOndeEncontrar{width:1000px; height:485px; top:149px; position:absolute;}
	.cadaFoto{width:250px; height:215px; float:left; left:-8px;}
	.cadaFotoPosicao{float:left;}
	.textoFotoOA{font-size:18px; color:#595953; padding-left:10px;}
	.textoDeBaixo{width:168px; height:128px; left:402px; top:102px; float:left;}
		.cadaTexto{width:168px; height:32px; float:left;}
		.bolinhaEspaço{left:41px;}
		.bolinhaAltura{top:4px;}
	 	.alturaTexto{top:-19px; font-size:18px; color:#595953;}
		.leftTexto1{left:59px;}
		.leftTexto2{left:17px;}

.carregaOndeAtuamos{opacity:0;}
/*-----------------ONDE ATUAMOS-----------*/

/*------------- FALE CONOSCO -----------*/
.conteudoFaleConosco{width:950px; height:834px; left:16px;}
.textoFaleConosco1{display:inline-block; margin-top:48px}
.textoFaleConosco2{display:inline-block; text-align:left; width:100%;}
.formFaleConosco{width:950px; height:256px; top:40px; float:left;}
	.cadastrEsquerda{width:462px; height:190px; float:left; margin-right:16px;}
	.cadastrDireita{width:462px; height:190px; float:left;}
	.divForms{width:462px; height:54px; float:left; margin-bottom:10px;}
	.divForms2{width:462px; height:125px; float:left; margin-bottom:10px;}
	.fonteForms{font-size:14px; color:#222222;}
	.camposInput{width:459px; height:33px; border:1px solid #999999; border-radius:2px;}
	.camposInputMensagem{width:459px; height:98px; border:1px solid #999999; border-radius:2px;}
	.fonteDentroInput{font-family: 'Open Sans', sans-serif; font-size:13px; padding-left:3px;}
.btEnviar{background-image:url(../img/bt-Enviar.jpg); width:97px; height:33px; float:right; right:10px; top:11px;}
.linhaContato{top:17px;}
.mapa{width:425px; height:262px; top:89px; float:left; border:2px solid #999999;}
.endereco{width:209px; height:264px; float:left; top:83px; left:15px;}
.fonteEndereco1{font-size:14px; color:#222222; margin-bottom:5px;}
.fonteEndereco2{font-size:13px; color:#444444; margin-bottom:5px;}
.fonteBloco1{width:232px; height:53px; margin-bottom:35px;}
.fonteBloco2{width:143px; height:53px; margin-bottom:31px;}
.fone{position:absolute; top:112px; left:64px;}

/*------------- FALE CONOSCO -----------*/

/*-----------------RODAPE---------------*/
.rodapeTudo{width:100%; height:77px; bottom:0px; position:absolute;}
  #rodape{width:952px; height:77px; display:block; z-index:20; left:15px;}
  .texto-rodape{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#46668C; top:-74px; left:161px;}
  .bt-face{position:relative; top:-54px; left:894px; z-index:10;}
/*-----------------RODAPE---------------*/


/*categorias*/
.cat-cont{width:1030px; height:auto; float:left; top:79px;}
.cat-tituloBus{font-size:25px; color:#595954; letter-spacing:-1pt; float:left; line-height:27px; width:100%;}
.cat-linha{width:957px; height:1px; background-color:#C7D3E2; float:left;}
.cat-cadaFoto{float:left; margin-top:20px; margin-right:15px;}
.ponto{width:4px; height:4px; background-image:url(../img/ponto.jpg); background-repeat:no-repeat; position:absolute; left:-10px; top:11px;}
.cat-texto{float:left; width:100%; font-size:18px; color:#999999; letter-spacing:-1pt; line-height:150%; margin-left:10px;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}