/* ++++++++++++ CSS RESSET +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-weight:normal}

blockquote, q {quotes: none;}

/* lembre-se de definir os estilos de focus! */

:focus { outline: 0;}

/* lembre-se de realçar os inserts de alguma forma! */

ins 	 { text-decoration: none;}

del	 { text-decoration: line-through;}


/* tabelas ainda precisam de 'cellspacing:0' em seus markups */

table	 {	border-collapse: collapse; border-spacing: 0;}

/* ++++++++++++ GERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body		{ background-color:#F3F3F3; margin:0px; width:100%; height:100%; font-family:Arial; font-size:12px; line-height:160%; } /* fundo do site geral */

form		{padding:0px; margin:0px;} /* elimina os espaçamentos dos form, publicador, contato, curriculum, orcamento entre outros formulário */ 

.max		{ max-width:1003px; width:expression(document.body.clientWidth > 1003? "1003px": "auto" ); text-align:left; }    /* largura máxima do do corpo do site */

ol,ul, li 		{list-style:none; overflow:hidden}

img		{ border:none }

#bannertop	{ float:left; text-align:left; }

#banner		{ margin:0px 0px 10px 30px; padding:0px; height:210px; width:943px; float:left;}

#banner li	{ margin:0px; padding:0px; }

/* ++++++++++++ CABECALHO DATA, INICIO E CONTATO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#cabfundo	{background-color:#005F8B; border-bottom:4px solid #999999;} /* cor do fundo e também espessura da linha inferior do quadro e sua cor */

  #cab		{padding:10px 30px 10px 30px; font-family:verdana; font-size:10px; color:#ffffff;} /* superior, direita, inferior, esquerda *** fonte, tamanho e cor */

  #cab a	{ color:#ffffff; text-decoration:none; } /* link do rodape */

/* ++++++++++++ CABECALHO LOGOTIPO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#cablogofundo	{background-color:#f3f3f3;  margin:10px 0px 10px 0px; border-bottom:0px solid #999;} /* cor do fundo onde fica o logotipo da empresa */

  #cablogo	{padding:0px 0px 0px 0px; font-family:verdana; font-size:10px; color:#ffffff;} /* superior, direita, inferior, esquerda *** fonte, tamanho e cor */



