img{
	border:none;
}
.cor-1 {
	background: #0066B3 url(/images/bg_site.gif) repeat-x top left;
}
 .cor-2 {
	background: #80C9FF;
}
.cor-3 {
 background: #ffcc00;
}
body {
	margin: 10;
	padding: 0;
	font-family: <? echo $font_family;?>;
	font-size: <? echo $font_size;?>; 
  color: <? echo $font_color;?>;
	background: maroon; /* url(/images/bg_site.gif) repeat-x top left;*/
	text-align: center; /* para centrar o site no IE */
}

/* Separador horizontal */
div.hr {
	border: none 0;
	border-top: solid 1px goldenrod; 
  border-bottom: solid 1px goldenrod;
	width: 100%;
	height: 0px;
	margin: 5px 0 5px 0; /* margens superior e inferior = 5px */
}
div.hr hr {
	display: none; 
}
/* Separador horizontal - fim */

h1,h2,h3,h4,h5,h6 {
	color: <? echo $font_color;?>; 
  font-weight: bold;
	line-height: 1em;
	padding: 0px;
	margin: 0;
}
h1 {
	font-size: <? echo $font_size+8;?>px;
}
h2 {
	font-size: <? echo $font_size+6;?>px;
}
h3 { 
  font-size: <? echo $font_size+4;?>px;
}
h4 {
	font-size: <? echo $font_size+2;?>px;
} 
a.h1, a.h2, a.h3, a.h4 {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
a.h1 {
	font-size: 21px;
} 
a.h2 {
	font-size: 19px;
}
a.h3 {
	font-size: 17px;
} 
a.h4 {
	font-size: 15px;
}
 p, div, ul, li, td, blockquote {
	font-family: <? echo $font_family;?>;
	font-size: 13px;
 	color: <? echo $font_color;?>;
	line-height: 1.5em;
}
 blockquote {
	margin: 0em 20px;
}
 .texto {
	font-family: <? echo $font_family;?>;
	font-size: <? echo $font_size;?>;
color: <? echo $font_color;?>;
	text-align: left;
}
 a.texto {
	text-align:left;
}

.erro {
	font-size: 13px;
	color: #ff0000;
	font-weight: bold;	
}

.tabela02 {
	font-size: 13px;
	color: #333;
	padding: 3px;
	border: solid 1px #333;
	background: #eeeeee;
	margin: 2px;
	text-align: center;
}

#site {
	padding: 0;
	width:960px;
	margin: 0 auto; /* centrado - FireFox e Opera */
	text-align: left; /* para anular o alinhamento ao centro definido no body */ 
}
#logotipo {
	width:960px;
	padding: 8px 0 0px 0;	
}
#pagina {
	width: 930px;
	padding: 10px 15px;
	margin: 0;
	background-color: white;
}
#cabecalho {
	width:930px;
	padding: 0px;
	text-align: left;
}
#menu {
	padding: 5px 0;
	background: white;
	color: maroon;
	font-family: <? echo $font_family;?>;
	font-size: <? echo $font_size;?>;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
#menu a, a:link, a:visited {
	text-decoration: none;
	color: maroon;
	padding: 0 10px 0 0;
}
#menu a:hover {
	color: indianred;
}
#apresentacao {
	width: 930px;
	height: 60px;
	padding: 5px 0px;
	margin: 0px;
	text-align: center;
	vertical-align: top;
}
#destaques {
	width: 930px;
	height: 60px;
	padding: 0px;
	text-align: center;
	margin: 0 auto;
	background: maroon;
}
#slogan {
	width: 930px;
	padding: 10px 5px 0px 5px;	
}
#corpo {
	width: 930px;
	margin: 0;
	padding: 0;
	font-size: <? echo $font_size;?>;
	color: <? echo $font_color;?>;
}
#corpo a, a:link, a:visited {
	font-size: <? echo $font_size;?>;
	text-decoration: none;
	color: <? echo $font_color;?>;
}
#corpo a:hover {
	text-decoration: underline;
	color: black;
}
#sector-1, #sector-2, #sector-3, #sector-4, #sector-5 {
	padding: 0;
	margin: 0;
	height: 100%;
}
#sector-2 {
	padding: 0 5px 0 0;
	/*border-right: solid 1px #333;*/ 
}
#sector-3 {
	padding: 0 5px;
}
#sector-4 {
	padding: 0 0 0 5px;
	/*border-left: solid 1px #333;*/ 
}
#rodape {
	width: 930px;
	margin: 0;
	padding: 10px 0;
	border-top: solid 2px goldenrod;
	text-align: center;
	color: maroon;
	font-family: <? echo $font_family;?>;
	font-size: <? echo $font_size;?>;
	background: white;
}
#copyright {
	font-family: <? echo $font_family;?>;
	font-size: <? echo $font_size-1;?>px;
	color: white;
	padding: 5px 0;
}
#copyright a, a:link, a:visited {
	color: gold;
}
 /* titulo */
.titulo {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
a.titulo:link, a.titulo:hover, a.titulo:visited {
	color: #333;
}
a.titulo:link {
	text-decoration: none;
}
a.titulo:hover {
	text-decoration: underline;
	color: goldenrod;
}
/* /titulo */ 

/* formulario de contacto */
.formulario {
	font-size: 13px;
	color: #333;
	padding: 2px;
	border: solid 1px #333;
	background: mistyrose;
	margin: 2px;
}
input:focus {
	border: solid 1px #333;
	background-color: white;
}
textarea:focus {
	border: solid 1px #333;
	background-color: white;
}
/* /formulario de contacto */

.button {
	width: 80px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: solid 1px #333;
	background: mistyrose;
	margin: 2px;
	font-size: 13px;
	color: #333;
	font-weight: bold;
	text-align: center;
}
.button:hover 
  {
	color: #333;
	background: white;
}



  /* Put this inside a @media qualifier so Netscape 4 ignores it */
  @media screen {
  /* Turn off list bullets */
  ul.mkTree li { list-style: none; }
  /* Control how &quot;spaced out&quot; the tree is */
  ul.mkTree, ul.mkTree ul { margin-left:0px; padding-left: 2px; text-indent: 0px; 
  }
  ul.mkTree li { margin-left:0px; padding-left: 8px; text-indent: -8px; }
  ul.mkTitle { margin-left:0px; padding-left: 0px; text-indent: 0px; }
  /* Provide space for our own &quot;bullet&quot; inside the LI */
  /*
  ul.mkTree li.liOpen .bullet { padding-left: 13px; }
  ul.mkTree li.liClosed .bullet { padding-left: 13px; }
  ul.mkTree li.liBullet .bullet { padding-left: 0px; }
  */
  /* Show &quot;bullets&quot; in the links, depending on the class of the LI that 
  the links in */
  ul.mkTree li.liOpen { cursor: pointer; }
  ul.mkTree li.liOpen: hover { cursor: pointer;  text-decoration: underline; color: red;}	
  ul.mkTree li.liClosed { cursor: pointer; }
  ul.mkTree li.liClosed: hover { cursor: pointer; text-decoration: underline; color:red;}
  ul.mkTree li.liBullet { cursor: default; }
  /* Sublists are visible or not based on class of parent LI */
  ul.mkTree li.liOpen ul { display: block; }
  ul.mkTree li.liClosed ul { display: none; }
  /* Format menu items differently depending on what level of the tree they are 
  in */
  }