@charset "utf-8";

@import url('_reset.css');
@import url('site.css');

/* ******
		FONTE-FACE
****** */
@font-face {
    font-family: 'HemiHeadRgBoldItalic';
    src: url('../fontes/hemi_head_bd_it-webfont.eot');
    src: url('../fontes/hemi_head_bd_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/hemi_head_bd_it-webfont.woff') format('woff'),
         url('../fontes/hemi_head_bd_it-webfont.ttf') format('truetype'),
         url('../fontes/hemi_head_bd_it-webfont.svg#HemiHeadRgBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {height:100%;} 
body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #848484; }

/* *** WRAP *** */
#wrap { min-height: 100%; position:relative; }
/* *** MAIN *** */
#main { position: relative; width: 940px; margin: 0 auto; padding-bottom: 450px; }


/* *** TITULO DAS PÁGINAS *** */
#tit_pg {width:623px; height:64px; margin-top:-33px;}
#tit_pg h2 {color:#FFF; float:left; font-size:18px; line-height:30px; font-family: 'HemiHeadRgBoldItalic'; text-align:center; width:178px; height:44px; padding-top:19px; background:url(../img/backgrounds/tit_pg.png) no-repeat;}
#tit_pg h1 {color:#858585; float:right; font-size:18px; line-height:30px; font-family: 'HemiHeadRgBoldItalic'; width:407px; height:45px; background:url(../img/backgrounds/chamada_pg.png) no-repeat; padding-top:19px; padding-left:32px;}


/* ***
	TOPO
*** */
#topo { width: 100%; height: 360px; margin:0; padding:0; background: url(../img/backgrounds/bg-topo.png) repeat; }	
#topo .contato-top { width: 940px; height: 45px; margin:0 auto; padding:0; background: #efefef; }	
#topo .contato-top span.email { display: block; background: url(../img/icones/icon-contato.png) no-repeat 0 -27px; margin-right: 30px; margin-top: 5px; padding-left: 30px; padding-top: 10px; color: #afafaf; font-size:12px; float: right; }	
#topo .contato-top span.telefone { display: block; background: url(../img/icones/icon-contato.png) no-repeat 0 4px; margin-right: 30px; margin-top: 5px; padding-left: 20px; padding-top: 8px; color: #afafaf; font-size:12px; float: right; height: 20px; margin-right: 66px;}	


/* ***
	MENU 
*** */
.menu { width: 940px; height: 125px; margin: 0 auto; background: url(../img/backgrounds/bg-menu.png) no-repeat; }	
.menu img.logo { margin-top: 20px; margin-left: 10px; float: left; }
.menu ul { width: 600px; float: right; margin-top: 35px; }
.menu li { float: left; margin-left: 46px; }
.menu li a { font-size: 14px; color: #858585; font-family: 'HemiHeadRgBoldItalic';}
.menu li a:hover { color: #c5c3c3;}
	
/* ***
	SLIDE
*** */
#slide { width: 942px; height: 315px; margin: 0 auto; position: relative; margin-top: -155px;}	

/* *****
		RODAPÉ 
***** */
#rodape { position: absolute; bottom:0; left:0; width: 100%; height: 350px; background: #ebebeb;}		
#rodape .content_rodape { width: 942px; margin: 0 auto; }
#rodape .content_rodape .menu_rodape { width: 942px; margin: 0; height: 250px; }
#rodape .content_rodape .menu_rodape .logo_ { float: left; margin-top: 122px; }

#rodape .content_rodape .menu_rodape .box_side { float: right; width: 610px; margin-top: 62px; height: 200px;}
#rodape .content_rodape .menu_rodape .box_side ul.principal { float: left; width: 175px; margin-left: 5px;}
#rodape .content_rodape .menu_rodape .box_side ul.produtos,
#rodape .content_rodape .menu_rodape .box_side ul.contato  { float: left; width: 175px; margin-left: 40px;}
#rodape .content_rodape .menu_rodape .box_side li.tit { color: #5c5c5d; font-size: 14px; font-family: 'HemiHeadRgBoldItalic'; width: 100%; height: 30px; border-bottom: 5px solid #e0e0e0; margin-bottom: 15px;}
#rodape .content_rodape .menu_rodape .box_side li { display: block; margin-bottom: 9px; }
#rodape .content_rodape .menu_rodape .box_side li a { color: #848484; font-size:12px; background:url(../img/backgrounds/list-style.png) no-repeat 0 5px; padding-left: 10px; }
#rodape .content_rodape .menu_rodape .box_side li a.more { color: #fc0000; }
#rodape .content_rodape .menu_rodape .box_side li a:hover { text-decoration: underline; }

#rodape .box_bottom { width: 100%; height: 50px; clear: both; background: #e5e5e5; border-bottom: 45px solid #e0e0e0; }
#rodape .box_bottom span { float: left; color: #848484; font-size:12px; margin-top:40px; }
#rodape .box_bottom span a {color: #5c5c5d; font-size:12px; }
#rodape .box_bottom span a:hover {color: #939494;}

#rodape .box_bottom a.facebook-icon { display: block; float: right; height: 65px; width: 77px; background: url(../img/icones/facebook-icon.png) no-repeat; margin-top: 20px;}
