/* 
    Document   : cadastro
    Created on : 17/09/2011, 14:32:47
    Author     : leonardo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    background-color: #FFFFFF;
    color: #FFFFFF;
    background-image: url(imagens/fundo2.png);
    background-repeat: repeat;
    font-family: Tahoma;
}
.login{
    background-color: #006699;
    background-color: #FFF;
    border: 5px solid #069;
    width:40%;
    margin-left: 30%;
    margin-right: 30%;
    box-shadow: 5px 10px 20px #aaa;
    color:#069;
}
.loginform{
    text-align: center;
    
}
.loginform label{
    font-weight: bold;
}

.principal{

    border-bottom: solid 5px #104154;
    background-color: #3186A7;
    background-color: #FFF;
    padding: 20px;
    text-align: left;
}
.principal label{
    color:#3186A7;
    font-weight: bold;
    font-size: 120%;
}
.principal div{
    float:left;
}
.principal a{
    color:#FFD324;
    color:#FFF;
}
.principal td{
    color:#000;
    font-size: 120%;

}
#tabelaprincipal{
    border-right: solid 5px #104154;
    border-bottom: solid 5px #104154;
    background-image: url(imagens/fundo.png);
    background-repeat: repeat-x;
    background-color: #3186A7;
    padding: 20px;

}

input[type="text"],input[type="password"],select,input[type="date"]{
    height:30px;
    border:2px solid #cccccc;
    font-size: 18px;
}
input [type="checkbox"]{
    background-color: #B0E0E6; 
    font: 12px verdana, arial, helvetica, sans-serif;
    color:#003399;
    border:2px solid #000099;
}

textarea{

    border:2px solid #cccccc;
    font-size: 18px;
}
.dados{
    width:80%;
    min-height: 50px;
    color:#FFFFFF;
    background-color: #3186A7;
    margin-left: 10%;
    margin-right: 10%;

}

#tabelaprincipal a{
    color:#104154;
}

#menuprincipal{

    padding: 10px;

}
#menuprincipal td{
    padding: 20px;
    text-align: center;
}

#menuprincipal a{
    color: #FFD324;
    font-weight: bold;
    text-decoration: none;
}

#menuprincipal a hover{
    color:#104154;
    font-weight: bold;
    text-decoration: none;
}

h3{
    text-align: center;

}

#cadastro td{
    font-size: medium;
    font-weight: bold;


}

#consulta td{
    border-right: solid 1px #999999;
    border-bottom: none;
    border-left: none;
    border-top: none;
    text-align: center;
    padding: 20px;
    /*background-color:#3ea1c8;*/
}
#consulta td a{
    color:#FFF;
}

#cabecalho{
    font-weight: bold;
    font-size: large;
    text-decoration: underline;
}

#consulta a{
    color: #FFD324;
    font-size: large;
}

#resultado h3{
    color:#FFD324;
    text-align: left;

}
#resultado p{
    background-color: #FFFFFF;
    color:#3186A7;
    font-weight: bold;
}
#acertos{
    background-color: yellowgreen;
    color:#FFFFFF;
    font-weight: bold;

}

#erros{
    background-color: #cc0033;
    color:#FFFFFF;
    font-weight: bold;
}

.titulo{
    background-color: #FFFFFF;
    color: #3186A7;
    max-height: 30px;
}
#titulo h4{
    color: #FFFFFF;
}
#aula{
    background-color: #FFFFFF;
    width:950px;

    margin: auto;
    color: #3186A7;
}


#principal{

    background-image: url(imagens/fundo.png);
    background-repeat: repeat-x;
}

.barratopo{
    width:100%;
    background-color: #006699;
    color: white;
    height: 120px;
}
.barratopo a{
    color:#cccccc;
}
.barratopo img{
    margin-top:20px;
    margin-left:3%;
    width:300px;height:80px;
}
.barratopo div{
    width:20%;
    float:right;
    color:#FFF;
    
}
.barratopo div label{
    color:#FFF;
}
.barratopo div select{
    color:#FFF;
    background-color: #069;
}

.barratitulo{
    color:#FFD324;
    text-align: center;
    width:100%;
    border-bottom: 2px solid #cccccc;

}
span{
    font-style: italic;
    font-size: 14px;
}
.voltar{
    text-align: center;
    font-size: 20px;
    margin-top: 3%;
}
.voltar a{
    color:#069;
}
.voltar a:hover{
    color:#006699;
}
.lista{
    width:100%;
    font-size: 25px;
    color:#FFFFFF;
    background-color: #006699;
    border-radius: 10px;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
}
.lista a{
    color:#FFD324;

}
.lista p{
    font-size: 18px;
}
.lista span{
    font-size: 14px;
    font-style: italic;
}
.lista h1{
    font-size: 20px;
    color:#FFD324;
}
.conteudo{
    background-color: #FFFFFF;
    color:black;
    width:80%;
    margin-left:10%;
    margin-right:10%;
    min-height: 400px;
}

