/******************************************************************************/
/*                         MAIN LAYOUT CSS FILE                               */
/******************************************************************************/
/*
Theme  : a-todo-o-vapor
Author : João Carlos C. Aires de Sousa <jccas@fe.up.pt>
Version: 1.0
Date   : 2007/11/06
********************************************************************************/


/********body e o background********/

body {

margin:0px;
padding: 0px;
/*background-color: #3a4f5a;*/
/*background-color: #cccccc;*/
background-color:#414d55;
font-family: Arial, Helvetica, sans-serif, Trebuchet MS, Verdana, Geneva;
	
}
/*************************************/

/**********Wrapper de tudo*****************/

#Wrapper{
 
 width: 1000px;
 height:595px;
 margin: 12px auto 12px auto;
 /*border:1px solid red;*/
 
}
/******************************************/

/****corpo principal de a-todo-o vapor****/

#mainBody{
 clear: both;
 padding-top: 0px;
 margin-left:20px;
 margin-right:20px;
 
 /*width: 100%;*/
 /*height:100px;*/
 /*border:1px solid blue;*/

}

/******************************************/

/***o header com o titulo "a-todo-o-vapor"*/

#header {
  position:relative;
  margin-bottom:0px;
  padding:0px;
  height:123px;
  border-bottom:2px solid #c6930d;
}

/*zona da imagem do titulo*/
#headerLeft{
 float:left;

 margin-left:0px;
 margin-right:21px;
 margin-top:23px;
 padding:0px;
 /*border:1px solid green;*/
}

#headerRight{
 float:left;
 width:auto;
 font-weight:bold;
 margin-top:67px;
 /*margin-right: 35px;*/
 padding:0px;
 /*border:1px solid blue;*/
 
}




/******************************************/

/*********àrea de navegação e de conteudos************/

#mainContent{
 margin-top:26px;
 height:1000px;
 /*border:1px solid blue;*/

}

/**Zona de navegação**/
#mainNavigationLeft{
 float:left;
 /*border:1px solid green;*/
 margin:0px;
 padding:0px;
 width:250px;
 height:350px;
 font-weight:bold;
}

#mainNavigationLeft .titulo{
 margin:0px;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:bold;
 border-bottom:2px solid #a0a6aa;

}

#mainNavigationLeft a{
 color:#f6f6ea;
/*font-weight:bold;*/
 font-size:0.7em;
 text-decoration:none;
}

#mainNavigationLeft a:hover{
 color:#c6930d;
 /*font-weight:bold;*/
 font-size:0.7em;
 

}



#mainNavigationLeft #sub a{
 color:#f6f6ea;
 font-weight:normal;
 font-size:0.7em;
 text-decoration:none;
 

}

#mainNavigationLeft #sub a:hover{
 color:#c6930d;
 font-weight:normal;
 font-size:0.7em;
}
/*a definir*/
#mainNavigationLeft #activo a{
 color:#f6f6ea;
 font-weight:bold;
 font-size:0.7em;
 text-decoration:none;
}

/*a definir*/
#mainNavigationLeft #activo a:hover{
 color:#f6f6ea;
 font-weight:bold;
 font-size:0.7em;
}

.corrent{
color:#c6930d;
}

/**fim de estilos de zona de navegação***/


/******************Zona Direita de conteudo e navegação***********************/
/*wrapper total*/
#contentRight{
 float:right;
 width:655px;
 /*border:1px dotted red;*/
 height:1000px;
 padding:0px;
 margin:0px;
 
}
/*************estilos para tabela cronologica*****************/

#contentRight #crontab{

/*border:1px solid green;*/
padding:0px;


}
#contentRight #slider{

border:1px solid green;
padding:0px;
}

#contentRight #crontab img{border:0px;}

/********fim de estilos de tabela cronologica*******/

/************Estilos do glossario**************************/

#contentRight #abecedario{
	
	height:16px;
	background-color:#c6930d;
	color: #55646e;
	font-weight:bold;
	font-size:0.9em;
	padding:2px;
	
}

#contentRight #abecedario a{
	color: #404c54;
	font-weight:bold;
	text-decoration:none;
	
}

#contentRight #abecedario a:hover{
	color: #404c54;
	font-weight:bold;
	text-decoration:underline;
	
}

#contentRight #abecedario .actual{
	color: #404c54;
	font-weight:bold;
	text-decoration:underline;
	
}



#contentRight .letra{
	
	color:#c6930d;
	font-weight:bold;
	font-size:1.1em;
	
}

#contentRight .entrada{
	
	color:#c6930d;
	font-weight:bold;
	font-size:1.1em;
	
}


