/* General styles */
body {
	margin:5px 0;
	padding:0;
	border:0;	/* Removes border around viewport in old versions of IE */
	width:100%;
	background:#fff;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

table, td, th{
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

table img{
	border:0;

}

a:link, a:visited{
  	color:#000;
	text-decoration:underline;
}

a:hover, a:active {
	color:#f6921d;
	text-decoration:underline;
}

img {
	border:0;

}

.col1 ul{
	font-size:75%;
	line-height:130%;
}

h1 {
	margin:.2em 0;
	padding:0;
}

h2 {
	margin:1em 0;
	padding:0;
	color:#ff6600;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:140%;
}

h3 {
	margin:1em 0;
	padding:0;
	color:#f6921d;
	font-size:.8em;
	font-weight:bold;
	line-height:140%;	
}

h4 {
	margin:1em 0;
	padding:0;
	color:#999;
	font-size:.75em;
	font-weight:bold;
	line-height:140%;	
}

p {
	margin:.4em .4em .8em 0;
	padding:0;
	font-size:.75em;
	line-height:150%;
	text-align:justify;
}

img {
	margin:0;
}

/* Header styles */
#header {
	clear:both;
	width:770px;
	margin: 0 auto; /* centralizes top */
	background-color:#FFF;
	font-size:.7em;
}

#header p, #header h1, #header h2 {
   padding:.4em 15px 0 15px;
   margin:0;
}

#header a:link, #header a:visited{
	color:#fff;
	text-decoration:none;
}

#header a:active, #header a:hover{
	color:#FFC10E;
	text-decoration:none;
	background:#000;	
}

#subheader {
	width:740px;
	background-color:#000000;
	text-align:left;
	padding:3px 20px 3px 10px;
	color:#FFFFFF;
	border-bottom:5px solid #e5e6e4;
}

.active {
	color:#FFC10E;
}

/* home */
.home-container{
	width:748px;
	margin:0 auto;
	background-color:#FFFFFF;
	border-left:1px solid #E5E6E4;
	border-right:1px solid #E5E6E4;	
	border-bottom:2px dashed #E5E6E4;
	padding:10px;
	min-height: 500px;
}

.home-top{
	width:748px;
	margin:0 auto;
	border-bottom:2px dashed #E5E6E4;
}

.home-left{
	width:270px;
	margin:0 auto;
	margin-top:10px;
	float:left;
	border-right:2px dashed #E5E6E4;
	padding:0 5px 10px 2px;
}

.home-right{
	width:270px;
	margin:0 auto;
	margin-top:10px;		
	float:left;
	border-right:2px dashed #E5E6E4;	
	padding:0 5px 10px 5px;
}

.home-col{
	width:180px;
	margin:0 auto;
	margin-top:10px;
	margin-left:0;
	float:left;
	padding:0 0 10px 5px;
}

.home_col_img{
	margin:0 10px 10px 0;

}

#box_home_noticias{
	width:180px;
	height:260px;
	clear:both;
	background-color:#f8f8f5;
	overflow: auto;
	scrollbar-face-color:#e8e4c8;
	scrollbar-highlight-color:#e8e4c8;
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-darkshadow-color:#f4f4f4;
	scrollbar-shadow-color:#e8e4c8;
	scrollbar-arrow-color:#7a000b;
	scrollbar-track-color:#f4f4f4;
	margin-bottom:10px;
	font-size:75%;	
}

#box_home_noticias ul{
	font-weight:normal;
	line-height:150%;
	text-align:left;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 7px;
	padding:10px 0 10px 7px;	
	list-style:square;
}


#box_home_noticias li{
	margin:10px 0;
	padding:0;
}

#box_home_noticias p{
	font-weight:bold;
}


.submenuhome{
	color:#9C9EA0;
	font-size:.7em;
	letter-spacing:0;
	font-weight:bold;
	text-transform:uppercase;
	line-height:140%;
}

.submenuhome a:link, .submenuhome a:visited{
	color:#ffbd00;
}

