body {
     background-color:#ccc;
    }
   #principal {
    width:980px;
		min-height:800px;
    background-color:#fff;
    margin:0 auto;
    position: relative;
    top:15px;
    font-family:verdana, arial, sans-serif;
   }
   #banner {
    width:980px;
    height:264px;
    background-color:#fff;
   }

   #menu {
    position:relative;
    width:200px;
    height:410px;
    float:left;
   }
   #menu ul {
   /* margin:0;
    padding:5px;*/
   }
   #menu ul li {
    /*list-style-type:none;*/
   }
   #menu ul li a {
    /*text-decoration:none;*/
    
   }
   div#cursos {
    position:relative;
	width:150px;
	border:2px dashed orange;
	background-color:orange;
	top:10px;
	height:30px;
	left:7px;
	text-align:center;
	line-height:170%;
   }
   div#cursos a {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
   }
   #conteudo {
    width:570px;
    min-height:410px;
		height:auto; 
    float:left;
    padding:0 0 0 0;
    font-size:10px;
    color:#592F0A;
    font-family:verdana, arial, sans-serif;  	
   }
   #conteudo a {
    text-decoration:none;
    color:#7F4817;
   }
   #conteudo a:hover {
    text-decoration:underline;
    color:#AF580A;
   }
   #rodape {
    width:980px;
    height:96px;
    background-image:url(../img/rodape.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    position:relative;
    bottom:0;
   }
   #rodape #menurodape {
    text-align:center;
		margin:0;
		padding:0;
   }
   #rodape #menurodape tr td {
		margin:0;
		padding:5px; 	   
   }
   #rodape #menurodape tr td a {
    color:#fff;
    text-decoration:none;
    font-size:10px;
    font-weight:bold;  
   }
    #rodape #menurodape tr td a:hover {
    color:#592F0A;
    text-decoration:none;
    font-size:10px;
    font-weight:bold;  
   }
   #rodape div {
   float:left;
   position:absolute;
   top:38px;
   width:400px;
   font-size:9px;
   font-family:verdana, arial, sans-serif;
   text-align:center;
   }
   #rodape a #maparodape {
    float:right;
    margin:0 20px 15px 0;
   }
   .clear {clear:both;}
   #auxiliar {
    float:right;
    width:190px;
    height:410px;
    background-color:#fff;
	}
  .boxflash {
   position:absolute;
   width:724px;
   height:264px;
   /*background-image:url(../img/banner.png);*/
   /*background-repeat:no-repeat;*/
   
  }
  #logo {
  position:relative;
  left:235px;
  width:200px;
  height:90px;
  background-image:url(../img/logo.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  
  }
  #textologo {
  position:relative;
  width:420px;
  height:78px;
  left:90px;
  background-image:url(../img/textologo.gif);
  background-repeat:no-repeat;
  background-position:center center;
  }
  #boxlogo{
  float:right;
  width:505px;
  }
  #fmpa {
   position:relative;
   width:505px;
  }
  #fmpa ul{
  margin:0;
  padding:0;
  list-style-type:none;
  }
  #fmpa table tr td{
   font-size:9px;
   text-align:right;
  }
  #fmpa ul li img {
   line-height:180%;
  }
  #imgmenubanner {
   position:absolute;
   top:163px;
   left:200px;
   width:179px;
   height:26px;
   background-image:url(../img/menubanner.png);
   z-index:10;
  }
  #menubanner {
   margin:0;
   padding:0 0 0 10px;
   list-style-type:none;
  }
  #menubanner li {
   display:inline;
   padding:0 5px 0 5px;
   border-left:1px solid #fff;
  }
  #menubanner li a {
   color:#fff;
   text-decoration:none;
   font-family:georgia,verdana, arial, sans-serif;
   
  }
  img {
   border:none;
	}


