body
{
	background-image: url('../Imagens/Layout/bgBarraHorizontal.bmp');
	background-color: #2A6497;
	margin: 0px;
	height: 100%;
	text-align: center;
	overflow: auto;

    scrollbar-arrow-color:#2A6497;
    scrollbar-3dlight-color:#CCCCCC;
    scrollbar-highlight-color:#EFEFEF;
    scrollbar-face-color:#EEEEEE;
    scrollbar-shadow-color:#EFEFEF;
    scrollbar-darkshadow-color:#CCCCCC;
    scrollbar-track-color:#F5F5F5;
}

.corpoTexto
{
    font-size: 10pt;
    color: #808080;
    text-align: justify;
	text-indent: 20px;
    font-family: verdana;
	margin: 0px 0px 0px 4px;
}

.corpoTextoDireita
{
    font-size: 10pt;
    color: #808080;
    text-align: right;
    font-family: verdana;
	margin: 0px 0px 0px 4px;
}

.imagem
{
	border-style: 0px solid;
}

.bodyBackground
{
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.quadroImagem
{
	float: left;
	margin: 0px 15px 0px 0px;
}

.quadroImagemDireita
{
    float: right;
    margin: 0px 15px 0px 15px;
}


.tituloTexto
{
    font-size: 12pt;
    color: #808080;
    text-align: left;
    font-family: verdana;
    font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.tituloTextoDireita
{
    font-size: 12pt;
    color: #808080;
    text-align: right;
    font-family: verdana;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.tituloPagina
{
    font-size: 14pt;
    color: #2A6497;
    text-align: left;
    font-family: verdana;
    float: left;
    width: 100%;
    margin: 8px 0px 8px 0px;
}

.tituloPaginaN2
{
    font-size: 12pt;
    color: #2A6497;
    text-align: left;
    font-family: verdana;
	font-weight: bold;
	text-decoration: none;
}

.tituloCampo
{
    font-size: 9pt;
    color: #2A6497;
    text-align: right;
    font-family: verdana;
	margin: 3px 10px 0px 0px;
    font-weight: bold;
	float: left;
}

.boxCampo
{
	padding: 5px;
}

.boxCampo input, select, textarea
{
	color: #888;
	font-family: verdana;
	font-size: 9pt;
}

.link
{
    font-size: 10pt;
    color: #0080C1;
    font-family: verdana;
}

.quadroDestaqueDireita
{
    width:220px;
    padding:0px 0 5px 20px;
    margin:10px 0px 0px 10px;
    float:right;
    border-left:1px dotted #0080C1;
    color:#0080C1;
    font-size:11pt;
	font-family: verdana;
    line-height:21px;
    text-align: left;
	text-indent: 0px;
	text-decoration: none;
}

.quadroDestaqueEsquerda
{
    width:220px;
    padding:0px 20px 5px 0px;
    margin: 10px 10px 0px 0px;
    float:left;
    border-right:1px dotted #0080C1;
    color:#0080C1;
    font-size:16px;
    line-height:21px;
    text-align: right;
}

.imagem
{
	float: left;
	border: 0px;
}

.video
{
	float: left;
	text-align: left;
	padding: 10px;
	margin: 0px 0px 0px 10px;
	text-indent: 0px;
}

.boxMenuImagensLinks
{
	border: 1px solid #ECECEC;
	margin: 3px;
	text-align: middle;
	text-indent:0px;
	cursor: hand;
	height: 110px;
	width: 110px;
	float: left;
}

.boxMenuImagensLinks
{
	border: 1px solid #ECECEC;
	margin: 3px;
	text-align: middle;
	text-indent:0px;
	cursor:pointer;
	cursor: hand;
	height: 110px;
	width: 110px;
	float: left;
}

.boxMenuImagensLinks #abc:hover
{
	border: 1px solid #FFFF00;
	margin: 0px;
	text-align: middle;
	text-indent:0px;
	cursor:pointer;
	cursor: hand;
	height: 110px;
	width: 110px;
	float: left;
}

.boxMenuImagensLinks img
{
	border-right: 2px solid #ECECEC;
	border-bottom: 2px solid #ECECEC;
	width: 80px;
	height: 70px;
	margin: 3px;
	border:1px solid white;
}

.boxMenuImagensLinks img:hover
{
	border-right: 2px solid #ECECEC;
	border-bottom: 2px solid #ECECEC;
	width: 80px;
	height: 70px;
	margin: 3px;
	border:1px solid red;
}

.legendaMenuImagensLinks
{
	width: 100px;
	text-indent: 0px;
	vertical-align: middle;
	font-size: 8pt;
	text-align: center;
	height: 30px;
	margin: 0px;
	border: 1px solid blue
}

.botao
{
	border: 1px solid gray;
	font-size:8pt;
	font-family: verdana;
	color: white;
	font-weight: bold;
	background-color: 0080C1;
	cursor: hand;
}

#container
{
    width:940px;
	height: auto;
	min-height: 100%;
	padding-bottom: 70px;
	background-color: #FFFFFF;
    margin: auto;
	border: 0px solid;
	display: table;
}

#corpo
{
    width: 942px;
	height: 100%;
	background-color: #FFFFFF;
	float: left;
	border: 0px blue solid;
	display: table;
}

#conteudo
{
	margin: 0px 0px 0px 0px;
    width: 858px;
	height: 100%;
	border: 0px solid orange;
	float: left;
}

#cabecalho
{
    width: 942px;
	/*height: 198;*/
    margin: 0px;
}

#bordaPaginaTopo
{
	width: 618px;
	height: 46px;
	background-image: url('../Imagens/Layout/bordaPaginaTopo.gif');
    background-repeat:repeat-x;
	float: left;
	border: 0px blue solid;
}

#bordaCabecalhoEsquerda
{
	height: 30px;
	margin-top: 0px;
	width: 40px;
	background-image: url('../Imagens/Layout/bordaPaginaEsquerda.gif');
    background-repeat:repeat-y;
	clear: both;
	float: left;
	border: 1px solid red;
}

#bordaCabecalhoDireita
{
	height: 130px;
	width: 42px;
	background-image: url('../Imagens/Layout/bordaPaginaDireita.gif');
    background-repeat:repeat-y;
	float: right;
	border: 0px solid red;
}

#bordaPaginaEsquerda
{
    background-image: url('../Imagens/Layout/bordaPaginaEsquerda.gif');
    width: 40px;
	height: 100%;
    background-repeat:repeat-y;
	float: left;
	position: relative;
	border: 0px solid yellow;
}

#bordaPaginaDireita
{
    background-image: url('../Imagens/Layout/bordaPaginaDireita.gif');
    width: 42px;
	height: 100%;
    background-repeat:repeat-y;
	float: right;
	border: 0px solid yellow;
}

#rodape
{
	background-color: #FFFFFF;
    width: 942px;
	border: 0px solid red;
    margin-top: -70px;
    height: 70px;
    clear: both
}

#bordaPaginaBaixo
{
	margin-top: 26px;
	width: 812px;
	height: 44px;
	background-image: url('../Imagens/Layout/bordaPaginaBaixo.gif');
    background-repeat:repeat-x;
	float: left;
	border: 0px blue solid;
	text-align: right;
}

#cantoPaginaEsquerdoBaixo
{
	background-image: url('../Imagens/Layout/cantoPaginaEsquerdoBaixo.gif');
	width: 64px;
	height: 70px;
	float: left;
	margin-left: 0px;
	border: 0px solid red;
}

#cantoPaginaDireitoBaixo
{
	background-image: url('../Imagens/Layout/cantoPaginaDireitoBaixo.gif');
	width: 66px;
	height: 70px;
	float: left;
	border: 0px solid red;
}

#cantoPaginaDireitoTopo
{
	background-image: url('../Imagens/Layout/cantoPaginaDireitoTopo.gif');
	width: 66px;
	height: 70px;
	float: left;
	border: 0px solid red;
}

#logo
{
	background-image: url('../Imagens/Layout/cantoPaginaEsquerdoTopo.gif');
	width: 258px;
    height: 200px;
    float: left;
	border: 0px solid red;
}

#bannerTopo
{
	width: 620px;
    height: 110px;
	margin: -26px 0px -2px 0px;
    float: left;
}

#bannerPainelControle
{	
	background-image: url('../Imagens/Layout/banner_painelControle.jpg');
	width: 620px;
    height: 110px;
	margin-top: -27px;
    float: left;	
}

#formularioContato
{	
	clear: both;
	float: left;
	margin: 10px 0px 0px 0px;
	width: 420px;
	border: 0px solid red;
}

#dadosContato
{
	float: left;
	margin: 10px 0px 0px 30px;
	padding: 10px 0px 10px 20px;
	text-align: right;
	border-left:1px dotted #0080C1;
    color:#0080C1;
    font-size:9pt;
	font-family: verdana;
}

#botoesContato
{
	margin: 0px 10px 0px 154px; 
	text-align: left;	
}

#desenvolvidoPor, a
{
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	margin-top: 30px;
}

#dadosContatoIndex
{
	text-decoration: none;
	font-family: verdana;
	font-size: 8pt;
	color: #999;
	text-align: center;
}

#tabelaCamposEdicao
{
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
    color: #2A6497;
}

#tabelaCamposEdicao tr
{
	padding: 5px;
}

#tecladoLogin
{
	width:230px; 
	text-indent: 0px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: both;
	border: 0px solid blue;
}

#boxSenha
{
	width:230px; 
	height: 20px;
	border: 0px solid green;
}

#corpoFormularioLogin
{
	text-align: left;
}

#formularioLogin
{
	width: 250px; 
	clear: both; 
	margin-left: 20px; 
	border: 0px solid red;
}

#tecladoLogin input
{
	width:64px; 
	height:44px; 
	border:0px solid 000; 
	background-color: FFF;
	background-image: url('../Imagens/Layout/botaoTecladoLogin.jpg');
	background-repeat: no-repeat;
	cursor:hand;
	
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
    color: #2A6497;
	float: left;
}

.tituloTabelaCamposEdicao
{
	background: #EEEEEE;
}

.celulaCamposEdicao
{
	background: #EEEEEE;
}

.camposEdicaoText
{
	border: 1px solid #0080C1;
	width: 600px;
	font-size: 10pt;
    color: #808080;
}

.camposEdicaoTextArea
{
	border: 1px solid #0080C1;
	width: 600px;
	height: 50px;
	font-size: 10pt;
    color: #808080;
}

/*__________________________________________________________________________________________________________________*/
/*<<<<< menuImagensLinks >>>>>*/
.menuImagensLinks
{
    font-family: Verdana;
	text-indent: 0px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.menuImagensLinks ul
{
	margin: 10;
	padding: 0;
	list-style: none;
	font-size: 8pt;
}

.menuImagensLinks li
{
	float: left;
	white-space: nowrap;
	padding: 0px 3px 3px 0px;
}

.menuImagensLinks li a
{
	display: block;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	background-color: #F0F0F0;
	color: #999999;
	text-align: center;
	height: 100px;
	width: 105px;
	text-decoration: none;
}

.menuImagensLinks img
{
	width: 80px;
	height: 60px;
	margin: 3px;
	border-top: 0px solid white;
	border-left: 0px solid white;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.menuImagensLinks a:hover, .menuImagensLinks a.selected
{
	padding: 3px;
	background-color: #85AED8;
	color: #FFFFFF;
}

.imagensEdicao
{
	width: 80px;
	height: 60px;
	margin: 3px;
	border-top: 0px solid white;
	border-left: 0px solid white;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

/*__________________________________________________________________________________________________________________*/
/*<<<<< galeria >>>>>*/

#galeria
{

	margin: 10px 5px 10px 5px;
	border: 0px solid red;
	text-indent: 0px;
	font-family: Verdana;
	background-color: #000;
	width: 830px;
	height: 556px;
	float: left;

	scrollbar-arrow-color:#888;
    scrollbar-3dlight-color:#333;
    scrollbar-highlight-color:#888;
    scrollbar-face-color:#000;
    scrollbar-shadow-color:#888;
    scrollbar-darkshadow-color:#333;
    scrollbar-track-color:#888;
}

#galeria ul
{
	padding: 0;
	list-style: none;
	font-size: 8pt;
}

#boxMenuPreview
{
	float: left;
	height: 530px;
	width: 135px;
	float: left;
}

#controle
{
	border: 0px solid blue;
	width: 130px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	float: right;
}

#controle a img
{
	text-decoration: none;
	border: 0px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#controle input
{
	text-align: left;
	border: 0px solid red;
	margin: 0px;
	float: left;
	padding: 0px;
	white-space: nowrap;
}

#controle div
{
	float: left;
	border: 0px solid red;
	overflow: hidden;
	padding: 0px;
}

#menuPreview
{
	float: left;
	margin: 0px 0px 10px 5px;
	height: 510px;
	width: 120px;
	float: left;
	overflow-y: scroll;
	background-color: #000;
	text-align: left;
}

#menuPreview li
{
	float: left;
	white-space: nowrap;
	margin: 3px;
}

#menuPreview li a
{
	display: block;
	margin: 0px;
	background-color: #D0D0D0;
	border: 1px solid #000;
	color: #999999;
	text-align: center;
	height: 70px;
	width: 90px;
	text-decoration: none;
}

#menuPreview img
{
	width: 80px;
	height: 60px;
	margin: 4px 5px 5px 5px;	
}

#menuPreview a:hover
{
	background-color: #85AED8;
}

#menuPreview a.activeSlide 
{ 
	background: #85AED8; 
}

#menuPreview a:focus 
{ 
	outline: none; 
}

#menuPreview img 
{ 
	border: none; display: block 
}

#imagemAmpliada
{
	float: left;
	text-indent: none;
	left: 0px;
	float: left;
	margin: 10px 0px 0px 5px;
	border: 0px solid red;
}

#imagemAmpliada img
{
	width: 680px;
	height: 510px;
	padding: 0px;
}

#legendaImagemAmpliada
{
	background-color: #888;
	width: 680px;
	height: 20px;
	margin-left: 0px;
	font-size: 9pt;
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	color: #FFF;
	float: left;
}
