/* MLP Design (http://www.mlpdesign.tk) */

body
{ background:url(../img/bg.gif) 0 0 repeat-x #CECECE; color: #333;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:9pt;margin:0;}

h1
{font-size:14pt; font-weight:bold; margin-bottom:5px;}

h2
{font-size:8pt; font-weight:normal; padding-bottom: 5px; margin:0; text-transform:uppercase; border-bottom:#ccc 1px dashed;}

a:link, a:visited, a:active
{ background-color: inherit; color:#000; text-decoration: none;}

a:hover
{ background-color: inherit; text-decoration: none; color:#777; border-bottom:1px dotted;}

ul 
{ list-style:none; margin-left:10px; padding:1px;}

ul.documentos li 
{ padding-left:15px; background: url(../img/arw.gif) 0 3px no-repeat;}

ul.submenu1 li { 
	padding-left: 15px;
	background-image: url(../img/arw.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	border-bottom: solid 1px #eaeaea;
	margin-left:-9px;
	padding-right:25px;
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px;
}


.galeria li { 
	float: left; 
	margin-right: 15px; 
	text-align: center; 
	float: center; 
	width: 120px;
	height: 160px;
	display: inline;
}


#wrapper {
	width: 760px;
	min-height: 100%;
	padding: 0 30px 0 20px; 
	position: absolute; 
	left: 50%; 
	margin-left: -380px;
}

blockquote
{	
	background-image:url(../img/quote.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 30px; 
	margin:0 50px;
	color:#aaa; 
	font-size:9pt; 
	font-weight:normal;
	text-align:justify;
}
  
#header
{ width:750px; height:60px; margin:auto; padding-top:30px;
  font-size:22pt; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}
  
#menu
{ width:755px; margin:auto; height:24px; border-top:#999 1px solid; border-bottom:#999 0 solid; border-left:#aaa 1px solid; font-size:9pt; clear:both;}  

#body
{ width:734px; margin: auto; padding:10px; background:#fff; color:inherit;
  border-right:#666 1px solid; border-bottom:#666 1px solid; border-left:#666 1px solid; }
  
#footer
{ padding:15px; font-size:8pt; border-top:#333 1px solid;}
  
.header
{ float:right; font-size:9pt; font-weight:normal; padding-top:10px; text-align:right; letter-spacing:-1px;}

div.title{ color:#000; letter-spacing:-1px; float:left; font-family: "Times New Roman"}

.menu 
{ width:150px; height:24px; float:left; border-right:#aaa 1px solid; 
  font-family: Tahoma,sans-serif; text-align:center; text-transform:uppercase; }

.menu a:link, .menu a:visited, .menu a:active
{ background:#000; text-decoration: none; color:#eee;display:block; height:15px; padding-top:7px;
  font-weight:bold; font-size:7pt; background-image:url(../img/menu_bg.jpg);}

.menu a:hover
{ text-decoration:none; color:#aba383; border:0;}

.submenu
{ float:right; font-size:8pt; font-weight:normal; margin:0 0 5px 0;}

.content
{ padding:20px; background-color:#fff; color:inherit; text-align:justify; border:#ccc 1px solid; width:692px; }

.contentSmall
{ padding:20px; background-color:#fff; color:inherit; text-align:justify; border:#ccc 1px solid; width:547px;}

.footer 
{
	float:right;
}

.wb{
background-image:url(../img/wb.jpg);
height:125px;}

.spacer
{ clear:both; margin:15px;}

.sidebar{
	width:130px;
	background-color:#fff;
	color:inherit;
	text-align:justify;
	border:#ccc 1px solid;
	float:right;
}



.imagemUOL {
	
	float: left; 
	margin: 10px;
}

.figuraGrande {
  float: left;
  width: 100%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

.figuraDireita {
  float: right;
  width: 50%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
.figuraEsquerda {
  float: left;
  width: 50%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
.figuraEsquerdaP {
  float: left;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}

.figuraDireitaP {
  float: right;
  width: 40%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
.figura p {
  text-align: center
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
.escala {
  width: 100%;
}