body	{
	margin: 0;
	padding: 0;
	scrollbar-base-color:#FFFFFF;
	scrollbar-shadow-color:#000080;
	scrollbar-3dlight-color:#000080;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-arrow-color:#339966;
	scrollbar-face-color:#FFFFFF;
	overflow: auto;
	background-color: #CBC9CB;
	background-repeat: repeat-x;
      
	background-position: right;
	font-family : Arial,Helvitica,sans-serif;
	font-size : 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	behavior:url("/imgsite/csshover.htc");
}

html,body {height:100%;}

#pageheight{
	/*background-color: #efefef;*/
    background-color: #ffffff;
    height:100%;
    vertical-align:middle;
    min-height:100%;  /*for mozilla*/
}

#xEditingArea {
    border: #696969 1px solid;
    background-color: #ffffff;
}

html>body #pageheight {height:auto}/*for mozilla */

.tempo1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 9px; }
.tempo  { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 9px; }
.tabtempo { font-size: 8pt; color: #000000; font-family: Arial, Helvetica, sans-serif; background-color:#dadada;}

.style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 9px; }
.style1 a { text-decoration: none; color: #000000; }
.style1 a:visited { text-decoration: none; color: #000000; }
.style1 a:hover	{ text-decoration: none; color: #ffff00; }
.style1 a:active	{ text-decoration: none; color: #000000; }

.style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; }
.style2 a { text-decoration: none; color: #000000; }
.style2 a:visited { text-decoration: none; color: #000000; }
.style2 a:hover	{ text-decoration: none; color: #0000ff; }
.style2 a:active	{ text-decoration: none; color: #000000; }
.style3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px; }
.style3 a { text-decoration: none; color: #000000; }
.style3 a:visited { text-decoration: none; color: #000000; }
.style3 a:hover	{ text-decoration: none; color: #fff000; }
.style3 a:active	{ text-decoration: none; color: #000000; }
.styleC3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; }
.styleC3 a { text-decoration: none; color: #000000; }
.styleC3 a:visited { text-decoration: none; color: #000000; }
.styleC3 a:hover	{ text-decoration: none; color: #fff000; }
.styleC3 a:active	{ text-decoration: none; color: #000000; }
.style31 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 10px; }
.style31 a { text-decoration: none; color: #ffffff; }
.style31 a:visited { text-decoration: none; color: #ffffff; }
.style31 a:hover	{ text-decoration: none; color: #00F6FF; }
.style31 a:active	{ text-decoration: none; color: #ffffff; }
.style4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 12px; }
.style5 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 9px; }
.style5 a { text-decoration: none; color: #000000; }
.style5 a:visited { text-decoration: none; color: #000000; }
.style5 a:hover	{ text-decoration: none; color: #0000ff; }
.style5 a:active	{ text-decoration: none; color: #000000; }
.style6 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 8px; }
.style6 a { text-decoration: none; color: #000000; }
.style6 a:visited { text-decoration: none; color: #000000; }
.style6 a:hover	{ text-decoration: none; color: #0000ff; }
.style6 a:active	{ text-decoration: none; color: #000000; }
.style7 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold; font-size: 9px; }
.style7b { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 9px; }
.style8 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000FF; font-size: 9px; }
.style8 a { text-decoration: none; color: #000000; }
.style8 a:visited { text-decoration: none; color: #000000; }
.style8 a:hover	{ text-decoration: none; color: #ff0000; }
.style8 a:active	{ text-decoration: none; color: #000000; }
.style9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #6c6c6c; font-size: 9px; }
.style9 a { text-decoration: none; color: #6c6c6c; }
.style9 a:visited { text-decoration: none; color: #6c6c6c; }
.style9 a:hover	{ text-decoration: none; color: #0000ff; }
.style9 a:active	{ text-decoration: none; color: #6c6c6c; }

/* Formulario contacto */
.styleC2 { font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 11px; }
.styleC2 a { text-decoration: none; color: #000000; }
.styleC2 a:visited { text-decoration: none; color: #000000; }
.styleC2 a:hover	{ text-decoration: none; color: #ff0000; }
.styleC2 a:active { text-decoration: none; color: #000000; }

.styleC3 { font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-size: 11px; }
.styleC3 a { text-decoration: none; color: #000000; }
.styleC3 a:visited { text-decoration: none; color: #000000; }
.styleC3 a:hover	{ text-decoration: none; color: #ff0000; }
.styleC3 a:active { text-decoration: none; color: #000000; }
/* Fim Form. Contacto */


.style10 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000FF; font-weight: bold; font-size: 14px; }

.style11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 11px; }
.style11 a { text-decoration: none; color: #ffffff; }
.style11 a:visited { text-decoration: none; color: #000000; }
.style11 a:hover	{ text-decoration: none; color: #ff0000; }
.style11 a:active	{ text-decoration: none; color: #000000; }

.styleNLet { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 9px; }
.styleNL { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 9px; }
.styleNL a { text-decoration: none; color: #000000; }
.styleNL a:visited { text-decoration: none; color: #000000; }
.styleNL a:hover	{ text-decoration: none; color: #fff000; }
.styleNL a:active	{ text-decoration: none; color: #000000; }
.styleNLy { font-family: Verdana, Arial, Helvetica, sans-serif; color: #9b0da3; font-size: 10px; }

.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold;	color: #000000;	font-style: italic; }
.copyright a { text-decoration: none; color: #000000; }
.copyright a:visited { text-decoration: none; color: #000000; }
.copyright a:hover	{ text-decoration: none; color: #0000ff; }
.copyright a:active	{ text-decoration: none; color: #000000; }

.styledate { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold;	color: #ffffff;	}

.content { font-size: 8pt; color: #000000; font-family: Arial, Helvetica, sans-serif; text-ALIGN: justify }
.td_l {	font-size: 8pt; color: #000000;	font-family: Arial, Helvetica, sans-serif; border-left: #91bede 1px solid }
.td_b {	font-size: 8pt; color: #000000;	font-family: Arial, Helvetica, sans-serif; border-bottom: #91bede 1px solid }
.td_br { font-size: 8pt; color: #ff0000; font-family: Arial, Helvetica, sans-serif; border-bottom: #91bede 1px solid }
.tb_destaque {font-size: 12pt; color: #ffffff; font-family: Arial, Helvetica, sans-serif; height:30; background-image: url(/imgsite/ecos/images/bg.gif); background-color: #ff0000; }

.tab100 { height:100%;}

.tabmenus { height: 100%; background-color: #ffffff; }
.menuleft {	width: 100%; background-color: #f8c301; }	/*b4b4b4   ffde00*/
.menuright { width: 100%; background-color: #e4e4e4; }

/* Menu Left 1 */
#shadow {
position: relative;
width: 100%; /* Example value */
border-right: 3px solid #8b9674;/* Change color to your needs */
border-bottom: 3px solid #8b9674;
margin: 0px auto 0px auto;
}
#wrappcontent {
width: auto;
position: relative;
border: 0px solid #000; /* Change color to your needs */
background-color: #f8c301;	/*b4b4b4; ffde00*/
padding: 6px;
text-align: left;
}

/* ============================================================================== */
/* Form Elements                                                                  */
/* ============================================================================== */

SELECT, INPUT, TEXTAREA, OPTION, .uneditable, .fieldtext { 	border: 1px solid #9097A2;font-size: 11px; padding: 2px;  background-color: #f9f9f9; vertical-align: middle; font-style:normal;}
SELECT{padding:0px;}
TEXTAREA:Focus,SELECT:Focus,INPUT:Focus{background-color:white;}
FORM{margin:2px;padding:0px;}
.uneditable,.uneditable:Focus {background-color:transparent;}
.disabledtext{color:#CCCCCC;}
.radiochecks ,.radiochecks:Focus{background-color:transparent;color:black; border:0; padding:0px;margin:0px;margin-right:4px;}

.Buttons,.smallButtons {
	background-image:url(/imgsite/visual/button-backs.png);
	background-position:0px 0px;
	padding:2px;
	font-size:10px;
	background-color:#617389;color:#FFFFFF; font-size: 10px;  font-weight:bold; 
	border: 1px outset #617389;
	cursor:pointer;
}
.Buttons:Focus,.smallButtons:Focus,.Buttons:Hover,.smallButtons:Hover{
	border:1px solid #F99809;
	background-position:0px 20px;
	background-color:#697388;
}
.Buttons[disabled]:Hover,.smallButtons[disabled]:Hover{
	/* first three entries are from disabled, the last are from standard buttons */
	/* this disables hover for disabled buttons */
	background-color:#AAAAAA;color:#EFEFEF; background-image:none;
	border: 1px solid black;
	border-top-color:#999999;
	border-left-color:#999999;
}
.Buttons:Active,.smallButtons:Active{
	border: 1px inset #617389; 
}
.invisibleButtons,.invisibleTextField{
	border-style:none;
	background-color:transparent;
}
.invisibleButtons{
	padding:0px;
	font-size:9px;
	border-width:0px;
	color:#0B63A2;
	vertical-align:middle;
	cursor: pointer; 
	cursor: hand;
}
.smallButtons{font-size:8px; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* Imagens Galeria */
#imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 
	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
	*/

	/* CSS HACK */
	width: 231px;	/* IE 5.x */
	width/* */:/**/226px;	/* Other browsers */
	width: /**/226px;
	/* CSS HACK */
	height: 176px;	/* IE 5.x */
	height/* */:/**/171px;	/* Other browsers */
	height: /**/171px;
	/*background-color:#000;*/
	border:3px solid #ffffff;
	position:relative;	/* Never change this value */		
}
.imageInGallery{		
	width:220px;
	height:165px;
	/*background-color:#000;*/
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
	
#imageSlideshowHolder img{
	/*position:absolute;*/
	width:220px;
	height:165px;
}

/*************************************************************************************************/
	#dhtmlgoodies_slideshow{
		width:500px;	/* Total width of slideshow */
		float:right;
	}

	#previewPane{
		border:0px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:39px;

		/* CSS HACK */
		height: 333px;	/* IE 5.x */
		height/* */:/**/333px;	/* Other browsers */
		height: /**/333px;

		width:350px;
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:500px;
		top:150px;
		background-color:#FFF;
		border:1px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 300px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/300px;	/* Other browsers */
		height: /**/300px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:0px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:285px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}

/**************** NEWS **********************/
#pscroller1{
	width: 400px;
	height: 60px;
	border: 0px solid black;
	padding: 5px;
	/*background-color: lightyellow;*/
}

.mooquee
{
	border: solid 0px #C0C0C0;
	padding: 5px;

	/* don't change */
    position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.mooquee-text
{
	/* don't change */
	position: absolute;
}