/* CSS Document */

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

Site: Tempos.com 2006
URL : http://www.tempos.com

Ordem da lista:
==============

1 - Body/Containers
2 - Header e menu principal
3 - Area conteudo layout
4 - Formatação geral/Headers/Spans
5 - Navegação
6 - Paragrafos globais
7 - Imagens
8 - Footer
9 - Listas
10 - Formulários

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

/*************************/
/* 1-  BODY */
/*************************/
 * {margin: 0;padding: 0;} 
body {font-size: 67.5%; margin: 0px auto; padding: 0px; font-family: arial, sans-serif; background: #fff url(images/body_background.jpg) repeat-x 0 0; }
html, body { min-height: 100%; height: 100%;}
html { min-height: 100%; margin-bottom: 1px; }


/* 1.1 - Container Geral */
#container {width: 800px; margin: 0px auto; padding: 0px; position: relative; }
/* 1.1 - Container Geral */

/*************************/
/* 2-  Header e Menus */
/*************************/

/* 2.0- Header */
.header { width:800px; height: 80px; position:relative; }
/* 2.0- Header */

/* 2.1 - Menu Superior */
.menusuperior {float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin-top: 5px; }
.menusuperior li { list-style-type:none; display:inline; }
.menusuperior li a { text-decoration:none; color:#FFFFFF;}
.menusuperior li a:visited { text-decoration:none; color:#FFFFFF;}
.menusuperior li a:hover { text-decoration:underline; color: #FFFFFF;}
/* 2.1 - Fim de Menu Superior */

/* 2.2- Logotipo */
.logo-header { float: left;clear: both; width: 200px;  }
/* 2.2- Fim Logotipo*/

/* 2.3 - Menu Principal - Preparado para submenus se necessário*/

#nav{  position: absolute; top:50px; right: 0px;  z-index: 999;list-style: none;float:right;}

#nav li{ float: left; margin-right: 2px; background:url(images/nav-b.gif) no-repeat right top;font-size: 1.2em;text-transform: uppercase;}

#nav li.current{ background-position: right bottom;}

#nav li a{
   float: left;
   display: block;
   height: 23px;
   padding: 8px 12px 0;
   background: url(images/nav-l.gif) no-repeat left top;
   color: #FFFFFF;
   text-decoration: none;
}


#nav li.current a{background-position: left bottom;color: #FE8B16;}

#nav li:hover,
#nav li.sfhover{background-position: right -31px;}

#nav li.current:hover,
#nav li.sfhover.current{background-position: right bottom;}

#nav li:hover a,
#nav li.sfhover a{ background-position: left -31px; color: #FE8B16; }

#nav li.current:hover a,
#nav li.sfhover.current a{ background-position: left bottom; color: #FE8B16;}

#nav li#nav_home.current{ background-position: right top;}

#nav li#nav_home.current a{ background-position: left top; color: #27333A;}

#nav li.current#nav_home:hover,
#nav li.current.sfhover#nav_home{ background-position: right -31px;}

#nv li.current#nav_home:hover,
#nav li.current.sfhover#nav_home a{ background-position: left -31px; color: #FFF;}

#nav li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 31px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 only */
   border: 1px solid #BABEB1;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

/* ie7-css-filter-hack */
*+html #nav li ul{ margin-top: 0;}

#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: 0.9em;
   text-transform: none;
}

#nav li ul ul{ margin: -31px 0 0 161px;}

#nav li:hover ul ul,
#nav li.sfhover ul ul{ left: -999em;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{left: auto;}

#nav li li li{ font-size: 1em;}

#nav li:hover li a,
#nav li.sfhover li a{
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #FBFCFE;
   border-bottom: 1px solid #D3D6CD;
   background: #F1F3EE;
   color: #384751;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{ background: #E2F0F1;}
   
 #nav li.current#nav_home,
 #nav li.current#nav_home:hover{ background-position: right bottom; }
         
 #nav li.current#nav_home a,
 #nav li.current#nav_home a:hover{background-position: left bottom; color: #E2F0F1;}
 /* 2.3- End Main Menu */


/*************************/
/* 3-  Area conteudo layout */
/*************************/

/* 3.1 - Layout homepage*/
.conteudo_homepage {float: left; width: 800px; margin-top: 0px; padding: 0px 0px 0px 0px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}

.conteudo-container_homepage {clear: both;  width: 800px;  margin: 0px 0px 0px 0px; padding: 0px; }

.banner { float:left; width: 800px; margin: 18px 0px 0px 0px; background-image:url(images/homepage_banner_background.gif); background-repeat:no-repeat;}
.banner_text { float: left; margin-left: 20px; padding: 18px 0px 0px 0px; color:#A6A6A6; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-align:left; width: 320px;}
.banner_text p  { margin: 2px 0px 0px 0px; padding: 0px; line-height: 1.1em;   }

/* 3 colunas */
.conteudo-container-3col-left-homepage{overflow: hidden; float: left; width: 246px; margin: 22px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image:url(images/homepage_leftcol.jpg); background-repeat:no-repeat;}
.conteudo-container-3col-middle-homepage{overflow: hidden; float: left; width: 246px; margin: 22px 0px 0px 31px; padding: 0px 0px 0px 0px;background-image:url(images/homepage_middlecol.jpg); background-repeat:no-repeat;}
.conteudo-container-3col-right-homepage {overflow: hidden; float: left; width: 246px; margin: 22px 0px 0px 31px; padding: 0px 0px 0px 0px;background-image:url(images/homepage_rightcol.jpg); background-repeat:no-repeat;}
.content-subtitle-size1-homepage {margin: 0px; padding: 4px 0px 5px 7px; color: #FFFFFF; font-weight: bold; font-size:1.1em;}
.content-txtbox-homepage {margin: 0px; padding: 10px 1px 0px 1px; color:#666666; font-size:13px; font-family: Arial, Helvetica, sans-serif;}
.content-txtbox-homepage a {color:#FF8B17; text-decoration:none;}
.content-txtbox-homepage a:visited {color: #FF8B17; text-decoration:none;}
.content-txtbox-homepage a:hover{color: #F66013; text-decoration: underline;}
.content-txtbox-homepage p { margin: 0px 0px 0.4em 0px; padding: 0px; line-height: 1.2em;   }
.content-txtbox-homepage ul {list-style-type:none; padding-left:0.8em; margin: 0;}
.content-txtbox-homepage li {  padding-top: 3px;  }

/* 3.2 - Layout Global */

.conteudo {float: left; width: 608px;  margin-top: 0px; padding: 0px 0px 0px 0px; font-size: 1.0em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.conteudo-container {clear: both; float: left; width: 590px; margin: 0px 0px 8px 0px; padding: 0px;}
.conteudo-pagetitle { overflow: hidden; width: 560px; margin: 0px 0px 2px 0px; padding: 3px 0px 2px 0px; color: #50A3B4;  font-size: 17px; font-weight:bold;}

/*1 coluna de caixa de texto*/
.conteudo-container-1col {float: left; overflow: hidden; width: 608px; margin: 0px; padding: 0px;}


/*2 colunas de caixas de texto*/
.conteudo-container-2col-left{overflow: hidden; float: left; width: 290px; margin-top: 10px; padding: 0px; }
.conteudo-container-2col-right{overflow: hidden; float: right; width: 290px; margin-top: 10px; padding: 0px; }

/*3 colunas de caixas de texto*/
.conteudo-container-3col-left{overflow: hidden; float: left; width: 244px; margin: 0px; padding: 0px 0px 0px 2px;}
.conteudo-container-3col-middle{overflow: hidden; float: left; width: 242px; margin: 0px; padding: 0px 0px 0px 14px;}
.conteudo-container-3col-right {overflow: hidden; float: right; width: 246px; margin: 0px; padding: 0px 0px 0px 0px;}



/* 3.3 - Layout Global - Navegação coluna esquerda */
.spacer {  float:left; width: 800px; height: 2px; margin-top: 12px; }

.col_esquerda {width:180px;float: left;background: transparent url(images/fundo_navesq.gif) repeat-y 100% 8px; }

	
.titulo-azul{
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #0099CC;
	font-weight: bold;
}

.titulo-azul1{
	font-family: "Trebuchet MS";
	font-size: 18px;
	color: #0099CC;
	font-weight: bold;
}

.titulo-menus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0066CC;
}

/* 3.4 - Layout Global - 3 Colunas ( Side bar ) */
.conteudo-container-1col-3col {float: left; overflow: hidden; width: 422px; margin: 0px; padding: 0px;}
.conteudo-pagetitle-3col { overflow: hidden; width: 422px; margin: 0px 0px 2px 0px; padding: 3px 0px 2px 0px; color: #50A3B4;  font-size: 17px; font-weight:bold;}
.sidebar {overflow: hidden; float: right; width: 170px;  margin: 0px; padding: 0px 0px 0px 0px; text-align: left; color: #949494;}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
.sidebar-titulo-noshade {margin: 0px; padding: 2px 10px 3px 10px; color: rgb(75,75,75); font-weight: bold; font-size: 110%;}
.sidebar-titulo-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: #C7E1E7; color: rgb(75,75,75); font-weight: bold; font-size: 110%;}
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-noshade a {color:#FF8B17; text-decoration:underline;}
.sidebar-txtbox-noshade a:visited {color:#FF8B17; text-decoration:underline;}
.sidebar-txtbox-noshade a:hover {color:#FF8B17; text-decoration:none;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
.sidebar-txtbox-shade a {color:#FF8B17; text-decoration:underline;}
.sidebar-txtbox-shade a:visited {color:#FF8B17; text-decoration:underline;}
.sidebar-txtbox-shade a:hover {color:#FF8B17; text-decoration:none;}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}




/*********************************/
/* 4 - Formatação Geral */
/*********************************/

/*--------------------*/
/* 4.1 - Headers */
/*--------------------*/

h1 { font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #487199;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #487199;}
h3 {} 
h4 {} 
h5 {} 
h6 {} 

.titulo_laranja {font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #EF9F00;}

/*--------------------*/
/* 4.2 - Spans */
/*--------------------*/
.form_homepage { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#478192;}

.titulo-azul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #0099CC;
	font-weight: bold;
}
.subnivel-menus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #457D8F;
	padding-left: 10px;
}


/*--------------------*/
/* 4.3 - Titulos e caixas de texto */
/*--------------------*/
/* Titulos e caixas de texto*/
.content-title-size1 {margin: 0px; padding: 0px; color: #62646C; font-weight: bold; font-size: 130%;}
.content-title-size2 {margin: 0px; padding: 0px 0px 10px 0px; color: #4A89A8;  font: normal 20px  "Times New Roman", Times, serif, Georgia, Arial;}
.content-title-size3 {margin: 0px; padding: 0px 0px 6px 0px; color: #5297B1; font-weight: bold; font-size: 160%;}
.content-title-size4 {margin: 0px; padding: 0px; color: #5297B1; font-weight: bold; font-size: 180%;}
.content-title-size5 {margin: 0px; padding: 0px; color: #5297B1; font-weight: bold; font-size: 200%;}

.content-subtitle-size1 {margin: 0px; padding: 0px 0px 4px 1px; color: #A3A4AB; font-weight: bold; font-size: 110%;}
.content-subtitle-size2 {margin: 0px; padding: 4px 0px 6px 0px; color: #5297B1; font-weight: bold; font-size: 120%;}
.content-subtitle-size3 {margin: 0px; padding: 4px 0px 6px 0px;  color: #A3A4AB; font-weight: bold; font-size: 130%;}
.content-subtitle-size4 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 140%;}
.content-subtitle-size5 {margin: 0px; padding: 4px 0px 6px 0px; color: #A3A4AB; font-weight: bold; font-size: 150%;}

.content-txtbox {margin: 0px; padding: 1px 0px 0px 0px; color:#919191; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; color :Black }
.content-txtbox a {color: #5BA5B5; text-decoration:none}
.content-txtbox a:visited {color: #5BA5B5;}
.content-txtbox a:hover{color: #F66013; text-decoration: none;}
.content-txtbox ul { list-style-type:circle  ;padding-left:1.8em; margin: 0;}
.content-txtbox li {  padding-top: 3px;  }


/*********************************/
/* 5 - Navegação */
/*********************************/

/* 5.1- Navegação lateral */
.navesq {
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	margin: 0 0 0px 0px;
	width: 160px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px 0px 0px;
         }

.navesq ul {
	margin: 0;
        }

.navesq li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #CAE4FF;
        }

.navesq li a {
	display: block;
	text-decoration: none;
	padding: 6px 3px 6px 10px;
	background-image: url(images/bullet_colesq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
         }

.navesq li a:link, .navesq li a:visited {
	color: #666666;	
         }

.navesq li a:hover {
	color: #EF9F00;
	font-weight: normal;
	background-color: #E6F8FF;}
	
/*********************************/
/* 6- Paragrafos */
/*********************************/
p {margin: 0px 0px 0.6em 0px; padding: 0px; line-height: 1.2em;   }


/*********************************/
/* 7- Imagens */
/*********************************/
.homepage_thumbs { float:left; border: solid 1px #CCCCCC; margin-right: 3px; }
img.floatLeft { float: left; margin-right: 5px; margin-top: 3px; border: solid 1px #CCCCCC;}


/*********************************/
/* 8- Footer */
/*********************************/
/*********************************/
.footer { float: left; width:800px;  background-image: url(images/footer.jpg); height: 50px; margin-top: 14px;text-align:center; margin-bottom: 5px; overflow:hidden; }
.footer p { line-height: 1.3em; }
.footer a {color: #F66013; text-decoration:none}
.footer a:visited {	color:#F66013; }
.footer a:hover {color:#F66013; text-decoration:underline;}
.textofooter { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#386983; padding-top: 8px;}
.azul { color: #5BA5B5;}


/*********************************/
/* 9- Formulários */
/*********************************/
/*--------------------*/
/* 9.0 - Caixa de texto erro */
/*--------------------*/
.error-container {clear: both; float: left; width: 408px; margin: 0px 0px 15px 0px; padding: 0px; color:#666666; font-size: 12px;}
.error-container p {}
.error-container-1col {overflow: hidden; width: 408px; margin: 0px; padding: 0px;}
.error-title-shade {margin: 0px; padding: 5px 10px 5px 10px; background-color: #C2DDE7; color: rgb(88,144,168); font-weight: bold; font-size: 120%;}
.bg-error {background-color:#C2DDE7;}
.error-color {color: rgb(255,255,255);}
.error-txtbox {margin: 0px; padding: 7px 10px 5px 10px; background-color: rgb(235,235,235);}
.bg-txtbox {background-color: #E6F0F2;}
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 110%;}







/*--------------------*/
/* 9.1 - Homepage */
/*--------------------*/
input.txt, textarea, select {
				background-color: #F0F7F9;
				border: 1px solid #B4B4B4;
			}
input.btn {	float: right; border: none; margin-right: 10px; margin-top: 2px;	}

/*--------------------*/
/* 9.2 - Formulário Contacto / com javascript */
/*--------------------*/

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Items transparentes*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/form/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/form/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/form/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/form/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/form/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Areas Texto*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/form/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/form/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/form/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/form/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/form/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/form/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/form/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/form/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Caixas de selecção*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../images/form/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/form/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/form/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Caixas de selecção drop down */
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Botao*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(../images/form/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}