@charset "utf-8";



html {

     overflow: -moz-scrollbars-vertical;

}





A{text-decoration: none}







.reynold {

	font-family: Arial, Helvetica, sans-serif;

}

.style14 {

	font-size: medium;

	font-family: Arial, Helvetica, sans-serif;

	color: #939598;

	text-decoration: none;

	font-style: normal;

	font-weight: bold;

}

.style13 {

	font-size: 14px;

	font-family: Arial, Helvetica, sans-serif;

	color: #e13f3a;

	text-decoration: none;



}

.style13 {

	font-size: smaller;

	font-family: Arial, Helvetica, sans-serif;

	color: #939598;

	text-decoration: none;



}





.style15 {

	font-size: 13px;

	font-family: Verdana;

	color: #666666;

	text-decoration: none;

	font-style: normal;

	font-weight: lighter;

}

.titulocolor {

	font-size: 20px;

	font-family: Verdana;

	color: #404d6f;

	text-decoration: none;

	font-style: normal;

	font-weight: normal;

}

.titulocolorvermelho {

	font-size: 20px;

	font-family: Verdana;

	color: #e13f3a;

	font-style: normal;

	font-weight: normal;

}

.style13cinza {

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	color: #939598;

	text-decoration: none;

	font-weight: lighter;

	

}

a.linque1:link{color:#FFFFFF; font:Verdana; font-size:12px}}

a.linque1:link{color:#FFFFFF; font:Verdana; font-size:12px}



a.linque1:visited {color:#FFFFFF;font:Verdana; font-size:12px}}

a.linque1:visited {color:#FFFFFF;font:Verdana; font-size:12px}



a.linque1:hover {color:#FFFFFF;font:Verdana; font-size:12px}}

a.linque1:hover {color:#FFFFFF;font:Verdana; font-size:12px}



a.linque1:active {color:#FFFFFF;font:Verdana; font-size:12px}}

a.linque1:active {color:#FFFFFF;font:Verdana; font-size:12px}





a.linque2:link{color:#FFFFFF; text-decoration:none; font:Verdana; font-size:12px}

a.linque2:link{color:#FFFFFF; text-decoration:none; font:Verdana; font-size:12px}



a.linque2:visited {

	color:#FFFFFF;

	text-decoration: none;

	font:Verdana; font-size:12px}



a.linque2:visited {

	color:#FFFFFF;

	text-decoration: none;

	font:Verdana; font-size:12px}



a.linque2:hover {

	color:#FFFFFF;

	text-decoration: none;

	font:Verdana; font-size:12px;

	font-weight:bold;

	}







a.linque2:active {

	color:#FFFFFF;

	text-decoration: none;

	font:Verdana; font-size:12px}

}

a.linque2:active {

	color:#FFFFFF;

	text-decoration: none;

	font:Verdana; font-size:12px}



.style16 {

	font-size: 7pt;

	color: #939598;

}

.style16 {

	font-size: 7pt;

	color: #939598;

}



.style17 {

	color: #e13f3a;

	font-size: 13px;

}

.style18 {font-size: 13px}

.style20 {font-family: Verdana}

/*

  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis

  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License

*/

.menu-hv, .menu-vv { position: relative;  margin: 0; padding: 0; display: block; zoom: 1; border:thin; border-color:#999999}

 .menu-hv * ,    .menu-vv * {  margin: 0; padding: 0 ; list-style: none; border:thin; border-color:#999999}

 .menu-hv li ,   .menu-vv li {

	position:relative;

	line-height: 1.2em;

	vertical-align: top;

	border:thin;

	border-color:#999999;



	

}

 .menu-hv a ,    .menu-vv a { display: block; zoom: 1; line-height: 1.2em }

 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }

 .menu-hv li:hover ul,  .menu-vv li:hover ul,

 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }

 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,

 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }

 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,

 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }

 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,

 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }

 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,

 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }

 /* características horizontal-vertical */

 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden; border:thin; border-color:#999999 }

 .menu-hv li { float: left;border:thin; border-color:#999999  }

 .menu-hv li ul li { float: none;border:thin; border-color:#999999  }

 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0;border:thin; border-color:#999999  }

 /* características vertical-vertical */

 .menu-vv { width:120p; float: left; border:thin; border-color:#999999 }

 .menu-vv li ul { width:120p;left: 100%; top: 0; border:thin; border-color:#999999 }

 /* ****************************************

   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo

   ou apague as linhas se for definir em outro lugar

 */

 .menu-hv li { background-color: #FFFFFF ; border:thin; border-color:#999999 }

 .menu-vv li { width:120px; background-color: #FFFFFF ; border:thin; border-color:#999999 }

 .menu-hv li a:hover {background-color: #FFFFFF; border:thin; border-color:#999999  }

 .menu-vv li a:hover { width:120px; background-color: #FFFFFF; border:thin; border-color:#999999  }



/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6

   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */

* html * { color: expression( (function(who){ if(!who.MXPC){

 who.MXPC = '1';

 if(who.nodeName != 'A'){

  who.onmouseenter=function(){ who.className += ' hover'};

  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }

 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;

} } )(this) , 'auto') }



.oneColFixCtrHdr #container {

	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background: #FFFFFF center;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 1px solid #d1d3d4;



	margin-top:10px;

	margin-bottom:10px;

	

	padding-top:5px;

	margin-left:auto;

	



}

.oneColFixCtrHdr #header {

	background: #FFFFFF; 

	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}

.oneColFixCtrHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.oneColFixCtrHdr #mainContent {

	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	background: #FFFFFF center;

	

	



}

.oneColFixCtrHdr #footer {

	padding: 0 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#FFFFFF;

}

.oneColFixCtrHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.img {

	border-top-width: 3px;

	border-right-width: 3px;

	border-bottom-width: 3px;

	border-left-width: 3px;

	border-top-color: #666666;

	border-right-color: #666666;

	border-bottom-color: #666666;

	border-left-color: #666666;

}