.submenuhome a:hover, .submenuhome a:active{
	color:#9C9EA0;
}



/* column container - inside*/
.colmask {
	position:relative;		/* fixes IE7 overflow hidden bug  */
   clear:both;
   width:768px;				/* width of whole page */
	margin:0 auto;
	overflow:hidden;		/* This chops off any overhanging divs */
	border-left:1px solid #E5E6E4;
	border-right:1px solid #E5E6E4;	
	border-bottom:2px dashed #E5E6E4;			
}

/* 3 column settings */
.three-columns {
    background:#F5F6F2;    	/* Right column background colour */
}

.three-columns .colmid {
	float:left;
   width:200%;
   margin-left:-235px; 	/* Width of right column */
   position:relative;
   right:100%;
   background:#fff;	/* Centre column background color */
	background-image:url(../img/arrow1.gif);
	background-position: top right;
	background-repeat:no-repeat;	
	border-right:dashed 2px #e5e6e4;	
}

.three-columns .colleft {
	float:left;
   width:100%;
   margin-left:-50%;
   position:relative;
   left:355px;			/* Left column width + right column width */
   background:#F5F6F2;    	/* Left column background colour */
	border-right:dashed 2px #e5e6e4;
}

.three-columns .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:120px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.three-columns .col1 {
	margin:0 245px 0 135px;     	/* Centre column side padding:
				Left padding = left column width + centre column left padding width
            Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}

.three-columns .col1-large {
	margin:0 0 0 135px;     	/* Centre column side padding:
				Left padding = left column width + centre column left padding width
            Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}

.three-columns .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:120px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0;         	/* Width of the left-had side padding on the left column */
}

.three-columns .col3 {
	float:left;
   float:right;			/* This overrides the float:left above */
   width:220px;        	/* Width of right column content (right column width minus left and right padding) */
   margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
   position:relative;
   left:50%;
}

/* 3 column settings (BUSCA)*/

.three-columns-busca {
    background:#F5F6F2;    	/* Right column background colour */
}

.three-columns-busca .colmid {
	float:left;
   width:200%;
   margin-left:-355px; 	/* Width of right column */
   position:relative;
   right:100%;
   background:#fff;	/* Centre column background color */
	background-image:url(../img/arrow1.gif);
	background-position: top right;
	background-repeat:no-repeat;	
	border-right:dashed 2px #e5e6e4;	
}

.three-columns-busca .colleft {
	float:left;
   width:100%;
   margin-left:-50%;
   position:relative;
   left:235px;			/* Left column width + right column width */
   background:#F5F6F2;    	/* Left column background colour */
	border-right:dashed 2px #e5e6e4;
}

.three-columns-busca .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:120px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.three-columns-busca .col1 {
	margin:0 245px 0 135px;     	/* Centre column side padding:
				Left padding = left column width + centre column left padding width
            Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}

.three-columns-busca .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:120px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:0;         	/* Width of the left-had side padding on the left column */
}

.three-columns-busca .col3 {
	float:left;
   float:right;			/* This overrides the float:left above */
   width:220px;        	/* Width of right column content (right column width minus left and right padding) */
   margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
   position:relative;
   left:50%;
}

/* Footer styles */
#footer {
	clear:both;
   width:768px;
	height:120px;
	margin:0 auto;
	border:1px solid #E5E6E4;
	border-top:0;	
}

#footer p {
	padding:10px;
   margin:0;
}

/* MENU */

.menu{
	margin: 5px 0;
	padding: 0;
	width: 110px; 	/*width of menu*/
	/*border: 1px solid #9A9A9A;*/
}

.menu a.menuitem{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #626366;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 5px 10px 6px;
	margin-bottom:5px;
	text-decoration: none;
	border-bottom:2px solid #E5E6E4;
}

.menu a.menuitem:visited, .menu .menuitem:active{
	color: #626366;
}


.menu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
/*	display:none; /* if u don't want to show the image */
	position: absolute;
	top: 5px;
	right: 0;
	border: none;
}

