@charset "UTF-8";
@font-face {
    font-family: 'FonteLogo';

}

body {
    font-family: Arial, SansSerif;
    background-color: white;
    color: rgba(0, 0, 0, 1);
}

div#interface {
    width: 99%;
    background-color: #dddddd;
    margin: -.4% 0% 1% 1%;
    height: 97%;

}

div#parte1 {
    width: 98%;
    background-color: #dddddd;
/*    margin: 0% 0% -3% 1%; */
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1%;
    margin-right: 1%;
    height: 85px;
}
div#parte2 {
    width: 98%;
    background-color:  #033a8f;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1%;
    margin-right: 1%;

    height: 100%;
}
div#parte3 {
    width: 98%;

    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1%;
    margin-right: 1%;
    height: 580px;
    background-image: url("../_imagens/DSCN0749.JPG");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top center;
    background-size: 100%;
}

div#parte3 h1 {
/*    font-family: 'FonteLogo', sans-serif; */
    font-family: "Courier New";
    font-size: 13pt;
    color: black;
    margin-top: 0px;
    margin-right: 5%;

}
div#parte4 {
    width: 98%;
    background-color: #dddddd;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 1%;
    margin-right: 1%;
    height: 25px;
}

.div_teste{
    width:700px;
    height:500px;
    position:absolute;
    z-index:100;
    top:50px;
    margin-left:300px;
}

section#corpodireito p {
    font-family: sans-serif;
    font-size: 13pt;
    color: black;
    text-align: left;
    text-indent: -15px;
    margin-left: 5%;
    margin-right: 5%;

}
section#corpoesquerdo p {
    font-family: sans-serif;
    font-size: 30pt;
    color: black;
    text-align: center;
    text-indent: -15px;
    margin-left: 5%;
    margin-right: 5%;

}



a {
    color: black;
    text-decoration: none;
    background-color: #dddddd;
}
a:hover {
    text-decoration: underline;
}
b {
    color: white;
    text-decoration: none;
}

div#parte1 img#icone {
    position: absolute;
    right: 5%;
/*    left: 80%; */
    top: 5%;
}
div#parte1 img#logotipo {
    position: absolute;
    left: 2.5%;
    top: .7%;
}

header#cabecalho {

    border-bottom: #606060 solid;
    width: 100%;
    height: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;

}


header#cabecalho h1 {
    font-family: "Arial Black";
    text-align: center;
    font-size: 280%;
    color: white;
    margin-top: 0%;
    margin-bottom: 0%;

}
header#cabecalho h2 {
    font-family: "Arial Black";
    text-align: center;
    font-size: 130%;
    color: white;
    padding: 0%;
    margin-top:-1%;
    margin-bottom: 0%;
}
/* Formatação de imagens com legendas */
/*
figure.foto-legenda {
    position: relative;
    border: 8px solid white;
    box-shadow: 1px 1px 4px black;
}
figure.foto-legenda img {
    width: 100%;
    height: 600px;

}
figure.foto-legenda figcaption {
    opacity: 0;
    position: absolute;
    top: 0px;
    background-color: rgba(0,0,0,.4);
    color: white;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    transition: opacity 5s;
}

figure.foto-legenda:hover figcaption {
    opacity: 1;
}
*/
/* Fornatação do Menu */


nav#cadastro {
    text-decoration: none;
    background-color: white;
    text-decoration: none;

}
nav#cadastro a {
    color: #FF0000;
    text-decoration: none;
}
nav#cadastro a:hover {
     text-decoration: underline;
}

nav#menu ul {
    list-style: none;
    position: absolute;
    margin: 22px 0px 0px 150px;

}
nav#menu {
    display: inline-block;
    background-color: #dddddd;

}

nav#menu a {
    color: #000000;
    text-decoration: none;
    margin: 22px 5px 0px 0px;


}
nav#menu a:hover {
    background-color: white;
    text-decoration: underline;
    transition: background-color 1s;
}
nav#menu h1{
    display: none;
}

nav#menu_seu_condominio ul {
    list-style: none;
    position: absolute;
    top: 0%;
    left: 30%;
}
nav#menu_seu_condominio li {
    display: inline-block;
    margin: 22px 5px 0px 0px;
    transition: background-color 1s;

}
nav#menu_seu_condominio li:hover {
    background-color: #FF0000;
}
nav#menu_seu_condominio a {
    color: white;
    background-color: blue;

}
nav#menu_seu_condominio a:hover {
    color: #FF0000;
    text-decoration: underline;
}
nav#menu_seu_condominio h1{
    display: none;
}