/* ++++++++++++ CABECALHO PUBLICADOR ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#cabrestritofundo	{ background-color:#006C9E;} /* cor de fundo da area restrita */

  #cabrestrito		{ padding:10px 30px 10px 30px; font-family:verdana; font-size:10px; color:#fff;} /* superior, direita, inferior, esquerda *** fonte, tamanho e cor */

  .cabrestritocampo	{ background-color:#fff; border:1px solid #fff; font-family:verdana; font-size:10px; margin-bottom:3px; } /* cor de fundo do input, espessura da borda e cor, fonte, tamanho e margem inferior */

  .cabrestritobotao	{ border:1px solid #fff; font-family:verdana; font-size:10px; color:#000;; background-color:#fff; vertical-align:top;} /* tamanho e cor da borda, fonte, tamanho e cor do texto, cor de fundo e alinhamento vertical */





/* ++++++++++++ RODAPE ++++++++++++++++++++++ */



#rodapecor	{ background-color:#006C9E; border-top:4px solid #999; text-align:left;} /* cor de fundo do rodape e espessura da borda e sua cor */

  #rodape	{ padding:0px 30px 10px 30px; font-family:verdana; font-size:10px; color:#fff; line-height:160%;} /* superior, direita, inferior, esquerda *** fonte, tamanho e cor, espaçamento entre linhas */

    #rodape a	{ color:#ffffff; text-decoration:none; } /* link do rodape */


/* ++++++++++++ MENU ++++++++++++++++++++++++ */


#menu			{padding:0px 0px 5px 30px; float:left; margin-top:0px;} /* Localizaçao do menu na tela */

  #menucorpo		{width:200px;} /* tamanho do menu */



  #menucorinstitu	{background-color:#006C9E; font-family:verdana; font-size:12px; width:200px;} /* fundo do menu institucional */

    #menu ul		{ margin:0px; padding:0px; width:200px; list-style-type:none; display:block; float:left; background-color:#006C9E; } /* quadro do menu */

    #menu a:active, #menu a:visited, #menu a:link	{ display:block; margin:0px; width:195px; padding:10px 0px 10px 5px; color:#fff; text-decoration:none; font-size:11px;} /* Link */

    #menu a:hover	{ background-color:#064763; color:#fff; } /* quando passar o mouse */



  #menuinfotitulo	{font-family:verdana; font-size:12px; color:#252525; font-weight:700; width:200px;} /* titulo do menu informacoes online */

    #menuinfo ul 	{font-family:verdana; font-size:12px; margin:0px; padding:0px; width:200px; list-style-type:none; display:block; float:left; background-color:#064763; } /* quadro do menu */

    #menuinfo a:active, #menuinfo a:visited, #menuinfo a:link { display:block; margin:0px; width:195px; padding:10px 0px 10px 5px; color:#ffffff; text-decoration:none; font-size:11px;} /* Link */

    #menuinfo a:hover	{ background-color:#006C9E; color:#fff; } /* quando passar o mouse */



/* ++++++++++++ CENTRO +++++++++++++++++++++++ */

#centro			{ padding:0px 0px 10px 0px; margin-left:270px; height:auto;} /* Textos centrais = espaçamento superior, direita, inferior, esquerda *** margem equerda */

    #centro h1		{ font-family:verdana; font-size:18px; padding:10px 0px 10px 0px; color:#252525;} /* titulo das páginas */

    #centro a		{ color:#064763; text-decoration:none; font-size:11px;} /* Links do centro da página */

    #centro a:hover	{ color:#9C2823; text-decoration:none; font-size:11px;}  /* links do centro da página ao passar o mouse */

    #centrotitulo	{ font-family:verdana; font-size:18px; padding: 20px 0px 20px 0px; color:#9C2823;} /* titulo da tela central */

    #centro hr		{ border:0; border-top:2px solid #E6E6E6; margin:10px 0px 0px 0px; }

    #centro ul 	        { margin:0px; padding:0px;}

#portfolio		{ }

    #caixaitens		{ font-family:arial; font-size:11px; background:#E6E6E6;}

    .caixaitem		{ padding:0px 0px 0px 0px; font-size:11px; font-family:tahoma; margin-left:10px; }

    .caixatitulo	{ font-family:tahoma; font-size:11px; font-weight:700; color:#9C2823; margin-left:10px; }


/* ++++++++++++ FORMULÁRIOS ++++++++++++++++++ */


.formulariogeral	{ font-family:verdana; color:#000; font-size:12px;} /* item dos formulários em geral */ 

.campo		{ background-color:#ffffff; border:1px solid #fff; font-family:Arial; font-size:12px; margin-bottom:3px; } /* caixa dos input de todos formulários, contato, curriculum, orçamento */

.campotitulo	{ color:#000; font-family:verdana; font-size:12px; font-weight:700;} /* subtitulo de alguns itens dos formulários */

.botao		{ border:1px solid #064763; font-family:verdana; font-size:10px; color:#fff;; background-color:#064763; vertical-align:top;} /* botao de submit dos formulários *** tamanho e cor da borda, fonte, tamanho e cor do texto, cor de fundo e alinhamento vertical */

#toppage		{margin-top: 0px; width: 703px;}

.tnt		{font-size:15px; font-family:arial;margin-top:20px;}
.tntx		{float:left; font-size:15px; font-family:arial; margin-left:89px;}

#banerxt	{margin-bottom:0px; margin-left:-3px; width:943px; height:200px;}
.sepint		{margin-top:-10px;}

.notcopan			{font-size:11px; font-famil:arial; color:#064763}
.direitaseparador	{margin-right:30px;}