body {
	background: #fefdf9;
	color: #555;
	font-family: verdana, helvetica, "Trebuchet MS", arial, sans-serif;
	font-size:12px;
	margin: 0px;
}

		
#header {
height: 150px;
margin: 0;
padding: 0;
background: #e88d33 url(img/bannerGaudi.jpg) repeat;
color: #555;
}

p{
text-align:justify;
padding: 5px 5px 5px 15px;
line-height:200%;
}

span.destaque{
padding: 0px 10px 5px 10px;
}

.destaque{
font-weight: bold;
font-size:14px;
color:#885835;
}

.citacao{
	margin: 0 auto;
	width: 80%;
text-align:center;
background:#F5E8CB;
border: 2px dashed #dda875;
padding: 5px 50px 5px 50px;
}
.citacao2{
text-align:right;
background:#F5E8CB;
padding: 5px 50px 5px 50px;
font-style:italic;
border-right: 0.2em solid #e88d33;
}

#topnav ul {
padding: .2em 0;
margin: 0 0 10px 0;
list-style-type: none;
background-color: #885835;
font: normal 95% verdana, arial, helvetica, sans-serif;
text-align: center;
}

#topnav li { display: inline; }

#topnav li a, #topnav a:visited {
text-decoration: none;
background-color: #885835;
color: #F9EFDB;
padding: .2em 1em;
border-right: 0px solid #fff;
}

#topnav a:link.active, #topnav a:visited.active, #topnav a:hover {
text-decoration: none;
background-color: #e88d33;
color: #fff;
}
 
#breadcrumb {
width: 100%;
border-bottom: 1px dashed #dda875;
text-align:center;
}
 
#gutter {
float: left;
width: 1%;
height: 1px;
}
		
#col1 {
float: left;
width: 15%;
height: 100%;
margin-bottom: 1em;
}
		
#texto {
float: left;
width: 80%;
border-left: 1px dashed #dda875;
margin-bottom: 1em;
}

#texto ul.tipo3{
	list-style-image: url(img/marcador2.gif);
	list-style-type: none;
	line-height: 20px;
}

#col3 {
float: none;
width: 100%;
margin-bottom: 1em;
}
	

.print{
	text-align:center;
}

.print img{
	border: 1px;
	border-color:#900;
	padding-top: 5px;
}

#titulo {
float: left;
width: 80%;
border-left: 1px dashed #dda875;
padding-left: 10px;
padding-top: 5px;
}

/* nav container principal
*/

#navcontainer ul {
	padding: 10px 10px 10px 10px;
list-style-type: none;
font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
background-color: #fefdf9;
color: #666;
}

#navcontainer ul li {
	padding: 5px;
}

#navcontainer ul li a {
	padding: 10px;
color: #666;
background: transparent url(img/list-off-orange.gif) left center no-repeat;
text-align: left;
font: 12px "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
text-decoration: none;
}

#navcontainer ul li a:hover {
color: #885835;
background: transparent url(img/list-on-orange.gif) left center no-repeat;
}

#navcontainer ul li a#current {
background: transparent url(img/list-active.gif) left center no-repeat;
color: #000;
}


/* nav container unidade
*/

#navcontainer2 ul {
	padding: 10px 10px 10px 10px;
list-style-type: none;
background-color: #fefdf9;
color: #666;
}


#navcontainer2 ul li a {
	padding: 10px;
color: #666;
background: transparent url(img/list-off-orange.gif) left center no-repeat;
text-align: left;
text-decoration: none;
}

#navcontainer2 ul li a:hover {
color: #885835;
background: transparent url(img/list-on-orange.gif) left center no-repeat;
}

#navcontainer2 ul li a#current {
background: transparent url(img/list-active.gif) left center no-repeat;
color: #000;
}



h1 {
margin: 0;
padding-top: 75px;
text-align: center;
font-size: 1.5em;
color:  #885835;
background-color: transparent;
}

h2  { 
margin-top: 0;
padding-top: .5em;
padding-left: 1em;
padding-bottom: .5em;
font-size: 1em;
color: #885835;
background-color: inherit;
}

h3 {
margin-top: 0;
padding-top: .5em;
padding-bottom: .5em;
font: bold 95% verdana, arial, helvetica, sans-serif;
text-transform: uppercase;
font-size: 1.25em;
color:#DA7918;
background-color: inherit;
}

h4 {
margin-top: 0;
padding-top: .5em;
padding-bottom: .5em;

font-size: 1em;
color: #885835;
background-color: inherit;
}

a {
text-decoration: underline;
color:#885835;
background-color: inherit;
}

a:hover {
text-decoration: none;
font-weight: bold;
color:#885835;
background-color: inherit;
}

.myimage {
float: right;
padding-left: 15px;
}

.myimageleft {
float: left;
padding-right: 15px;
}

#myimage {
text-align:center;
padding: 10px;
}

img#logo {
    position:absolute;
    top:15px;
    left:5px;
    border:0;
}

#footer {
	width:auto;
	height:80px;
	clear: both;
	background-color: #e88d33;
	border-top: 5px solid #885835;
	text-align: center;
}

span.tooltip{
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	color: #CC6600;
}

div.tooltip{
	background:#fbf3e1;
    width:400px;
    padding: 20px 20px 20px 20px;
	text-align:justify;
	color:#333;
    border: 3px solid #f5e1b5;
    opacity:0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=95);
}

#videoembed {
	margin: 0 auto;
    width: 100%;
	text-align:center;
}

div.centered table {
margin: 0 auto; 
text-align: left;
width: 60%;
}
table {
	margin: 0 auto;
	width: auto;
	padding: 10px 20px 10px 20px;
}

table.icon{
padding-right: 50px;
}

#mosaico{
	position:fixed;
	width: 100%;
}

#fontsize {
float: left;
width: 80%;
text-align:right;
border-left: 1px dashed #dda875;
}