body {

    margin: 0;
    padding: 0;
	background-color: #DCE6DC;
	font-family:Arial, Helvetica, sans-serif, Calibri;
	font-size:14px;

}
#geral {

	position:relative;
	width:950px;
	height:auto;
	z-index:1;
	left: 0px;
	top: 0px;
	margin: auto;
	visibility: visible;
}
#site {

	position:relative;
	width:950px;
	height:auto;
	z-index:1;
	left: 0px;
	top: 0px;
        background-color:#FFFFFF;
	visibility: visible;
	padding-left: 2px;
	padding-right: 2px;
	float: left;
        margin:0px;
        
	/*background-image: url(imagens/fundo.jpg);
	background-repeat: no-repeat;*/
}
#curva {


    text-align:right;
    font-weight: bold;
    font-size: 16px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    margim:0px;
    width:954px;
    min-height:42px;

}
#cabecalho {
	position:relative;
	/*width:949px;*/
	width:949px;
	height:150px;
	z-index:99;
	background-color: #FFFFFF;
	float: left;
margin-top:2px;
	background-image: url(imagens/logoSite.jpg);
	background-repeat: no-repeat;
        background-position: 220px 5px;


}

#cabecalhoEvento {
	position:relative;
	/*width:949px;*/
	width:949px;
	height:180px;
	z-index:99;
	background-color: #FFFFFF;
	float: left;

	background-image: url(imagens/logoEvento.png);
        background-size:949px 180px;
	background-repeat: no-repeat;




}

#cabecalhoModal {
	position:relative;
	/*width:949px;*/
	width:100%;
	height:150px;
	z-index:1;
	background-color: #FFFFFF;
	float: left;

	background-image: url(imagens/marca_fim2.jpg);
	background-repeat: no-repeat;
        background-position: center;
}

#corpo {
	position:relative;
	width:949px;
	height:auto;
	z-index:1;
	background-color: #FFFFFF;
	float: left;


}

#registroCabecalho {
        width: 640px;
	padding-top: 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #96AEBE;
	border-right: 1px solid #96AEBE;
        color: #004325;

}


a {

        text-decoration:none;
	color: #006437;
	font-weight: bold;

}
a:hover {
	text-decoration: none;
	color: #6BD1A3;
}

a:visited {
	text-decoration:none;
	color: #006437;
	font-weight: bold;
}

#menu {
        top:110px;
        position:relative;
	width:100%;
	height:29px;
	z-index:1;
	float: left;

        color:#006437;
	font-weight: bold;


	border-bottom: 2px solid #006437;

	margin-bottom: 15px;
	text-align: center;

	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#menu a {
	text-decoration:none;
	color: #006437;
	font-weight: bold;
        margin-right:20px;
}
#menu a:hover {
	text-decoration: none;
	color: #6BD1A3;
}




#lema {
	position:relative;
        bottom:0px;
	z-index:0;
        left: 300px;

}

#cab_login {
	position:relative;
	width:600px;
        color:#FFFFFF;
	height:29px;
	z-index:99;
	float: right;
	top: 0px;
	right: 60px;

}

#cab_login a {
	text-decoration:none;
	color: #DDDDDD;
	font-weight: bold;
        margin-left:20px;
        margin-right:20px;
}
#cab_login a:hover {
	text-decoration: none;
	color: #6BD1A3;
}

#box_menu {
	position:relative;
	margin-top: 0px;
	width:100%;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
	border: 1px solid #96AEBE;
	background-color: #FFFFFF;
	/*background-image: url(imagens/fundotitulo.png);*/
	background-repeat: repeat-x;
        text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 25px;
        line-height:150%;
        color: #004325;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
}

#login {
	position:absolute;
	width:180px;
	height:120px;
	z-index:2;
	right: 15px;
	bottom: 15px;
}
#mensagemErro {
	position:absolute;
	width:auto;
	height:120px;
	z-index:2;
	right: 15px;
	bottom: -80px;
}
#marca2 {
	position:relative;
	width:200px;
	height:200px;
	z-index:3;
	top: 26px;
        bottom: 15px;
        float: left;
	background-image: url(imagens/marca2.jpg);
	background-repeat: no-repeat;

}

#veneranda {
	position:relative;
	width:200px;
	height:200px;
	z-index:3;
	top: 27px;
        bottom: 15px;
        right: -30px;
        float: right;
	background-image: url(imagens/veneranda.jpg);
	background-repeat: no-repeat;
        padding-top: 135px;


}


#aba1 {
	position:relative;
	height:auto;
	width:100%;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
        margin-bottom: 25px;
}



#aba2 {
	position:relative;
	height:auto;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
        margin-bottom: 25px;
}


#aba3 {
	position:relative;
	height:auto;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
        margin-bottom: 25px;
}


#aba4 {
	position:relative;
	height:auto;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
        margin-bottom: 25px;
}


#boxentrada {
        margin-left: 20px;
	position:relative;
	width:560px;
	height:auto;
        min-height:100%;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
	background-color: #FFFFFF;


}

#boxEvento {
        margin-left: 20px;
	position:relative;
	width:560px;
	height:auto;
        min-height:100%;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
	background-color: #FFFFFF;


}


#conteudo01 {
        padding: 5px;
	position:relative;
        display:block;
	width:670px;
	height:auto;
        min-height:5px;
	z-index:2;
	float: left;
	visibility: visible;
	margin-right: 2px;
        text-align: justify;
	background-color: #FFFFFF !important;

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;

}

#conteudo01Interno {
	position:relative;
	width:390px;
	height:auto;
        min-height:5px;
	z-index:2;
	float: left;
	visibility: visible;
	margin-right: 2px;
        text-align: justify;
	background-color: #FFFFFF;

}

#conteudo01-EmBranco {
	position:relative;
	width:670px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
        text-align: justify;
}

#conteudo02 {
	position:relative;
	width:670px;
	height:auto;
        min-height:5px;
	z-index:2;
	float: right;
	visibility: visible;
	margin-right: 2px;
        text-align: justify;
	background-color: #FFFFFF;

}


#mediumregistro {
	position:relative;
	margin-top: 75px;
	width:248px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
	border: 1px solid #96AEBE;
	background-color: #FFFFFF;
	background-image: url(imagens/fundotitulo.png);
	background-repeat: repeat-x;
        text-align: center;
        margin-bottom: 5px;
}
#boxRegistro {
	position:relative;
	margin-top: 0px;
	width:248px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
	border: 1px solid #96AEBE;
	background-color: #FFFFFF;
	background-image: url(imagens/fundotitulo.png);
	background-repeat: repeat-x;
        text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 25px;
        line-height:150%;
color: #004325;
}

