html,body{
   margin:0px;
   background: #FFF url("../imgs/fundo.jpg");
   font-family: "Verdana";
   font-size:10px;
   color:#000;
   /*height:615px;*/
}

img { border:0px }

#quadro {     width:924px; height:614px; position:absolute; top:0px;   left:40px}
#cabecalho {  width:900px; height:144px; position:absolute; top:8px;   left:52px}
#local {      width:900px; height:22px;  position:absolute; top:152px; left:52px; background:#FFF; text-align:right; color:#999}
#local a       {    color:#999; text-decoration:none}
#local a:hover {    color:#400 }
#risca {      width:900px; height:2px;   position:absolute; top:174px; left:52px; background:url('../imgs/risca.jpg') no-repeat}
#conteudo{    width:900px; height:398px; position:absolute; top:175px; left:52px; overflow:auto}
#footer {     width:900px; height:25px;  position:absolute; top:573px; left:52px}

#menClOn, #menEqui, #menPeLinks,#menConv { font-size:11px; font-family: Tahoma; font-weight:bold; color:#FFF; border:1px solid #FFF; text-align:center; background: url("../imgs/microid.png")}
#menClOn a, #menEqui a,#menConv a,#menPeLinks a{   color:#000; text-decoration:none }
#menClOn a:hover, #menEqui a:hover,#menConv a:hover,#menPeLinks a:hover{   color:#FFF ; background:#9d0000 }

#menClOn {    width:150px; height:28px; position:absolute; top:123px; left:369px; visibility: hidden}
#menEqui {    width:60px; height:28px; position:absolute; top:123px; left:520px; visibility: hidden}
#menConv {    width:100px; height:28px; position:absolute; top:123px; left:575px; visibility: hidden}
#menPeLinks {    width:90px; height:28px; position:absolute; top:123px; left:666px; visibility: hidden}

.basic { width:680px; text-align:left }
.basic h1 { font-family: "Tahoma"; font-size:20px; color: #a22; margin:20px; font-style:italic}
.basic h2 { font-family: "Tahoma"; font-size:12px; color: #a22; margin:10px}
.basic p { margin:5px; color:#222; text-align:justify;  text-indent:2em}
.basic a { color: #333;font-family: "Verdana"; text-decoration:none; font-weight:bold }
.basic ol li { margin-bottom:4px }
.basic a:hover { text-decoration:underline}

.basice { width:870px; text-align:left }
.basice h1 { font-family: "Tahoma"; font-size:20px; color: #a22; margin:20px; margin-left:40px; font-style:italic}
.basice h2 { font-family: "Tahoma"; font-size:12px; color: #a22; margin:10px}
.basice p { margin:5px; color:#222; text-align:justify;  text-indent:2em}
.basice a { color: #333;font-family: "Verdana"; text-decoration:none; font-weight:bold }
.basice ol li { margin-bottom:4px }
.basice td { text-align:left }
.basice a:hover { text-decoration:underline}

.basic div.res { width:680px; text-align:left ;border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-bottom:20px; background:#f5f5f5 url('../imgs/findbg.png')}
.basic div.res p a{ font-family: "Tahoma"; font-size:10px; color: #a22}
.basic div.res p a.titulo{ font-family: "Tahoma"; font-size:12px; color: #a22}
.basic div.res p { color:#222; text-align:justify}
.basic div.res strong{background:#ffd}
.basic div.res a:hover { text-decoration:underline}

.returnable {text-align:center}
.returnable a{ color: #333;font-family: "Verdana"; text-decoration:none; font-weight:bold}
.returnable a:hover { text-decoration:underline}

a.discrete {color:#333; text-decoration:none; }
a.discrete:hover {color:#888;  }

.indoc { width:400px; text-align:left }
.indoc h1 { font-family: "Tahoma"; font-size:14px; color: #FFF; margin:0px; margin-top:10px; margin-bottom:10px; background:#a22;text-transform:uppercase}
.indoc h1 strong {text-transform:capitalize}
.indoc h2 { font-family: "Tahoma"; font-size:12px; color: #a22; margin:10px; font-weight:bold}
.indoc h3 { font-family: "Tahoma"; font-size:11px; color: #a22; margin:10px; font-weight:bold}
.indoc p { margin:5px; color:#222; text-align:justify;text-indent:1em  }
.indoc a { color:#a22;  }

#formmarcacao td input,#formmarcacao td select,#formmarcacao td textarea {font-family:Verdana;font-size:10px;border:1px solid #aaa; background:#fff}

input.formnewsl {font-family:Tahoma;font-size:10px;border:1px solid #aaa; background:#e3e3e3;color:#666}

a.noticiaslink {color:#333; font-weight:bold;text-decoration:none}
a.noticiaslink:hover {color:#c33}

table.fotolog td {text-align:center;vertical-align:middle}

div.menuLeft {width:185px;background:#bbb;height:330px;overflow:auto;padding:1px;color:#fff}
div.menuLeft ul{list-style:none;margin:0px;padding:0px;}
div.menuLeft ul li a{background:none;text-decoration:none;text-transform:uppercase;color:#000;padding:1px}
div.menuLeft ul li a:hover{background:#aaa}



/* LB */
#lightbox{
	position: absolute;
	left: 0;top:0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}