@charset "ISO-8859-1"; /*** Código que corrige a acentuação ***/
/* CSS Document */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CSS Reset :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
hr { 
display: none; 
} 
img { 
border: none; 
} 
body{ 
background: #000;
}
body p{
font: 12px arial, verdana, tahoma; 
color: #222;
}
body p a{
font: 12px arial, verdana, tahoma; 
color: #FF0;
text-decoration: none;
}
body p a:hover{
color: #FC0;
text-decoration: underline;
}
h1, h2, h3 {
font: 15px arial, verdana, tahoma; 
color: #333;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Topo Geral ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#topo_geral { 
width: 100%;
background: #000;
}
/* :: Div Topo :: */
#topo_geral #topo{ 
width: 960px;
height: 458px;
margin: 0 auto;
}
#topo_geral #topo #menu{
width: 960px;
height: 88px;
background: url(img/fundo_menu.png);
position: relative;
}
#topo_geral #topo #menu #btn_01{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 0px;
}
#topo_geral #topo #menu #btn_01 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_01 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_01 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_02{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 137px;
}
#topo_geral #topo #menu #btn_02 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_02 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_02 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_03{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 274px;
}
#topo_geral #topo #menu #btn_03 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_03 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_03 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_04{
width: 136px;
height: 22px;
position: absolute;
	top: 38px;
	left: 411px;
}
#topo_geral #topo #menu #btn_04 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_04 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_04 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_05{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 549px;
}
#topo_geral #topo #menu #btn_05 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_05 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_05 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_06{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 686px;
}
#topo_geral #topo #menu #btn_06 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_06 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_06 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #menu #btn_07{
width: 135px;
height: 22px;
position: absolute;
	top: 38px;
	left: 823px;
}
#topo_geral #topo #menu #btn_07 p{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
padding-top: 1px;
text-align: center;
}
#topo_geral #topo #menu #btn_07 p a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
width: 135px;
display: block;
}
#topo_geral #topo #menu #btn_07 p a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #6F0;
text-decoration: none;
}

#topo_geral #topo #animacao{ 
width: 960px;
height: 370px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Corpo Geral :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#corpo_geral { 
width: 100%;
background: #000;
}
/* :: Div Corpo :: */
#corpo_geral #corpo{ 
width: 960px;
background: #393939;
margin: 0 auto;
}

#corpo_geral #corpo h1.ar{ 
font: bold 16px arial, verdana, tahoma;
text-align:center;
padding-top: 20px;
padding-bottom: 5px;
color: #CCCCCC;
}

#corpo_geral #corpo #form{ 
width: 960px;
height: 107px;
background: url(img/fundo_login_ar.jpg);
position: relative;
}
#corpo_geral #corpo #form #usuario{ 
width: 183px;
height: 27px;
position: absolute;
	top: 40px;
	left: 206px;
}
#corpo_geral #corpo #form #usuario input.login{ 
border : 0px solid #999;
background: none;
margin: 0 0 0 0; 
padding-top: 3px;
padding-left: 10px;
height: 23px;
width: 183px;
font : 12px arial, verdana, tahoma; 
color : #000; 
}
#corpo_geral #corpo #form #senha{ 
width: 183px;
height: 27px;
position: absolute;
	top: 40px;
	left: 503px;
}
#corpo_geral #corpo #form #senha input.senha{ 
border : 0px solid #999;
background: none;
margin: 0 0 0 0; 
padding-top: 3px;
padding-left: 10px;
height: 23px;
width: 183px;
font : 12px arial, verdana, tahoma; 
color : #000; 
}
#geral form #corpo #form input:focus{ 
border: none;
background: none;
}
#corpo_geral #corpo #form #btn{ 
width: 123px;
height: 27px;
position: absolute;
	top: 40px;
	left: 717px;
}
#corpo_geral #corpo #form #btn input.botao_form{
display: block;
width: 123px;
height: 27px;
cursor: pointer;
border: 0px;
background: url(img/btn_entrar.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #form #btn input.botao_form:hover{
background-position: left -27px;
}

