﻿/* --------------------------- Seletores gerais ------------------------- */

@font-face {
	font-family:"Arial Rounded MT Bold";
	src: url("css/Arial Rounded MT Bold.eot");
	src: local("Arial Rounded MT Bold"), url("css/Arial Rounded MT Bold.ttf") format('truetype');
}

/* ---------------------------------------------------------------------- */


/* --------------------------- Seletores gerais ------------------------- */

* {
    margin: 0px;
    padding: 0px;
}

body {
    background: url(../imgs/bg_body.jpg) top center no-repeat #111111;
	background-size: 1920px;
    color: #fff;
    font-size: 13px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    border: none;
}

/* ---------------------------------------------------------------------- */

/* -------------------------- Seletores com ID's ------------------------ */
#bg_banner {
    position: absolute;
    z-index: 1;
    width: 100%;
    background: url(../imgs/banners/bg_body.jpg) top center no-repeat;
	border-top: 3px solid #373737;
	background-size: 1920px;
}
#geral {
    position: relative;
    z-index: 2;
    width: 980px;
    margin: 0px auto;
}
#cabecalho {
}
#conteudo {
}
#logo {
    width: 238px;
    height: 65px;
    float: left;
    margin-top: 20px;
}
#menu {
    margin-left: 500px;
    padding-top: 20px;
    margin-top: 30px;
    /*padding-bottom: 30px;*/
}
#menu ul li {
    float: left;
    margin-left: 35px;
}
#menu ul li a {
    display: block;
    height: 26px;
}

#item_menu_clientes {
    width: 73px;
    background: url(../imgs/menu/clientes.png) no-repeat;
}
#item_menu_clientes:hover {
    background: url(../imgs/menu/clientes_over.png) no-repeat;
}
#item_menu_clientes_on {
    width: 73px;
    background: url(../imgs/menu/clientes_over.png) no-repeat;
}

#item_menu_trabalhe {
    width: 137px;
    background: url(../imgs/menu/trabalhe_conosco.png) no-repeat;
}
#item_menu_trabalhe:hover {
    background: url(../imgs/menu/trabalhe_conosco_over.png) no-repeat;
}
#item_menu_trabalhe_on {
    width: 137px;
    background: url(../imgs/menu/trabalhe_conosco_over.png) no-repeat;
}

#item_menu_blog {
    width: 57px;
    background: url(../imgs/menu/blog.png) no-repeat;
}
#item_menu_blog:hover {
    background: url(../imgs/menu/blog_over.png) no-repeat;
}

#item_menu_contato {
    width: 70px;
    background: url(../imgs/menu/contato.png) no-repeat;
}
#item_menu_contato:hover {
    background: url(../imgs/menu/contato_over.png) no-repeat;
}
#item_menu_contato_on {
    width: 70px;
    background: url(../imgs/menu/contato_over.png) no-repeat;
}

#rodape {
    margin-top: 30px;
    font-size: 11px;
    font-weight: normal;
}

#informacoes_redes_sociais {
	width: 380px;
	float: left;
}
#google_maps {
	margin-left: 400px;
}

#informacoes p a, #copyright a {
    text-decoration: underline;
    color: #ff6600;
}
#informacoes {
    color: #bbbaba;
    width: 480px;
    line-height: 150%;
}

#informacoes .telefone, #informacoes .email, #informacoes .endereco {
	margin-bottom: 10px;	
}

#informacoes .email {
	font-size: 15px;
	font-weight: bold;
	color: #ff6600;
}

#informacoes .endereco {
	font-size: 12px;
	color: #edecec;
	font-weight: bold;	
}

#redes_sociais {
}
#icone_twitter, #icone_facebook, #icone_youtube {
    display: block;
    width: 35px;
    height: 33px;
    float: left;
    margin-right: 4px;
}
#icone_twitter {
    background: url(../imgs/icone_twitter.png);
}
#icone_twitter:hover {
    background: url(../imgs/icone_twitter_hover.png);
}
#icone_facebook {
    background: url(../imgs/icone_facebook.png);
}
#icone_facebook:hover {
    background: url(../imgs/icone_facebook_hover.png);
}
#icone_youtube {
    background: url(../imgs/icone_youtube.png);
}
#icone_youtube:hover {
    background: url(../imgs/icone_youtube_hover.png);
}

#copyright {
    font-size: 9px;
    color: #ededed;
    margin-top: 30px;
}

/* ---------------------------------------------------------------------- */



/* ------------------------ Seletores com classes ----------------------- */

.fonte_laranja {
    color: #ff6600;
}
.redes_sociais a img {
    vertical-align: middle;
}

/* ---------------------------------------------------------------------- */

.titulo_secoes {
    margin-bottom: 20px;
}
