/* ================================================================================================

Folha de estilo
Versão 20090925
Autor: M1 consultoria de negócios
Email: atendimento@m1consultoria.com.br
website: http://www.m1consultoria.com.br

Cor para tipografia: #333

Item                      Linha  Imagem
-----------------------------------------------------------------
1. GERAL                    27   stripes.png             
2. CONTAINER                78   images/layout/colunasfalsas.jpg
3. NAVEGAÇÃO HORIZONTAL     92   images/layout/navegacaohorizontal.jpg
4. LOGO E FLASH            155   flash.swf
5. SAUDAÇÃO                163   images/layout/saudacao.jpg
6. CONTEÚDO                188   
7. FORMULÁRIO              286
8. RODAPÉ                  322   images/layout/rodape.jpg
9. VALIDADORES W3C         359


=================================================================================================*/



/* ============================================================================================= */
/* >>> 1. GERAL                                                                                  */
/* ============================================================================================= */

body {
background-color: #444444;
background-image: url('stripes.png');
text-align: center;
min-width: 900px; /* === hack Netscape 6 === */
}

h1 {
color: #333;  /* === cor da fonte === */
font-family: georgia, "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 90%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

.destaque {
color: #900;  /* === cor da fonte === */
font-family: georgia, "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 90%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
text-align: center;
}

h2 {
color: #333;  /* === cor da fonte === */
font-family: "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 90%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

h3 {
color: #333;  /* === cor da fonte === */
font-family: "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 90%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

p {
color: #333;  /* === cor da fonte === */
font-family: "trebuchet ms", tahoma, verdana, arial;  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: normal;  /* === normal ou bold === */
font-size: 80%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}   

a {outline: none;}

hr {clear:both; width:80%;}

.clear {clear:both;}

.textodestaque {}

.noticias h1 {
color: #444;  /* === cor da fonte === */
font-family: georgia, "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 85%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

.noticias p {
color: #444;  /* === cor da fonte === */
font-family: "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: normal;  /* === normal ou bold === */
font-size: 85%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

h1 .letradestaque {
font-size: 360%;
}

/* ============================================================================================= */
/* >>> 2. CONTAINER                                                                              */
/* ============================================================================================= */

#container {
width: 900px;
margin: 0 auto; /* CENTRALIZA */
padding: 0;
text-align: left; /* === hack IE6 === */
border-left: 3px #222222 solid;
border-right: 3px #222222 solid;
background-color: #FFFFFF;
}

#coluna1 {background: white url('images/layout/colunasfalsas1.jpg') repeat-y left top;}
#coluna2 {background: white url('images/colunasfalsas2.jpg') repeat-y left top;}
#coluna3 {background: white url('images/layout/colunasfalsas3.jpg') repeat-y left top;}

/* ============================================================================================= */
/* >>> 3a. NAVEGAÇÃO HORIZONTAL                                                                   */
/* ============================================================================================= */

#navegacaohorizontal {
margin: 0;
padding: 0;
list-style: none;
float: left;
background: rgb(81,3,3) url('images/fundobordeaux2.jpg') no-repeat left top;
}

#navegacaohorizontal li {
float: left;
/*background: #777 url('images/NObackgroundbotaonegro.jpg') no-repeat center center;  === hack IE6 === */
}

#navegacaohorizontal li {display: inline;} /* === hack IE6 === */

#navegacaohorizontal a {
display: block;
float: left;
width:117px;
height: 90px;
line-height: 30px;
padding: 10px 0 0 10px;
/*background: #222 url('images/NOfibracarbono.jpg') no-repeat center center;*/
border-left: 1px solid #444;
text-align:left;
text-decoration: none;
color: white;  
font-family:tahoma;
font-weight:bold;
font-size:60%     
}

#navegacaohorizontal .botao_logo a {
border-left: 0px solid green;
width:122px;
background: none;
}

/* Seleciona a página exibida no navegador ========================================== */
#paginaindex #navegacaohorizontal .botao_a a,
#pagina_a #navegacaohorizontal .botao_a a, /* 1.HOME, normalmente */
#pagina_b #navegacaohorizontal .botao_b a, /* 2.QUEM SOMOS, normalmente */
#pagina_c #navegacaohorizontal .botao_c a, /* 3.PRODUTOS, normalmente */
#pagina_d #navegacaohorizontal .botao_d a, /* 4.SERVIÇOS, normalmente */
#pagina_e #navegacaohorizontal .botao_e a, /* 5.CLIENTES, normalmente */
#pagina_f #navegacaohorizontal .botao_f a, /* 6.CONTATO, normalmente */
#pagina_g #navegacaohorizontal .botao_g a, /* 7.LOCALIZAÇÃO, normalmente */
#pagina_h #navegacaohorizontal .botao_f a, /* 8.Contato: Mensagem Enviada, normalmente */

/* Seleciona o botão de navegação em hover =========================================== */