#boxAtendimento {
	position:relative;
	margin-top: 0px;
	width:248px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
	border: 1px solid #96AEBE;
	background-color: #FFFFFF;
	background-image: url(imagens/fundotitulo.png);
	background-repeat: repeat-x;
        text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 25px;
        line-height:100%;
        color: #2F363A;
}

#divCadastro {

    padding-left: 10px;

}
#bemvindo {
	position:relative;
	width:655px;
	height:120px;
	z-index:1;
	float: left;
	left: 15px;
}
#anuncio01 {
	position:relative;
	width:655px;
	height:250px;
	z-index:1;
	float: left;
	left: 15px;
}


#cabtitulo {
	position:absolute;
	width:100%;
	height:35px;
	z-index:1;
	background-image: url(imagens/fundotitulo.png);
	background-repeat: repeat-x;
	float: left;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;

}


#horarios {
	position:relative;
	width:300px;
	height:auto;
	z-index:2;
	float: left;
	visibility: visible;

        color: #B4B6B6;
        padding-left: 5px;

}


#boxtituloHorarios {

    z-index:2;
    float: left;
    position:relative;
    width:100%;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color:#006437;
    text-indent: 5px;
    border-bottom:2px solid #006437;
    margin-bottom: 5px;
    margin-top: 10px;

}

#boxtitulo {
	top: 20px;
	position:relative;
	width:100%;
	height:27px;
	left: 5px;
        color: #006437;
	float: left;
	font-weight: bold;

}

#conteudo {
	position:absolute;
	width:146px;
	height:115px;
	z-index:100;
	left: 15px;
	top: 45px;
}
#rodape {
	position:relative;
	width:949px;
	height:30px;
	z-index:1;
	float: left;
	background-image: url(imagens/rodape.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	margin-top: 15px;
	bottom: 0px;
}

#rodape_EmBranco {
	position:relative;
	width:948px;
	height:auto;
	z-index:1;
	float: left;
	bottom: 0px;
        margin-top:5px;
}



#tabnav {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#tabs {
	height: 20px;
	position: relative;
}

#content {
	position: relative;
	padding: 20px;
	padding-left: 0px;
	border-top: 2px solid #78bee2;
	height:auto;
}

#content div p {
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
}

#tabs a {
	font-family: Trebuchet MS, Arial, Verdana;
	text-decoration: none;
	color: #798A62;
	font-size: 14px;
	font-weight: bold;
	display: block;
	width: auto;
	height: 17px;
	_height: 20px;
	margin: 0 25px 0 0;
	text-align: center;
	padding: 3px 0 0 0;
	float: left;
        padding:20px 0;
        border-radius:4px;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        padding:0.4em 0;
}


table.form td.tituloConteudo {  /* Titulo do Conteudo - No Formulario */
	position:absolute;
	width:100%;
	height:35px;
	z-index:1;
	background-image: url(imagens/fundotitulo.png);
	background-repeat: repeat-x;

}

table.form {

	border-top: solid 0px #DEE6F8;
	border-bottom: solid 0px #DEE6F8;
	width: 100%;
	padding-bottom:0px;
}

table.form td {
	font-size: 9pt;

	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	padding-left: 3px;
	height: 26px
}

table.form td.texto {
	font-size: 9pt;

	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	padding-left: 3px;
	height: 26px
}


table.form tr.nomecampos td{
	width:100%;
	z-index:1;
        background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
	background-repeat: repeat-x;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
	font-weight: bold;
        color:#FFFFFF;
}


.tabelaMaisInformacoes {  /* Mudança de cor das linhas das tabelas */
	font-size: 12pt;
	vertical-align: middle;
	padding-left: 3px;
}

table.form tr.dif td{  /* Mudança de cor das linhas das tabelas */
	font-size: 9pt;
	background-color: #ECFDD6;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	padding-left: 3px;
	height: 26px
}

table.LinhaDoTempo tr.dif td{  /* Mudança de cor das linhas das tabelas */
	background-color: #EBFEE9;
	font-size: 8pt;
        border-width: 0px;
}

table.LinhaDoTempo {  /* Mudança de cor das linhas das tabelas */
        border-width: 0px;
        border-spacing: 0px;

}

table.LinhaDoTempo tr td{  /* Mudança de cor das linhas das tabelas */
	background-color: #EBFEE9;
	font-size: 8pt;
        border-width: 0px;
}

table.LinhaDoTempo tr.Campos td{
	font-size: 10pt;
	font-weight: bold;
        background-color: #99C68E;
	border-bottom: 1px solid #000;
	vertical-align: middle;
	padding-left: 3px;
        color: #000;
}

table.LinhaDoTempo tr.Periodo td{
	font-size: 10pt;
	font-weight: bold;
	border-top: 1px dotted #DDD;
	vertical-align: middle;
	padding-left: 3px;
        color: #000;
}



table.form tr.difDesativado td{  /* Mudança de cor das linhas das tabelas */
	font-size: 9pt;
	background-color: #FFDDD3;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	padding-left: 3px;
	height: 26px
}

table.form tr.difAdministrador td{  /* Mudança de cor das linhas das tabelas */
	font-size: 9pt;
	background-color: #D7FFD3;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	padding-left: 3px;
	height: 26px
}



table.form td hr{
	background-color:#ccc;
    color:#ccc;
	height:2px;
    width:100%;
	border:0px;
}

table.form th {
	font-size: 10pt;
	border-bottom: 1px solid #999999;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: center;
}

table.form th hr{
	color:#dbdbdb;
}

table.form a {
	font-size: 9pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

table.form td.rotulo, table.form span.rotulo {
	width: 200px;
	padding-left: 15px;
	font-weight: bold;
	background-color: #798A62;
	color: #fff;
}

/* Campos no Formulario */
table.form td.campo, table.form span.campo {
	font-weight: bold;
	font-size: 12px;
}






/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 0%; top: 0%; text-align: left; z-index: 99998; }


#divContorno{
background:#EEF3E7;
background: #EEF3E7 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
background: #EEF3E7 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
border-color:rgba(0, 0, 0, 0.56);

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
    height:auto;
    width: 100%;
}



#divContorno2{
background:#ECFDD6;
background: #ECFDD6 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
background: #ECFDD6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
	border-color:rgba(0, 0, 0, 0.56);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
    height:auto;
    width: 100%;

}


#divBoxTituloAtividade{

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
	float: left;
    height:auto;
}

#divTituloAtividade{
        font-weight: bold;
        font-size: 22px;
        font-family:"Trebuchet MS", Helvetica, sans-serif;
        color:#002A64;
	padding: 5px;
	float: left;
	top: 0px;
        width:100%;

}