.menu a.menuitem:hover{
	background: #F5F6F2;
	color: #FFC10E;
}

.menu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

.menu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu div.submenu ul li{
	/*border-bottom: 1px solid blue;*/
}

.menu div.submenu ul li a{
	display: block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #929497;
	text-decoration: none;
	padding: 4px 10px;
}

.menu div.submenu ul li a:hover{
	background: #FFF;
	color: #FFC10E;
}

/* other styles */

.imgtitle{
	margin:15px 0 0 0;
}

.submenucontent ul{
	font-size:.75em;
	font-weight:bold;
	line-height:150%;
	text-align:justify;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:25px 0 10px 20px;
	list-style:circle;
}

ol{
	font-size:.75em;
	line-height:150%;
	text-align:justify;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:25px 10px 10px 25px;
}

.submenucontent li{
	margin:5px 0;
	font-weight:normal;	
}

.submenucontent a:link, .submenucontent a:visited{
	color:#929497;
}

.submenucontent a:hover, .submenucontent a:active{
	color:#FFC10E;
}


.submenufooter{
	float:left;
	font-size:.7em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px;
	clear:both;
	width:450px;
}

.submenufooter a:link, .submenufooter a:visited{
	color:#000;
}

.submenufooter a:hover, .submenufooter a:active{
	color:#FFC10E;
}

.txtfooter{
	color:#999;
/*	color:#ADAFAC;*/
}

.green{
	color: #009966;
}

#box_cinza {
	width:90%;
	height:auto;
	margin:10px auto;
	background-color:#eee;
	padding:10px;
}

#box_popup{
	width:93%;
	height:auto;
	margin:5px 10px;

}

.logosfooter{
	float:right;
	margin:10px;
}

.imgs-right{
	margin:20px 0 30px 5px;
}

/* search styles */

.busca-titulo {
	font-size:1.5em;
	text-transform:uppercase;
	color:#F6921D;
	font-weight:bold;
	margin-top:10px;
}


/* popup */

#popup{
	position: absolute;
	top: 30%;
	left: -200%;
	width: auto;
	height: auto;
	padding: 20px 20px 20px 20px;
	border-width: 2px;
	border-style: dashed;
	border-color:#E5E6E4;
	background: #fff;
	display: none;
}

#popup_link a:link, #popup_link a:visited{
	color:#929497;
	font-size:10px;
	text-decoration:none;
}

#popup_link a:hover, #popup_link a:active{
	color:#FFC10E;
	text-decoration:none;	
}

#popup p{
	text-align:right;
}

/* rodape logos apoio */

#logos_apoio{
	width:768px;
	height:90px;
	clear:both;
	background-color:#fff;
	margin: 0 auto;
	border-left:1px solid #E5E6E4;
	border-right:1px solid #E5E6E4;	
	border-bottom:2px dashed #E5E6E4;
	text-align:center;	
}

#logos_apoio imgs{
}

/* CLIPPING */

#clipping{
	font-size: 90%;
	float:right;
	margin:10px;
	width:300px;
	height:350px;
	border-left:2px dashed #E5E6E4;	
	border-bottom:2px dashed #E5E6E4;		
	background-color:#f1f1f1;	
	overflow: auto;
	scrollbar-face-color:#e8e4c8;
	scrollbar-highlight-color:#e8e4c8;
	scrollbar-3dlight-color:#f4f4f4;
	scrollbar-darkshadow-color:#f4f4f4;
	scrollbar-shadow-color:#e8e4c8;
	scrollbar-arrow-color:#009900;
	scrollbar-track-color:#f4f4f4;
	margin-bottom:20px;	
	
}

ul#clipping {
	clear:both;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin:5px 0 5px 5px;
	list-style: circle;
}

li#clipping{
	padding:0;
}

#clipping a:link {color: #990000; text-decoration:underline;}
#clipping a:visited {color: #990000; text-decoration:underline;}
#clipping a:hover {color: #FF0000; text-decoration:underline;}
#clipping a:active {color: #FF0000; text-decoration:underline;}