/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

body {		
    -webkit-font-smoothing: antialiased;		
    color:#333;
    height: 100%;
    background-color: #E9E9E9;/*	 background="#f8f8f8"*/
}
input, select {
    border:solid 1px #ccc;
    padding:5px;
    font-size:12px;
    background:#f8f8f8;
    border-radius:5px;
    color:#333;
    box-shadow: inset 0 1px 0 0px #fff;
    -webkit-box-shadow:inset 0 1px 0 0px #fff;
}

.form {
        font-size: 14px;	
        font-family: 'Ubuntu Condensed', sans-serif;
        width:1000px;
        background-color:#FFF;
        margin: 0 auto;
}

.form900{
        width:900px !important;
        margin:20px; 
}

.form_painel {
        font-size: 14px;	
        font-family: 'Ubuntu Condensed', sans-serif;
        width:100%;
        background-color:#FFF;
        margin: 0 auto;
}

.topo{ 
        background-color: #036;
        padding: 2px; 
        }
.painel {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif !important;
        width:95%;
        background-color:#FFF;
        margin: 0 auto;
}

.painel h2{
        margin:5px;
        color:#2587C9;
}
.painel h3{			
        color:green;
        border-bottom: solid 1px #ddd; 
}

.painel table{
        width: 100%;
        border: 0;
        padding: 5px;		
}
.painel tbody table tr td{
        border-bottom:solid 1px #ddd;
        font-size:13px !important;
        font-weight: bold !important;
}

.painel label{
    font-weight: bold;
    color: #036;
}

.form table.cad{
        padding-left:20px;
        padding-right:20px;
}

#topo{
        width:100%;	
}

#rodape{		
        width:100%;
        height:30px;
        background-color:#3B5B98;
}
#rodape p{
        text-align:center;
        padding-top:5px;
        color:#FFF;		
}

.margin0{
        margin: 0px;
}


.erroInput {
        /*border:solid 1px #F00;
        padding:5px;
        font-family:Calibri, Helvetica, sans-serif;
        font-size:12px;
        background:#f8f8f8;
        border-radius:5px;
        color:#666;
        box-shadow: inset 0 1px 0 0px #fff;
        -webkit-box-shadow:inset 0 1px 0 0px #fff;*/
        color:#F00;
}
.erroInput div {
        background-color:#FF0;
        color:#F00;
}

.form h1 {
        border-bottom:#CCC solid 2px;
        font-size:22px;
}
.form h2 {
        color:#2587C9;
}
.red {
        color:#900 !important;
}
.amarelo{
        color:#F90 !important;
}
.alerta {
        background-color:#FFCC00;
}
.alerta2 {
        background-color:#F60;
        height:25px;
        width:50%;
}

.titlePainel {
        color:#FFF;		
        padding-left:20px;
}
.button {
        border:solid 1px #ccc;
        padding:5px;
        font-size:12px;
        background:#F90;
        border-radius:3px;
        color:#FFF;
        font-weight:bold;
        box-shadow: inset 0 1px 0 0px #fff;
        -webkit-box-shadow:inset 0 1px 0 0px #fff;
}

.buttonVerde {
        border:solid 1px #ccc;
        padding:5px;
        font-size:12px;
        background:#090;
        border-radius:3px;
        color:#FFF;
        font-weight:bold;
        box-shadow: inset 0 1px 0 0px #fff;
        -webkit-box-shadow:inset 0 1px 0 0px #fff;
}

.bt2{
        background:#999 !important;	
}

#menu {
        width:100%;
        height:21px;
        background:#666;
        padding-top:5px;
        border-bottom:#3B5B98 solid 2px;
        font: bold 12px;
        font-weight: bold;
}
#menu a:link {
        color:#FFF;
        letter-spacing:1pt;
        text-decoration:none;
        margin-left:30px;
        margin-right:30px;
}
#menu a:active {
        font: bold 12px;
        color:#F93;
        letter-spacing:1pt;
        text-decoration:none;
        margin-left:30px;
        margin-right:30px;
}
#menu a:visited {
        font: bold 12px;
        color:#FFF;
        letter-spacing:1pt;
        text-decoration:none;
        margin-left:30px;
        margin-right:30px;
}
#menu a:hover {
        font: bold 12px;
        color:#999;
        letter-spacing:1pt;
        text-decoration:none;
        margin-left:30px;
        margin-right:30px;
}
#central {
        margin:10px;
}

#direita, #esquerda {
    width:50%;
    float:left;
}	

.right{
    float:right;
}	

.colunas{
    width:33.33%;
    float:left;	
}

.txtImg{
    width:200px;	
}

