html, body {
  background: white;
  margin: 0;
  padding: 0;
}

.inputBox{
  background-color: #dedede;
  border-style: none;
  border-bottom-style: solid;
  border-bottom-color: red;
  border-width: 1px;
}

.autorizacao{
  font-size: 16px;;
  font-style: italic;
  font-weight: bold;
}

#areaPagina {
  width: 800px;
  margin: auto;
}

#areaMenu {
  background: white;
  padding-top: 10px;
}

#areaCabecalho{
  background: white;
  height: 145px;
  clear:left;
  padding-top: 3px;
}

/******************************************************************************************/
#areaConteudo {
  background: white;
  font-family: Arial, Verdana;
  font-size: 12px;
  float: left;
  width: 490px;
  padding: 0 0px 20px 0px;
}
    
#areaConteudo a:link {color: #710DD7; font-size: 12px; text-decoration: none}
#areaConteudo a:visited {color: #710DD7; font-size: 12px; text-decoration: none}
#areaConteudo a:hover {color: #710DD7; font-size: 12px; text-decoration: underline}

.areaConteudo_Titulo {
  text-align: left;
  font-size: 18px;
  font-family: Arial, Verdana;
  font-Weight: bold;
  color: #295A9D;
  padding-bottom: 10px;
}

.areaConteudo_Titulo2 {
  text-align: left;
  font-size: 14px;
  font-family: Arial, Verdana;
  font-Weight: bold;
  color: black;
  padding-bottom: 5px;
}

.areaConteudo_Texto {
  text-align: justify;
  font-size: 12px;
  font-family: Arial, Verdana;
  font-Weight: normal;
  padding: 0 5px 0 0;
}

#destaqueDetalhado {
  background: white; 
  padding: 0;
}
      
#conteudoDetalhado {
  background: white; 
  padding: 0 8px 8px 8px;
}
    
.conteudoDetalhado_Cabecalho{
  background:  url(../images/headings/azul.jpg) repeat-x left top;
  color: white;
  font-weight: bold;
  font-size: 18px;
  height: 50px;
  padding: 8px;
}

.conteudoGaleria_Cabecalho{
  background:  url(../images/headings/azulGaleria.jpg) repeat-x left top;
  color: white;
  font-weight: bold;
  font-size: 18px;
  height: 50px;
  padding: 8px;
}

/******************************************************************************************/
#areaDestaque {
  background: white;
  float: right;
  width: 298px;
  padding-bottom: 20px;
}

/*------------------------------------------------------------------------------------*/
#atividadeResumo {
  border: 1px;
  border-style: solid;
  border-color: #BEBEBE;
  background-color: White;
  padding: 0 0 20px 0;
}

.atividadeResumo_Cabecalho{
  background:  url(../images/headings/vinho.jpg) no-repeat left top;
  color: white;
  font-family: Arial, Verdana;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  padding: 8px 0 0 8px;
}

.atividadeChamada {
  background-color: White;
  padding: 0 8px 8px 8px;
}

/*CLASSE CRIADA POR JOSE SILMAROVI JUNIOR*/
.atividadeResumo_Titulo{
  color: #841955;
  font-size: 12px;
  font-family: Arial, Verdana;
  font-weight: bold;
  clear: both;
}

.atividadeResumo_Texto{
  font-size: 10px;
  font-family: Arial, Verdana;
  font-Weight: normal;
}

.atividadeResumo_Publicacao{
  text-align: right;
  font-size: 10px;
  font-family: Arial, Verdana;
}