/************Fim dos estilos do glossario******************/


/***********************champas de caracteristicas*********************/

#contentRight #chapas{
/*border:1px solid red;*/

 color:#f6f6ea;
 font-size:0.6em;
 font-weight:normal;

}

/*************fim de estilos de chapas de caracteristicas**************/

/**************estilos do tabela do catalogo de peças*********************/

#catalogo{
	
	/*border:1px solid green;*/
	color:#f6f6ea;
 	font-size:0.7em;
 	font-weight:normal;
	
}

/**************fim de estilos do tabela do catalogo de peças**************/


/** zona esquerda de detalhe da peça **/
#esquerdo{

 float:left;
 /*border:1px solid yellow;*/
 height:700px;
 width:250px;
 margin-top:35px;

}



#esquerdoIntroducao{

 float:left;
 /*border:1px solid yellow;*/
 height:700px;
 width:225px;
 margin-top:35px;

}

#esquerdoIntroducaoMOD{

 float:left;
 /*border:1px solid yellow;*/
 height:700px;
 width:199px;
 margin-top:35px;

}

#esquerdoIntroducaoAPRE{

 float:left;
 /*border:1px solid yellow;*/
 height:700px;
 width:270px;
 margin-top:35px;

}

#esquerdoIntroducao1{

 float:left;
 /*border:1px solid yellow;*/
 height:700px;
 width:225px;
 margin-top:35px;

}

#esquerdoIntroducaoFAB{

 float:left;
 /*border:1px solid yellow;*/
 /*height:700px;*/
 /*width:300px;*/
 margin-top:35px;

}

#esquerdo #linksPecas{

/*border:1px solid green;*/
text-align:right;

}

#esquerdo #linksPecas a{

 color:#c7940d;
 font-weight:normal;
 font-size:0.7em;
 font-weight:bold;
 text-decoration:none;

}

#esquerdo #linksPecas a:hover{

 color:#c7940d;
 font-weight:normal;
 font-size:0.7em;
 text-decoration:underline;
 font-weight:bold;

}

#esquerdo #imagem{


 /*border:1px solid red;*/
 margin-bottom:11px;

}

#esquerdo #imagemPECAS{


 /*border:1px solid red;*/
 /*margin-bottom:11px;*/
 width:225px;

}

#esquerdo #legendaImagem{
margin-top:-2px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;
 width:225px;

}

#esquerdo #legendaImagemPECAS{

 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;
 width:225px;

}

#esquerdoIntroducao #imagem{


 /*border:1px solid red;*/
 /*margin-bottom:11px;*/
 text-align:center;
 padding:0px;
 margin:0px;
}

#esquerdoIntroducao1 #imagemFT{


 /*border:1px solid red;*/
 /*margin-bottom:11px;*/
 text-align:center;
 padding:0px;
 /*margin:0px;*/
 margin-top:100px;
}

#esquerdoIntroducao #legendaImagem{
 margin-top:-4px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;

}

#esquerdoIntroducaoMOD #legendaImagem{
 margin-top:-4px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;

}


#esquerdoIntroducaoFAB #legendaImagem1{
 margin-top:-3px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;

}

#esquerdoIntroducaoFAB #legendaImagem{
 margin-top:-4px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;

}

#esquerdoIntroducaoAPRE #legendaImagem{
 margin-top:-4px;
 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;
 width:225px;

}

#esquerdoIntroducaoFAB #legendaImagem{

 text-align:left;
 padding-top:5px;
 border-top:2px solid #c7950f;
 color:#f6f6ea;
 font-size:0.7em;
 font-weight:normal;
 

}



/****************/

/*****zona direita do detalhe da peça*****/

#direito{
 color:#f6f6ea;
 float:right;
 /*border:1px solid black;*/
 height:100px;
 width:390px;
}

#direitoIntroducao{
 color:#f6f6ea;
 float:right;
 /*border:1px solid green;*/
 height:100px;
 width:400px;
}

#direitoIntroducaoFAB{
 color:#f6f6ea;
 float:right;
 /*border:1px solid green;*/
 height:100px;
 width:400px;
}

#direitoIntroducaoAPRE{
 color:#f6f6ea;
 float:right;
 /*border:1px solid green;*/
 height:100px;
 width:360px;
}

#direitoIntroducao1{
 color:#f6f6ea;
 float:right;
 /*border:1px solid green;*/
 height:100px;
 width:420px;
}

#direitoIntroducao2{
 color:#f6f6ea;
 /*float:left;*/
 /*border:1px solid green;*/
 /*height:100px;*/
 /*width:330px;*/
}