#divPessoa{
	color: #999999;
	font-size: 10px;
	padding: 5px;
	float: left;
	margin-right: 10px;
	top: 0px;
	margin-top: 5px;
        width:100px;
}

#divData{
	color: #002A64;
	font-size: 18px;
        font-weight: bold;
	padding: 5px;
	float: left;
	margin-right: 10px;
	top: 0px;
	margin-top: 5px;
        min-width:100px;
}

#divOpcoes{
	color: #999999;
	font-size: 10px;
	float: right;
	margin-right: 3px;
	margin-top: 50px;
        min-width:15px;
}

#divPessoaAvaliacao{
	color: #006437;
	font-size: 10px;
	float: left;
	margin-right: 0px;
	top: 0px;
        width:100px;
}

#divInformacoes{
	color: #006437;
	font-size: 12px;
        text-align: justify;
	padding-left: 5px;
	float: left;
	margin-left: 0px;
	top: 0px;
	margin-top: 5px;
        width:175px;
        min-height: 150px;
}

#divDataAcesso{
    color: #999999;
    font-size: 10px;
    padding: 5px;
    float: center   ;

}

#divInfoComentario{
    color: #999999;
    font-size: 12px;
    padding: 5px;
    float: center;

}



#divMensagem{
    padding: 0px 0px 20px 0px;
    float: left;
    min-width: 500px;
    text-align: justify;
}


/* Ficha de Atendimento */

.fichaAtendimento{
    position:relative;
    float: left;

    border: 1px solid #747575;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));

    margin-bottom: 20px;
    margin-left: 10px;
    width: 45%;
    height: 250px;
    overflow: hidden;

}
.fichaAcolhimento{
    position:relative;
    float: left;

    border: 1px solid #747575;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background:#E47100;

    margin-bottom: 20px;
    margin-left: 10px;
    width: 45%;
    height: 250px;
    overflow: hidden;

}
.fichaAtendimentoDes{
    position:relative;
    float: left;

    border: 1px solid #747575;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background:#0483D4;

    margin-bottom: 20px;
    margin-left: 10px;
    width: 45%;
    height: 250px;
    overflow: hidden;

}

.corpoFicha{
    width: 100%;
    height: 210px;
    margin-bottom:5px;
    background:#F5FCF7;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.corpoFicha2{
    width: 100%;
    height: 210px;
    margin-bottom:5px;
    background:#FFE7C7;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.corpoFicha3{
    width: 100%;
    height: 210px;
    margin-bottom:5px;
    background:#E6F4FC;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.corpoFichaGrande{
    width: 649px;
    height: 210px;
    margin-bottom:5px;
    background:#F5FCF7;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.corpoFichaGrande2{
    width: 649px;
    height: 210px;
    margin-bottom:5px;
    background:#FFE7C7;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.corpoFichaGrande3{
    width: 649px;
    height: 210px;
    margin-bottom:5px;
    background:#E6F4FC;
    overflow:hidden;
    text-overflow: ellipsis-word;
}
.fichaAtendimentoGrande{
    position:relative;
    float: left;

    border: 1px solid #747575;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background:#F5FCF7;

    margin-bottom: 20px;
    margin-left: 10px;
    width: 650px;
}
.fichaAcolhimentoGrande{
    position:relative;
    float: left;

    border: 1px solid #E47100;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background:#FFE7C7;

    margin-bottom: 20px;
    margin-left: 10px;
    width: 650px;
}
.fichaAtendimentoDesGrande{
    position:relative;
    float: left;

    border: 1px solid #00BCE4;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;

        background:#E6F4FC;

    margin-bottom: 20px;
    margin-left: 10px;
    width: 650px;
}
.tituloFicha{
        margin-top:2px;
	height: 20px;

}

.tituloFichaTexto{
        position:relative;
        float: left;
	color: #FFFFFF;
	font-size: 16px;
        font-weight: bold;
        text-align:left;
}
.tituloFichaLink{
        padding-left:10px;
        position:relative;
        float: right;
	color: #FFFFFF;
	font-size: 12px;
        font-weight: bold;
        text-align:right;
        margin-right:10px;
}

.tituloFichaLink a{
        padding-left:10px;
        position:relative;
        float: right;
	color: #FFFFFF;
	font-size: 12px;
        font-weight: bold;
        text-align:right;
        margin-right:10px;
}

.fotoFicha{
        text-align:center;
        background:#F5FCF7;
        position:relative;
        float: left;
        margin:0px;
        padding:0px;
}

.nomeFicha{
        text-align:center;
        top: 20px;
	color: #999999;
	font-size: 18px;
        background:#F8FFFA;

        min-height:60px;
}
.dadosFicha{
	font-size: 12px;
        text-align:left;
        background:#F5FCF7;
        padding-left: 5px;
}


.dadosFicha label{
font-weight: bold;
width: 8em;
float: left;
text-align: left;
margin-left: 0px;
display: block;

}

.dadosFicha2{
	font-size: 12px;
        text-align:left;
        background:#FFE7C7;
        padding-left: 5px;
}


.dadosFicha2 label{
font-weight: bold;
width: 8em;
float: left;
text-align: left;
margin-left: 0px;
display: block;

}
.dadosFicha3{
	font-size: 12px;
        text-align:left;
        background:#E6F4FC;
        padding-left: 5px;
}


.dadosFicha3 label{
font-weight: bold;
width: 8em;
float: left;
text-align: left;
margin-left: 0px;
display: block;

}

.fichaAtendimentoGrande .dadosFicha label{
font-weight: bold;
width: 10em;
float: left;
text-align: left;
margin-left: 0px;
display: block;

}








#regtitulo {
	position:absolute;
	width:100%;
	height:35px;
	z-index:1;
	float: left;
}

.right {
  float: right;
}
.left {
   float: left;
}

div.reuniao{
    padding:20px 0;
    border:1px solid #ddd;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    text-align:center;
    display:block;
    padding:0.4em 0;
    background:#fafafa;
    text-shadow:1px 1px #fff;}

div.reuniao:hover{background:#fff;border-color:#d45615;}


fieldset {
width:95%;
margin-top:5px;
border:0px solid #ddd;

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
}

fieldset.login {
width:95%;
display:block;
padding:0.4em 0;
padding: 3px;
}

legend {

    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-weight: bold;
    font-size: 16px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
    background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));

    /* border-left:2px solid #C6C6C6;
    border-bottom:2px solid #C6C6C6; */
    margin-bottom:1px;
    padding-left: 5px;

    margim-left:0px;
    width:100%;
    min-height:25px;

}



fieldset.linha1 {
	background-color: #BDE2D0;
}

fieldset.linha2 {
	background-color: #89CAAA;
}

