/* CSS Document*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q 	{ quotes: none; }

/* remember to define focus styles! */
:focus			{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 			{ text-decoration: none; }
del 			{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 			{ border-collapse: collapse; border-spacing: 0; }

/* begin site*/
html 							{ text-align: center; }
body 							{ color: #373737; background: #fff; font-family: 'CenturyGothicRegular', Arial, Geneva, sans-serif; font-size: 12px; margin: auto; text-align: center; }

.meio							{ width: 1024px; clear: both; margin: auto; }

#menu							{ clear: both; float: left; margin: 50px 0 0 215px; }
#menu li						{ float: left; margin: 0 45px 0 0; }
#menu li a						{ font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; font-weight: normal; font-size: 20px; color: #020202; text-decoration: none;  }
#menu li a:hover				{ color: #8b8989; }

#menu_b							{ float: left; margin: 40px 0 0 90px; }
#menu_b li						{ float: left; margin: 0 45px 0 0; }
#menu_b li a					{ font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; font-weight: normal; font-size: 20px; color: #020202; text-decoration: none;  }
#menu_b li a:hover				{ color: #8b8989; }

#menu_c							{ float: left; margin: -12px 0 0 90px; }
#menu_c li						{ float: left; margin: 0 0 0 0; }
#menu_c li a					{ display: block; float: left; padding: 35px 23px 35px 23px; font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; font-weight: normal; font-size: 20px; color: #020202; text-decoration: none;  }
#menu_c li a:hover				{ color: #fff; background: #1e1e1e; }

#menu_d							{ float: left; margin: -10px 0 0 90px; }
#menu_d li						{ float: left; margin: 0 0 0 0; }
#menu_d li a					{ display: block; float: left; padding: 40px 23px 40px 23px; font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; font-weight: normal; font-size: 20px; color: #020202; text-decoration: none;  }
#menu_d li a:hover				{ color: #fff; background: #1e1e1e; }

#topo_fixo						{ position: fixed; background: #fff; height: 90px; z-index: 999999999; width: 100%; top: 0px; }

#top_p							{ float: left; }
#top_e							{ float: left; }
#top_d							{ float: left; margin: -12px 0 0 0; }
#top_pb							{ float: right; }

#slide							{ clear: both; float: left; margin: 45px 0 153px 0;  }

.title_inicial					{ width: 1024px; text-align: center; color: #a7a7a7; margin: 0 0 115px 0; font-weight: normal; font-size: 40px; font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; clear: both; float: let;  }

.quadro							{ float: left; width: 301px; margin: 30px 45px 0 0; }
.icon							{ display: block; margin: auto; padding: 14px 0 0 0; width: 97px; background: #1e1e1e; height: 83px; }
.icon:hover						{ background: #323232; }
.quadro	h2						{ clear: both; margin: 25px 0 55px 0; float: left; width: 301px; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 22px; font-family: 'CenturyGothicBold'; }
.quadro	h2 a					{ text-decoration: none; color: #1e1e1e; }
.quadro	h2 a:hover				{ color: #323232; }
.quadro p						{ clear: both; float: left; text-align: center; font-size: 16px; height: 170px; line-height: 24px; width: 301px; }
.b_saiba						{ display: block; float: left; width: 301px; height: 70px; background: #e6e6e6; }
.b_saiba:hover					{ background: #323232; font-size: 20px; font-weight: normal; text-decoration: none; color: #fff; text-transform: uppercase; height: 44px; padding: 26px 0 0 0; font-family: 'HelveticaNeueLTCom35Thin'; }
.b_saiba img					{ float: left; margin: 20px 0 0 138px; }


.separa							{ display: block; clear: both; float: left; background: #c7c7c7; height: 1px; width: 1024px; margin: 197px 0 145px 0; }

#foto_empresa					{ clear: both; float: left; margin: 0 0 0 348px; }

#title_empresa					{ width: 1024px; clear: both; float: left; text-align: center; color: #1e1e1e; margin: 91px 0 15px 0; font-weight: normal; font-size: 22px; font-family: 'CenturyGothicBold'; text-transform: uppercase;  }


#text_empresa					{ clear: both; float: left; width: 1024px; text-align: center; font-size: 16px; line-height: 26px; }
#b_d							{ float: left; clear: both; margin: 67px 0 0px 358px; }


/* efeito de over - fotos */
span.roll_b						{ background: #000; height: 239px; position: absolute; width: 254px; z-index: 10; margin: 0px 0 0 0px; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; } 
span.roll_b	img					{ float: left; margin: 91px 0 0 100px; }

span.roll_f						{ background: #000; height: 239px; position: absolute; width: 254px; z-index: 10; margin: 0px 0 0 0px; } 
span.roll_f	img					{ float: left; margin: 91px 0 0 100px; }

span.roll_e						{ background: #000; height: 210px; position: absolute; width: 210px; z-index: 10; margin: 0px 0 0 0px; } 
span.roll_e	img					{ float: left; margin: 70px 0 0 75px; }


.image_b						{ float: left; width: 254px; display: block; height: 239px; margin: 0 53px 45px 0;  }

#lista_fotos					{ width: 875px; margin: auto; }
#lista_fotos img				{ -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; }

#lista_fotos_b					{ width: 875px; margin: auto; }
#lista_fotos_b img				{  }


#b_e							{ float: left; clear: both; margin: 67px 0 0px 358px; }

#menu_r							{ clear: both; float: left; margin: 115px 0 0 0; width: 100%; border-top: solid #c7c7c7 1px; height: 112px; }
.meio_r							{ clear: both; margin: auto; width: 932px; }
#logo_r							{ float: left; margin: 13px 0 0 0; }

#menu_r ul						{ float: left; margin: 50px 0 0 63px; }
#menu_r li						{ float: left; margin: 0 45px 0 0; }
#menu_r li a					{ font-family: 'HelveticaNeueLTCom35Thin'; text-transform: uppercase; font-weight: normal; font-size: 20px; color: #020202; text-decoration: none;  }
#menu_r li a:hover				{ color: #8b8989; }

#top							{ float: right; margin: 51px 0 0 0; }
#bg_claro						{ clear: both; float: left; background: #323232; width: 100%; height: 99px; border-top: solid #c7c7c7 1px; margin: 10px 0 0 0; }
#bg_escuro						{ clear: both; float: left; width: 100%; height: 460px; background: #1e1e1e; }

#infos							{ float: left; width: 265px; margin: 100px 0 0 0; }
#infos h2						{ float: left; text-transform: uppercase; font-weight: normal; font-size: 22px; color: #fff; font-family: 'CenturyGothicBold'; }
#infos p						{ float: left; font-size: 16px; text-align: left; color: #fff; margin: 20px 0 0 0; line-height: 26px; }

#form_r							{ float: left; width: 595px; margin: 100px 0 0 70px; }
#form_r h2						{ float: left; text-transform: uppercase; font-weight: normal; font-size: 22px; color: #fff; font-family: 'CenturyGothicBold'; }
#form_r form					{ display: block; clear: both; float: left; margin: 18px 0 0 0; }


.input_c						{ clear: both; float: left; width: 280px; background: #fff; height: 34px; border: none;  font-family: 'CenturyGothicItalic'; color: #7c7c7c; font-size: 16px;
 padding: 0 0 0 10px; margin: 0 0 18px 0; }
#form_r textarea				{ float: left; width: 280px; background: #fff; height: 86px; border: none;  font-family: 'CenturyGothicItalic'; color: #7c7c7c; font-size: 16px;
 padding: 0 0 0 10px; margin: 0 0 18px 15px; }

#enviar							{ clear: both; float: right; }
#logo_ev						{ clear: both; float: right; margin: 98px 0 0 0; }

#guia_r							{ float: left; margin: 55px 0 0 80px; }
#guia_r h2						{ float: left; text-transform: uppercase; font-weight: normal; font-size: 22px; color: #fff; font-family: 'CenturyGothicBold'; }
#guia_r ul						{ clear: both; float: left; margin: 23px 0 0 0; }
#guia_r li						{ clear: both; float: left; margin: 0 0 11px 0; }
#guia_r li a					{ font-family: 'CenturyGothicRegular'; color: #fff; font-size: 16px; text-decoration: none; }
#guia_r li a:hover				{ text-decoration: underline; }

#redes_r						{ float: left; margin: 190px 0 0 0; }
#redes_r img					{ float: left; margin: 0 5px 0 0; }


.lista_clientes					{ width: 911px; float: left; margin: 0 0 0 0px; }
.lista_clientes ul				{ width: 905px; margin: auto; }
.lista_clientes ul li			{ float: left; display: block;  margin: 0 -22px 0 0; }
.prev							{ float: left; display: block; background: url('../../../img/prev.png') no-repeat; width: 17px; height: 245px; margin: 0px 0 0 0; }
.next							{ float: right; display: block; background: url('../../../img/next.png') no-repeat;  width: 17px; height: 245px; margin: 0px 0 0 0; }






