/*CSS*/
/*Reset CSS do HTML5*/
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none; font-size:100%; vertical-align:baseline;}
ul, ol{list-style:none}
section, article, aside, header, footer, nav, dialog, figure{display:block;}

/*propriedades para alinhar ao topo*/
*{margin:0; padding:0;}

/*------------------propriedades estrutura geral------------------*/
/*FUNDO SITE*/
body{background:url(imagens/bg-body.jpg) left top repeat-x; overflow-x:hidden;}
html{background:url(imagens/bg-html.jpg) center top repeat;}
#footer{background:url(imagens/bg_footer.jpg) left bottom repeat-x;}

/*CORPO*/
#section_container{width:980px; margin:0 auto; padding:0;}
#logo-ibf{border:2px;}
.logos{float:right; margin-top:-325px;}

/*---------------------propriedades do corpo----------------------*/
/*TOPO*/
header{text-align:left; height:156px; clear:both;}
header div{float:right;}
header ul{width:300px; padding:2px; list-style-type:none; margin-right:-45px; float:right;}
header ul li{float:left;}
header hgroup{padding:26px 0 0 16px; float:left;}
header hgroup figure #logo img{float:left; clear:both; width:326px; height:378px; padding-top:10px;}
#newsletter{float:left; clear:both; background-image: url(imagens/bg-news.jpg); background-repeat:no-repeat; width: 255px; height: 50px; margin-right:70px;  _margin-right:30px; margin-top:20px; *margin-left: 20px; }
.news {border:none; font-family: Arial, Tahoma, Verdana; width:155px; height:18px; background-color: #fff; margin: 18px 0 0 55px; float: left;}
.enviar {margin: -19px 0 0 45px; float: right;}
#galeria-img{float:right; margin-right:3px; margin-top:-30px; margin-bottom:10px; _margin-bottom:1px;}
#logo-ibf{float:right; margin-top:10px; width: 175px;}
#tel-email{float:right; clear:both; margin-top:5px;}
#tel-email span{color:#58595B; font-family:Tahoma; font-size:12px; font-weight:bold;}
#tel-email a:link{color:#58595B; font-family:Tahoma; font-size:12px; font-weight:bold;}

/*MENU*/
#nav_menu{float:left; background:#F9F9F9; clear:both; width:140px; margin-left:10px; _margin-left:4px; margin-top:-30px;}
#nav_menu ul{margin:0; padding:0; border:none; color:#FFF;}
#nav_menu ul li{font-family:Tahoma; font-size:14px; color:#FFF; padding:2px 2px 2px 3px; height:18px; _height:17px; *height:17px; background:url(imagens/bg-menu.jpg);}
#nav_menu ul li:hover{font-family:Tahoma; font-size:14px; color:#FFF; padding:2px 2px 2px 3px; text-decoration:underline;}
#nav_menu ul li:hover a{color:#FFF;}
#nav_menu ul li a{font-family:Tahoma; font-size:12px; color:#FFF; padding:0; text-decoration:none; *line-height: 12px;}
#nav_menu ul li a:hover{font-family:Tahoma; font-size:12px; color:#FFF; padding:0; text-decoration:none; *line-height: 12px;}

/*CONTEUDO*/
article{/*clear:both;*/}
article aside{float:left; width:225px; padding:10px; _padding:6px; text-align:justify; margin:0 0 10px 0;}

/*RODAPE*/
footer{text-align:left; clear:both; height:202px; background:url(imagens/bg_footer.jpg) left top repeat-x; padding:0; }
footer aside{float:left; width:216px; padding:8px; text-align:justify; font-size:12px; line-height:18px;}
footer aside mark{font-size:15px; font-weight:bold;}/*TITULOS DO RODAPE*/
footer aside ul{padding-left:10px; font-weight:bold; margin:0; line-height:14.8px;}
.logo-um{float:left;padding-top:65px;}/*LOGO ECOLOGICAMENTE CORRETO*/
.logo-dois{float:left;padding-left:20px; margin-top:80px;}/*LOGO IBF BRASIL*/
.logo-tres{float:left;padding-left:30px; margin-top:55px; padding-right:40px;}/*LOGO IBF 25 ANOS*/
.float_right{float:right; margin-right:90px; margin-right/*\**/:120px\9;} /*ALINHAR TELEFONE EMAIL E TWITTER NO RODAPE*/
.contato{width:250px; float:left; margin-left:27px;}
.mapa-site{width:190px;}

/*----------------------propriedades gerais-----------------------*/
.clear{clear:both;}
.clear_br{clear:both; font-size:0.01em; margin:0; padding:0; height:1px;}
.display{display:none;}
.float_left{float:left; }
.titulo{margin-left:9px;}/*TITULOS COMUNS A TODAS AS PAGINAS*/
.titulos{background-color:#4D0501; width:955px; height:30px; font-family:Verdana, Tahoma; color:#fff; padding-top:10px; padding-left:15px; clear:both;}

/*texto preto*/
.text_gray{font-family:Tahoma; font-size:12px; color:#111; line-height:16px;}
.text_gray a{font-family:Tahoma; font-size:12px; color:#111; text-decoration:none;}
.text_gray a:hover{font-family:Tahoma; font-size:12px; color:#111; text-decoration:underline;}
.text_gray h2{font-family:Tahoma; font-size:28px; color:#111; margin-top:40px; margin-left:10px; letter-spacing:2px;}
.text_gray p{font-family:Tahoma; font-size:13px; color:#111; margin-top:40px; margin-left:10px; width:310px; text-align:justify;}
.text_gray img{margin-left:50px; margin-bottom:40px; margin-top:40px;}
.text_gray strong{font-family:Tahoma; font-size:12px; color:#000;}
.text_gray aside{float:left;margin-right:9px;}

/*texto branco*/
.text_white{font-family:Tahoma; font-size:11px; color:#FFF;}
.text_white a{font-family:Tahoma; font-size:11px; color:#FFF; text-decoration:none;}
.text_white a:hover{font-family:Tahoma; font-size:11px; color:#FFF; text-decoration:underline;}

.text_black{font-family:Tahoma; font-size:11px; color:#7E6B38; text-decoration:none;}

/*---------------------propriedades internas----------------------*/
#content{float:left; width:700px; padding:10px;}
#content a{color:#000;}
#content a:hover{color:#000;}

/*representantes.php*/
.mapa{margin-left:9px;}

/*empresa.php*/
.conteudo p {float:left; font-family:Verdana, Arial, Tahoma; font-size:13px; color:#000; width:550px; text-align:justify; padding:15px 150px 0 10px;}

/*inc-fale-conosco.php*/
.fale-conosco{float:left; padding-top:20px; _width:253px; _height:322px;}
.fale-conosco form h3{font-family:Verdana, Arial, Tahoma; font-size:15px; color:#4D0501;}
.fale-conosco form span{font-family:Verdana, Arial, Tahoma; font-size:11px; color:#4D0501;}
.fale-conosco form label{font-family:Verdana, Arial, Tahoma; font-size:11px; color:#4B4B4B;}
.fale-conosco-empresa{float:right; padding-top:20px; _width:253px; _height:322px; /*margin-top:-278px;*/}
.fale-conosco-empresa form h3{font-family:Verdana, Arial, Tahoma; font-size:15px; color:#4D0501;}
.fale-conosco-empresa form span{font-family:Verdana, Arial, Tahoma; font-size:11px; color:#4D0501;}
.fale-conosco-empresa form label{font-family:Verdana, Arial, Tahoma; font-size:11px; color:#4B4B4B;}
.input{border:none; background-image: url(imagens/input-fale-conosco.png); background-repeat:no-repeat; background-color:#D9C9A7; font-family: Arial, Helvetica, sans-serif;width:248px;height:23px; padding-left:4px; padding-top:3px;}
.textarea{border:none; background-image: url(imagens/text-area.png); background-repeat:no-repeat; background-color:#D9C9A7; font-family: Arial, Helvetica, sans-serif;	width:248px;height:80px;padding-left:4px; padding-top:3px;}

/*hoteis-pousadas.php*/
.logos{float:right; margin-top:-305px; margin-bottom:30px;}
.conteudo-hoteis h2{font-family:Tahoma; font-size:28px; color:#777777; margin-left:10px; letter-spacing:2px;}
.conteudo-hoteis p{font-family:Tahoma; font-size:13px; color:#777777; margin-top:40px; margin-left:10px; width:310px; text-align:justify;}
.conteudo-hoteis img{margin-left:50px; margin-bottom:40px; margin-top:40px;}

/*bares-restaurantes.php*/
.menu {float:left; font-family:Verdana, Arial, Tahoma; font-size:12px; color:#000; padding-left:20px; padding-top:10px; line-height:25px;}
.conteudo{padding-left:10px; _padding-left:1px; padding-top:100px; _padding-top:10px;}
#elemento h3{background-color:#525355; width:239px; height:20px; font-family:Verdana, Arial, Tahoma; font-size:12px; color:#fff; padding-top:3px; padding-left:4px;}
#elemento img{margin-top:4px;}
#elemento p{width:239px; font-family:Verdana, Arial, Tahoma; font-size:10px; color:#000; text-align:justify;}

/*clientes.php*/
.clientes {font-family:Verdana, Arial, Tahoma; font-size:15px; color:#4D0501; font-weight:bold;}
#redes, #bares-hoteis, #supermercados, #padarias ul li {line-height:18px; font-family:Verdana, Arial, Tahoma; font-size:12px; color:#000;}
#redes {float:left; margin-left:10px; margin-bottom:30px;}
#padarias, #bares-hoteis, #supermercados{float:left; margin-left:100px;}