@charset "utf-8";
/* CSS Document */

html {
  height: 100%;
   		
}


				/****elementos correspondem a um fundo genérico  ***/
body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000;
	font:normal normal normal  12px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffae07;
			
}

body.simposio{	}

h1 {
	background-color:#381F0F;
	color:#FFAE07;
	 font: 700 1.7em Verdana, Arial, Helvetica;
	padding:2px;
	text-align:right;
	
}


h2{
	background-color:#8C3B00;
	color:#FFAE07;
	 font: 700 1.7em Verdana, Arial, Helvetica;
	padding:2px;
	text-align:right;
	 font: bold 18px Verdana, Arial, Helvetica;
	
}


h3{
	
	padding:2px;
	text-align:right;
	 font: bold 14px Verdana, Arial, Helvetica;
	 color:#8c3b00;
	 border-bottom:#8c3b00 solid 1px;
	
}



#content {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 94%;
  height: auto;
		background:#FFAE07 url(../imagens/base.png) no-repeat left top;
				background:#FFAE07 url(../imagens/base2.png) no-repeat left top;
}


/**para paginas internas ao bridge**/

#content2 {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#content2,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content2[id],
#width[id] {
  width: 94%;
  height: auto;
		background:#FFAE07 url(../imagens/inner.png) no-repeat left top;
}


/**para paginas internas ao NEW-bridge**/

#contentNewBridges {  
  height: 100%;
  min-height: 100%;

  text-align: left;
}

#contentNewBridges,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#contentNewBridges[id],
#width[id] {
  width: 94%;
  height: auto;
		background:#FFAE07 url(../imagens/novas_pontes.png) no-repeat left top;
		

}




	

/**ID PAGE **/

#page {
	position:relative;
	width:100%;
	height:100%;

	
}


/**MENU LATERAL**/

#menuLateral {
	position:absolute;
	left:50px;
	top:485px;
	}
	
/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {
  margin: 0;
  padding: 0;
  width:310px;
}

.sideMenu li {
	display: inline;
	/* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
	font: 400 1.3em "trebuchet ms", serif;
	height:50px;
	background: url(../imagens/botao.png) no-repeat center center;  
	/*teste*/
	font-weight:bold;
}



.sideMenu li a {
	display: block;
	margin:0;
	padding: 0;
	text-decoration: none;
	color: #FFF;
	height:45px;
	background: url(../imagens/botao.png) no-repeat center center;  
	text-align:center;
} 



.sideMenu li  {
	display: block;
		/* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
		font: bold 1.3em "trebuchet ms", serif;
	margin:0;
	padding: 0;
	text-decoration: none;
	color: #000;
	height:45px;
	background: url(../imagens/botao.png) no-repeat center center;  
	text-align:center;
	
		background: url(../imagens/botao.png) no-repeat 50%  50%;  


} 

.sideMenu li a {
  color: #fff;
}



.sideMenu li a:hover {
  color: #ffff00;
}




/**TEXTO PRINCIPAL**/

.textoPrincipal {
	position:absolute;
	left:400px;
	top:172px;
	height: 2564px;
	
	/*teste*/
	height:1000px;
	height:auto;
	}
	
.textoPrincipal2{
	position:absolute;
	left:120px;
	top:190px;
	height: 600px;
	width:700px;;
	}
	
p {
margin:0 10px; 
line-height:20px;
text-indent:20px;
letter-spacing:0.1em;
/*teste*/
		font: normal 1.1em "trebuchet ms", serif;
		letter-spacing:0;
			font: normal 14px/18px  "trebuchet ms", serif;

}


.continua {
	margin:0;
	color: #333;
	text-align:right;
	background:url(../romantismo/imagens/compass.png) no-repeat 100% bottom;	
	font:normal normal normal 10px/12px Tahoma, Helvetica, sans-serif;
	padding-right:25px;
		text-indent:0;

}	

a {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none}
	
a:hover {
  color: #ffff00;
  background-color:#8c3b00;
}

/**LISTAS**/	


/*lista para as pontes*/


ul.pontes {
  margin: 0;
  padding: 0;
  margin-left:50px;
}


.pontes li  {
	display: block;
	/* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
	margin:0 0 10px 15px;
	padding:  0  0  0  25px;
	text-decoration: none;
	color: #000;
	text-align:left;
	background: url(../imagens/botao.png) no-repeat 50%  50%;
	background: url(../imagens/bridge_16x16.png)no-repeat left top;
	font:normal 15px "trebuchet ms", helvetica, arial, sans-serif;
	

} 






/*lista para notas*/


ul.notas {
  margin: 0;
  padding: 0;
}


.notas li  {
	display: block;
		/* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
		font: bold 1.3em "trebuchet ms", serif;
	margin:0 0 0 50px;
	padding:  0  0  0  35px;
	text-decoration: none;
	color: #000;
	text-align:left;
	background: url(../imagens/botao.png) no-repeat 50%  50%;
	background:url(../imagens/nota.png) no-repeat left bottom;
		font: bold 14px "trebuchet ms", serif;
		height:25px;


} 


/*****SIMPOSIO***/


/****pagina propria***/

#simposio {
width:800px;}

#simposio img {
	top:20px;
	left:20px;
	border:#ccc 1px solid;	
	padding: 5px;
}

#simposio p {
	margin:0;
	font:normal bold normal 20px/24px   Arial, Helvetica, sans-serif;
	color: #6D693E;
	color:#000000;
	text-indent:20px;

	}	
	
#simposio p.small {
	font:normal normal normal 14px/18px   Arial, Helvetica, sans-serif;
	}
	
#simposio p.verySmall {
	font:normal normal normal 10px/18px   Arial, Helvetica, sans-serif;
	}
	
#simposio a {
  color: #fff;
  background-color:none;
}

	
#simposio a:hover {
  color: #009245;
  background-color:#ffae07;
}


	
.alignRight {text-align:right;}