.atividadeResumo_Publicacao a:link {color: #710DD7; text-decoration: none}
.atividadeResumo_Publicacao a:visited {color: #710DD7; text-decoration: none}
.atividadeResumo_Publicacao a:hover {color: @710DD7; text-decoration: underline}


/*------------------------------------------------------------------------------------*/
#eventoResumo {
  border: 1px;
  border-style: solid;
  border-color: #BEBEBE;
  background-color: White;
  padding: 0 0 20px 0;
}

.eventoResumo_Cabecalho{
  background:  url(../images/headings/amarelo.jpg) no-repeat left top;
  color: white;
  font-family: Arial, Verdana;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  padding: 8px 0 0 8px;
}

.eventoChamada {
  background-color: White;
  padding: 0 8px 8px 8px;
}

/*CLASSE CRIADA POR JOSE SILMAROVI JUNIOR*/
.eventoResumo_Titulo{
  color: #AC9102;
  font-size: 12px;
  font-family: Arial, Verdana;
  font-weight: bold;
  clear: both;
}

.eventoResumo_Texto{
  font-size: 10px;
  font-family: Arial, Verdana;
  font-Weight: normal;
}

.eventoResumo_Publicacao{
  text-align: right;
  font-size: 10px;
  font-family: Arial, Verdana;
}

.eventoResumo_Publicacao a:link {color: #710DD7; text-decoration: none}
.eventoResumo_Publicacao a:visited {color: #710DD7; text-decoration: none}
.eventoResumo_Publicacao a:hover {color: @710DD7; text-decoration: underline}

/*------------------------------------------------------------------------------------*/
#noticiaResumo {
  border: 1px;
  border-style: solid;
  border-color: #BEBEBE;
  background-color: White;
  padding: 0 0 20px 0;
}

.noticiaResumo_Cabecalho{
  background:  url(../images/headings/verde.jpg) no-repeat left top;
  color: white;
  font-family: Arial, Verdana;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  padding: 8px 0 0 8px;
}

.noticiaChamada {
  background-color: White;
  padding: 0 8px 8px 8px;
}

.noticiaResumo_Titulo{
  color: #3E7E02;
  font-size: 12px;
  font-family: Arial, Verdana;
  font-weight: bold;
  clear: both;
}

.noticiaResumo_Texto{
  font-size: 10px;
  font-family: Arial, Verdana;
  font-Weight: normal;
}

.noticiaResumo_Publicacao{
  text-align: right;
  font-size: 10px;
  font-family: Arial, Verdana;
}

.noticiaResumo_Publicacao a:link {color: #710DD7; text-decoration: none}
.noticiaResumo_Publicacao a:visited {color: #710DD7; text-decoration: none}
.noticiaResumo_Publicacao a:hover {color: #710DD7; text-decoration: underline}


/******************************************************************************************/
#mural {
  width: 490px; 
  float: left; 
  clear: left;
  padding-top: 40px; 
}

#mural .cabecalho {
  width: 490px; 
  float: left; 
  clear: left; 
  background: url(../images/general/postit490Top.jpg); 
  background-repeat: no-repeat; 
  height: 65px;
}

#mural .cabecalho .identificacao {
  float: right; 
  padding-top: 10px; 
  padding-right: 20px; 
  font-size: 14px; 
  font-family: Arial, Verdana;
}

#mural .corpo {
  width: 490px; 
  float: left; 
  clear: left; 
  background: url(../images/general/postit490Body.jpg); 
  background-repeat: repeat-y;
}

#mural .mensagem {
  padding-left: 10px; 
  padding-right: 10px; 
  padding-bottom: 10px; 
  width: 460px; 
  text-align: justify;
  clear: right;
}

#mural .rodape {
  width: 490px; 
  float: left; 
  clear: left; 
  height: 50px; 
  background: url(../images/general/postit490Bottom.jpg); 
  background-repeat: no-repeat;
}

#mural .publicacao {
  text-align: right;
  font-size: 10px;
  font-family: Arial, Verdana;
}

/******************************************************************************************/
#areaRodape {
  background: orange;
  clear: both;
  height: 60px;
  font-size: 12px;
  line-height: 20px;
  padding: 10px;
  font-family: Arial, Verdana;
}

#areaRodape a:link {color: #5D0BB1; font-size: 13px; text-decoration: none}
#areaRodape a:visited {color: #5D0BB1; font-size: 13px; text-decoration: none}
#areaRodape a:hover {color: #5D0BB1; font-size: 13px; text-decoration: underline}

/******************************************************************************************/
.floatLeft { 
  float: left; 
  clear: right;
  padding-right: 10px;
  padding-botton: 10px; 
}