#corpo_geral #corpo #sidebar{ 
width: 205px;
float: left;
margin-left: 10px;
margin-top: 10px;
}
#corpo_geral #corpo #sidebar #caixa_menu{ 
width: 205px;
background: #000;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu{ 
width: 199px;
margin-left: 3px;
background: #1A1A1A;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu #titulo_menu{ 
width: 199px;
height: 29px;
background: url(img/fundo_titulo_menu_lateral.jpg);
}
#corpo_geral #corpo #sidebar #caixa_menu #menu #titulo_menu h1{ 
font: bold 13px arial, verdana, tahoma; 
color: #CCCCCC;
padding-left: 5px;
padding-top: 8px;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu #espaco_menu{ 
width: 199px;
height: 10px;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu h2{ 
font: bold 13px arial, verdana, tahoma;
width: 183px;
padding-left: 5px;
padding-bottom: 5px;
color: #CCCCCC;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu h2 a{ 
font: bold 13px arial, verdana, tahoma;
width: 183px;
color: #CCCCCC;
text-decoration: none;
display: block;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu h2 a:hover{ 
font: bold 13px arial, verdana, tahoma;
width: 183px;
color: #FC0;
text-decoration: none;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu ul{ 
width: 177px;
border-bottom: 1px dotted #313131;
margin-bottom: 15px;
margin-left: 10px;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu ul li{ 
width: 177px;
height: 18px;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu ul li p.subcategoria{ 
font: 12px arial, verdana, tahoma; 
color: #CCCCCC;
padding-left: 8px;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu ul li p.subcategoria a{ 
font: 12px arial, verdana, tahoma; 
color: #CCCCCC;
text-decoration: none;
display: block;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu ul li p.subcategoria a:hover{ 
font: 12px arial, verdana, tahoma; 
color: #FC0;
text-decoration: none;
}
#corpo_geral #corpo #sidebar #caixa_menu #menu #fim_menu{ 
width: 199px;
height: 3px;
background: #000;
clear: both;
}
#corpo_geral #corpo #sidebar #caixa_newsletter{ 
width: 205px;
height: 250px;
margin-top: 20px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #titulo_newsletter{ 
width: 205px;
height: 29px;
background: url(img/fundo_titulo_newsletter.jpg);
}
#corpo_geral #corpo #sidebar #caixa_newsletter #titulo_newsletter h1{ 
font: bold 13px arial, verdana, tahoma; 
color: #CCCCCC;
padding-left: 5px;
padding-top: 8px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter p{ 
font: 12px/18px arial, verdana, tahoma; 
color: #F3F3F3;
padding-top: 5px;
padding-bottom: 8px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form{ 
width: 205px;
height: 155px;
border-bottom: 2px solid #1A1A1A;
border-top: 2px solid #1A1A1A;
position: relative;
background: url(img/fundo_newsletter.jpg);
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #label1{ 
width: 198px;
height: 13px;
position: absolute;
	top: 8px;
	left: 3px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #label1 p{ 
font: 12px arial, verdana, tahoma;
padding-top: 0px;
padding-bottom: 0px;
color: #F3F3F3;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #label2{ 
width: 198px;
height: 13px;
position: absolute;
	top: 60px;
	left: 3px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #label2 p{ 
font: 12px arial, verdana, tahoma;
padding-top: 0px;
padding-bottom: 0px;
color: #F3F3F3;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #campo1{ 
width: 180px;
height: 18px;
position: absolute;
	top: 26px;
	left: 10px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #campo2{ 
width: 180px;
height: 18px;
position: absolute;
	top: 78px;
	left: 10px;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form #botao_newsletter{ 
width: 88px;
height: 27px;
position: absolute;
	top: 114px;
	left: 3px;
}
input[type=text]:focus, input[type=password]:focus, input[type=button]:focus, select:focus, textarea:focus {
outline: none;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form form input.campo{ 
border : 0px solid #999;
background: none;
margin: 0 0 0 0; 
padding : 1px;
height: 18px;
width: 180px;
font : 11px verdana, arial, tahoma; 
color : #000; 
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form form input:focus{ 
border: none;
background: none;
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form form input.botao_form{
display: block;
width: 88px;
height: 27px;
cursor: pointer;
border: 0px;
background: url(img/btn_form_newsletter.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #sidebar #caixa_newsletter #form form input.botao_form:hover{
background-position: left -27px;
}

#corpo_geral #corpo #conteudo{ 
width: 708px;
float: right;
margin-right: 10px;
margin-top: 10px;
}
#corpo_geral #corpo #conteudo #titulo_conteudo{ 
width: 708px;
height: 29px;
background: url(img/fundo_titulo_conteudo.jpg);
}
#corpo_geral #corpo #conteudo #titulo_conteudo h1{ 
font: bold 13px arial, verdana, tahoma; 
color: #CCCCCC;
padding-left: 8px;
padding-top: 8px;
}
#corpo_geral #corpo #conteudo #separa_home{ 
width: 708px;
height: 20px;
clear: both;
}
#corpo_geral #corpo #btns_acesso_rapido{ 
width: 716px;
float: left;
}
#corpo_geral #corpo #btns_acesso_rapido #botao{ 
width: 350px;
height: 50px;
float: left;
background: url(img/fundo_botao.png);
margin-right: 8px;
margin-bottom: 8px;
}
#corpo_geral #corpo #btns_acesso_rapido #botao p.rapido{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #000;
text-align: center;
padding-top: 15px;
}
#corpo_geral #corpo #btns_acesso_rapido #botao p.rapido a{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #000;
text-align: center;
padding-top: 15px;
text-decoration: none;
}
#corpo_geral #corpo #btns_acesso_rapido #botao p.rapido a:hover{
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #FF0;
text-shadow: 0.1em 0.1em 0.2em #000;
text-decoration: none;
}
#corpo_geral #corpo #btns_acesso_rapido #empurra_botao{ 
width: 716px;
height: 8px;
clear: both;
}
#corpo_geral #corpo #conteudo #titulo_produtos{ 
width: 708px;
height: 29px;
background: url(img/fundo_titulo_conteudo.jpg);
margin-bottom: 12px;
}
#corpo_geral #corpo #conteudo #titulo_produtos h1{ 
font: bold 13px arial, verdana, tahoma; 
color: #CCCCCC;
padding-left: 8px;
padding-top: 8px;
}
#corpo_geral #corpo #linha_produtos{ 
width: 720px;
float: left;
}
#corpo_geral #corpo #linha_produtos #caixa_produto{ 
width: 166px;
height: 268px;
border: 1px solid #777;
margin-right: 12px;
margin-bottom: 12px;
float: left;
position: relative;
}
#corpo_geral #corpo #linha_produtos #caixa_produto #foto_produto{ 
width: 152px;
height: 152px;
border: 1px solid #777;
position: absolute;
	left: 6px;
	top: 6px;
}
#corpo_geral #corpo #linha_produtos #caixa_produto #btn_orcamento{ 
width: 154px;
height: 29px;
position: absolute;
	left: 6px;
	top: 233px;
}
#corpo_geral #corpo #linha_produtos #caixa_produto #btn_orcamento a{
display: block;
width: 154px;
height: 29px;
background: url(img/btn_solicitar_orcamento.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #linha_produtos #caixa_produto #btn_orcamento a:hover{
background-position: left -29px;
}
#corpo_geral #corpo #linha_produtos #caixa_produto p.descricao{ 
font: 13px arial, verdana, tahoma; 
color: #fff;
text-align: center;
position: absolute;
	left: 6px;
	top: 166px;