fieldset.texto legend {
    border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;

    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFF;
    background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    border-left:2px solid #D1DFE6;
    border-bottom:3px solid #D1DFE6;
    margin-bottom:1px;
    padding:0px;
}

fieldset.texto {

width:95%;
margin-top:5px;
border:0px solid #ddd;

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
}

fieldset.menu {

width:95%;
margin-top:5px;
margin-bottom:10px;
border:0px solid #747575;

border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
padding: 3px;
min-height:25px;
}

fieldset.conteudo {
background-color:#FFFFFF;
width:98%;
margin-top:5px;
border:0px solid #ddd;
border-radius:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
display:block;
padding:0.4em 0;
padding:5px;
}

/*
a {
	text-decoration:none;
	color: #3D5894;
	font-weight: bold;
}
a:hover {
        background:#ECFDD6;
	text-decoration: none;
	color: #3D5894;
}

a:visited {
	text-decoration:none;
	color: #3D5894;
	font-weight: bold;
}
*/


fieldset p.exibeButton {
 text-align: center;

}

p.exibeButton {
 text-align: center;

}

p.centro {
 text-align: center;

}

p.esquerda {
 text-align: left;

}

ul#menuConteudo {
width:97%;
border:0px solid #003399;
margin:1;
padding:1;
list-style-type:none;
}
ul#menuConteudo li {
border-bottom:1px solid #A4A0F5;


}


#titulo {
    z-index:2;
    float: left;
    position:relative;
    width:940px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#276872;
    background-color:#FFFFFF;
    margin-bottom:10px;
    padding:10px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding: 5px;
	background-image: url(imagens/cab2.jpg);
	background-repeat: repeat-x;
}

#tituloInterno {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#006437;
    text-indent: 5px;
    font-size:20px;
    border-bottom:10px solid #006437;
    margin-bottom: 10px;
    display:inline-block;
    background-color: #E9E6E6;background: #E9E6E6 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #E9E6E6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));

}

#subTituloInterno {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#006437;
    text-indent: 5px;
    font-size:20px;
    border-bottom:2px solid #006437;
    margin-bottom: 5px;
    margin-top: 10px;
    display:inline-block;
    background-color: #E9E6E6;background: #E9E6E6 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #E9E6E6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}

#subTituloFicha {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    height:25px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    text-indent: 5px;
    font-size:20px;
    border-bottom:2px solid #006437;
    margin-bottom: 3px;
    background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}
#subTituloFicha2 {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    height:25px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    text-indent: 5px;
    font-size:20px;
    border-bottom:2px solid #006437;
    margin-bottom: 3px;
    background:#E47100;
}
#subTituloFicha3 {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    height:25px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    text-indent: 5px;
    font-size:20px;
    border-bottom:2px solid #006437;
    margin-bottom: 3px;
    background:#0483D4;
}

#subTituloAtividade {
    z-index:2;
    float: left;
    position:relative;
    width:100%;
    height:25px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#006437;
    text-indent: 5px;
    font-size:16px;
    border-bottom:2px dotted #006437;
    margin-bottom: 3px;

}

#titulo_menu {
    z-index:2;
    float: left;
    position:relative;
    width:200;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#006437;
    text-indent: 5px;
    font-size:16px;
    border-left:10px solid #006437;
}

#textoentrada {
    color:#006437;
    margin-bottom:1px;
    font-size:16px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    width:350px;
    text-align: justify;
    margin-left:10px;
}

  h1 {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFF;
    background-color:#B4CAD7;
    border-left:1px solid #D4E1E8;
    border-bottom:3px solid #D4E1E8;
    margin-bottom:1px;
    padding:10px;
  }

  b2 {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:18px;
  }

  pequeno {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:12px;
  }

  resposta {
    font-weight: bold;
    color: #002A64;
    font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
    text-align: justify;
    margin-left: 1.5em;
    margin-right: 1.5em;

  }

  resposta2 {
    color: #002A64;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align: justify;
    margin-left: 1.5em;
    margin-right: 1.5em;

  }


label
{
width: 10em;
float: left;
text-align: left;
margin-left: 1.5em;
display: block
}

.fichaLabel
{
width: 60em;
float: left;
text-align: left;
margin-left: 1.5em;
display: block
}

#quadrosInformacoesBemVindo {
	position:relative;
	width:550px;
	height:auto;
        min-height: 250px;
	z-index:2;
	float: left;
	visibility: visible;
        margin: 5px;
        background-color:#FFFFFF;
	/*background-image: url(imagens/bemvindo.jpg);*/
	background-repeat: no-repeat;
        background-position:right bottom;
        vertical-align:middle;


}



#quadrosInformacoesEsq2 {
	position:relative;
	width:190px;
	height:auto;
        min-height: 317px;
	z-index:2;
	float: left;
	visibility: visible;
        margin: 5px;
	border-right: 1px dotted #96AEBE;
	border-bottom: 1px dotted #96AEBE;
        background-color:#FFFFFF;
        text-indent: 5px;
        font-size:18px;

}

#quadrosInformacoesMensagem {
	position:relative;
	width:250px;
	height:auto;
        min-height: 317px;
	z-index:2;
	float: right;
	visibility: visible;
        margin: 5px;
	border-left: 1px dotted #96AEBE;
	border-bottom: 1px dotted #96AEBE;
        background-color:#FFFFFF;
        text-indent: 5px;
        font-size:18px;
	background-image: url(imagens/fundoboxd.jpg);
	background-repeat: no-repeat;

}

#quadrosInformacoesDir {
	position:relative;
	width:250px;
	height:317px;
        min-height: 317px;
	z-index:2;
	float: right;
	visibility: visible;
        margin: 5px;
	border-left: 1px dotted #96AEBE;
	border-bottom: 1px dotted #96AEBE;
        background-color:#FFFFFF;
        text-indent: 5px;
        font-size:18px;


}

#menuDireita {
	position:relative;
	width:259px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: right;
	visibility: visible;
	background-color: #EBF7EF;
	background: #EBF7EF -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background: #EBF7EF -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#menuEsquerda {
	position:relative;
	width:259px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: left;
	visibility: visible;
	background-color: #EBF7EF;
	background: #EBF7EF -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background: #EBF7EF -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#menuDireita_entrada {
	position:relative;
	width:345px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: right;
	visibility: visible;
	background-color: #EBF7EF;
	background: #EBF7EF -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background: #EBF7EF -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#menuDireitaEvento {
	position:relative;
	width:180px;
	height:auto;
        min-height:70px;
	z-index:2;
	float: right;
	visibility: visible;
	background-color: #F8FFFA;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}