.floatRight { 
  float: right; 
  padding-left: 10px; 
  padding-top: 10px; 
}

/******************************************************************************************/

#subMenu {
  background: url(../images/headings/subMenuBackground.jpg) repeat-x;
  padding: 4px 10px 4px 10px;
  color: #ffffff;
}
    
#subMenu a:link {color: #ffffff; font-size: 12px; text-decoration: none}
#subMenu a:visited {color: #ffffff; font-size: 12px; text-decoration: none}
#subMenu a:hover {color: #ffffff; font-size: 12px; text-decoration: underline}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{
position:relative;
height:40px;
color:#E0E0E0;
background: rgb(76,6,105);
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
}

#dolphinnav{
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(../images/menu/dolphin_bg.jpg) repeat-x bottom left;
padding:0 0 0 20px;
}

#dolphinnav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;float:left;
}

#dolphinnav ul li{
display:block;
float:left;
margin:0 1px;
}

#dolphinnav ul li a{
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:33px;
}

#dolphinnav ul li a span{
padding:12px 20px 0 0;
height:21px;
float:left;
}

#dolphinnav ul li a:hover{
color:#fff;
background:transparent url(../images/menu/dolphin_bg-OVER.jpg) repeat-x bottom left;
}

#dolphinnav ul li a:hover span{
display:block;
width:auto;
cursor:pointer;
}

#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
color:#fff;
background:rgb(76,6,105) url(../images/menu/dolphin_left-ON.jpg) no-repeat top left;
line-height:275%;
}

#dolphinnav ul li a.current span{
display:block;
padding:0 20px 0 0;
width:auto;
background:rgb(76,6,105) url(../images/menu/dolphin_right-ON.jpg) no-repeat top right;
height:33px;
}
/* ---------------------- END Dolphin nav ---------------------- */


#info {background:#f8f8f8; border:0;}
ul.download {
list-style-image:url(../menus/zip.gif);
}

ul.download li {
padding-left:5px; 
font-size:12px; 
line-height:1.5em;
}

 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* slides styling */

.photo {
width:490px; 
height:550px; 
text-align:left; 
position:relative; 
margin:0 auto;
}

.photo ul.topic {
padding:0; 
margin:0; 
list-style:none; 
width:490px; 
height:auto; 
position:relative; 
z-index:1;
}

.photo ul.topic li {
display:block; 
width:125px; 
height:31px; 
float:left;
}

.photo ul.topic li a.set {
display:block; 
font-size:11px; 
width:124px; 
height:30px; 
text-align:center; 
line-height:30px; 
color:#000; 
text-decoration:none; 
border:1px solid white; 
border-width:1px 1px 0 0; 
background: #bbb; 
font-family:verdana, arial, sans-serif;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul {
display:none;
}

.photo ul.topic li.active a {
color:#000; 
background:#bbb;
}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a {
color:#fff; 
background:#aaa;
}

.photo ul.topic li.active ul {
display:block; 
position:absolute; 
left:0; 
top:31px; 
list-style:none; 
padding:0; 
margin:0; 
height:550px; 
background:#ddd; 
width:464px; 
padding:2px 2px; 
border:2px solid #bbb; 
z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
display:block; 
position:absolute; 
left:0; 
top:31px; 
list-style:none; 
padding:0; 
margin:0; 
height:550px; 
background:#ddd; 
width:464px; 
padding:2px 2px; 
border:2px solid #aaa; 
z-index:100;
}

.photo ul.topic li ul li {
display:inline; 
width:112px; 
height:87px; 
float:left; 
border:1px solid #fff; 
margin:1px;
}

.photo ul.topic li ul li a {
display:block; 
width:110px; 
height:85px; 
cursor:default; 
float:left; 
text-decoration:none; 
background:#444; 
border:1px solid #888;
}

.photo ul.topic li ul li a img {
display:block; 
width:100px; 
height:75px; 
border:5px solid #eee;
}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover {
white-space:normal; 
position:relative;
}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img {
position:absolute; 
left:-50px; 
top:-32px; 
width:200px; 
height:150px; 
border-color:#fff;
}