/* CSS Document */

body {
	margin: 0px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	color: #333;
	background-color: #e7e7e7;
}

#container {
	position:absolute;
	top: 375px;
	left: 50%;
	width: 954px; 
	height: 585px;
	margin-top: -380px; /*set to a negative number 1/2 of your height*/
	margin-left: -360px; /*set to a negative number 1/2 of your width*/
/*	border: 1px dotted #ccc;*/
/*	background-color: #f3f3f3;*/
}
#menuNovo {
	text-align: right;
	position:absolute;
    top: 375px;
	left: 50%;
	width: 248px; 
	height: 585px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -590px; /*set to a negative number 1/2 of your width*/
/*	border: 1px dotted #ccc;*/
/*	background-color: #f3f3f3;*/
}
.topo, .meio, .fundo {
	clear: both;
	width: 100%;
	height: 122px;
}
.meio {
	height: 341px;
}

/* --- TOPO -------------------- */

.topo_branco {
	float: left;
/*	width: 102px;*/
	width: 246px;
	height: 100%;
	/*background-image: url(imgs/topo_branco.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}
.topo_logo {
	float: left;
	width: 297px;
	height: 100%;
	background-image: url(imgs/topo_logo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.topo_newsletter {
	float: left;
	width: 503px;
	height: 100%;
	background-image: url(imgs/topo_newsletter.png);
	background-position: left bottom;
	background-repeat: no-repeat; 
}
.topo_sep{
	float: left;
	width: 15px;
	height: 100%;
	

}

.fla_lingua{

 
padding-right: 130px;	

}

#legendaMenu {
	position: absolute; 
	margin: 10px;	
	width: 280px;
	text-align: center;
	font-size: 10px;
	color: #568;
	font-weight: bold;
}

/* --- MEIO -------------------- */

.meio_sep{
	float: left;
	width: 15px;
	height: 100%;
	background-color: #FFFFFF;
/*	border: 1px solid #FF0000;*/
}
.meio_sep1{
	float: left;
	width: 15px;
	height: 100%;
	
/*	border: 1px solid #FF0000;*/
}
.meio_e { 
	float: left;
/*	width: 102px;*/
	width: 246px;
	height: 100%;
	padding-right: 0px;	
	/*background-color: #FFFFFF;*/

	vertical-align: middle; 
}
.meio_a1{
	float: left;
	width: 297px;
	height: 100%;
	background-color: #FFFFFF;
}
.fotoA1 {
	margin: 20px 10px 0 10px;
}

.meio_a2{
	float: left;
	width: 503px;
	height: 100%;
	background-color: #FFFFFF;
}
.meio_a1_sep_a2 {
	float: left;
	width: 1000px;
	height: 100%;
	background-color: #FFFFFF;
}
.meio_aba{
	float: left;
	width: 63px;
	height: 100%;
	background-image: url(imgs/meio_aba.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
/* meio AC */

.meio_sep10{
	float: left;
	width: 9px;
	height: 100%;
	background-color: #FFFFFF;
/*	border: 1px solid #FF0000;*/
}
.meio_menuAC {
	float: left;
	width: 150px;
	height: 100%;
/*	background-color: #f3f3f3;*/
	background-image: url(imgs/grad_login.gif);
	background-position:top left;
	background-repeat:repeat-y;
}
.meio_contAC{
	float: left;
	width: 640px;
	height: 100%;
	background-color: #FFFFFF;
}

.meio_contAC a {
	text-decoration: none;
	color: #00476b;
}
.meio_contAC a:hover {
	text-decoration: underline;
	color: #00476b;
}

/* --- MENU AC -------------------- */

.accToggler {
	margin: 0px;
	padding: 3px;
	width: 100%;
/*	background: #222;
	color: #f4f4f4; */
	vertical-align:middle;
	background: #b1bfd1;
	color: #00476b;
	border-bottom: 1px dotted #f3f3f3; 
	cursor: pointer;
}

.accContent {
	margin: 0px; 
	padding: 4px 4px 4px 4px;
	width: 100%;
	text-decoration: none;
	color: #00476b;
}
.accContent a {
	text-decoration: none;
	color: #00476b;
}
.accContent a:hover {
	text-decoration: underline;
	color: #00476b;
}


/* --- FUNDO -------------------- */

.fundo_branco {
	float: left;
/*	width: 102px;*/
	width: 246px;
	height: 100%;
	/*background-image: url(imgs/fundo_branco.gif);*/
	background-position: bottom right;
	background-repeat: no-repeat;
}
.fundo_clientes {
	float: left;
	width: 297px;
	height: 100%;
	background-image: url(imgs/fundo_clientes.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.fundo_siglas {
	float: left;
	width: 503px;
	height: 100%;
	background-image: url(imgs/fundo_siglas_semLogos.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-align: center;
}
.fundo_sep{
	float: left;
	width: 15px;
	height: 100%;

}

.rodape {
	clear:both;
	width: 954px;
	height: 50px;
	padding-right: 75px;
/*	border: 1px dashed #f99;*/
	text-align:right;
}	

.linguas {
	float: left;
	width: 297px;
/*	margin-top: -25px;*/
/*	margin-left: 117px;*/
	text-align: center;
/*	padding: 10px 0 0 0 ;*/
/*	border: 1px dashed #ccc;*/
}

.rodape_txt {
	float: left;
	width: 750px;
	margin-left: 75px; /*429px;*/
	text-align: right;
	padding: 10px 0 0 0;
	/*		border: 1px dashed #ccc;*/
	font-size: 10px;
	color: #FFFFFF;
}
.rodape_txt a{
	color: #FFFFFF;
	text-decoration: none;
}
.rodape_txt a:hover{
	color: #FFFFFF;
}

/* --- NEWSLETTER -------------------- */
.newsletter {
	padding: 70px 25px 150px 75px;
	text-align: right;
	color: #FFFFFF;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-shadow: #CCCCCC;
/*	border: 1px solid #FF0000;*/
}
.nl_form{
	border: 1px solid #9ac;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #78a;
	vertical-align: middle;
	background-position:top left;
	background-repeat:repeat-y;
	width: 350px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}
.nl_form_n{
	border: 1px solid #9ac;
	font-family: arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #78a;
	vertical-align: middle;
	background-position:top left;
	background-repeat:repeat-y;
	
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}

/* --- CLIENTES -------------------- */

.clientes {
/*	width: 100%;*/
	margin: 5px;
	text-align: left;
/*	border: 1px dashed #ddd;*/
	color: #FFFFFF;
}
.clientes a {
	text-decoration: none;
	font-size: 10px;
	color: #568;
}
.clientes a:hover {
	color: #004466;
}

.cliente_txt {
	font-size: 12px;
	font-weight: bold;
	color: #004466;
}

.cliente_form {
	border: 0px solid #9ac;
	font-family: arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #004466;
	padding: 0px 4px 1px 4px;
	vertical-align: middle;
	
	background-position:top left;
	background-repeat:repeat-y;
}

/* ---  -------------------- */

.titulo {
	padding: 8px 0 6px 0;
	font-size: 11px;
	font-weight: bold;
	color: #004466;
}

.table_txt {
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #004466;
}

.tho { text-decoration:none; }
.tho:hover { text-decoration:none;  color:#FFFFFF; }

.imgth{
	border: 1px solid #99aacc;
	padding: 0 4px 0 4px;
	width: 34px;
	height: 25px;
}

.ap_txt a, 
.ap_tit a {
	text-decoration: none;
	color: #00476b;
}
.ap_txt a:hover, 
.ap_tit a:hover {
	text-decoration: underline;
	color: #00476b;
}

.ap_tit, .ap_tit a:visited {
	font-size: 11px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #00476b;
}

.ap_txt, .ap_txt a:visited {
	font-size: 10px;
	color: #00476b;
}


/* ---  NOTICIAS -------------------- */

.not_data {
	font-size: 9px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #FF9900;
}

.not_tit {
	font-size: 15px;
	font-weight: bold;
	font-family: arial, sans-serif;
	color: #00476b;
}

.not_txt, .emp_txt {
	font-size: 9px;
	/*	font-family: verdana, sans-serif;*/
	color: #00476b;
	text-align: justify;
}

.not_link {
	position: relative;
	right: 2px;
	bottom: 2px;
}

/* ---  CONTACTOS -------------------- */

.notToggler {
	margin: 0;
	padding: 0;
	background: #e0e0e0; /*#b1bfd1;*/
	cursor: pointer;
}

.notContent {
	margin: 0; 
	padding: 0;
}

/* ---  TOOLTIP -------------------- */


 .tthcss {
	background: #FF9900;
	font-family: arial;
	font-size: 10px;
	border: 1px solid #FF9900;
	padding: 3px;
	width: 300px;
	color: #004466;
 }
 
 .ttbcss {
	background: #FFFFFF;
	font-family: arial;
	font-size: 9px;
	border: 1px solid #FF9900;
	padding: 3px;
	width: 300px;
	color: #004466;
 }



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

	jquery.css

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

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(javascript/jquery/images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(javascript/jquery/images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content a.next:hover { background: url(javascript/jquery/images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(javascript/jquery/images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.close { width: 52px; height: 26px; background: url(javascript/jquery/images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .bottom .left { background: url(javascript/jquery/images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(javascript/jquery/images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(javascript/jquery/images/prettyPhoto/loader.gif) top left no-repeat; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.prettyPhotoOverlay {
/*		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 2;
		width: 100%; */
	}
	
	div.pictureHolder {
		position: absolute; 
		z-index: 1;
		top: 50%; left: 50%;
		width: 100px;
	}
		
		div.pictureHolder .top {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .top { padding: 0 20px; }
		
			div.pictureHolder .top .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .top .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .top .middle { position: static; }
			
			div.pictureHolder .top .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .content {
			position: relative;
			background-color: #fff;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pictureHolder .content .details {
				display: none;
				margin: 10px 15px 0 20px;
			}
				div.pictureHolder .content .details p { float: left; clear: left; margin: 0; }
		
		div.pictureHolder .content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pictureHolder .content a.next {
			position: relative; z-index: 2000;
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(javascript/jquery/images/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
		}	
			
		div.pictureHolder .content a.previous {
			cursor: pointer;
			display: block;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(javascript/jquery/images/btnPrevious.gif) -10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */ 
		}
			
		div.pictureHolder .content a.close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pictureHolder .bottom {
			position: relative;
			height: 20px;
		}
			* html div.pictureHolder .bottom { padding: 0 20px; }
			
			div.pictureHolder .bottom .left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pictureHolder .bottom .middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pictureHolder .bottom .middle { position: static; }
				
			div.pictureHolder .bottom .right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pictureHolder .loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -16px 0 0 -16px;
			width: 32px; height: 32px;
		}
		
		div.pictureHolder #fullResImage { display: block; margin: 0 auto; }