#direitoIntroducao3{
 color:#f6f6ea;
 /*float:right;*/
 /*border:1px solid green;*/
 /*height:100px;*/
 /*width:330px;*/
}

.tituloTexto{
 font-weight:bold;
 font-size:1em;
 margin-top:0px;
}

.corpo{
	color:#f6f6ea;
 font-weight:normal;
 font-size:0.9em;/*alteração*/
 

}

.corpoGLO{
  color:#f6f6ea;
 font-weight:normal;
 font-size:1em;
 margin-bottom:0px;
}

.identado{
	color:#f6f6ea;
 font-weight:normal;
 font-size:0.9em;
	margin-top:0px;
	margin-left:20px;
	
}

.identado a{
	
 color:#c6930d;
 font-weight:normal;
 text-decoration:none;
}

.identado a:hover{
		
 color:#c6930d;
 font-weight:normal;
 text-decoration:underline;
 
}

.corpoItal{
 font-weight:normal;
 font-size:0.9em;
 font-style:italic;

}





/**********************************/

/***barra de navegação interna do detalhe***/

#contentNavigation{

 /*border:1px solid green;*/
 height:20px;
 color:white;
 font-size:0.9em;
 font-weight:bold;
 text-align:center;
 margin-bottom:20px;
}

#contentNavigation a{

	text-decoration:none;
	color:white;

}
#contentNavigation a:hover{
	
	text-decoration:none;
	color:black;

}
/*******************************************/
/**********************************************************************************************/

/***********************************************************************************************/

#contentA{
 position:relative;
 /*border:1px solid white;*/
 color:white;
 font-size:0.7em;
 font-weight:bold;
}

#contentA p{

 font-family:"Times New Roman", Times, serif;
 margin-top:0px;
 font-size:1.4em;

}
#contentA img{
margin-top:10px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

#contentA #legendaGravura{

position:absolute;
top:220px;
color:white;
font-size:0.8em;
font-weight:normal;
left:0px;
}

#contentA #legendaGravuraIntro{

position:absolute;
top:195px;
color:white;
font-size:0.8em;
font-weight:normal;
left:0px;
}

#contentA #legendaGravuraContext{

position:absolute;
top:365px;
color:white;
font-size:0.8em;
font-weight:normal;
left:0px;
}

#contentA #legendaGravuraModdid{

position:absolute;
top:325px;
color:white;
font-size:0.8em;
font-weight:normal;
left:0px;

}
#contentA #legendaGravuraApp{

position:absolute;
top:225px;
color:white;
font-size:0.8em;
font-weight:normal;
left:0px;

}

#contentC{
 margin-top:20px;
 position:relative;
 /*border:1px solid green;*/
 color:white;
 font-size:0.7em;
 font-weight:bold;
}

#contentC p{

 font-family:"Times New Roman", Times, serif;
 margin-top:0px;
 font-size:1.4em;

}
#contentC img{
float:left;
margin-right:20px;
margin-top:10px;
}

#contentC #legendaBio{

position:absolute;
top:310px;
left:0px;
color:white;
font-size:0.8em;
font-weight:normal;

}

/***************************************/
/**********estilos para ficha técnica***************/
#fichatecnica{
	
	/*border:1px solid yellow;*/
	width:400px;
}

#fichatecnica #titulo{
	
 color:#a0a6aa;
 font-size:0.7em;
 font-weight:bold;
 border-top:2px solid #a0a6aa;
 padding-top:4px;
 
 
}

#corpo{
 color:#f6f6ea;
 font-weight:normal;
 font-size:0.7em;/*alteração*/
 

}




/**************************************************/

#direitoIntroducao #links13{

/*border:1px solid green;*/
text-align:left;

}

#direitoIntroducao #links13 a{

 color:#c7940d;
 font-weight:normal;
 font-size:0.7em;
 font-weight:bold;
 text-decoration:none;

}

#direitoIntroducao #links13 a:hover{

 color:#c7940d;
 font-weight:normal;
 font-size:0.7em;
 text-decoration:underline;
 font-weight:bold;

}

#direitoIntroducao3 .corpo a{
	color: #c6930d;
	font-weight:normal;;
	text-decoration:none;
	
}

#direitoIntroducao3 .corpo a:hover{
	color: #c6930d;
	font-weight:normal;;
	text-decoration:underline;
	
}
/*******************pagina de introdução**********************************/

/*#contentA p.intro{*/

 /*font-family:"Ti*/
 
/************************Estilos para página de abertura*****************************************/

/************************************************************************************************/ 