.limpar {
    clear:both;
}

#quadro{

}

#quadro h1{ 
    color:#F60;
}

#quadro h2{ 
    color:#09F;
    font-size:12px;		
}
#quadro h2 span{ color:#F60; }

#quadro li{
    list-style-image:url(../img/ico/check.gif);
}

#quadro .formRel li{
    list-style:none;	
}

#tbRel{

}

#tbRel thead td{
    background-color:#036;
    color:#FFF;
    font: inherit bold 14px;	
}

#tbRel .titulo{
    background-color:#FFF;	
    font-size:12px !important;
}

#tbRel tr td{
    font-size:12px !important;	
    padding:4px;
}


#tbPrint{
    font-family: Calibri !important;
    /*font-size:16px !important;*/
} 

#tbPrint thead td{
    background-color:#FF9;
    color:#000;
    font: bold !important;
    font-weight:bold !important;	
}

#tbPrint .titulo{
    background-color:#FFF;	
    /*font-size:12px !important;*/
}

#tbPrint tr td{
    /*font-size:12px !important;	*/
    padding:4px;
}

.ulAluno ul{

}

.ulAluno li{
    list-style-image:url(../img/ico/check.gif);		
    margin:20px;
}

.ulAluno a{
    text-decoration:none;	
}

.linhaCinza{
    background-color:#f4f4f4;	
}


.contrato{
    font-size:14px !important;
}

.contrato ol{
    margin:0;
}

.contrato tr td{
    height:15px;	
}

.box30{ padding:30px; }
.box20{ padding:20px; }
.box10{ padding:10px; }
.box5{ padding:5px; }


.tutorial{
    font-size: 16px;
}					

.btGreen{background:#090 !important;}	
.btOrange{ background:#F60 !important;	}
.btBlue{ font-weight:bold; color:#FFF; background:#036 !important;	}

.blue{ color:blue !important; }
.red{ color:#F00 !important; }
.yellow{ color:yellow !important; }
.gold{ color:yellow; background-color:#999; }
.orange{ color:orange !important; }
.green{ color:#093 !important; }
.white{ color:#FFF !important; }
.verde{	color:green !important;	}
.vermelho{color:red !important;}
.amarelo{color:#F90 !important;}
.roxo{ color: #6633CC !important;}

.campoForm{ margin: 5px; }
.campoForm span{
        font-weight: bold;
}

.coluna{ float:left; }
.duasColunas{ float:left; width:50%; }
.tresColunas{ float:left; width:33%; }
.quatroColunas{ float:left; width:25%; }
.cincoColunas{ float:left; width:20%; }
.seisColunas{ float:left; width:16%; }
.seteColunas{ float:left; width:13%; }
.oitoColunas{ float:left; width:11%; }

.br{ clear: both; }

.scroll{ overflow: auto; width: 100%; }
.scroll-100{ max-height: 100px; }
.scroll-200{ max-height: 200px; }
.scroll-300{ max-height: 300px; }
.scroll-400{ max-height: 400px; }
.scroll-500{ max-height: 500px; }
.scroll-600{ max-height: 600px; }
.scroll-700{ max-height: 700px; }

.coluna100{ float: left; width: 100%; }
.coluna90{ float: left; width: 90% !important; }
.coluna80{ float: left; width: 80% !important; }
.coluna70{ float: left; width: 70% !important; }
.coluna75{ float: left; width: 75% !important; }
.coluna60{ float: left; width: 60% !important; }
.coluna65{ float: left; width: 65% !important; }
.coluna50{ float: left; width: 50% !important; }
.coluna40{ float: left; width: 40% !important; }
.coluna45{ float: left; width: 45% !important; }
.coluna30{ float: left;	width: 30% !important; }
.coluna20{ float: left; width: 20% !important; }
.coluna25{ float: left;	width: 25% !important; }
.coluna10{ float: left;	width: 10% !important; }
.coluna15{ float: left;	width: 15% !important; }
.coluna5{ float: left;	width: 5% !important; }

.margin2{ margin: 2px; }
.margin5{ margin: 5px; }
.margin10{ margin: 10px; }
.margin20{ margin: 20px; }
.margin30{ margin: 30px; }

.padding5{ padding: 5px; }
.padding10{ padding: 10px; }
.padding20{ padding: 20px; }
.padding30{ padding: 30px; }
.padding40{ padding: 40px; }

.box-detalhes{
    font-size: 18px !important;
    background-color: #f4f4f4;
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

.box-detalhes label{
    font-size: 15px !important;
}

.box-border{
    border: solid 1px #f4f4f4;
}