p.veneranda {
	background-color: #FFFFFF;
        text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	width:165px;
        filter:alpha(opacity=65);
        -moz-opacity:.65;
        opacity:0.65;
        -khtml-opacity: 0.65;

}

gerirComentario {
	background-color: #FFFFFF;
        filter:alpha(opacity=45);
        -moz-opacity:.45;
        opacity:0.45;
        -khtml-opacity: 0.45;
        position:relative;
        float:right;
        top: -20px;
        right: -10px;
        height: 20px;

}

gerirRegistro {
	background-color: #FFFFFF;
        filter:alpha(opacity=45);
        -moz-opacity:.45;
        opacity:0.45;
        -khtml-opacity: 0.45;
        position:relative;
        float:right;
        top: -20px;
        right: 5px;
        height: 20px;

}

textoboasvindas {
        position:absolute;
        left: 10px;
        width: 370px;
        height: 317px;
}

textoquadrodireita {
        position:absolute;
        left: 5px;
        width: 240px;
        height: 317px;
}

textoquadroesquerda {
        position:absolute;
        left: 5px;
        width: 180px;
        height: 317px;
}


#conteudo02_recado {
	position:relative;
	width:230px;
	height:auto;
        height:250px;
	z-index:2;
	float: right;
	visibility: visible;
	background-color: #FFFFFF;
	background-image: url(imagens/recado.jpg);
        text-align: justify;
        margin-bottom: 25px;
}

recado {
        position:absolute;
        top: 60px;
        left: 30px;
        width: 160px;
        height: 160px;
	font-size: 12px;
	font-weight: bold;
	color: #A9121B;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transform: skew(-5deg, 4deg) ;
	-moz-transform: skew(-5deg, 4deg) ;
	-o-transform: skew(-5deg, 4deg) ;
}

#atualizarRecado {
        position:absolute;
        top:230px;

}

#formulario{

}
#formulario h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#formulario .bloco {
width:100%;
display: inline-block;
margin-bottom:8px;

}

#formulario label{
color: #002A64;
display: block;
left:0px;
font-weight:bold;
text-align:right;
width:100px;
margin-right: 10px;

}

#formulario .fichaLabel{
color: #002A64;
display: block;
left:0px;
font-weight:bold;
text-align:right;
width:150px;
margin-right: 10px;

}

#formulario .fichaSmall{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:150px;
}

#formulario .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:100px;
}

#formulario input{
display: inline-block;

}

#formulario select{
display: inline-block;

}

#formulario img{
display: inline-block;

}


#descricaoTexto table tr td{
display: inline-block;
width: 510px;
text-align: justify;
}

#comentarioTexto tr td{
display: inline-block;
text-align: justify;
}

#mensagemTexto tr td{
display: inline-block;
text-align: justify;
}

#formulario .texto{
display: inline-block;
width: 510px;
text-align: justify;
}
#formulario .texto2{
display: inline-block;
width: 400px;
text-align: justify;
}

#formulario .texto3{
display: inline-block;
width: 180px;
text-align: justify;
}

#formulario .textoLabel{
display: inline-block;
width: 460px;


}

#formulario button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


#formLogin .linha1,formLogin .linha2,formLogin .linha3,formLogin .linha4 {
font:bold 12pt "Trebuchet Ms","Verdana", "Arial";
width:auto;
text-align:center;
}

#formLogin .linha1 {
margin-bottom:20px;
font:bold 16pt "Trebuchet Ms","Verdana", "Arial";
color:#FFF;
background-color:#F60;
}

#formLogin .linha2 {
margin-bottom:5px;
}

#formLogin .linha4 {
margin-top:25px;
margin-bottom:10px;
}

#formLogin .col1,.col2,.col3,.col4 {
width:auto;
margin:auto;
}

#formLogin .col1 {
float:left;
width:75px;
height:22px;
text-align:right;
padding-right:5px;
color:#F60;
}

#formLogin .txt,.cxOn,.cxOff {
border:solid 1px #f60;
}

#formLogin .cxOn {
background-color:#EEFAFD;
}

#formLogin .cxOff {
background-color:#FFF;
}

#formulario select{

    background-color:#EEF3E7;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;

    text-decoration:none;
    font-weight:bold;
    color:#565656;
}

#formulario select optgroup{

    background-color:#204890;
    color:#FFFFFF;

}

#formulario select option{
    background-color:#EEF3E7;
    color:#565656;

}

/* BUTTONS */

.buttons select{

    background-color:#EEF3E7;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;

    text-decoration:none;
    font-weight:bold;
    color:#565656;
}

#AcessoRapido {
       display:block;
    float:left;
background-color:#EEF3E7;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    width:auto;

    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    margin-top:1px;
    margin-bottom:1px;
    margin-right:1px;
    padding:4px 0px 4px 0px; /* IE6 */
}

.buttons a, .buttons button{

    display:block;
    float:left;


    background-color:#EEF3E7;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:140%;

    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    margin-top:0px;
    margin-bottom:1px;
    margin-right:4px;
    padding:4px 0px 4px 0px; /* IE6 */

}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.buttons a.regularAjax img{
    margin:3px 3px -3px 3px !important;
    border:none;
    width:40px;
    height:40px;
}

.buttons a.regularReuniao img{
    margin:3px 3px -3px 3px !important;
    border:none;
    width:60px;
    height:60px;
}

.buttons a.regularCabecalho img{
    margin:3px 3px -3px 3px !important;
    border:none;
    width:25px;
    height:25px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */


.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
    width:100%;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* REGULAR */

button.normal, .buttons a.normal{
    color:#336699;

}
.buttons a.normal:hover, button.normal:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.normal:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* REGULAR */

button.regularAjax, .buttons a.regularAjax{
    color:#336699;
    width:75px;
    height:75px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
float:left;

}
.buttons a.regularAjax:hover, button.regularAjax:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regularAjax:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


button.regularAjax2, .buttons a.regularAjax2{
vertical-align: middle;
display: table-cell;
text-align:center;
color:#336699;
width:100%;
height:35px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
float:left;


}
.buttons a.regularAjax2:hover, button.regularAjax2:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regularAjax2:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


button.regularCabecalho, .buttons a.regularCabecalho{
    color:#336699;
    width:90px;
    height:55px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
float:left;

}
.buttons a.regularCabecalho:hover, button.regularCabecalho:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regularCabecalho:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

button.regularReuniao, .buttons a.regularReuniao{
    color:#336699;
    width:144px;
    height:130px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
float:left;

}
.buttons a.regularReuniao:hover, button.regularReuniao:hover{
    background-color:#ECFDD6;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regularReuniao:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


#Comandos{
display: inline-block;
    background-color:#E0E8D5;
    width:100%;
    min-height:35px;
    padding-top: 10px;

}
#Comandos a.positive{
        padding-top: 15px;
	float: left;
        min-height:30px;
        min-width:90px;

        margin-left:15px;
        margin-bottom:10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        text-align: center;
}
#Comandos a.negative{
         padding-top: 15px;
	float: left;
        min-height:30px;
        min-width:90px;

        margin-left:15px;
        margin-bottom:10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        text-align: center;
}