#navegacaohorizontal a:hover {
background-position: center 50%;
background-image: url('none') /* #222 url('images/backgroundbotaovermelho.jpg') no-repeat center center*/ ;
background-color: rgb(81,3,3)/*#111*/;
color: white
}

#navegacaohorizontal .botao_logo a:hover {
border-left: 0px solid green;
width:122px;
background: #990000 url('images/fundobordeaux2.jpg') no-repeat left top;
}

/* Muda o estado do cursor ========================================================= */
#paginaindex #navegacaohorizontal .botao_a a,
#pagina_a #navegacaohorizontal .botao_a a, /* 1.HOME, normalmente */
#pagina_b #navegacaohorizontal .botao_b a, /* 2.QUEM SOMOS, normalmente */
#pagina_c #navegacaohorizontal .botao_c a, /* 3.PRODUTOS, normalmente */
#pagina_d #navegacaohorizontal .botao_d a, /* 4.SERVIÇOS, normalmente */
#pagina_e #navegacaohorizontal .botao_e a, /* 5.CLIENTES, normalmente */
#pagina_f #navegacaohorizontal .botao_f a, /* 6.CONTATO, normalmente */
#pagina_g #navegacaohorizontal .botao_g a, /* 7.LOCALIZAÇÃO, normalmente */
#pagina_h #navegacaohorizontal .botao_f a{ /* 8.Contato: Mensagem Enviada, normalmente */
cursor: default;
}


/* ============================================================================================= */
/* >>> 3B. SUBNAVEGAÇÃO HORIZONTAL                                                                   */
/* ============================================================================================= */

#subnavegacaohorizontal {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 900px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#subnavegacaohorizontal li {
float: left;
}

#subnavegacaohorizontal li {display: inline;} /* === hack IE6 === */

#subnavegacaohorizontal a {
display: block;
float: left;
margin-left: 10px;
margin-right: 10px;
height: 30px;
line-height: 30px;
padding: 0;
text-align:left;
text-decoration: none;
color: white;  
font-family:tahoma;
font-weight:bold;
font-size:60%     
}

#subnavegacaohorizontal .botao_logo a {
border-left: 0px solid green;
width:122px;
background: #222 url('images/layout/OFFnavegacaohorizontal.jpg') no-repeat left top;
}

/* Seleciona a página exibida no navegador ========================================== */
#pagina_c #subnavegacaohorizontal .botao_c a,
#pagina_c1 #subnavegacaohorizontal .botao_c1 a,
#pagina_c2 #subnavegacaohorizontal .botao_c2 a,
#pagina_c3 #subnavegacaohorizontal .botao_c3 a,

#pagina_d #subnavegacaohorizontal .botao_d a,
#pagina_d1 #subnavegacaohorizontal .botao_d1 a,
#pagina_d2 #subnavegacaohorizontal .botao_d2 a,
#pagina_d3 #subnavegacaohorizontal .botao_d3 a,
#pagina_d4 #subnavegacaohorizontal .botao_d4 a,
#pagina_d5 #subnavegacaohorizontal .botao_d5 a,
#pagina_d6 #subnavegacaohorizontal .botao_d6 a,

/* Seleciona o botão de navegação em hover =========================================== */

#subnavegacaohorizontal a:hover {
background-position: left top;
color: #dd0000;
}

/* Muda o estado do cursor ========================================================= */
#pagina_c #subnavegacaohorizontal .botao_c a,
#pagina_c1 #subnavegacaohorizontal .botao_c1 a,
#pagina_c2 #subnavegacaohorizontal .botao_c2 a,
#pagina_c3 #subnavegacaohorizontal .botao_c3 a,

#pagina_d1 #subnavegacaohorizontal .botao_d1 a,
#pagina_d2 #subnavegacaohorizontal .botao_d2 a,
#pagina_d3 #subnavegacaohorizontal .botao_d3 a,
#pagina_d4 #subnavegacaohorizontal .botao_d4 a,
#pagina_d5 #subnavegacaohorizontal .botao_d5 a,
#pagina_d6 #subnavegacaohorizontal .botao_d6 a {
cursor: default;
}

/* ============================================================================================= */
/* >>> 4. LOGO E FLASH                                                                           */
/* ============================================================================================= */

#logo {
background-color: #555; /* cor de fundo do submenu*/
}

/* ============================================================================================= */
/* >>> 5. SAUDAÇÃO                                                                               */
/* ============================================================================================= */

#saudacao {
width:900px;
height: 30px;
line-height: 30px;
vertical-align: middle;
display: table-cell;
background: rgb(81,3,3) url('images/rodape.jpg') no-repeat right top;
border-bottom: 1px solid #990000;
}

#saudacao p{padding-left: 20px; padding-right: 20px; color: white;}

#saudacaoesquerda {float: left;}

#saudacaodireita {float: right;}

/* Captaliza o nome do visitante: */
.capitalize {text-transform: capitalize;}

/* ============================================================================================= */
/*  >>> 6. CONTEÚDO                                                                              */
/* ============================================================================================= */

