@import url("classes.css");

/**************************************************
ESTILOS GERAIS DO ICID + 18
AUTOR: AURÉLIO WILDSON TEIXEIRA DE NORONHA
EMAIL: AWILDSON@FUNCEME.BR

****************************************************/
/* Caution! Ensure accessibility in print and other media types...*/

@media projection , screen {
    /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .tabs-hide
    {
        display: none;
    }
}


/*Hide useless elements in print layouts... */
@media print {
    .tabs-nav
    {
        display: none;
    }
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

/************************************************
CLASSE GERAL
*************************************************/
#Body {


    font-family: Arial;
    font-size: 12px;
}

#Topo {

    background: url(../imagens/bg_topo.jpg) center top repeat-x;
    height: 200px;
    width: 100%;
}

    #Topo #conteudo_topo{

	height: 200px;
	width: 980px;
        margin: 0 auto;
    }

    		#Topo #conteudo_topo h1{

                    float: left;
                    margin: 10px 0 0 5px;
		}


                    #Topo #conteudo_topo h1 a{

                        background: url(../imagens/logo.png) no-repeat;
                        width: 196px;
                        display: block;
                        text-indent: -9999px;
                        overflow: hidden;
                        height: 175px;
                        text-decoration: none;
                      }

                #Topo #conteudo_topo .fr{

			height: 102px;
			width: 760px;
                        float: right;
		}

			#Topo #conteudo_topo .fr .box_controle{

				height: 71px;
				width: 543px;
				display: block;
				float: right;
				margin: 7px 0 18px 0;
				position: relative;
			}

                        #Topo #conteudo_topo .fr .box_controle .controle{

					height: 71px;
					width: 543px;
					background: #000;
					border-left: 1px solid #a97100;
					border-right: 1px solid #a97100;
					border-bottom: 1px solid #a97100;
					filter:alpha(opacity=30);
					-moz-opacity: 0.3;
					opacity: 0.3;
					border-radius: 0 0 5px 5px;
					-moz-border-radius: 0 0 5px 5px;
					-webkit-border-radius: 0 0 5px 5px;
					position: absolute;
				}

				#Topo #conteudo_topo .fr .box_controle .conteudo_controle{

					height: 63px;
					width: 523px;
					position: absolute;
					padding: 8px 10px 0 10px;
				}

					#Topo #conteudo_topo .fr .box_controle .conteudo_controle .fl{

						height: 20px;
						width: 200px;
						margin-left: 10px;
                                                float: left;
                                                margin-left: 10px;
					}

						#Topo #conteudo_topo .fr .box_controle .conteudo_controle .fl p{

							float: left;
							margin: 2px 7px 0 0;
							color: #fff;
						}

						#Topo #conteudo_topo .fr .box_controle .conteudo_controle .fl .lista_idioma{

							height: 20px;
                                                        list-style: none outside none;
						}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fl .lista_idioma li{

								float: left;
								margin-right: 9px;
                                                                margin: 0 9px 0 0;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fl .lista_idioma .pt a{

								height: 20px;
								background: url(../imagens/icon_pt.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fl .lista_idioma .es a{

								height: 20px;
								background: url(../imagens/icon_es.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fl .lista_idioma .en a{

								height: 20px;
								background: url(../imagens/icon_en.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fl .lista_idioma .fra a{

								height: 20px;
								background: url(../imagens/icon_fr.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

					#Topo #conteudo_topo
					.fr .box_controle
					.conteudo_controle .fr{

						height: 20px;
						width: 205px;
					}

						#Topo #conteudo_topo
						.fr .box_controle .conteudo_controle
						.fr p{

							float: left;
							margin: 2px 7px 0 0;
							color: #fff;
						}

						#Topo #conteudo_topo
						.fr .box_controle .conteudo_controle
						.fr .lista_redes{
							height: 20px;
                                                        list-style: none outside none;
						}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fr .lista_redes li{

								float: left;
								margin-right: 4px;
                                                                list-style: none outside none;
                                                                margin-right: 4px;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fr .lista_redes .facebook a{

								height: 20px;
								background: url(../imagens/icon_facebook.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fr .lista_redes .twitter a{

								height: 20px;
								background: url(../imagens/icon_twitter.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fr .lista_redes .youtube a{

								height: 20px;
								background: url(../imagens/icon_youtube.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

						#Topo #conteudo_topo
						.fr .box_controle .conteudo_controle
						.fr .lista_redes .blogger{

							margin-right: 0 !important;
						}

							#Topo #conteudo_topo
							.fr .box_controle .conteudo_controle
							.fr .lista_redes .blogger a{

								height: 20px;
								background: url(../imagens/icon_blogger.png) no-repeat;
								width: 27px;
                                                                text-decoration: none;
                                                                display: block;
                                                                overflow: hidden;
                                                                text-indent: -9999px;
							}

					
                                        #cse-search-box .busca1{

						width: 470px;
						height: 20px;
						margin: 9px 0 0 10px;
						color: #666;
                                                float: left;
					}

                                        #cse-search-box .AcaoBuscar{
                                            
                                               background:  url(../imagens/lupa.png) no-repeat;
                                               width: 26px;
                                               height: 24px;
                                               text-decoration: none;
                                               overflow: hidden;
                                               text-indent: -9999px;
                                               float: left;
                                               border: none;
                                               margin-top: 11px;
                                               cursor: pointer;
                                    }


                        #Topo #conteudo_topo
			.fr .titulo_geral{

				height: 93px;
				width: 100%;
				float: right;
				display: block;
				padding-top: 10px;
			}

				#Topo #conteudo_topo
				.fr .titulo_geral h2{

					color: #2f230b;
					font-size: 1.9em;
					margin-bottom: 5px;
				}

				#Topo #conteudo_topo
				.fr .titulo_geral p{

					color: #2f230b;
					font-size: 1.1em;
				}



.bloco_direita .area {
    color: #362A10;
    position: relative;
    top: 0;
    text-align: justify;
   
}

.bloco_direita .area #BotoesCentral{
    position: relative;
    top: -16px;
    font-family: Arial,Verdana;
}

.bloco_direita .area #BotoesCentral img {
    border: medium none;
    float: right;
    height: 20px;
    width: 20px;
    }

.bloco_direita .TextoCentral .TituloCentral {
    color: #362A10;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    top: 0;
    text-align: justify;
}


.bloco_direita #ConteudoApresentacao #Area {
    color: #362A10;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    top: 0;
        margin-bottom: 5px;
    text-align: justify;
}

.bloco_direita #ConteudoApresentacao #Area #BotoesCentral{
    position: relative;
    top: -16px;
    font-family: Arial,Verdana;
}

.bloco_direita #ConteudoApresentacao #Area #BotoesCentral img {
    border: medium none;
    float: right;
    height: 20px;
    width: 20px;
}

/***********************************
TOPO DO SITE
************************************/

#AlertBrowser {
    position: relative;
    vertical-align: top;
    width: 1024px;
    background-color: #df8a1f;
    text-align: center;
}

#AlertBrowser .TextAlert {
    font-weight: bold;
    font-size: 13px;
    padding: 5px 5px 5px 5px;
}


/*-------------------- CONTEUDO ---------------------*/
.box_conteudo{
	width: 100%;
}

	.conteudo{
		width: 980px;
		margin: 0 auto 20px auto;
		padding-top: 20px;
	}

		.conteudo
		.coluna_esquerda{
			width: 200px;
			margin-right: 20px;
			float: left;
		}

				
				.menu_principal
				li a{
                                    background: url("../imagens/seta.jpg") no-repeat scroll 0 11px transparent;
                                    border-bottom: 1px solid #D7D5D0;
                                    color: #2F230B;
                                    display: block;
                                    padding: 8px 0 8px 12px;
                                    position: relative;
				}

				
				.menu_principal
				li a:hover{
					text-decoration: underline;
				}


                                     
                                        .menu_principal
                                        li {
                                              background-color: #FFFFFF;
                                              position: relative;
                                              width: 200px;
                                              z-index: 99999;
                                        }

                                        .menu_principal
                                        li:hover{
                                                background: url(../imagens/menu_hover.jpg) bottom right no-repeat;
                                        }

                                       
                                            .menu_principal li ul {
                                                    display: none;
                                                    left: 200px;
                                                    position: absolute;
                                                    top: 0;
                                                    background: #fff url(../imagens/menu_hover.jpg) bottom right no-repeat;
                                            }

                                            .menu_principal li ul li{
                                                    float: none !important;
                                            }

                                            .menu_principal li ul li a {
                                                    left: 0;
                                                    position: relative;
                                                    top: 0;
                                                    background: #fff;
                                                    padding: 8px 0 8px 12px;
                                                    display: block;
                                                    border-left: 2px solid #000;
                                            }
                                        
                                                .menu_principal
                                                li:hover ul {
                                                    display: block;
                                                }
		.conteudo
		.bloco_direita{
			width: 760px;
			float: right;
		}

			.conteudo
			.bloco_direita
			.banner_principal{
				width: 760px;
				height: 257px;
                                position: relative;
				margin-bottom: 20px;
			}

                            .conteudo
                            .bloco_direita
                            .banner_principal
                            .NoticiasHome{
                                    width: 760px;
                                    height: 257px;
                                    position: relative;
                                    margin-bottom: 20px;
                            }

                                .conteudo
                                .bloco_direita
                                .banner_principal
                                .NoticiasHome
                                .ImagemNoticia{
                                        position: absolute;
                                        z-index: 0;
                                        width: 760px;
                                        height: 257px;
                                        display: block;
                                }

                                    .conteudo
                                    .bloco_direita
                                    .banner_principal
                                    .NoticiasHome
                                    .ImagemNoticia img {
                                        width: 760px;
                                        height: 257px;
                                    }

                                .conteudo
                                .bloco_direita
                                .banner_principal
                                .NoticiasHome
                                .box_noticia {
                                        filter:alpha(opacity=70);
                                        -moz-opacity: 0.7;
                                        opacity: 0.7;
                                        background: black;
                                        height: 257px;
                                        width: 250px;
                                        position: absolute;
                                }

                                 .conteudo
                                 .bloco_direita
                                 .banner_principal
                                 .NoticiasHome
                                 .texto_banner {
                                        height: 257px;
                                        width: 240px;
                                        position: absolute;
                                }

                                .conteudo
                                .bloco_direita
                                .banner_principal
                                .NoticiasHome
                                .TextoBanner{
                                        position: absolute;
                                        z-index: 1;
                                }

                                    
                                    .conteudo
                                    .bloco_direita
                                    .banner_principal
                                    .NoticiasHome
                                    .TextoBanner a{
                                        color: #fff;
                                        text-align: justify;
                                        float: left;
                                        text-align: left;
                                    }
                                    
                                    .conteudo
                                    .bloco_direita
                                    .banner_principal
                                    .NoticiasHome
                                    .texto_banner h2{

                                        color: #FFFFFF;
                                        font-size: 1.4em;
                                        padding: 19px 0 0 9px;
                                        float: left;
                                        text-align: left;
                                    }

                                    .conteudo
                                    .bloco_direita
                                    .banner_principal
                                    .NoticiasHome
                                    .texto_banner a{

                                        color: #FFFFFF;
                                        padding: 6px 0 0 10px;
                                        font-size: 1.1em;
                                        float: left;
                                        text-align: left;
                                    }

			.conteudo
			.bloco_direita
			.coluna_meio{
				width: 540px;
				float: left;
			}

				.conteudo
				.bloco_direita
				.coluna_meio
				.conteudo_ultimas_noticias{
					min-height: 400px;
                                        
					border-left: 1px solid #d7d5d0;
					border-right: 1px solid #d7d5d0;
					border-bottom: 1px solid #d7d5d0;
				}

					.conteudo
					.bloco_direita
					.coluna_meio
					.conteudo_ultimas_noticias
					li{
                                                background: #f4f4f4;
                                                border-bottom: 1px dotted #A3A19B;
                                                clear: both;
                                                display: block;
					}

						.conteudo
						.bloco_direita
						.coluna_meio
						.conteudo_ultimas_noticias
						li p{
                                                        background: none repeat scroll 0 0 #e1e1e1;
                                                        color: #2F230B;
                                                        float: left;
                                                        margin-right: 10px;
                                                        padding: 20px 10px;
                                                        text-align: center;
                                                        width: 77px;
						}

						.conteudo
						.bloco_direita
						.coluna_meio
						.conteudo_ultimas_noticias
						li a{
                                                        color: #00397F;
                                                        float: left;
                                                        margin: 10px 0 0;
                                                        text-align: left;
                                                        width: 440px;
						}

						.conteudo
						.bloco_direita
						.coluna_meio
						.conteudo_ultimas_noticias
						li a:hover{
							text-decoration: underline;
						}
			.conteudo
			.bloco_direita
			.col_direita{
				width: 200px;
				float: right;
			}

				.conteudo
				.bloco_direita
				.col_direita
				.banner_coluna_direita{
					margin-bottom: 20px;
				}

				.data{
					background: url(../imagens/bg_datas_importantes.jpg) repeat-y;
					width: 200px;
					height: 15px;
					color: #fff;
					font-size: 0.9em;
					font-weight: bold;
					padding-left: 5px;
					margin-bottom: 5px;
				}

				.descricao_datas{
					margin-bottom: 10px;
					display: block;
					color: #00397f;
				}

				.descricao_datas:hover{
					text-decoration: underline;
				}

/*-------------------- FIM CONTEUDO ---------------------*/

/*-------------------- PÁGINAS INTERNAS ----------------------*/

.box_conteudo .conteudo .bloco_direita .coluna_meio  #ConteudoApresentacao{
    padding: 10px 10px 40px;
    text-align: justify;
    width: 760px;
}
  

.box_conteudo .conteudo.bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral
{
    position: relative;
    top: 15px;
}

.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral p
{
    text-align: justify;
}

.TextoCentral 
{
    position: relative;
    top: 10px;
}

.TextoCentral a
{
    color: #003980;
    text-align: left;
        text-decoration: none;
}

.TextoCentral span
{
    text-align: justify;
    margin-bottom: 10px;
}

.TextoCentral p
{
    text-align: justify;
    margin-bottom: 10px;
}

.TextoCentral span ul
{
    list-style: square outside none;
    margin-left: 30px;
    text-align: justify;
}

.TextoCentral .TopicoGeral{
    padding-left: 5px;
    margin-top: 10px;
}

.TextoCentral .TopicoGeral em{
    font-weight: bold;
}

td:nth-child() {
    background-color:#eee;
}

.TextoCentral .TopicoGeral ul
{
    margin-bottom: 5px;
    margin-left: 30px;
    margin-top: 10px;
    text-align: justify;

}

.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral p a
{
    color: blue;
    text-align: left;
}


.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TituloCentral{

    color: #362A10;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    top: 0;
}

.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral .table
{
    border-spacing: 5px;
}

.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral .CalendarioMes
{
    border-bottom: 1px solid #BECE9C;
    border-left: 1px solid #BECE9C;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 0;
}

.box_conteudo .conteudo .bloco_direita  .coluna_meio #ConteudoApresentacao .TextoCentral .td
{
    border-bottom: 1px solid #BECE9C;
}

.button {
    -moz-border-radius: 5px 5px 5px 5px;
    background: -moz-linear-gradient(center top , #FFFFFF, #D9D9D9) repeat scroll 0 0 transparent;

}
.botoes_dia{
	
	margin: 20px 0 10px 0;
}

	.botoes_dia
	ul li{
		
		float: left;
		margin-right: 3px;
	}

	.botoes_dia
	ul li a{
		height: 20px;
		display: block;
		color: #2f230b;
		font-size: 1.0em;
		text-align: center;
		padding: 5px 9px 0 9px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		behavior:url(border-radius.htc);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d9d9d9));
		background: -moz-linear-gradient(top,  #fff,  #d9d9d9);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d9d9d9');
		border: 1px solid #c7c7c7;
	}


	.botoes_dia
	ul li a:hover{
		color: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#443213), to(#211809));
		background: -moz-linear-gradient(top,  #443213,  #211809);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#443213', endColorstr='#211809');
	}


        .dia_select a:link{
                color: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#443213), to(#211809));
		background: -moz-linear-gradient(top,  #443213,  #211809);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#443213', endColorstr='#211809');
        }

        .dia_select a:visited{

		color: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#443213), to(#211809));
		background: -moz-linear-gradient(top,  #443213,  #211809);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#443213', endColorstr='#211809');
	}


.botoes_dia ul {

    margin-bottom: 5px;

	}

        .links a{
            color: #003980 ;
            text-align: left ;
        }
/*-------------------- AGENDA ----------------------*/
/*-------------------- BIBLIOT ----------------------*/

.box_lista{
    background:  #e5e5e5;
    height: 25px;
    text-align: center;
}

.box_lista .lista_geral_1{
    text-align: center;
    min-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.box_lista .lista_geral_1 p{
    margin: 0 !important;
    padding-top: 5px;
    font-weight: bold;
    text-align: center !important;
    color: #666666;
}

.box_lista .lista_geral{
    width: 60px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    min-height: 25px;
}

.box_lista .lista_geral p{
    margin: 0 !important;
    color: #666666;
    font-weight: bold;
    padding-top: 5px;
    text-align: center !important;
}

.box_lista .lista_geral_5{
    min-height: 25px;
    width: 60px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.box_lista .lista_geral_5 p{
    margin: 0 !important;
    color: #666666;
    font-weight: bold;
    padding-top: 5px;
    text-align: center !important;
}

.ListaGeralTitulo
{
    color: #000;
    text-align: center;
    font-size: 12px;
}

.TextoCentral .ListaGeralItem2{
    background-color: #f1f1f1;
    height: 30px;
}

.TextoCentral .ListaGeralItem2 td{
    background-color: #f1f1f1;
    padding-top: 6px;
    text-align: left !important;
}

.TextoCentral .ListaGeralItem1{
    background-color: #f8f8f8;
    height: 30px;
    padding-top: 6px;
}

.TextoCentral .ListaGeralItem1 td{
    background-color: #f8f8f8;
    text-align: left !important;
    padding-top: 6px;
}

.InformacoesArquivo{
    float: left;
    background: none repeat scroll 0 0 #FBF9C5;
    border: 1px solid #000000;
    font-size: 10px;
    position: absolute;
}
/*-------------------- ABIBLIOT ----------------------*/
/*-------------------- Sarachik ----------------------*/
.horario_block {
    display: block;
    overflow: hidden;
    width: 736px;
}

.horario_manha{
    -moz-border-radius:3px 3px 3px 3px;
    background: none repeat scroll 0 0 #D6D6D6;
    height: 25px;
    padding:2px;
    margin-bottom: 7px;
}

.horario_manha p{
    color: #2B546F;
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 4px;
    text-align: center !important;
}
.block p{
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #FFFFFF;
    color: #2F230B;
    font-weight: bold;
    text-align: center !important;
    min-height: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*-------------------- Sarachik  ----------------------*/
/*-------------------- GALERIA ----------------------*/

.titulo_a{

    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #D6D6D6;
    height: 30px;
}

.titulo_a h2{
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 7px 0 0 7px;
}
.TextoCentral #gallery_home ul li {
        margin-bottom: 10px;
}

.TextoCentral #gallery {
    z-index: 3000;
}

.TextoCentral #gallery ul {
    padding: 0px;
}

.TextoCentral #gallery ul li {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    list-style: none;
    padding: 5px;
    padding-bottom: 10px;
    margin: 2px;
    background-color: #e0e0e0;
}

.TextoCentral #gallery ul li a {
    display: block;
    text-decoration: none;
}

.TextoCentral #gallery ul li img {
    border: none;
}

.TextoCentral .back{
    background: url(../imagens/back_icon.png) repeat-x; 
}

.icid_18 ul li{
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    width: 115px;
    height: 120px;
    float: left;
    margin-right: 5px;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 10px;
}

.icid_18 ul li a img{
    width: 100px;
    height: 80px;
        text-decoration: none;
}

.epne{
    padding-top: 10px;
}

.epne ul li{
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    width: 115px;
    height: 120px;
    float: left;
    margin-right: 5px;
    text-align: center;
    padding-top: 8px;
    margin-bottom: 10px;
}

.epne ul li a img{
    width: 100px;
    height: 80px;
        text-decoration: none;
}
/*-------------------- GALERIA ----------------------*/
/*-------------------- CALENDARIO ----------------------*/

.calendar_geral{
    float: left;
}

.calendar_events{
    width: 520px;
}
.calendar_events .events {
    padding-left: 4px;
    margin-top: 8px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    height: 39px;

}

.events p{
    margin-bottom: 5px;
    color: #473414;
    padding-bottom: 4px;
    padding-top: 12px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 12.1px !important;
    margin-left: 111px;
}

.bg_data{
    background:  url(../../imagens/bg_data.jpg) repeat-x;
    width: 111px;
    height: 39px;
    float: left;
}

.bg_data p{
    text-align: center !important;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
}
/*-------------------- CALENDARIO ----------------------*/
/*-------------------- RODAPE SITE ---------------------*/
    .rodape{

	background: url(../../imagens/bg_rodape.jpg) repeat-x;
	width: 100%;
	height: 83px;
}

	.rodape
	.conteudo_rodape{
		width: 980px;
		height: 53px;
		margin: 0 auto;
		text-align: center;
		padding-top: 30px;
	}

		.rodape
		.conteudo_rodape p{
			color: #fff;
		}



/*-------------------- REGRAS GERAIS ----------------------*/

h1,h2,h3,h4,h5,h6{ margin: 0; }
ul,li{ list-style: none; }
a:link{ text-decoration: none; }
a img{ border: none; }

*-------------------- CSS ANTIGO ----------------------*/
/*********************************************************

#ClasseGeral #textEmail {
    padding:20px;
}

#ClasseGeral .BarraFerramentas {
    position: absolute;
    top: 168px;
    z-index: 2000;
}

#ClasseGeral .BarraFerramentas .LoginAdmin {
    position: absolute;
    left: 180px;
    width: 500px;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a {
    color: #000000;
    text-decoration: none;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a:visited {
    color: #000000;
}

#ClasseGeral .BarraFerramentas .LoginAdmin a:hover {
    color: #6A4F1C;
}

#ClasseGeral .BarraFerramentas .LoginAdmin input {
    width: 100px;
    border: solid 1px #CCCCCC;
    font-family: Arial, Verdana;
    font-size: 13px;
}

#ClasseGeral .BarraFerramentas .LoginAdmin .EnviarLogin {
    width: 55px;
    background-color: #E8E2DA;
    padding-left: 2px;
    padding-right: 2px;
}

#ClasseGeral .BarraFerramentas .MapaDoSite {
    position: relative;
    top: 1px;
    left: 390%;
    border: 1px #FFFFFF;
    border-style: solid;
    padding: 1px 5px 1px 5px;
    z-index: 1000;
}

#ClasseGeral .BarraFerramentas .MapaDoSite a {
    text-decoration: none;
    color: #000000;
}

#ClasseGeral .BarraFerramentas .Busca {
    left: 450%;
    position: relative;
    top: -17px;
    z-index: 1000;
}

#ClasseGeral .BarraFerramentas .Busca input {
    width: 100px;
    border:solid 1px #CCCCCC;
    margin-right: 2px;
    font-family: Arial, Verdana;
    font-size: 13px;
}

#ClasseGeral .BarraFerramentas .Busca .AcaoBuscar {
    width: 70px;
    border: solid 1px #CCCCCC;
    background-color: #E8E2DA;
    padding-left: 2px;
    padding-right: 2px;
}

/*************************************
CONTEUDO CENTRAL DO SITE - CSS ANTIGO


#ClasseGeral #Central #ConteudoCentral {
    position: relative;
    background-image:url(../imagens/fundo.png);
    border-right:solid 1px #436e00;
    border-left:solid 1px #436e00;
    margin-left: 0px;
    top: 0px;
    left: 150px;
    width: 690px;
    min-height: 900px;
}
**************************************/

#ClasseGeral #Central #ConteudoCentral #menuEvents{
    position:relative;
    display:block;
    margin:0px;
    padding:0;
    list-style:none;
}
#ClasseGeral #Central #ConteudoCentral #eventsLogo{
    position:relative;
    float:right;
    top:0px;
    width:180px;
    height:45px;
}
#ClasseGeral #Central #ConteudoCentral #eventsLogo img{
    position:relative;
    width:180px;
    height:45px;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents li{
    display:inline;
    padding:2px;
    padding-right:5px;
    text-align:center;
    border-right:2px solid #362A10;
}
#ClasseGeral #Central #ConteudoCentral #menuEvents .liLeft {
    border-left:2px solid #362A10;
    padding-left:5px;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents li a{
    text-decoration:none;
}

#ClasseGeral #Central #ConteudoCentral #menuEvents .tabs-selected{
    font-weight:bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao {
    padding: 10px 10px 40px 10px;
    text-align: justify;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .titleTbl{
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .fieldsetListaContribuicoes{
    width: 650px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .listaContribuicoes{
    padding: 0px;
    text-decoration: none;
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .listaContribuicoes li{
   
    padding: 5px;
    text-decoration: none;
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area {
    position: relative;
    top: 0px;
    color: #362A10;
    font-size: 11px;
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area #BotoesCentral
{
    position: relative;
    top: -16px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao #Area #BotoesCentral img
{
    float: right;
    border: none;
    width: 20px;
    height: 20px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TituloCentral
{
    position: relative;
    top: 0px;
    color: #362A10;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 15px;
}


#ClasseGeral #Central #ConteudoCentral .NoticiaHome{
    margin:1px;
    width:668px;
    height:200px;
    background-image:url("../imagens/fundo-news-home.gif");
    overflow: hidden;
    position: relative;

}

#ClasseGeral #Central #ConteudoCentral .NoticiaList a{
    text-decoration: none;
}

#ClasseGeral #Central #ConteudoCentral .NoticiaList img{
    width:8px;
}

#ClasseGeral #Central #ConteudoCentral .NoticiasHome {
    position: absolute;
    top: 0px;
    display: block;
    opacity: 1;
    height: 200px;
    width:100%;
}

#ClasseGeral #Central #ConteudoCentral .NoticiasHome a{
    text-decoration: none;
}

#ClasseGeral #Central #ConteudoCentral .TituloNoticia
{
    position:absolute;
    float:left;
    left:270px;
    width:375px;
    font-weight:bold;
    font-size:14px;
    padding: 5px;
}

#ClasseGeral #Central #ConteudoCentral .ImagemNoticia{
    margin-right: 5px;
    position:absolute;
    float:left;
    width:267px;
    heigth:200px;
}
#ClasseGeral #Central #ConteudoCentral .TextoNoticia
{
    position:absolute;
    float:left;
    top:44px;
    left:271px;
    width:380px;
    heigth:80px;
    padding: 5px;
    border-top:1px double black;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .AlertPermission
{
    background-color: #fbc010;
    text-align: center;
    border: 1px solid #362A10;
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    font-size: 14px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .InformacoesArquivo
{
    position: absolute;
    background: #fbf9c5;
    font-size: 10px;
    border: 1px solid #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TopicoGeral
{
    padding-left: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TopicoGeral em
{
    font-weight: bold;
}


#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral a
{
    color: blue;
    text-align: left;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD
{
    width: 70%;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD .Articles
{
    background-color: #E8E2DA;
    padding-top: 10px;
    padding-left: 10px;
    border: 1px solid #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle
{
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #ffffff;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li
{
    display: inline;
    background-color: #E8E2DA;
    color: #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    border: 1px solid #000000;
    border-bottom: 1px solid #fcfbc5;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li:HOVER
{
    background-color: #fbfbf2;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD .tabs-selected a
{
    font-weight: bold;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #AuthorADD #MenuArticle li a
{
    text-decoration: none;
    color: #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto
{
    list-style: none;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto a
{
    text-decoration: none;
    color: #000000;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .MapaDoSiteTexto li
{
    margin-left: 15px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .table
{
    border-spacing: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .td
{
    border-bottom: 1px solid #bece9c;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .CalendarioMes
{
    padding-top: 0px;
    font-weight: bold;
    border-left: 1px solid #bece9c;
    border-bottom: 1px solid #bece9c;
    padding-left: 10px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral .TabelaCalendario ul
{
    padding-top: 0px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato
{
    margin-left: 5px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactName,.ContactEmail,.ContactSubject
{
    width: 300px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContatoTextoArea
{
    width: 500px;
    height: 200px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactSubmit
{
    height: 21px;
    background-color: #E8E2DA;
    font-size: 12px;
}

#ClasseGeral #Central #ConteudoCentral #ConteudoApresentacao .TextoCentral #Contato .ForumlarioContato .FormContato .ContactTextName
{
    font-weight: bold;
}

#ClasseGeral #Central #MenuDireito {
    position: absolute;
    background-color: #FFFFFF;
    margin-left: 0px;
    top: 204px;
    left: 842px;
    width: 180px;
    height: auto;
}
#ClasseGeral #Central #MenuDireito .Banner{
    position:relative;
    width: 180px;
    text-align:justify;
}
#ClasseGeral #Central #MenuDireito .Banner img{
    width: 150px;
}
#ClasseGeral #Central #MenuDireito .Banner .BorderNone{
    border:none;
    display:block;
}
#ClasseGeral #Central #MenuDireito .InformacoesImportantes {
    background-image: url("../imagens/block-title.png");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 23px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
}
#ClasseGeral #Central #MenuDireito .InformacoesImportantes:hover {
    background-image: url("../imagens/block-title-hover.png");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 23px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie {
    background-image: url("../imagens/button-movie.gif");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 90px;
    color: #5d4820;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie:hover {
    background-image: url("../imagens/button-movie.gif");
    margin: 10px 0px 10px 5px;
    width: 150px;
    height: 90px;
    color: #5d4820;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie a{
    display: block;
    width: 150px;
    height: 90px;
    text-decoration: none;
    color: #5d4820;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantesMovie span{
    position: relative;
    top: 70px;
    font-size: 18px;
}

#ClasseGeral #Central #MenuDireito .InformacoesImportantes a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;

}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto {
    margin-left: 5px;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Linha1 {
    background-color: #FFFFFF;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Linha2 {
    background-color: #E8E2DA;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .Titulo {
    background-color: #362A10;
    color: white;
    text-align: center;
    font-weight: bold;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto table {
    margin-left: 0px;
    width: 150px;
    border-spacing: 0;
    border: none;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto a {
    text-decoration: none;
    color: black;
    padding-bottom: 4px;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto a:hover {

}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto ul {
    list-style: none;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto ul li {
    list-style: none;
    font-weight: normal;
}

#ClasseGeral #Central #MenuDireito .AvisosImportantesTexto .EmailContato
{
    font-size: 12px;
}

#ClasseGeral #Central #MenuDireito #rss {
    border-top: 1px solid #362A10;
    border-bottom: 1px solid #362A10;
    width: 90%;
    padding: 3px;
}

#ClasseGeral #Central #MenuDireito #rss img {
    border: none;
}

#ClasseGeral #Central #MenuEsquerdo {
    position: absolute;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-left: 0px;
    top: 204px;
    width: 150px;
    height: auto;
}

#ClasseGeral #Central #MenuEsquerdo .Bandeiras {
    margin-top: 2px;
    margin-left: 13px;
}

#ClasseGeral #Central #MenuEsquerdo .Bandeiras img {
    width: 26px;
    height: 19px;
    border: none;
}

#ClasseGeral #Central #MenuEsquerdo #Menu {
    position: relative;
    left: -27px;
    width: 120px;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li {
    list-style: none;
    position: relative;
    background-color: #362A10;
    width: 110px;
    margin-top: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    border-right: 4px solid #E8E2DA
}

#ClasseGeral #Central #MenuEsquerdo #Menu li:hover {
    background-color: #6A4F1C;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li a {
    display: block;
    text-decoration: none;
    color: #E8E2DA;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li a:hover {
    text-decoration: none;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li ul {
    position: absolute;
    top: 0px;
    left: 70px;
    display: none;
    list-style: none;
    z-index: 1000;
}

#ClasseGeral #Central #MenuEsquerdo #Menu li:hover ul {
    display: block;
}


/*-------------------- ADAPTACAO DO CSS DO DOTPROJECT ---------------------*/
.button {
    height: 21px;
    background-color: #E8E2DA;
    font-size: 12px;
}

.text {
    width: 400px;
}

.textarea {
    width: 400px;
}

.TituloTextoAddEdit {
    font-weight: bold;
}

.temaview {
    text-align: left;
    font-weight: bold;
}
.error{
    color:red;
}