#Comandos2{
display: inline-block;
    background-color:#AFD5CE;
    width:100%;
    min-height:35px;
    padding-top: 10px;

}
#Comandos2 a.positive{
        padding-top: 15px;
	float: right;
        min-height:30px;
        min-width:90px;

        margin-left:15px;
        margin-bottom:10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        text-align: center;
}
#Comandos2 a.negative{
         padding-top: 15px;
	float: right;
        min-height:30px;
        min-width:90px;

        margin-left:15px;
        margin-bottom:10px;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        text-align: center;
}


.imagemPessoa  {

}

.imagemPessoa img {


}

.nomePessoa {
    display:block;
        vertical-align:bottom;
        text-align: center;

        font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
        font-size:12px;
}


#lugar {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;

	float: left;
	margin: 0px;
        text-align: center;
        font-size:10px;
	font-weight: bold;

        color:#F6FF04;
	background-image: url(imagens/assentop.png);
    background-size: 100% 100%;
    background-repeat:   no-repeat;
    background-position: center center;
}

#lugar.reserva1 {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;

	float: left;
	margin: 0px;
        text-align: center;
        font-size:10px;
	font-weight: bold;

        color:#F6FF04;
	background-image: url(imagens/assento_reservadop.png);
    background-size: 100% 100%;
    background-repeat:   no-repeat;
    background-position: center center;
    
    
}

#lugar_naoescolhido {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	background-color: #EAE6D1;
	float: left;
	margin: 0px;
        text-align: center;
	font-weight: bold;
        padding-top: 15px;
        color:#F6FF00;
	background-image: url(imagens/cadeira_mini3.jpg);
    background-size: 100% 100%;
    background-repeat:   no-repeat;
    background-position: center center;
    
    
}

#lugar.reserva:hover{
    background-color:#A9FF55;
    border:1px solid #FF8610;
    color:#EE7B00;
}
#lugar.reserva1:hover{
    color:#FFE611;
}

#corredor {
	position:relative;
	width:50px;
	height:50px;
	z-index:1;
	background-color: #EAE6D1;
	float: left;

    background-size: 100% 100%;
    background-repeat:   no-repeat;
    background-position: center center;
    
    
}

#infoGerais {

	position:relative;
	width:100%;
	height:auto;
	float: left;
	background-color: #FFFFFF;
}

#msgReserva {

	position:relative;
	width:100%;
        font-size: 20px;
	height:40px;
	float: left;
        text-align: center;
        padding-top:10px;
        color: #000000;
	background-color: #FFE611;
}


#palco {

	position:relative;
	width:100%;
        font-size: 20px;
	height:30px;
	float: left;
        text-align: center;
        color: #FFFFFF;
	background-color: #555555;
}
#fundo {

	position:relative;
	width:100%;
        font-size: 20px;
	height:30px;
	float: left;
        text-align: center;
        color: #FFFFFF;
	background-color: #555555;
}

#auditorio {

	position:relative;
	width:100%;
	height:auto;
	float: left;
        text-align: center;
	background-color: #EAE8D3;

}

#quebraFila {
	position:relative;
        display: inline-block;
	width:100%;
	height:1px;
	z-index:1;
	background-color: #EAE6D1;
	float: left;
	background-repeat: no-repeat;
        background-position: center;
}

#conteudoPaginaEvento {

	position:relative;
	width:760px;
	height:auto;
	z-index:2;
	float: left;
	visibility: visible;

}

#barra_progresso
{
    FONT-SIZE: 1px;
    LEFT: 0px;
    WIDTH: 1px;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 5px;
    BACKGROUND-COLOR: #006400
}
#carregador_pai
{
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 100px;
    TEXT-ALIGN: center;
    z-index:99;
}
#carregador_fundo
{
    FONT-SIZE: 1px;
    LEFT: 8px;
    WIDTH: 113px;
    POSITION: relative;
    TOP: 8px;
    HEIGHT: 7px;
}
#carregador
{

    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    PADDING-BOTTOM: 16px;
    MARGIN: 0px auto;
    WIDTH: 130px;
    PADDING-TOP: 10px;
    FONT-FAMILY: Tahoma, Helvetica, sans;
    TEXT-ALIGN: left
}


#barra_progresso2
{
    FONT-SIZE: 1px;
    LEFT: 0px;
    WIDTH: 1px;
    POSITION: relative;
    TOP: 1px;
    HEIGHT: 5px;

}
#carregador_pai2
{
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 100px;
    TEXT-ALIGN: center;
    z-index:99;
}
#carregador_fundo2
{
    FONT-SIZE: 1px;
    LEFT: 8px;
    WIDTH: 113px;
    POSITION: relative;
    TOP: 8px;
    HEIGHT: 7px;

}
#carregador2
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    Z-INDEX: 2;
    PADDING-BOTTOM: 16px;
    MARGIN: 0px auto;
    WIDTH: 130px;
    PADDING-TOP: 10px;
    FONT-FAMILY: Tahoma, Helvetica, sans;
    TEXT-ALIGN: left
}