section#corpoesquerdo {
    display: block;
    width: 30%;
    float: left;
    height: 90%;
    margin-left: 5%;



}
section#corpodireito {
    display: block;
    width: 60%;
    float: right;
    height: 90%;
    margin-right: 5%;
}
section#senha {
    display: block;
    width: 30%;
    float: left;
    height: 28%;
    margin-right: 5%;
}
article#noticia-principal h2 {
    font-size: 13pt;
    color: #606060;
    background-color: #dddddd;
    padding: 5px 0px 5px 10px;
    margin: 10px;
}
header#cabecalho-artigo h1 {
    font-family: sans-serif;
    font-size: 20pt;
    color: #606060;
    margin-bottom: 0px;
    margin-top: 0px;
}

.direita {
    text-align: right;
}
header#cabecalho-artigo h2 {
    font-size: 13pt;
    color: #cecece;
    background-color: #ffffff;
    margin: 0px;
 }
header#cabecalho-artigo h3 {
    font-size: 12pt;
    color: #606060;

}
table#tabelaspec {
    border: 1px solid #606060;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}
table#tabelaspec td {
    border: 1px solid #606060;
    padding: 10px;
    text-align: center;
    vertical-align: bottom;
}
table#tabelaspec td.ce {
    background-color: #606060;
    vertical-align: top;
    font-weight: bold;
}
table#tabelaspec td.cd {
    background-color: #cecece;
}
table#tabelaspec caption {
    color: #888888;
    font-size: 13pt;
    font-weight: bolder;
}
table#tabelaspec caption span {
    display: block;
    float: right;
    color: #000000;
    font-size: 8pt;
    margin-top: 10px;
}
aside#lateral {
    display: block;
    width: 950px;
    float: right;
    padding: 10px;
    margin-top: 10px;
    box-shadow: 2px 2px 2px rgba(0,0,0, .5);
}
aside#lateral h1 {
    font-family: 'FonteLogo', sans-serif;
    font-size: 20pt;
    color: #606060;
    margin-top: 0px;
}
aside#lateral h2 {
    background-color: #606060;
    font-size: 13pt;
    color: #ffffff;
    padding: 10px;
}
footer#rodape {
    clear: both;
    border-top: 1px solid #606060;
    width: 100%;

    height: 100%;



}
footer#rodape p {
    text-align: left;
    margin-top: 4px;
    font-size: 8pt;
}




/* formatação da tela de login */

/*
section#corpomensagem {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 0%;
    margin-left: 0%;
/*    margin: 5% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: white;
}
*/
.modalDialog {

    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
fieldset#usuario {
    width: 90%;
    float: right;
    height: 90%;
    background-color: white;
}
fieldset#usuarioC {
    width: 90%;
    float: right;
    height: 95%;
    background-color: white;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 500px;
    height: 350px;
    position: relative;
    margin: 5% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: white;
}
.closeModal {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.closeModal:after {
    content: "\d7";
}
.closeModal:hover {
    background: #f00;
}


/* formatação do seucondominio.php */

div#_interface_S {
    width: 98%;
    background-color: #dddddd;
    margin: -.4% 0% 1% 1%;
    height: 97%;
}
div#parte1_s {
    width: 99%;
    background-color: blue;
    /*    margin: 0% 0% -3% 1%; */
    margin-top: -.5%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 0%;
    height: 85px;
    border-bottom: 5px solid #FF0000;

}

section#logado_s h1 {
    font-family: sans-serif;
    font-size: 20pt;
    color: #606060;
    margin-bottom: 0px;
    margin-top: 0px;
}

div#parte2_s {
    width: 99%;
    background-color: #00FF00;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 0%;
    height: 200px;
}

div#parte3_s {
    width: 99%;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    height: 600px;
    margin-right: 0%;
    background-color: aqua;


}

div#parte3_s h1 {
    /*    font-family: 'FonteLogo', sans-serif; */
    font-family: "Courier New";
    font-size: 13pt;
    color: black;
    margin-top: 0px;
    margin-right: 0%;

}
div#parte4_s {
    width: 99%;
    background-color: #dddddd;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    margin-right: 0%;
    height: 25px;
}


section#logado_s {

    border-bottom: #606060 solid;
    width: 100%;
    height: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: 0%;


}