/*** Reset ***/
@font-face {font-family:FranklinG; src:url(../fonts/framd.eot)} /* EOT file for IE */
@font-face {font-family:FranklinG; src:url(../fonts/framd.ttf)} /* TTF file for CSS3 browsers */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
a, img, label, pre, form, input, textarea, fieldset, table, th, td {border:0; font-family:FranklinG, Tahoma, Times New Roman, Arial, Verdana, sans-serif; margin:0; outline:0; padding:0; text-decoration:none}
ol, ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal} 
fieldset,img {border:0} 
del,dfn,legend,sub,sup,tt,var {}
abbr,acronym,address,big,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal} 
em {font-style:italic; text-decoration:underline}
:focus {outline:0}
a:link, a:visitedpicThumbs a:active {border:none; outline:0}
a:hover {text-decoration:underline}
img {border:none} /* clear border the img */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0}
/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}
.a1 {color:#000}
.a2 {color:#f00}
.a3 {color:#555}
.a4 {color:#fff}
.a5 {color:#D6D5C2}
.a6 {color:#B89448}
.red {color:#f00}
.white {color:#fff}
.font95 {font-size:0.95em}
.font9 {font-size:0.9em}
.font85 {font-size:0.85em}
.font8 {font-size:0.8em}
.font75 {font-size:0.75em}
.font7 {font-size:0.7em}
.bold {font-weight:bold}
.center {display:block; margin:0 auto; text-align:center}
.inpBig {width:450px !important}
.inpMed {width:150px}
.inpLit {width:70px}
.inpLit2 {width:100px}
.inpMic {width:30px}
.fLeft {float:left}
.fRight {float:right}
.clear {clear:both}

h3 {font-size:0.8em}

html, body {height:100%; margin:0; padding:0}

#wrapper {background:url(../img/bkg.jpg) repeat-x fixed; display:table; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */ margin:0 auto; position:relative; width:100%}
* html #wrapper {display:block; height:100%; margin:0 auto; min-height:100%; position:relative; width:100%}

/* Top */
#top {background:url(../img/top_bkg.png) repeat-x; height:89px; margin:0; padding:0; width:100%}
#boxTop {margin:0 auto; width:980px}
#boxTop p {text-align:center}
#boxTop h1 a {background:url(../img/logo.png) no-repeat; display:block; float:left; height:88px; margin:20px 0 0; overflow:hidden; text-indent:-99999em; width:286px}

/* Menu */
#menu {background:url(../img/menu.gif) no-repeat; display:block; float:left; left:25px; height:28px; margin:0 auto; position:relative; top:42px; width:638px}
/*#menu ul {display:table; margin:0 auto; position:relative; width:815px}
#xmenu li {background:#d0e; float:left; display:block; line-height:2.2em; margin:0px auto; position:relative; text-align:center;}*/
#menu li a {display:block; height:18px; float:left; margin:5px 0; padding:0 5px; position:relative}
#menu .sobre a {background:url(../img/mnSobre.gif) no-repeat; text-indent:-99999em; margin-left:12px; width:84px}
#menu .pos a {background:url(../img/mnDBPos.gif) no-repeat; text-indent:-99999em; width:98px}
#menu .facul a {background:url(../img/mnDBFacul.gif) no-repeat; text-indent:-99999em; width:138px}
#menu .objetivo a {background:url(../img/mnDBObjetivo.gif) no-repeat; text-indent:-99999em; width:124px}
#menu .download a {background:url(../img/mnDownload.gif) no-repeat; text-indent:-99999em; width:64px}
#menu .contato a {background:url(../img/mnContato.gif) no-repeat; text-indent:-99999em; width:52px}

/* Content */
#content {display:block; margin:0 auto; padding:0; position:relative; width:980px}
h2 {background:url(../img/tit_bkg.png) repeat-x; border-left:1px solid #A4AFB5; border-right:1px solid #A4AFB5; clear:both; color:#5f5f5f; display:block; height:26px; margin:0 auto; padding:4px 0 0; position:relative; text-align:left; text-indent:5px; width:872px}
#show {margin:0 auto 18px}
#boxHome {background:#fff; color:#000 !important;  display:block; font-size:0.9em; margin:0 auto; padding:0 0 0 5px; position:relative; width:867px}
#boxHome p {padding:3px 5px 0 0; text-align:justify}

/* Container */
#container {background:#fff; display:table; margin:0 auto; padding:5px; position:relative; width:862px}
#container>p {color:#5f5f5f; font-size:0.8em; margin:0 auto; width:862px}

/* Forms */
fieldset.inlineLabels {color:#5f5f5f; display:block; float:left; margin:0; position:relative; width:862px}
.inlineLabels .ctrlHolder {margin:0; padding:5px} /* This is the main unit that contains our form elements */
.inlineLabels p {font-size:0.8em; line-height:1.2em; margin:5px 0 0; width:862px;}
.inlineLabels label {clear:both; color:#555; font-size:0.8em; display:block; height:25px; margin:0; padding:0; position:relative}
.inlineLabels input {background:#F0F3F5; border:1px solid #555; color:#555; display:block; margin:0; padding:0; position:relative; top:-6px; width:250px}
.inlineLabels textarea {background:#F0F3F5; border:1px solid #555; color:#555; display:block; margin:-5px 0 0; width:250px}
.btnEnviar {background:#555; color:#fff; display:block; font-size:0.9em; height:22px; margin:10px auto; padding:3px 0 0; position:relative; text-indent:35px; width:113px}
.vtsAlert {color:#f00 !important; font-size:0.8em; line-height:120%}
.alert {display:block; color:#f00; margin:15px auto; position:relative;}
.boxMap {display:block; float:left; margin:0 auto; padding:0 5px;position:relative; width:500px}

fieldset.boxContato {color:#5f5f5f; display:block; float:left; margin:0; position:relative; width:480px !important}
.boxContato ol {width:480px !important}
.boxContato p {font-size:0.8em; line-height:1.2em; margin:5px 0 0}
.boxContato label {clear:both; color:#555; font-size:0.8em; display:block; height:25px; margin:0; padding:0; position:relative}
.boxContato input {background:#F0F3F5; border:1px solid #555; color:#555; display:block; margin:0; padding:0; position:relative; top:-6px; width:250px}
.boxContato textarea {background:#F0F3F5; border:1px solid #555; color:#555; display:block; margin:-5px 0 0; width:250px}
.boxContato .ctrlHolder {margin:0; padding:5px;} /* This is the main unit that contains our form elements */

/* Login */
.boxLogin {display:block; margin:0 auto; position:relative; width:153px}
.boxLogin input {width:150px}
.btnLogar {border:0 !important; display:table; margin:0 auto; height:30px; margin:5px auto !important; position:relative; text-align:center; width:78px !important}

.boxRightImg {display:block; float:left; margin:0; padding:0; width:250px}
.boxRightImg img {border:1px solid #999; height:362px; width:385px}

/* Gridview */
.grdNotas {clear:both; font-size:0.8em; margin:0 auto; text-align:center; width:860px}
.grdNotas th {background:#BBCDDA; border:1px solid #C1DAD7; color:#4f6b72}
.grdNotas td {background:#fff; border:1px solid #C1DAD7; color:#4f6b72; height:15px}
.grdNotas td.alternative {background:#F5FAFA !important}
.boxBtnSair {clear:both; display:block; margin:0 auto; padding:0; position:relative; text-align:center; width:860px}
.btnSair {display:block; margin:0 auto !important; padding:0; position:relative; width:78px !important}

/* Repeat */
.rptNotas {display:block; font-size:0.8em; margin:0 auto; padding:0; position:relative; width:830px; background:#dee}
.rptNotas .tit {text-align:center}
.rptNotas th {background:#bbcdda}
.rptNotas td {background:#fff; border:1px solid #c1dad7; color:#4f6b72; text-align:center}
.rptNotas td.alternative {background:#F5FAFA !important}
.rptNotas .big {width:250px}
.rptNotas .med {width:120px}
.rptNotas .lit {width:80px}

.rptNotas2 {display:block; font-size:0.8em; margin:0 auto; padding:0; position:relative; width:770px !important; background:#dee}
.rptNotas2 .tit {text-align:center}
.rptNotas2 th {background:#bbcdda}
.rptNotas2 td {background:#fff; border:1px solid #c1dad7; color:#4f6b72; text-align:center}
.rptNotas2 td.alternative {background:#F5FAFA !important}
.rptNotas2 .big2 {width:650px}
.rptNotas2 .big {width:250px}
.rptNotas2 .med {width:120px}
.rptNotas2 .lit {width:80px}

/* DetailsView Sobre */
.dtvSobre {display:block; margin:0 auto; position:relative;}
.dtvSobre p {font-size:0.9em !important; }
.btnCad {clear:both; display:block; height:89px; margin:0 auto; position:relative; width:229px;}

/* Cadastro */
#addAlunoPos {font-size:1.2em; margin:10px auto; width:862px}
.fAluno {color:#5f5f5f; display:block; font-size:0.9em; display:block; margin:0px auto; padding:5px; position:relative; width:862px}
    /*h1 {font-size:0.8em; margin:0; padding:0; text-align:center}*/
    .cuw {display:block; margin:0 auto; text-align:center; width:530px}
    .fAluno span input {float:left; margin:0 4px; padding:0}
    .fAluno span label {line-height:110%; margin:0; padding:0}
    .fAluno label {display:block; font-size:0.8em; margin:5px 0 0 35px; text-align:left}
    .fAluno .input {background:#F0F3F5; border:1px solid #555; color:#555; display:block; font-size:0.95em; height:15px; margin:0}
    .fAluno .select {background:#F0F3F5; border:1px solid #555; color:#555; display:block; font-size:0.85em; height:20px; margin:0}
    .fAluno .select2 {background:#F0F3F5; border:1px solid #555; color:#555; font-size:0.8em; height:20px; margin:5px 25px 5px 3px}
    .fAluno .textarea {background:#F0F3F5; border:1px solid #555; color:#555; height:35px}
    .fAluno .rdbCurso {float:left}
    .inpBig {width:400px}
    .inpBig2 {width:338px}
    .inpMed {width:150px}
    .inpMed2 {width:100px}
    .inpLit {width:70px}
    .inpSho {width:40px}
    .inpSho2 {width:25px}
    .alert {color:#f00; font-size:0.8em; margin:10px 0 10px 35px; text-align:left}
    /* BORDER CORNER */
    .bordaBox {background:transparent; display:inline-table; margin:0 auto; min-height:50px; text-align:left; width:530px}
    .bordaBox p, .bordaBox h2 {border:0; color:#000; list-style:none; margin:0; padding:0; text-decoration:none; outline:none; vertical-align:middle;} /* necessário zerar p/ ficar correto */
    .bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {display:block; font-size:1px; overflow:hidden; }
    .bordaBox .b1, .bordaBox .b2, .bordaBox .b3 {height:1px}
    .bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#555; border-left:0px solid #555; border-right:1px solid #555}
    .bordaBox .b1 {margin:0 5px; background:#555}
    .bordaBox .b2 {margin:0 3px; border-width:0 2px}
    .bordaBox .b3 {margin:0 2px}
    .bordaBox .b4 {height:2px; margin:0 1px}
    .bordaBox .conteudo {background:#eee; border-left:5px solid #555; border-right:5px solid #555; display:block; padding:10px 10px}
    .bordaBox h2 {font-size:1em; padding-bottom:8px}
    .txtCenter {margin:0 24% 0}
#addAlunoPos .btnEnviar {background:#555; color:#fff; display:block; font-size:0.9em; height:22px; margin:10px auto !important; padding:3px 0 0 !important; position:relative !important; text-align:center !important; text-indent:0; width:113px !important}

#modal {display:none; height:105px; left:83.4%; margin:0 auto; position:absolute; top:50px; width:300px; z-index:10001}

/* Footer */
#footer {background:url(../img/footerBkg.png) repeat-x; display:block; height:196px; margin:20px auto; position:relative; width:100%}

#footerTxt {color:#004872; display:table; margin:0 auto; position:relative; width:400px}
#footerTxt li {display:block; float:left; margin:10px 0 0}
#footerTxt li.type1 {width:155px}
#footerTxt li.type2 {width:175px}
#footerTxt li.risk {background:url(../img/footerRisk.png) no-repeat; height:153px; margin:0 10px; width:11px}
#footerTxt h4 {font-size:1em; text-transform:uppercase}
#footerTxt p {font-size:0.9em}

#footer address {clear:both; color:#004872; display:block; font-size:0.7em; margin:0 auto; text-align:center}
.onlinep:link, .onlinep:visited, .onlinep:active {color:#004872; font-weight:normal; text-decoration:none}
.onlinep:hover {font-weight:normal; text-decoration:underline}
#footer #toolTip {
    background:url(../img/powered.gif) no-repeat;
    display:block;
    height:42px;
    left:56.7%;
    position:absolute;
    top:-8px; width:104px; z-index:1}