/*Calendario*/

            .mes {
                font: bold 12px verdana;
                background: #ECFDD6;
                text-align: center;
                line-height: 25px;
                height: 25px;
                width: 240px;
            }
            .semana {
                font: bold 12px verdana;
                background: #ECFDD6;
                text-align: center;
                line-height: 25px;
                height: 25px;
                width: 30px;
            }
            .dia {
                background: #ECFDD6;
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
            }
            .dianormal {

                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
            }

            .domingo{
                color: #c30;
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
            }

            .dia a {
                text-decoration: none;
                background: #EEF3E7;
                text-align: center;
                position: relative;
                font: 14px verdana;
                line-height: 28px;
                display: block;
                height: 28px;
                width: 33px;
                color: #333;
            }
            .dia a:hover {
                background: #e5e5e5;
                color: #333;
            }


            .evento {
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
                background: #FB9D9D;
                color: #333;
            }
            .reuniao {
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
                background: #D6EDFD;
                color: #333;
            }
            .avaliacao {
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
                background: #C99DFB;
                color: #333;
            }

            .eventoLegenda {
                margin-bottom:1px;
                font: 9px verdana;
                text-align: left;
                height: 11px;
                width: 120px;
                background: #FB9D9D;
                color: #333;
            }
            .reuniaoLegenda {
                margin-bottom:1px;
                font: 9px verdana;
                text-align: left;
                height: 11px;
                width: 120px;
                background: #D6EDFD;
                color: #333;
            }
            .avaliacaoLegenda {
                margin-bottom:1px;
                font: 9px verdana;
                text-align: left;
                height: 11px;
                width: 120px;
                background: #C99DFB;
                color: #333;
            }


            .eventoTitulo {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-height: 13px;
                min-width: 20px;
                background: #FB9D9D;
                color: #333;
                position:relative;
                float: left;

            }
            .hojeTitulo {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-width: 20px;
                min-height: 13px;
                background: #FBF184;
                color: #333;
                position:relative;
                float: left;
            }
            .reuniaoTitulo {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-width: 20px;
                min-height: 13px;
                background: #D6EDFD;
                color: #333;
                position:relative;
                float: left;
            }
            .avaliacaoTitulo {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-height: 13px;
                min-width: 20px;
                background: #C99DFB;
                color: #333;
                position:relative;
                float: left;
            }
            .diaDetalhe {
                font: 12px verdana;
                text-align: center;
                height: 15px;
                width: 60px;
                position:relative;
                float: left;
            }


            .textoEvento {
                position:relative;
                float: left;
                font: 12px verdana;
                text-align: justify;
                width: 375px;
                margin-bottom:10px;
            }
            .textoEvento2 {
                position:relative;
                float: left;
                font: 12px verdana;
                text-align: justify;
                width: 510px;
                margin-bottom:10px;
            }

            .eventoProximos {
                display: inline-block;
                font: 12px verdana;
                text-align: left;
                width: 600px;
            }


            .hoje {
                font: bold 12px verdana;
                background: #FBF184;
                text-align: center;
                line-height: 25px;
                height: 25px;
                width: 30px;
            }
            .calendario {
                margin: 7px 6px;
                border-collapse: collapse;
                border: 1px solid #d2d2d2;
                background-color: #EEF3E7;
                float: left;
            }
            #calendarioEsquerda {
                    padding: 5px;
                    position:relative;
                    width:250px;
                    height:auto;
                    min-height:5px;
                    z-index:2;
                    float: left;
                    visibility: visible;
                    margin-right: 2px;
                    text-align: justify;
                    background-color: #FFFFFF;
            }
            #eventoDireita {
                position:relative;
                width:380px;
                height:auto;
                min-height:70px;
                z-index:2;
                float: right;
                visibility: visible;
            }

            .invisivel {
                display:none;
                visibility:hidden;
            }

            .tarefaPendente {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-height: 13px;
                min-width: 20px;
                background: #FFE57B;
                color: #333;
                position:relative;
                float: left;
                display:block;
            }

            .tarefaRealizada {
                margin-bottom:1px;
                margin-right:5px;
                font: 14px verdana;
                text-align: left;
                min-height: 13px;
                min-width: 20px;
                background: #B8D9B2;
                color: #333;
                position:relative;
                float: left;
                 display:block;
            }

          .Pendente {
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
                background: #FFE57B;
                color: #333;
            }
            .Realizada {
                font: 12px verdana;
                text-align: center;
                height: 25px;
                width: 30px;
                background: #B8D9B2;
                color: #333;
            }

/* Linha do Tempo */
.borderclass { border:1px solid #A9B6D2; }
.item {
  width: 300px;
  margin: 10px;
  float: left;
  margin-top:10px;
  background-color:#ffffff;
  border:solid 1px #B4BBCD;
min-height:50px;
height:auto;
text-align:justify;
word-wrap:break-word;
font-family:Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
display:block;

}

.tituloItem {
width:293px; display:in-line;text-align:center;background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif, Calibri;
font-size:16px;
height:30px;
 vertical-align: middle;
 display: table-cell;

}

.item div
{
padding:4px;
}
.rightCorner {
    background-image: url("/ivre2/css/images/right.png");
    display: block;
    height: 15px;
    margin-left: 300px;
    margin-top: 2px;
    padding: 0;
    width: 13px;
z-index:2;

	position: absolute;
}
.leftCorner{
background-image: url("/ivre2/css/images/left.png");
display: block;
height: 15px;
width: 13px;
margin-left: -13px;
margin-top: 16px;
position: absolute;
z-index:2;
}

 .timeline_container{
                width: 16px;
                text-align: center;
                margin: 0 auto;
                display: block;
            }
            .timeline{

    margin: 0 auto;
   background-color:#e08989;
    display: block;
    float: left;
    height: 100%;
    left: 320px;
    margin-top: 10px;
    position: absolute;
    width: 4px;
            }

            .timeline div.plus{
                width: 14px;
                height: 14px;

                position: relative;
                left: -6px;
            }
			#update_button {
background-color: #2884AF;
color: white;
font-weight: bold;
padding: 5px;
border: solid 1px #333;
margin-top: 5px;
cursor: pointer;
}

#itemTexto
{
min-height:100px;
width: 290px;
float:left;
 vertical-align: middle;
 display: table-cell;
font-family:Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
text-align: justify;
}

.periodobox
{
width: 60px;
display:block;
font-weight:bold;
float:right;
text-decoration:none;
margin:0px 0px 0px 0px;
color:#2884AF;
text-align: center;
font-family:Arial, Helvetica, sans-serif, Calibri;
font-size:10px;
background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.imagemBox
{
width:100px;
font-weight:bold;
float:left;
text-decoration:none;
margin:2px 2px 2px 2px;
color:#2884AF;
font-family:Arial, Helvetica, sans-serif, Calibri;
font-size:10px;
display:block;
}


fieldset.menuPequeno {
width:95%;
margin-top:5px;
border:0px solid #ddd;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
display:block;
padding:0.4em 0;
}

legend.menuPequeno {

    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-weight: bold;
    font-size: 10px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    color:#FFFFFF;
    background-color:#006437;background: #006437 -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));background: #006437 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
    /* border-left:2px solid #C6C6C6;
    border-bottom:2px solid #C6C6C6; */
    margin-bottom:1px;
    padding-left: 5px;
    margim-left:0px;
    width:100%;
    height:12px;

}



/*BOTOES*/

a.botao, input[type=submit], botao {
        vertical-align: middle;
        display: table-cell;
        text-align:center;
	text-decoration: none;
	border-color:rgba(0, 0, 0, 0.56);
	cursor: pointer;
	outline: none;
	color:#111;
	font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
	position:relative;
	font-size:12px;
	font-weight:bold;
	background-color:#aaa;
	background: #aaa -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background: #aaa -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
	text-shadow:1px 1px 0 rgba(255,255,255,.67);

	min-height:30px;
	margin:0 0 5px 5px;
	width:110px;
	padding:0;
	padding-top:5px;
	/** Make the text unselectable **/
	-moz-user-select: none;
	-webkit-user-select: none;
}


a.botao img{
    margin:3px 3px -3px 3px !important;
    border:none;
    width:35px;
    height:35px;
}

input[type=submit], input[type=submit]:active {
	line-height:1 !important;
	width:auto;
	padding:0 9px 1px;
}
a.botao, a.botao:after, a.botao:before, botao, botao:after, botao:before, input[type=submit] {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
}
a.botao:after, a.botao:before, botao:after, botao:before {
	display:block;
	position:absolute;
	
}

a.botao:hover, a.botao:focus, botao:hover, botao:focus, input[type=submit]:hover, input[type=submit]:focus {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.9), rgba(255,255,255,0.2));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.9)), to(rgba(255,255,255,0.2)));
}
a.botao:active, botao:active, input[type=submit]:active {
	background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
	
}
a.botao:active:before, botao:active:before {
	border-color: rgba(255, 255, 255, 0.11) rgba(255, 255, 255, 0.23) rgba(255, 255, 255, 0.27);
}