width: 152px;
}
#corpo_geral #corpo #linha_produtos #caixa_produto p.preco{ 
font-family: 'Fjalla One', Arial, serif; font-weight: 400;
font-size: 16px;
color: #FF0;
text-align: center;
position: absolute;
	left: 6px;
	top: 206px;
width: 152px;
}
#corpo_geral #corpo #linha_produtos #empurra_produto{ 
width: 708px;
height: 3px;
clear: both;
}
#corpo_geral #corpo #empurra{ 
width: 960px;
height: 10px;
clear: both;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Rodape Geral ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#rodape_geral { 
width: 100%;
background: #000;
}
/* :: Div Rodape :: */
#rodape_geral #rodape{ 
width: 960px;
height: 233px;
background: url(img/fundo_rodape.jpg);
margin: 0 auto;
position: relative;
}
#rodape_geral #rodape #entreem{ 
width: 300px;
height: 25px;
position: absolute;
	top: 28px;
	left: 327px;
}
#rodape_geral #rodape #entreem p{ 
font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #000;
padding-top: 3px;
text-align: center;
}
#rodape_geral #rodape #skype{ 
width: 132px;
height: 48px;
position: absolute;
	top: 54px;
	left: 406px;
}
#rodape_geral #rodape #fones{ 
width: 300px;
height: 31px;
position: absolute;
	top: 109px;
	left: 327px;
}
#rodape_geral #rodape #fones p{ 
font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
font-size: 20px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #000;
padding-top: 3px;
text-align: center;
}
#rodape_geral #rodape #direitos{ 
width: 640px;
height: 47px;
position: absolute;
	top: 164px;
	left: 157px;
}
#rodape_geral #rodape #direitos p{ 
font-family: 'Roboto Condensed', sans-serif; font-weight: 400;
font-size: 16px;
color: #fff;
text-shadow: 0.1em 0.1em 0.2em #000;
padding-top: 3px;
text-align: center;
}
#rodape_geral #rodape #icoredes{ 
width: 64px;
height: 29px;
position: absolute;
	top: 101px;
	left: 620px;
}
#rodape_geral #rodape #logo_olhar_criativo{ 
width: 88px;
height: 60px;
position: absolute;
	top: 26px;
	right: 0px;
}