/* Body properties */
body {
   background: #fff;
   font-weight: normal;
   font-family: "Open Sans", "Lucida Grande", Arial !important;
   font-size: 11px;
   font-stretch: narrower;
   margin: 0;
   padding: 0;
   padding-top: 0px;
   text-align: center;
}

/*centrar*/
#centrar1 {
   position: relative;
   padding: 0px;
   background: #009f7b
}

#centrar2 {
   position: relative;
   padding: 0px;
   min-height: auto;
   background: #009f7b;
}

#centrar3 {
   position: relative;
   padding: 0px;
   border-top: 4px solid #000;
   background: #fff
}

/* corpo */
#linha1 {
   width: 950px;
   height: 330px;
   margin: 0 auto;
   background: #fff url(../images/estrutura.jpg) 0 0 no-repeat
}

#header {
   width: 520px;
   height: 115px;
   float: left;
}

#area_reservada {
   width: 420px;
   height: 48px;
   padding-top: 50px;
   float: right;
   color: #000;
   font-weight: 700;
   text-align: center;
   padding-right: 2px;
   font-size: 0.9em;
   letter-spacing: 0.05em
}
#area_reservada hr {margin-top:5px !important; margin-bottom: 5px !important}

#area_reservada input {
   -moz-border-radius: 4px;
   -khtml-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 1px;
   border: 1px solid #09ab96;
   background: transparent;
   font-size: 1em;
   height:30px;
   color: #000;
}

#area_reservada input.login {
   color: #000;
   background: #09ab96;
   padding: 4px;
   font-weight: bold
}

#area_reservada input.login:hover {
   color: #000;
}

#area_reservada hr {
   border: 0px;
   background: rgba(255, 105, 18, 0.4);
   height: 1px;
   width: 90%
}

a.professor {
   text-decoration: none;
   font-style: normal;
   outline: gray;
   padding: 3px;
   color: #e25d04;
   border-radius: 2px
}

a.professor:hover {
   outline: none;
   color: #13a00e;
}

red {
   color: red
}

green {
   color: green
}

orange {
   color: orange
}

#cabecalho {
   width: 950px;
   background: url(../images/estrutura.jpg) 0 -108px no-repeat;
   float: right
}

#linha2 {
   width: 950px;
   padding: 0;
   margin: 0 auto;
   height: auto;
   background: #fff;
   overflow: hidden
}

#centro {
   width: 950px;
   min-height: 250px;
   height: auto;
   background: #fff;
   padding: 25px;
   text-align: left;
   color: #000;
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 5px;
   margin-top: 0px;
   text-align: justify;
   font-stretch: normal;
   font-weight: lighter
}

#content_guia {
   height: 13px;
   width: 940px;
   font-size: 9px;
   font-weight: normal;
   color: #000;
   font-stretch: narrower;
   text-transform: uppercase;
   text-align: left;
   border-bottom: 1px dashed #09ab96;
   padding: 5px;
   letter-spacing: 0.1 em;
}

#content_guia a {
   color: #09ab96;
}

#content_guia a:hover {
   color: #000
}

#linha3 {
   width: 950px;
   height: 29px;
   margin: 0 auto;
}

#rodape {
   width: 950px;
   height: 30px;
}

#rodape_center {
   width: 940px;
   height: 30px;
   float: left;
   letter-spacing: 0.08em;
   font-size: 0.9em;
   color: #09ab96;
   text-align: center;
   padding: 7px;
}

#apoio {
   width: 950px;
   height: 30px;
   margin: 5px 0px;
}

#fundo_links {
   width: 950px;
   height: 50px;
   background: url(../images/rodape.jpg) no-repeat;
   margin: 0px;
   padding: 0px;
   position: relative;
}

#fundo_links li {
   margin: 0px;
   padding: 0px;
   list-style: none;
   position: absolute;
   top: 0px
}

#fundo_links li, #fundo_links a {
   height: 50px;
   display: block;
}

#fundo_links_1 {
   left: 20px;
   width: 170px;
}

#fundo_links_2 {
   left: 200px;
   width: 96px;
}

#fundo_links_3 {
   left: 800px;
   width: 140px;
}

#fundo_links_1 a:hover {
   background: transparent url(../images/rodape.jpg) -20px -52px no-repeat;
}

#fundo_links_2 a:hover {
   background: transparent url(../images/rodape.jpg) -200px -53px no-repeat;
}

#fundo_links_3 a:hover {
   background: transparent url(../images/rodape.jpg) -800px -49px no-repeat;
}

/*HOME*/
p.Tit {
   color: #000;
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 5px;
   margin-top: 5px;
   text-transform: uppercase;
   text-align: left;
   letter-spacing: -0.07em;
   line-height: 12px;
   background: url(../images/estrutura.jpg) -16px -505px no-repeat;
   padding-left: 16px;
}

a.Tex {
   padding-left: 0px;
   color: #393f46;
   font-size: 11px;
   line-height: 14px;
   margin: 0px;
   font-weight: normal;
   letter-spacing: -0.04em
}

#novidades {
   width: 150px;
   height: 18px;
   background: transparent url(../images/estrutura.jpg) -18px -356px no-repeat;
}