a.botao.bg {
	-webkit-transition: all .185s linear;
	-moz-transition: all .185s linear;
}
a.botao.bg, a.botao.bg:hover, a.botao.bg:focus {
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,0));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.75)), to(rgba(255,255,255,0)));
}
a.botao.bg:hover, a.botao.bg:focus {
	background-color:#a8c0cb;
}
a.botao.bg:active {
	background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75,.4)), to(rgba(255,255,255,.4)));
}

/* Lengths */
a.botao.short {
	width:50px;
}
a.botao.short:before {
	width:48px;
}
a.botao.long {
	width:125px;
}
a.botao.long:before {
	width:123px;
}
a.botao.super, botao.super {
	width:200px;
}
a.botao.super:before, botao.super:before {
	width:198px;
}
a.botao.crazy {
	width:250px;
}
a.botao.crazy:before {
	width:248px;
}

/*Com imagem*/
a.botao.imagem {
    color:#336699;
    width:75px;
    height:75px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: block;
float:left;
margin:2px;
background-color:#86bf7c;
font-size:10px;
}
/* Colors/Styles */
a.botao.blue {
	background-color:#9eb4bf;
}
a.botao.darkblue {
        width:110px;
	min-height:30px;
	background-color:#046;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	padding-left: 0px;
        
}
a.botao.red {
        width:110px;
	min-height:30px;
	background-color:#900;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
        vertical-align: middle;
        display: table-cell;
        	margin:0px; padding:0px;
}
a.botao.red:before {
	border-top-color:rgba(255,255,255,.5);
}
a.botao.green {
	width:95%;
	background-color:#86bf7c;

}

a.botao.red img, a.botao.darkblue img{
    border:none;
    width:20px;
    height:20px;
    display:none;
    position:left;
}

a.botao.pill, a.botao.pill:before, a.botao.pill:after {
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
a.botao.black {
	background-color:#000;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,.3);
}
a.botao.black:before {
	border-top-color:rgba(255,255,255,.67);
}
a.botao.sharp {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.33) 50%, transparent 50%, transparent 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
		from(rgba(255,255,255,.75)),
		color-stop(0.5, rgba(255,255,255,.33) ),
		color-stop(0.5, transparent ),
		to(transparent)
	);
	background-repeat:repeat-x;
}
a.botao.sharp:hover, a.botao.sharp:focus {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.75), rgba(255,255,255,.4) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
		from(rgba(255,255,255,.75)),
		color-stop(0.5, rgba(255,255,255,.67) ),
		color-stop(0.5, rgba(255,255,255,.33) ),
		to( rgba(255,255,255,.15) )
	);
}
a.botao.sharp:active {
	background-image:-moz-linear-gradient(top, rgba(75,75,75,.4), rgba(255,255,255,.4));
	background-image:-moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0) 50%, rgba(255,255,255,.25) 50%, rgba(255,255,255,.33) 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
		from(rgba(255,255,255,.75)),
		color-stop(0.5, rgba(255,255,255,.67) ),
		color-stop(0.5, rgba(255,255,255,.33) ),
		to( rgba(255,255,255,.15) )
	);
}
.credit {
	padding:60px 0 0;
	line-height:26px;
}

botao.inset {
	width:auto;
	padding:0 9px;
	-moz-box-shadow:1px 1px 0 rgba(255,255,255,.5) inset;
	-webkit-box-shadow:1px 1px 1px pink inset;
}
botao.inset:before, botao.inset:after {
	display:none;
}


/* box texto da atividade*/

/*
	Sitemap Styler
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:#eee;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;}
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */



#contentHolder{
    width:100%;
}

#tabContent{
	width:100%;
}


.tabContainer {
	/* This will arrange the LI-s next to each other */
	width:100%;
        padding:0px;
}

.tabContainer li{
	/* This will arrange the LI-s next to each other */
	display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */

	float:left;
	font-size:18px;

	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;

	padding:7px 16px 1px;
	margin:4px 5px;
	height:29px;

	/* Giving positioning */
	position:relative;

	/* CSS3 text-shadow */
	text-shadow:1px 1px 1px #CCCCCC;
}

#overLine{
	/* The line above the active button. */
	position:absolute;

	height:1px;
	background-color:white;
	width:90px;

	float:left;
	left:1px;
	top:-5px;
	overflow:hidden;
}

#main{
	margin:0 auto;
	position:relative;
	width:700px;
}


ul .left{
	/* The left span in the hyperlink */

	height:37px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

ul .right{
	/* The right span in the hyperlink */

	height:37px;
	right:0;
	position:absolute;
	top:0;
	width:10px;
}

/* Styling the colors individually: */

ul a.green{	background:url(img/green_mid.png) repeat-x top center;	color:#24570f;}
ul a.green span.left{ background:url(img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(img/green_right.png) no-repeat right top;}


ul a.blue{	background:url(img/blue_mid.png) repeat-x top center;	color:#03426e;}
ul a.blue span.left{ background:url(img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(img/blue_right.png) no-repeat right top;}


ul a.orange{	background:url(img/orange_mid.png) repeat-x top center;	color:#724104;}
ul a.orange span.left{ background:url(img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(img/orange_right.png) no-repeat right top;}


ul a.red{	background:url(img/red_mid.png) repeat-x top center;	color:#6f0100;}
ul a.red span.left{ background:url(img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{	background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
	display:block;
	margin:120px auto;
}

.clear{
	/* Old-school clear fix hack to clear the floats: */
	clear:both;
	height:1px;
	overflow:hidden;
}