/*------------TITULOS E SUB-TITULOS---------*/
h1 {font-size:18px;margin:0;padding:0 0 10px 0;}
h2 {font-size:16px;margin:0;padding:0 0 0 0;border-bottom:1px solid orange;}
h3 {font-size:13px;margin:0;padding:5px 0 3px 0;color:#6F3B0D;}
h4 {font-size:12px;margin:0;padding:0 0 0 0;}
/*------------MENU DROP-DOWN-------------*/

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 180px; /* Width of Menu Items */
	background: #fff; /* IE6 Bug */
	font-size:11px;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	background-color:#F6961D;
	background-image:url(../img/pontaMenu.gif);
	background-position:right center;
	background-repeat:no-repeat;
	border-bottom:3px solid #fff;
	height:1%;/*hack ie7*/
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 180px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent {color:#fff; background-color:#F6961D;/*background: transparent url(arrow.gif) right center no-repeat;*/ }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color:#F6961D; }

ul#primary-nav li a:hover { color: #592F0A; }




/*lightbox
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }


#overlay{ background-image: url(../js/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../js/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../js/overlay.png", sizingMethod="scale");
	}
	
	*/
/*###################JANELA MODAL###############*/

/* O z-index do div#mask deve ser menor que do div#boxes e do div.window */
#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
top:0;
left:0;
height:300px;
width:300px;
}

#boxes .window {
position:absolute;
width:550px;
height:350px;
display:none;
z-index:9999;
padding:20px;
background-color:#fff;
border:2px solid orange;
}
/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
width:550px;
height:350px;
}
/* posiciona o link para fechar a janela */
.close {
display:block;
text-align:right;
}

/*###########BOX IMG##########*/
#boxesimg .windowimg {
position:absolute;
width:auto;
height:auto;
display:none;
z-index:9999;
border:2px solid orange;
}
#maskimg {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
top:0;
left:0;
height:300px;
width:300px;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxesimg #dialogimg {
width:auto;
height:auto;
}


/*##########TOLLTIP#################*/

a.tooltip span {display:none; padding:2px 3px; margin-left:20px; width:160px;}
a.tooltip:hover span{display:inline; position:absolute; background:#2F2F2F; border:1px solid #999; color:#fff;}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width:auto; height:auto;}
#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: 100px; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 100%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightboxfotos/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightboxfotos/images/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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/*##########FORMULÁRIO DE CONTATOS###########*/
form {
	margin:0;
	padding:0;
}
fieldset {
 border:none;
 width:300px;
}
form fieldset label {
	display:block;
	width:300px;
}
form fieldset label input {
	width:290px;
	padding:3px 2px 3px 2px;
	border:2px solid #6F3B0D;
}

form fieldset label textarea {	
	width:290px;
	height:150px;
	border:2px solid #6F3B0D;
	padding:3px;
	overflow-y:hidden;
}
form fieldset legend {
	color:orange;
	font-size:14px;
}
form fieldset input.botao {
float:right;
border:1px solid orange;
background-color:#6F3B0D;
color:#fff;
padding:3px;
cursor:pointer;
}
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }


.linkExterno {
	position:relative;
	margin-top:5px;
	width:146px;
	height:56px;
	text-align:center;
	left:15px;
}

 div#botpid {
  position:relative;
	width:100px;
	border:2px dashed #B60303;
	background-color:#B60303;
	top:10px;
	height:35px;
	float:left;
	text-align:center;
}
   div#botpid a {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:130%;
	text-decoration:none;
	border:none;
   }
   div#bottreina{
  position:relative;
	width:100px;
	border:2px dashed orange;
	background-color:orange;
	top:10px;
	height:35px;
	left:7px;
	float:right;
	text-align:center;
   }
   div#bottreina a {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:130%;
	text-decoration:none;
   }

   div#pidb {
    position:relative;
	width:150px;
	border:2px dashed #B60303;
	background-color: #B60303;
	top:20px;
	height:30px;
	left:7px;
	text-align:center;
	line-height:170%;
   }
   div#pidb a {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
   }