/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	text-align: justify; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	color: #333333
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #000000;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.0em;
	color: #1E90FF;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #000000;
}

h4 {
        font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #000000;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #000000;
}
h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #000000;
}  /*
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
}  */

a {
	font-weight: bold;	
	text-decoration: none; 
	font-size: 1.3em;
	color: #BEBEBE;
}

a:hover {
	font-weight: bold;
	text-decoration:none; 
	font-size: 1.3em;
}
.closeImg {
    position: relative;
    left: -12em;
    top: -4.8em; 
}
/************* HEADER STUFF ************/

#BoxGeral {
	width: 100%; 
	margin: 0px auto;
        background: #ffffff;
/*	background: #ffffff url('Linha.PNG'); padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
        background-repeat: repeat-x;  */
} 

#BoxGeralNivel2 {
	width: 100%; 
	height: 285px;
	margin: 0px auto;   /*
        background: #ffffff url('Imagens/fundo-cabecalho.PNG');  */
        border-bottom: 1px solid #1FA153; 
/*        background: #1FA153;  */
} 
#BoxGeralNivel3 {
	width: 100%; 
	height: 340px;
	margin: 0px auto;
        border-bottom: 1px solid #1FA153;  
        background: #ffffff url('Imagens/fundotopo2.PNG'); /*
        background: #ffffff url('Imagens/faixa3.PNG');      */
/*  background-repeat: repeat-x;
        border-bottom: 1px solid #1FA153;        
        background: #011501;  */
}
#BoxTopo {
	width: 100%;
	margin: 0px auto;
	height: 30px;
	border-bottom: 1px solid #1FA153;
        background: #ffffff url('Imagens/BTP.PNG');  /*
        background: #153B2D;  */  
	text-align: center;
        font-zise: 12px; 
        color: #1FA153;
}  /*
.fontTop { margin-top: -10px; font-zise: 12px; color: #1FA153; }  */
.BoxTudo {
	width: 1200px; 
	margin: 0px auto;
} 
#BoxCabecalho {
	width: 100%;
	margin: 0px auto;
	height: 200px;    
	text-align: left; border-bottom:0.2em solid blue;
	margin-bottom: -7em;
   /*     background-color: rgba(0, 1, 0, 0.9); */
        background: url('../imagens/cabecalho.jpg') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.Logo { float: left;
	width: 30%;
	margin-top: 1em;
	text-align: left;  /*
        border: 1px solid #fff; */
}
.Logocirculo { float: left;
	width: 30%;
	margin-top: -15em;
	text-align: left;  /*
        border: 1px solid; */
}
.Nav { position:relative;
           float: right;
	   width: 30%;
	   margin-top: 0.1em;
	   text-align: right;   
}
.BoxInfo { position:relative;
           float: right;
	   width: 30%;
	   margin-top: -16.3em;
	   text-align: right;   
}
.Logo h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #1D4031;
}
.Logo h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #1FA153; 
}

#readerlogo a {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #011501;
}
#readerlogo a:hover {
	font-weight: bold;
	text-decoration:none;
        border-bottom:0px dashed;	
	color: #011501;
}

#BoxDestaque { position:relative;
	width: 100%;
	margin: 1px auto;
	height: 670px;
/*        padding-top: 10px;
        border-bottom: 2px solid; */ 
	text-align: left;
        background: #ffffff url('../imagens/fundodestaque.png');
 }