.boxdestaque {
background-color: #ddd;
width: 314px;
padding-top: 10px;
padding-bottom: 10px;
border: solid 3px #fff;
}

#conteudogeral {
clear: both;
width: 900px;
min-height: 320px;
}

#conteudogeral h1,
#conteudogeral h2,
#conteudogeral h3,
#conteudogeral p,
#conteudogeral form,
#conteudogeral hr,
#conteudogeral li,
/*#conteudogeral a,          DESATIVADO            */
#conteudogeral #mapa /* >>> Google maps ======================= */
{padding-left: 20px; padding-right: 20px;}

.fundonoticias ul {
padding-left: 0px; padding-right: 0px;
font-size: 85%;
}

.noticias {
padding-left: 0px; padding-right: 0px;
font-size: 85%;
color: red;  /* === cor da fonte === */
font-family: "Courier New", georgia, "Times New Roman";  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: bold;  /* === normal ou bold === */
font-size: 90%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

#conteudogeral img {margin-left: 20px; margin-right: 20px; margin-bottom: 20px;}

.imagemgrande {float:left; border: 10px solid white;}

.imagemgrandenofloat {border: 10px solid white;}

.thumbnail {float:left;}

a img.thumbnail {display: block; border: 4px double white;}

a:hover img.thumbnail {display: block; border: 4px solid white;}

span.cordedestaque {color: red;}

/* >>> Listas: ===================================== */

.lista_sem_marcador li {
margin: 0;
padding: 0;
list-style: none;
}

ul.lista_com_marcador li, ul.lista_sem_marcador li, ol.lista_com_marcador li, ol.lista_sem_marcador li {
color: black;  /* === cor da fonte === */
font-family: "trebuchet ms", tahoma, verdana, arial;  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: normal;  /* === normal ou bold === */
font-size: 80%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

/* >>> Links: ===================================== */

p a:link, p a:visited {color: #22c; text-decoration: none;}
p a:hover {color: #22c; text-decoration: underline;}


/* >>> Layout 1 Coluna: ============================= */

#colunaUnica {width: 900px;}
.alinhamentocentralizado {text-align:center;}


/* >>> Layout 2 Colunas: ============================= */

#conteudoesquerdo {float: left; width: 546px; /* ============== border: 1px solid blue; */}

#conteudodireito {float: right; width: 334px; /* ============== border-left: 1px solid #990000;*/}


/* >>> Layout 3 Colunas: ============================= */

#colunaUm {float: left; width: 175px; /*border: 1px solid blue;*/}

#colunasDoiseTres {float: right; width: 715px;}
   #colunaTres {float: right; width: 175px; /*border: 1px solid blue;*/}
   #colunaDois {float: left; width: 530px; /*border: 1px solid blue;*/}


/* ============================================================================================= */
/* 7. FORMULÁRIO                                                                                 */
/* ============================================================================================= */

p.borda /*fundo destaque para telefone na pg "contato"*/{
margin: 1em 1em;
padding: 1em;
background-color: #DDD;
}

fieldset {
margin: 1em 1em;
padding: 1em;
border: 1px solid #ccc;
}

legend {
color: #333;
font-family: "trebuchet ms", tahoma, verdana, arial;
font-size: 80%;
font-weight: bold;
}

label {display: block;}

input {width: 200 px;}

textarea {width: 300 px; height: 100 px;}

/* ============================================================================================= */
/* >>> 8. RODAPÉ                                                                                 */
/* ============================================================================================= */

#rodape {
clear: both;
background: rgb(81,3,3) url('images/rodape.jpg') no-repeat right top;
border-top: 2px solid #990000;
border-bottom:5px #222222 solid;
}

p.rodape {
text-align: center;
color: white;  /* === cor da fonte === */
font-family: "trebuchet ms", tahoma, verdana, arial;  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: normal;  /* === normal ou bold === */
font-size: 75%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

p.creditos {
text-align: center;
color: white;  /* === cor da fonte === */
font-family: "trebuchet ms", tahoma, verdana, arial;  /* === Nome da fonte === */
font-style: normal;  /* === normal, italic ou oblique === */
font-variant: normal;  /* === normal ou small-caps === */
font-weight: normal;  /* === normal ou bold === */
font-size: 70%;
text-transform: none; /* === capitalize, uppercase, lowercase, none === */
}

p.creditos a:link, p.creditos a:visited {color: white; text-decoration: underline;}
p.creditos a:hover {color: orange; text-decoration: underline;}

/* ============================================================================================= */
/* 9. VALIDADORES W3C                                                                            */
/* ============================================================================================= */

p.w3c a {
text-decoration: none;
}

p.w3c img {
border: 0px none;
}

p.w3ctexto {
color: white;
font-family: "trebuchet ms", tahoma, verdana, arial;
text-align: center;
font-size: 65%;
padding-left:20px;
padding-right:20px;
padding-bottom:5px;}

/* ============================================================================================= */
/* DESENVOLVIDO POR M1 CONSULTORIA DE NEGÓCIOS                                                   */
/* ============================================================================================= */