#separador_novidades {
   width: 175px;
   height: 5px;
   background: transparent url(../images/estrutura.jpg) -21px -376px no-repeat;
   margin-top: 5px
}

/*Professor*/
#div_password {
   float: right;
   margin-right: 150px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   background: #dcd6d8;
   padding: 10px;
}

/* conteudos e links*/
h1 {
   color: #1f9dd9;
   font-size: 1.6em !important;
  line-height: 1.8em !important;
   font-weight: bold !important;
   margin-bottom: 5px;
   margin-top: 5px;
   border-bottom: 1px dotted #1f9dd9;
   text-transform: uppercase;
   padding-top: 5px
}

h2 {
   color: #09ab96;
   font-size: 1.45em !important;
   line-height: 1.8em !important;
   text-transform: uppercase;
   padding-bottom: 4px !important;
   border-bottom: 1px dashed #09ab96 !important;
}

h3 {
   color: #1f9dd9;
   font-size: 1.4em !important;
   margin-bottom: 5px;
   margin-top: 5px;
   padding-top: 5px;
   line-height: 1.8em !important;
   font-weight: bold !important
}

h4 {
   color: #000;
   font-size: 1.35em !important;
   line-height: 1.7em !important;
   margin-bottom: 0px;
   margin-top: 10px
}

h5 {
   color: #09ab96;
   font-size: 1.3em !important;
   line-height: 1.6em !important;
   margin-bottom: 4px;
   margin-top: 10px
}

h6 {
   color: #000;
   font-size: 1em !important;
   line-height: 1.6em !important;
   margin-bottom: 5px;
   margin-top: 0px;
   text-align: justify;
   font-stretch: normal;
   font-weight: lighter
}

.tabelaEscolas td {
   padding: 4px;
}

.tabelaEscolas tr:nth-child(even) {
   background-color: #f1e8d1;
}

.tabelaEscolas th {
   text-align: center;
}

a {
   text-decoration: none;
   font-style: normal;
   color: #006600;
   outline: none
}

a:hover {
   outline: none;
   color: #e25d04
}

hr {
   background: #ffd875;
   height: 1px;
   color: #fff;
   border: 0px
}

#content_cabecalho {
   color: #1f9dd9;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 5px;
   margin-top: 5px;
   background: url(../images/estrutura.jpg) 0 -350px no-repeat;
   padding-left: 25px;
   text-transform: uppercase;
}

p {
   font-weight: normal;
}

li {
   letter-spacing: 0.05em;
}

td {
   font-weight: normal;
   /*border-bottom: 1px dashed #ccc;*/
   padding-right: 6px;
   text-align: left;
   color: #323232
}

ul {
   /*list-style-image:url(../images/li.jpg);*/
}

/*FORMS E INPUTS */
textarea.form_insc, input.form_insc {
    display: block;
    width: 100%;
    height: 25px;
    padding: 6px 7px;
    font-size: 1em;
    line-height: 1.4em;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #92acb0;;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.laform textarea, .laform input, .laform select, .editavel {
   border-width: 1px;
   border-color: #bebebe;
   border-style: solid;
   background: #f7f6f6;
   color: #000;
   font-size: 11px;
   font-weight: normal;
   padding: 4px;
   margin: 2px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

input.error, select.error, checkbox.error, textarea.error {
   border-color: #f00;
   border-width: 1px;
   border-style: dotted;
}

label.error {
   font-size: 0.9em;
   color: red;
   margin-left: 5px;
}

#fichaProfessor label.error {
   font-size: 10px;
   color: red;
   margin-left: 5px;
   display: block;
}

input.actualizar, button {
   text-transform: uppercase;
   color: white;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   background: #d16405;
   padding: 7px;
   font-weight: bold;
   font-size: 13px;
   border: 1px #dadada;
   box-shadow: 3px 3px 3px #dadada;
   -webkit-box-shadow: 3px 3px 3px #dadada;
   -moz-box-shadow: 3px 3px 3px #dadada;
   margin-top: 5px;
}

input.actualizar:hover {
   background: black
}

.caixa_erro {
   width: 685px;
   height: 35px;
   position: relative;
   top: 5px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #9b0a15;
   font-size: 1em;
   font-weight: bold;
   color: #edfcff;
   text-align: left;
   padding-left: 25px;
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 10px
}

.caixa_sucesso {
   width: 685px;
   height: auto;
   position: relative;
   top: 15px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #2c4419;
   font: 1em;
   font-weight: bold;
   color: #fafbff;
   text-transform: uppercase;
   text-align: left;
   padding-left: 25px;
   padding-top: 7px;
   padding-bottom: 7px;
   line-height: 20px
}

.caixa_informacao {
   width: 560px;
   height: 35px;
   position: relative;
   top: 5px;
   left: 5px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #039;
   font: 1em;
   font-weight: normal;
   color: #edfcff;
   text-align: left;
   padding-left: 25px;
   padding-top: 7px;
   padding-bottom: 7px;
   margin-bottom: 10px
}

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

.notvalidField {
   color: #F00;
}

img {
   border: 0px;
   padding: 0;
   margin: 0
}

#loginBut {
   cursor: pointer;
   background: #1f9dd9;
}