.ComentSlider { position:absolute;
	width: 100%;
        height: 450px;
	margin-top: -28em;
	margin-bottom: 1em;
	text-align: center; 
        background: url('../imagens/Curva.png') no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.RetagoloFoco { 
        position:relative;
	margin-top: -3em;
	width: 62%;
        height: 570px;
        padding:1.7% 2.6%; 
	text-align: center; 
        background: #FFF url('../imagens/transpor/map.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
        border:0.2em solid #930409;
}
.ColunasFoco { float: left; width: 48.8%; margin-top: 2em; margin-right:1.8%; padding: 0; text-align: justify; }  
.Chamada { width: 97.4%; height: 3.2em; padding:1.4%; text-align: center; background-color: rgba(7, 5, 16, 0.2); }  
.ChamadaV { width: 97.4%; height: 3.2em; padding:1.4%; text-align: center; background-color: rgba(7, 255, 83, 0.3); }  
.ColunasFoco:last-child, .Colunasetor:last-child, .Chamada {
    margin-right: 0;
} 
/* p { margin-top:0.8em; }
.ColunasFoco p{ margin-top:0.2em; } */
.Tarjazulsup { background-color: rgba(0, 29, 69, 0.7); position: relative; width: 94.7%; padding: 1.6em; text-align: center; } 
.Transparent { float: left; width: 100%; margin: 10px auto; padding: 0px; border: 1px solid; text-align: center; background-color: rgba(0, 0, 0, 0.5); } 
.TarjazulInf { background-color: rgba(0, 29, 69, 0.7); position: relative; width: 97%; padding: 1.5%; text-align: justify;} 
.TarjaRed { background-color: rgba(215, 40, 40, 0.9); position: relative; width: 97%; padding: 1.5%; text-align: center; } 
.Tarja { width: 340; height: 40px; margin: 0px auto; padding: 10px; background: #076D61; font-size: 18px; color: #FFF; text-align: left; }
.Hiding { width: 100%; margin-top:4em; margin-bottom:1.4em; text-align: center; padding-top:4.3em; } 

.BlocText, .Coluna { float: left; margin-top: 2em; margin-bottom: 2em; margin-right:1.5%; padding: 0 0.9em 1.7em 0.9em;  } 
.BlocText { width: 66.5%; text-align: left; }  
.Coluna { width: 27%;  text-align: justify; }  
.Colunasetor { float: left; width: 21.6%; margin-top: 1.5em; margin-bottom: 4em; margin-right:1.5%; padding: 0.9em; text-align:center; }
#RetanguloCinza { float: left; width: 390px; height: 411px; margin: 15px auto; padding: 10px; text-align: justify; background: #ccc; }
.BlocText:last-child, .Coluna:last-child {
    margin-right: 0;
}

.botaochamada { width: 15%; text-align: center; font-size: 1.2em; margin-top:2em; padding: 0.4em; border-radius: 6%; background: #000 url('../imagens/fundobotao.jpg'); }
.botaochamadaB { margin-left:28%; width: 42%; text-align: center; font-size: 1.2em; color:#FFF; margin-top:1.4em; padding: 0.2em; border-radius: 6%; background: #000 url('../imagens/fundobotao.jpg'); }
.botaochamadaC { margin-left:35%; width: 19%; text-align: center; font-size: 1.2em; color:#FFF; margin-top:2em; padding: 0.2em; border-radius: 6%; background: #000 url('../imagens/fundobotao.jpg'); }
 
/*  stilo externo  */
        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }

 /* Fim do stilo externo*/

.ColunaEsquerda { 
        float: left;
	width: 750px;
	margin: 10px auto;
        padding: 10px;
	text-align: justify;
 }  
.SetorServicos {
        float: left;
	width: 224px;
        height: 300px;
	margin: 10px 0 30px 0;
	padding: 10px 7px 0 7px;
	text-align: center;
}
.SetorServicos a{font-size: 1.4em; color: #BEBEBE;}

#menupromocional{
	width: 100%;
	height: 250px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
/************* Boxs Meio e Centro ************/
 

.BoxCentral { 
	width: 100%;
        margin-top: 6em;
        margin-bottom: 3em;
 }
.BoxMap { 
	width: 400px;
        float: right;
 }


/************* Rodaper ************/
#rodape {
        clear: both;
        width: 100%; 
        height: 280px;  
	margin: 0px auto; 
        background: #ffffff url('../imagens/rodape.jpg');/*
        background: #CCC; */
        text-align: center;
        color: #fff;
        padding-top: 0px;  
        border-top: 2px solid #1D4031; 
}
.RodapeColuna1, .RodapeColuna2, .RodapeColuna3, .RodapeColuna4 {
        float: left;
/*        border:0.1em solid #fff;
	width: 375px; */
	margin: 0px auto;
	padding: 5px;
	text-align: justify;
}
.RodapeColuna1 {width: 23%; }
.RodapeColuna2 {width: 12%; }
.RodapeColuna3 {width: 27%; }
.RodapeColuna4 {width: 33.4%; }
#rodapeSecao2 {
        clear: both;
        width: 100%;
        height: 110px;       
	margin: 0px auto;
        bottom:10px;
        background: #ffffff url('../imagens/rodape2.jpg');  /*
        background: #3A3838;  */
        text-align: center;
        color: #fff; 
        padding-top: 30px;
}  
#rodapeCentro { 
               width: 1200px; 
               margin: 0px auto;
               padding: 5px 10px 5px 7px;  
               text-align: left;
}


.Imagem {float: left; margin:0.8em 0.8em 0.6em 0; }
.clientes {float: center; width:45%; margin:0.8em; }
.MenuTopo { width: 20%; }
.logo { width: 60%; margin-top:-5em;}
.IconCategoria { width:80%; height:12em;} 
.Imgcategoria { width:100%; } 
.Marcador {float: left; width:1.6em; height:1.6em; margin:10px 5px 0px 5px; }
.Marcadorb {float: left; width:1.6em; height:1.6em; margin:4px 5px 0px 5px; }
.ImgChamada {float: left; width:50px; height:50px; }
.figura {position:absolute; left:43%; margin:-30px auto; }
.Linha {color: #fff; background-color: #000; width: 100%; height: 1px; }
.Linhab {color: #fff; background-color: #fff; width: 100%; height: 1px; float: left; }
li { font-size: 0.9em; color: #999; line-height: 2.1em; }
ul.inside { list-style-position: inside; }

.FonteEscuro {font-family: Georgia, "Times New Roman", sans-serif; font-size: 0.9em; color: #999; line-height: 2.1em; margin-top:0.8em; }
.FonteEscuroP { font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #3c3c3c; line-height: 1em; margin-top:0.5em; }
.FonteBranco {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.2em; color: #FFF; line-height: 1em; }
.FonteBrancoP {font-family: Georgia, "Times New Roman", sans-serif; font-size: 0.8em; color: #FFF; line-height: 1em; margin-top:0.2em; }
.FonteEscuro2 {font-family: Georgia, "Times New Roman", sans-serif; font-size: 0.9em; color: #999; line-height: 2.1em; margin-top:1.8em; }
.FonteEscuroMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 16px 0 10px 0; font-size: 18px; color: #3A3838; }
.FonteBrancoM {font-family: verdana, "Times New Roman", sans-serif; margin-bottom: 0.8em; font-size: 1.3em; color: #FFF; }
.Fontechamada {font-family: verdana, "Times New Roman", sans-serif; margin: 0px; font-size: 2em; color: #1D4031; }
.FontechamadaP {font-family: verdana, "Times New Roman", sans-serif; margin: 4px; font-size: 1.5em; color: #FFF; }
.FonteBrancoMedio {font-family: verdana, "Times New Roman", sans-serif; margin: 5px; font-size: 1.6em; color: #FFF; float: left; }
.SetorServico {font-family: verdana, "Times New Roman", sans-serif; font-size: 1.2em; color: #999; line-height: 1.3em; margin-top:0.6em; }
.FonteVerdeEscuroP {font-family: verdana, "Times New Roman", sans-serif; margin: 10px; font-size: 13px; color: #076D61; float: left; }
.FoteFrontEnd {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.8em; color: #BEBEBE; }
.Titulo {font-family: "Times New Roman", Sans-Serif; font-size: 3.4em; color: #FFF; }
.FontSubtitulo {font-family: "Times New Roman", Sans-Serif; font-size: 3.2em; color: #1D4031; }
.FontSubtitulo2 {font-family: "Times New Roman", Sans-Serif; font-size: 2.0em; margin-top: -0.1em; color:#FFF; }
.Fontep {margin: 20px auto;}
.FontHiding {font-family: "Times New Roman", Sans-Serif; font-size: 2.0em; color: #0c0c0; margin: 10px auto;}
/*  .FontEscuroG {font-family: "Times New Roman", Sans-Serif; font-size: 2.4em; color: #0c0c0;}  */

a.linkSetorServicos {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1em; color: #FFF; }
a.linkSetorServicosM {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1.4em; color: #BEBEBE; }
a.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 12px; color: #3A3838; }
a:hover.linkEscuroPequeno {font-family: verdana, "Times New Roman", sans-serif; font-size: 12px; color: #1E90FF; }
a.linkEscuroMedio {font-family: "Times New Roman", sans-serif; margin: 10px 0 8px 0; font-size: 18px; color: #747373; }
a.LinkAzul {font-weight: bold; text-decoration:none; margin-left: 10px; padding: 10px dashed; color: #1E90FF;}

a.linkBrancoP {font-family: verdana, "Times New Roman", sans-serif; font-size: 1em; color: #FFF; line-height: 1.6em; }
a:hover.linkBrancoP {font-family: verdana, "Times New Roman", sans-serif; font-size: 1em; color: #1E90FF; }

/* a: span { font-size: 1.6em; font-weight: 200; letter-spacing: 2.5em; line-height: 1.2em;  } */
span{  font-size: 1.2em; font-weight: 300; letter-spacing: 0.5; line-height: 20px;  }
h1 span{  font-size: 1.6em; font-weight: 300; letter-spacing: -2px; line-height: 5px;  }
h2 span{  font-size: 1.29999999999999em; font-weight: 300; letter-spacing: -2px; line-height: 0px;  }

.SetorServicos img {
	-moz-opacity: 1;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 	
}
 
.SetorServicos img:hover {
	-moz-opacity: 0.5;
	opacity: 0.5 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter: alpha(opacity=50); 	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}

#comentario {
 position:relative; top: -300px;
 left:50px;
 background:#EFF9F8;
 text-align: justify;
 font-size: 16px;
 color:#076D61;
 display: block;
 width:360px;
 height:380px;
 border:1px solid #076D61;
 opacity: 0;

}
#SetorServicos:hover  #comentario{
      opacity: 1;
}
#comentario a {font-size: 17px; color:#076D61;}