/* Instituto Vanguarda
   Autor: Junior Gobira
   juniorgobira@gmail.com - www.jnsa.com.br
   v.1 - 20/06/09 */

body    {
        background: url(../img/iv-bk.gif) 50% repeat;
        margin: 0px;
        font-family: Arial, Sans-Serif, Helvetica, Verdana, Calibri;
        font-size: 12px; }
        
img     {
        border: 0px; }
        
.clear {
        clear: both; }

#page   {
        background: url(../img/iv-top.gif) 50% 0 repeat-x; }

#wrap   {
        background: url(../img/iv-w.png) 50% 0 repeat-y; }

#bottom {
        background: url(../img/iv-f.png) 50% 0 no-repeat;
        height: 120px; }

#main   {
        text-align: center; }

#box    {
        display: table;
        width: 772px;
        min-height: 1000px;
        text-align: left;
        margin-left: auto;
        margin-right: auto; }

#boxesq {
        display: table;
        float: left;
        width: 512px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify; }

#boxdir {
        position: relative;
        float: right;
        display: table;
        width: 200px;
        padding-right: 20px;
        text-align: justify; }

#mascote-c {
         position: fixed; }

#mascote {
         position: absolute;
         top: 40px;
         left: 160px; }

#boxwin {
        height: 175px;
        font-weight: bold;
        font-size: 22px;
        text-align: left;}

#boxcapa {
        width: 100%;
        height: 175px;
        text-align: center;
        margin-top: 8px;
        margin-left: auto;
        margin-right: auto; }

#boxcapa li {
        width: 166px;
        height: 175px;
        list-style-type: none;
        text-align: center;
        float: left; }

#boxsubcapa {
        width: 100%;
        max-height: 281px;
        text-align: left;
        margin-left: auto;
        margin-right: auto; }

#boxsub {
        color: #472100;
        font-weight: bold;
        font-size: 12px;
        float: left;
        margin: 0px;
        width: 230px;
        display: table;
        padding: 6px;
        text-decoration: none; }

h1      {
        color: #f70;
        font-weight: bold;
        font-size: 20px;
        border-bottom: 2px solid #f70;}

h2      {
        color: black;
        font-weight: bold;
        font-size: 16px;
        margin: 0px;}

#notify-ok      {
        background-color: #080;
        color: white;
        -moz-border-radius: 10px;
        font-weight: bold;
        font-size: 13px;
        margin: 0px;
        margin-bottom: 18px;
        padding: 10px; }

#notify-err      {
        background-color: #B00;
        color: white;
        -moz-border-radius: 10px;
        font-weight: bold;
        font-size: 13px;
        margin: 0px;
        margin-bottom: 18px;
        padding: 10px; }

#grade {
        color: #472100;
        font-weight: bold;
        font-size: 12px;
        float: left;
        margin: 0px;
        width: 110px;
        display: table;
        padding: 6px;
        text-decoration: none; }

#box-curso-ins {
        width: 100%;
        margin: 0px;
        display: table;
        text-align: left;
        text-decoration: none; }

#grade-curso {
        -moz-border-radius: 6px;
        background-color: #edd2ba;
        color: #472100;
        font-size: 12px;
        float: left;
        margin: 6px;
        width: 230px;
        display: table;
        padding: 6px;
        text-decoration: none; }

#grade-curso a {
        color: #472100;
        font-size: 9px;
        margin: 0px;
        text-decoration: none; }

#grade-curso a:HOVER {
        background-color: #472100;
        color: white; }

#grade-curso fieldset {
        border: none;
        margin: 0px; }

#grade-curso label:HOVER {
        cursor: pointer;
        background-color: white; }

a {
        color: #472100;
        font-weight: bold;
        font-size: 12px;
        margin: 0px;
        text-decoration: none; }

a:HOVER {
        background-color: #472100;
        color: white; }

a#linkbox {
        color: white;
        font-weight: bold;
        font-size: 12px;
        margin: 0px;
        text-decoration: none; }

a#linkbox:HOVER {
        background-color: #472100; }

#subtitulo {
        color: #472100;
        font-weight: bold;
        font-size: 12px;
        margin: 0px;
        text-decoration: none; }

#subtitulo:HOVER {
        background-color: #472100;
        color: white; }
        
#olho {
        background-color: #ffead7;
        font-weight: bold;
        font-size: 13px;
        padding: 18px;
        margin: 0px;
        width: 20em;
        -moz-border-radius: 40px 10px;
        text-decoration: none; }

input.botao {
	background: url(../img/bt.gif) no-repeat 0 0;
	width: 153px;
	height: 34px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	font-family: Times,serif;
	color:#fff;
	padding:0 0 3px 0;
	margin:0; }

/* input.campo {
	background: url(../img/cm.gif) no-repeat 0 0;
	width:300px;
	height:34px;
	border:none;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	color:#000;
	padding-top: 6px;
	margin: 0; } */
	
input[type=text] {
	width: 120px;
	height: 20px;
	border: 1px solid #d9d9d9;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000;
	padding: 3px;
	padding-top: 2px;
	margin: 0; }

input[type=text]:FOCUS {
	border: 1px solid #f70;
     background-color: #ffead7; }
	
select {
	width: 120px;
	height: 26px;
	border: 1px solid #d9d9d9;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000;
	padding: 3px;
	padding-top: 2px;
	margin: 0; }

select:FOCUS {
	border: 1px solid #f70;
     background-color: #ffead7; }

input[type=password] {
	width: 120px;
	height: 20px;
	border: 1px solid #d9d9d9;
	font-size: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000;
	padding: 3px;
	padding-top: 2px;
	margin: 0; }

input[type=password]:FOCUS {
	border: 1px solid #f70;
     background-color: #ffead7; }

#form_nm {
	width: 50px;
	height: 20px;
	font-size: 12px;
	color:#000;
	float: left;
	padding: 3px;
	margin-top: 3px; }
	
#form_t {
	width: 90px;
	height: 20px;
	font-size: 12px;
	color:#000;
	float: left;
	padding: 3px;
	margin-top: 3px; }

#form_i {
	width: 140px;
	height: 20px;
	font-size: 12px;
	color:#000;
	float: left;
	padding: 3px;
	margin-top: 3px; }

textarea {
	width:300px;
	height:200px;
	border: 1px solid #d9d9d9;
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#000;
	padding: 6px 4px 10px 6px;
	margin: 0; }

textarea:FOCUS {
	border: 1px solid #f70;
     background-color: #ffead7; }
     
#testeira {
        width: 100%;
        text-align: right; }

.fonte1 { font-size: 9px; }
.fonte2 { font-size: 12px; }
.fonte3 { font-size: 16px; }
.fonte4 { font-size: 20px; }
.bfonte1
 { color: black; text-decoration: none; font-size: 9px; padding: 2px; border: 1px solid #DDD; margin-left: 3px; }
.bfonte2 { color: black; text-decoration: none; font-size: 12px; padding: 2px; border: 1px solid #DDD; margin-left: 3px; }
.bfonte3 { color: black; text-decoration: none; font-size: 16px; padding: 2px; border: 1px solid #DDD; margin-left: 3px; }
.bfonte4 { color: black; text-decoration: none; font-size: 20px; padding: 2px; border: 1px solid #DDD; margin-left: 3px; }
.bfonte1:HOVER { color: #DDD; }
.bfonte2:HOVER { color: #DDD; }
.bfonte3:HOVER { color: #DDD; }
.bfonte4:HOVER { color: #DDD; }