.atividade{
    background-color: #cc0033;
    min-height: 40px;
    line-height: 20px;
    font-size: 20px;
}
.arquivo{
    width:20%;
    margin-right:5%;
    background-color: #FFFFFF;
    height:105px;
    float:left;
}
.turma{
    width:30%;
    background-color:#104154;
    color:#FFD324;
    height:30px;
    border-radius: 10px;

    font-weight: bold;
    font-size:20px;
}
.consulta{
    float:left;
    width:45%;

}
.aula{
    border:1px white solid;
    border-radius:10px;
    min-height: 100px;
    width:80%;
    margin-left:10%;
    margin-right:10%;
    margin-top:15px;
    padding:15px;
}
.aula span{
    color:#FFD324;
    font-weight: bold;
    font-style:normal;
    font-size: 20px;
}
.aula a{
    color:#FFD324;
    font-size: 20px;
}
.botao{
    background-color: #00ccff;
    color:#FFF;
    padding: 10px;
    border-radius: 15px;
    font-size: 100%;
    border:0px;
    border-bottom: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    /*min-width: 150px;*/
    display: block;
}
.botao a{
    color:#FFF;
}
.botaosim{
    background-color: #339900;
    width: 100px;
}
.botaonao{
    background-color: #cc0033;
    width: 100px;

}
.botaoform{
    background-color: #00ccff;
    color:#FFF;
    padding: 10px;
    border-radius: 10px;
    font-size: 150%;
    width:150px;
    height: 50px;
}
.quadro{
    border:1px solid #fff;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.quadro titulo{
    font-size: 150%;
    font-style: none;
    color:#fff;


}

#user-levels{
    width:100%;
    margin-top:5px;
    margin-left: 0%;
    margin-right: 0%;

}
.colunas{
    width:100%;
}
.colunas div{
    float:left;
    width:15%;
    height:170px;
    padding: 5px 10px;
    margin-right: 3px;
    background: #f8f8f8;
    text-align: center;

}
.colunas a{
    color:#FFF;
}
.cabecalhohorario{
    height:40px;
    width:15%;
    float:left;
    background-color: #069;
    padding: 5px 10px;
    margin-right: 3px;
    text-align: center;
    color:#FFF;
    line-height: 30px;
}
.cabecalhohorario2{
    height:40px;
    width:40%;
    float:left;
    background-color: #069;
    padding: 5px 10px;
    margin-right: 3px;
    text-align: center;
    color:#FFF;
    line-height: 30px;
}
.user{
    width:150px;
    height:60px;
    line-height: 60px;
    padding:0 5px;
    display:block;
    margin:0 auto 3px;
    text-align: center;
    border:1px solid #aaa;
    background: #069;
    cursor:move;
    color:#FFF;
    float:left;
}

.clear{
    clear: both;
}
#disciplinas{
    width:100%;
    background-color: #FFF;
    border:2px solid black;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 150px;
}
#disciplinas a{
    color:#FFF;
    text-decoration: none;
}
#disciplinas a:hover{
    background-color: #48a2e2;
}
.horario{
    width:100% !important;
    height:85px !important;
    line-height: 85px;
    background-color: #FFF !important;
    border:2px solid black !important;
}

.chamada{
    font-size: 80%;
    background-color: #fcfcfc;
    background-color: #FFF;
}
/*.chamada:nth-child(even){
        background-color: #cccccc;
}
.chamada:nth-child(odd){
        
}*/
.chamada input[type="checkbox"]{
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform:scale(2);
    margin-bottom: 2%;
}
.candidato{
    width:100%;
    background-color: #069;

}
.candidato h2{
    color:#FFF;
    padding: 5px;
}

.menualuno{
    width:100%;
    height:100px;
    margin-top: 20px;
}
.menualuno div{
    width:25%;
    float:left;
    
    
}
.menualuno a{
    color: #FFD324;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.gradehorario{
    width:20%;
    height:250px;
    float:left;
    border-right: 1px solid black;
    margin-top: 30px;
}
.diasemana{
    height:50px;
    background-color: #006699;
    color:#FFF;
}
.gradehorario .aula{
    height:100px;

}

.material{
    width:100%;
    height:250px;
    float:left;
    border-right: 1px solid black;
    margin-top: 30px;
}
.diasemana{
    height:50px;
    background-color: #006699;
    color:#FFF;
}
.material .aula{
    height:100px;

}
.boletim{
    width:45%;
    padding:10px;
    border:0px solid #000;
    margin:2%;
    min-height:200px;
    box-shadow: 5px 10px 20px #ccc;
    float:left;
}


.divtempo2{
    position: fixed;
    background-color: #ccc;
    opacity: 0;
    width:100%;
    /*transition: opacity 10s, margin-left 0.5s;
    animation: imganim 5s linear 2s infinite none;*/
animation-name: imganim;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-direction: alternate;
}


@keyframes imganim {
from {opacity:1;}
to {opacity:0;} 
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

    .boletim{
    width:95%;
    padding:10px;
    border:0px solid #000;
    margin:2%;
    min-height:200px;
    box-shadow: 5px 10px 20px #ccc;
    float:left;
}
    
    .barratopo img{
    margin-top:20px;
    margin-left:3%;
    width:100px;height:50px;
}

.menualuno{
    width:100%;
    margin-top: 20px;
}
.menualuno div{
    width:100%;
    float:left;
    background-color: #3cadd4;
    
    
}

.login{
    background-color: #FFF;
    border: 5px solid #069;
    width:100%;
    margin-left: 0%;
    margin-right: 0%;
    box-shadow: 5px 10px 20px #aaa;
    color:#069;
    font-size: 30px;
}
.loginform{
    text-align: center;
    
}
.loginform label{
    font-weight: bold;
    font-size: 20px;
}
input[type="text"],input[type="password"],select,input[type="date"]{
    height: 70px;
    border:2px solid #cccccc;
    font-size: 20px;
}

.gradehorario{
    width:100%;
    height:250px;
    float:left;
    border-right: 1px solid black;
    margin-top: 30px;
}
.diasemana{
    height:50px;
    background-color: #006699;
    color:#FFF;
}
.gradehorario .aula{
    height:100px;

}



}