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

/* RESET
---------------------------------*/
@import url(reset.css);

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

}
.txtSwis721 { font-family:"swis721cnbtromanroman", Tahoma, Geneva, sans-serif; }
.txtArial{ font-family: Arial, Helvetica, sans-serif;}

/* Cores de fontes
---------------------------------*/
.corFFF {color:#FFF;} /*branca*/
.cor777 {color:#777;} /*cinza*/
.cor2757A4 {color: #2757A4; }/*azul*/


.cor3F4646 {color:#3F4646;} /*preto*/
.corFF9900 {color:#FF9900;} /*laranja*/
.corCC0000 { color: #CC0000; }
.cor003399 { color: #003399; } /* azul*/
.cor443D3D { color: #443D3D; } /* Cinza escuro*/
.corD1000D { color: #D1000D; } /* Vermelho */
.cor0087CC { color: #0087CC; } /* Vermelho */


/* Tamanhos de fontes
---------------------------------*/
.size8{ font-size: 8px;}
.size9{ font-size: 9px;}
.size10{ font-size: 10px;}
.size11{ font-size: 11px;}
.size12{ font-size: 12px;}
.size13{ font-size: 13px;}
.size14{ font-size: 14px;}
.size15{ font-size: 15px;}
.size16{ font-size: 16px;}
.size17{ font-size: 17px;}
.size18{ font-size: 18px;}
.size19{ font-size: 19px;}
.size20{ font-size: 20px;}
.size21{ font-size: 21px;}
.size22{ font-size: 22px;}
.size23{ font-size: 23px;}
.size24{ font-size: 24px;}
.size25{ font-size: 25px;}
.size27{ font-size: 27px;}
.size31{ font-size: 31px;}
.size38{ font-size: 38px;}
.size39{ font-size: 39px;}

/* Entrelinhas
---------------------------------*/
.entr18 { line-height: 18px;}
.entr22 { line-height: 22px;}

/* Tamanhos de fontes
---------------------------------*/
.txtleft{ text-align: left;}
.txtright{ text-align: right;}
.txtcenter{ text-align: center;}
.txtjust{ text-align:justify;} 

/* Espaço entre letras
---------------------------------*/
.bold { font-weight:bold;}

/* Espaço entre letras
---------------------------------*/
.letter0{ letter-spacing: normal;}
.letter1{ letter-spacing: 1px;}
.letter2{ letter-spacing: 2px;}

/* Espaço esquerda 
---------------------------------*/
.padding5RLTB{ padding: 5px; }
.padding10RLTB{ padding: 10px; }

/* Background
---------------------------------*/
.bgE3E4E5 { background-color:#E3E4E5;}
.bgEEEEEE { background-color:#EEEEEE;}
.bgF6F8F9 { background-color:#F6F8F9;}
.bgFFF { background-color:#FFF;}
.bgF0F0F1 { background-color:#F0F0F1;}
.bgE2E3E5 { background-color:#E2E3E5;}

/* BODY
---------------------------------*/
body,html { margin: 0 auto;  }


/* Estrutura
---------------------------------*/
body { background-color:#E2E3E5;}
#top { width: 100%; height: 150px; display: table; margin: 0 auto; background-image:url(../images/back-top.jpg); background-repeat: repeat-x; background-position:bottom center;  }
#header { background-image:url(../images/background-topo.jpg); background-repeat:no-repeat; background-position:center top; width: 980px; height: 187px; margin: 0 auto; }
#header #logo { width: 337px; height: 100px; float:left; margin: 25px 0 0 25px;}
#header #redes-sociais { width:144; height:36; float:right; margin: 0px 0 0 120px; }


/* Telefones ------------------------*/
#header #telefones{ width: 300px; height: 107px; float:right; clear:right; margin: 5px 20px 0 0; }
#header #telefones span { float:right; clear:right; margin: 0 0 2px 0; }
#header #telefones span > span { float:left; margin-right: 5px;}


/*MENU HEADER*/
#box-menu { width:980px; height:11px; float:left; clear:both;  } 
#box-menu ul#menu{ }
#box-menu ul#menu li{ display:inline;}
#box-menu ul#menu li a{ float:left; text-decoration:none; color:#FFF; padding: 10px 15px;  }
#box-menu ul#menu li a:hover{ background-color: #497CD1; }
.ativo { background-color:#000; }

/* Slideshow
---------------------------------*/
#slide { width: 100%; height: 258px; background-color:#F1F2F3;}
#slide #slideshow { margin:0 auto; }
.cs-buttons { display: none; font-size: 0px; padding: 12px; float: left; }
.cs-buttons a { margin-left: 5px; height: 20px; width: 20px; float: left; border: 1px solid #FFF; color: #B8C4CF; text-indent: -1000px; }
.cs-buttons a { border-radius: 50%; background: #FFF; }

a.cs-active { background-color: #FDD202; color: #FFFFFF; }
a.cs-active { border-radius: 50%; box-shadow: 0 0 3px #518CC6; border: 1px solid #FDD202 !important; }


/* Conteúdo 
-------------------------------*/
.middle { width: 100%; height: 200px; display: table; margin: 0 auto; }
.conteudo { width:980px; height:420px; display: table; background-color:#fff; margin:0 auto;}
.conteudo .quadroHome { width:254px; height:130px; float:left; margin: 32px 0 0 53px;}
.conteudo .quadroHome .num { width:59px; height:59px; float:left; background-color:#000; background-image:url(../images/bg-quadro-home.jpg); background-repeat:repeat-x; background-position: center top; }
.conteudo .quadroHome .num span { float:left; padding-top: 18px; padding-left:10px;}
.conteudo .quadroHome .ttl { float:left; margin: 10px 0 0 14px; }
.conteudo .quadroHome .txt { float:left; clear:both;  margin: 10px 0 0 0; }

.conteudo #quemSomosHome { width: 292px; height: 240px; float:left; margin: 24px 0 0 26px; background-image:url(../images/bg-faixa.jpg); background-repeat:no-repeat; background-position: 0 38px; }
.conteudo #quemSomosHome p { margin-top: 20px;}
.conteudo #quemSomosHome p a { color: #777; font-weight: bold; }

.conteudo #localHome { width: 560px; height: 240px; float:left; margin: 24px 0 0 40px; background-image:url(../images/bgLocalHome.jpg); background-repeat: repeat-x; background-position: 0 38px; }
.conteudo #localHome p { margin-top: 20px;}
#images{ border: 5 5 5 5px solid;}


/* Conteúdo de Empresa 
----------------------------- */
#textoEmpresa { width:900px; height:350px; margin: 30px 0 0 40px; }


/* Conteúdo de Serviços 
----------------------------- */
.conteudo-Atendimento { width:980px; height:500px; display: table; background-color:#fff; margin:0 auto;}
.textoAtendimento { width: 550px; margin-top:28px; margin-left:-50px; float:left;}
#icon{ width:200px; height:450px; margin-top: 19px; float:left; }
#icon ul{ margin-top: 12px; margin-left: 40px;}

/* Conteúdo de Localização
 ----------------------------*/
.conteudo-localizacao { width:980px; height:570px; display: table; background-color:#fff; margin:0 auto;}
#textolocalizacao { width:900px; height:100px; margin: 19px 0 20px 50px;}
#mapa { width:500; height:366; margin:10px 0 0 50px;}


/* Conteúdo de contato 
----------------------------- */
.conteudo-contato { width:980px; height:560px; display: table; background-color:#fff; margin:0 auto;}
#formulario { width:770px; height: 300px; margin: 0 170px 0 0; float:right; }
#textocontato{ width:900px; height:50px; margin: 30px 0 0 60px; }
#alertas { padding: 10px; border-radius: 10px;}
.pages { width:800px; height:300px; float: left; margin: 0 0 0 70px;}


/* Conteúdo de serviços
----------------------------- */
.BoxTxtServ{
	width: 920px;
	display: table;
	float: left;
	margin-top: 40px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
}


/* Rodapé 
----------------------------- */
#bottom { width: 100%; height: 163px; display: table; margin: 0 auto; }
#bottom #footer { background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; width: 980px; height: 163px; margin: 0 auto; }

/*Menu Footer*/
#bottom #footer #boxMenuFooter { width:980px; height:38px; margin-top: 5px; margin-right:26px; float:right; clear:both;  } 
#bottom #footer #boxMenuFooter ul#menufooter{ }
#bottom #footer #boxMenuFooter ul#menufooter li{ display:inline;}
#bottom #footer #boxMenuFooter ul#menufooter li a{ float:left; text-decoration:none; color:#777; padding: 10px 15px;  }
#bottom #footer #boxMenuFooter ul#menufooter li a:hover{ text-decoration:underline; }

#bottom #footer #enderecoFooter { width:450px; height:78px; margin: 22px 0 0 12px; float:left; clear:both; }

#bottom #footer #redes-sociais-rodape { width: 106px; height: 24px; margin: 28px 23px 0 0; float: right;}
#bottom #footer #direitostmec { width: 208px; height: 21px; float: right; color:#777; margin: 90px -113px 0 0;}


/*

#bottom { width: 100%; height: 206px; display: table; margin: 0 auto;  background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x; }
#footer { width: 1000px; height: 206px; margin: 0 auto; background-image:url(../images/logo-footer.jpg); background-repeat: no-repeat; background-position: 20px 30px;  }

.clear { clear: both;}*/