﻿*{ margin:0; padding:0;}
 
body{ font:100% normal Arial, Helvetica, sans-serif; background:#161712;}
 
form,input,select,textarea{margin:0; padding:0; color:#ffffff;}
 
div.box {
    margin:0 auto;
    width:800px;
    background:#222222;
    position:relative;
    top:50px;
    border:1px solid #262626;
}
 
div.box h1 { 
    color:#ffffff;
    font-size:18px;
    text-transform:uppercase;
    padding:5px 0 5px 5px;
    border-bottom:1px solid #161712;
    border-top:1px solid #161712; 
}

div.box h2 { 
    color:#ffffff;
    font-size:13px;
    text-transform:uppercase;
    padding:5px 0 5px 5px;
    border-bottom:1px solid #161712;
    border-top:1px solid #161712; 
}
 
div.box label {
    width:100%;
    display: block;
    background:#1C1C1C;
    border-top:1px solid #262626;
    border-bottom:1px solid #161712;
    padding:10px 0 10px 0;
}
 
div.box label span {
    display: block;
    color:#bbbbbb;
    font-size:12px;
    float:left;
    width:100px;
    text-align:left;
    padding:5px 20px 0 0;
}

div.box .ocultar {
    display: none;
}
 
div.box .input_text {
    padding:10px 10px;
    width:400px;
    background:#262626;
    border-bottom: 1px double #171717;
    border-top: 1px double #171717;
    border-left:1px double #333333;
    border-right:1px double #333333;
}

div.box .input_text_cp {
    padding:10px 10px;
    width:193px;
    background:#262626;
    border-bottom: 1px double #171717;
    border-top: 1px double #171717;
    border-left:1px double #333333;
    border-right:1px double #333333;
}

div.box .message{
    padding:7px 7px;
    width:350px;
    background:#262626;
    border-bottom: 1px double #171717;
    border-top: 1px double #171717;
    border-left:1px double #333333;
    border-right:1px double #333333;
    overflow:hidden;
    height:150px;
}
 
div.box .button{
    margin:0 0 10px 0;
    padding:4px 7px;
    background:#BDBDBD;
    border:0px;
   position: relative;
    top:10px;
  /* left:382px;*/ 
    width:100px;
   /* border-bottom: 1px double #BDBDBD;
    border-top: 1px double #BDBDBD;
    border-left:1px double #BDBDBD;
    border-right:1px double #BDBDBD;*/
}

div.box .buttonP{
    margin:0 0 10px 0;
    padding:4px 7px;
    background:red;
    border:0px;
   position: relative;
    top:10px;
  /* left:382px;*/ 
    width:100px;
   /* border-bottom: 1px double #BDBDBD;
    border-top: 1px double #BDBDBD;
    border-left:1px double #BDBDBD;
    border-right:1px double #BDBDBD;*/
}

div.box .input_select {
    padding:10px 10px;
    width:400px;
    background:#262626;
    border-bottom: 1px double #171717;
    border-top: 1px double #171717;
    border-left:1px double #333333;
    border-right:1px double #333333;
}#fucBox { margin:0 auto;    width:800px;}#fuc{	     /*Novamente definimos a largura da div*/  width:400px;  /* altura da div */  height:300px;  /* O atributo Float é utilizado para fazermos o nosso bloco(div) literalmente flutue e se posicione onde queremos na página, quando escolhemos left, dizemos que esse bloco irá se posicionar na parte esquerda da página */  float:left;  /* Cor de fundo da div */  background-color:#FF0;  }#docente{	/*Novamente definimos a largura da div*/  width:400px;  /* altura da div */  height:300px;  /* O atributo Float é utilizado para fazermos o nosso bloco(div) literalmente flutue e se posicione onde queremos na página, quando escolhemos left, dizemos que esse bloco irá se posicionar na parte esquerda da página */  float:left;  /* Cor de fundo da div */  background-color:red;}