html, body {height:100%; margin:0px; padding:0px; background-color:#cdeaf5;}
body > div {height:100%;}
#wrapper-top, #wrapper-bottom{min-width:960px; min-height:100%;}
#wrapper-top {background:transparent url(../img/2020/footer.png) no-repeat left bottom; min-height:850px; position:relative;}
#wrapper-bottom {background: url(../img/2020/header.png) no-repeat right top;}
.content {width:500px; color:#00b0e9; position:relative; margin-left:30px; padding-bottom:0px; height:500px;}


h1 {width:502px; height:130px;}
h1 a {text-indent:-9000px; background:url(../img/2020/logo.png) no-repeat right -50px; width:580px; height:230px; display:block;}
h2 {font:bold 14px arial; color:#00b0e9; border-bottom:2px solid #00b0e9; text-transform:uppercase; position:relative; height:35px; line-height:35px; margin:60px 0px 18px 0px;}
h2 a:hover {color:#000;}
h3 {
    color: #000;
    font: bold 14px arial;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}
h4 {color:#00b0e9; font:bold 12px arial; margin-bottom:10px;}

h2 span {font:11px arial; text-transform:none; color:#00b0e9; position:absolute; right:0px; top:2px; padding-right:23px; background:url(../img/dot-small.png) no-repeat right 4px; height:25px; line-height:32px;}
h2 span a {color:#00b0e9; text-decoration:none; text-transform:uppercase;}
.programa{color:#000; font:12px arial; line-height:16px;}
.programa td {padding:0 10px 10px 0;}
.programa td span {color:#00b0e9;}

.content p { color:#000; font:12px arial; line-height:16px; margin-bottom:16px;}
.content > ul {overflow:hidden; margin:50px 0px;}
.content > ul li {display:block; padding-left:33px; background:url(../img/2020/dot.png) no-repeat left top;margin-top: 15px; font:10px arial; line-height:30px; float:left; margin-right:14px; text-transform:uppercase;}
.content > ul li > a { color:#00b0e9; text-decoration:none;}
.content > ul li > a:hover { color:#000;}

.content > ol { overflow:hidden; border-top:1px solid #000; padding-top:10px; margin-top:20px;}
.content > ol li.left { float:left; display:block;}
.content > ol li.left a { color:#000; font:9px arial; text-transform:uppercase;}
.content > ol li.left a:hover {color:#00b0e9; }
.content > ol li.right{ float:right; height:23px; display:block; background:url(../img/seta-right.png) no-repeat right top; padding-right:25px; padding-top:4px;}
.content > ol li.right a { color:#00b0e9; font:11px arial; text-transform:uppercase; text-decoration:none;}
.content > ol li.right a:hover { color:#000;}

.content > ol li.nav {background:none; padding-right:0px;}
.content > ol li.nav ol {overflow:hidden;}
.content > ol li.nav ol li { float:right; height:23px; color:#000;}
.content > ol li.nav ol li.left { float:right; height:23px; display:block; background:url(../img/seta-left.png) no-repeat left top; padding:0px 25px; padding-top:4px;}
.content > ol li.nav ol li.right { float:right; height:23px; display:block; background:url(../img/seta-right.png) no-repeat right top; padding:0px 25px; padding-top:4px;}


.return {position:absolute; right:22px; top:150px; height:23px; display:block; background:url(../img/seta-left.png) no-repeat left top; padding-left:25px; padding-top:4px;}
.return a {color:#000; font:bold 11px arial; text-decoration:none;}
.return a:hover {color:#00b0e9;}

h2.nav > span { font-size:14px; padding-right:0px; background:none;}
h2.nav > span > a { font-size:12px; text-decoration:underline;  text-transform:uppercase;}
h2.nav > span > a.on, 
h2.nav > span > a:hover { text-decoration:none; color:#000;}

.top {font:bold italic 12px arial; color:#000; background-color:#007494; padding:2px 0px; margin-bottom:57px; position:relative; padding-left:30px;}
.regulamento #wrapper-bottom {padding-bottom:0px!important; background:url(../img/2020/footer.png) no-repeat left bottom;}
.regulamento #wrapper-top {padding-bottom:250px; background:url(../img/2020/header.png) no-repeat right top;}
.regulamento .content {height:100%;padding-bottom: 250px;}
.regulamento + div { color: #000; font: 11px arial;}

.content.form p { color:#000; font:11px arial; line-height:14px; margin-bottom:14px;}
.content.form label { color:#00b0e9; font:11px arial;}
.content.form label.bold { font-weight:bold;}
.content.form h4 {color:#000; text-transform:uppercase; margin-bottom:20px;}
.content.form h5 {font:bold 11px arial; color:#000; margin-bottom:15px; margin-top: 15px; }/*text-transform:uppercase;*/
.content.form h6 {font:normal 11px arial; color:#000; margin-bottom:15px; }/*text-transform:uppercase;*/

div.tagform > span {display:block; overflow:hidden; margin:10px 0px;}
div.tagform  > span > label {padding-right:10px; float:left;}
div.tagform  > span > input {width:280px; float:right; border:1px solid #00b0e9;}
div.tagform  > span > textarea {width:500px; height:80px; float:right; border:1px solid #00b0e9; margin-bottom:0px;}
div.tagform  > span.txtArea > label {margin:10px 0px; display:block;}
div.tagform  em {font-size:10px; font-style:normal; font-weight:normal;}

div.tagform  > span.inp2  > span {display:block; float:right; margin-left:10px;}
div.tagform  > span.inp2  > label {padding-right:0px;}
div.tagform  > span.inp2 > input {width:126px; float:right; border:1px solid #00b0e9; margin-left:10px;}

span.spacer {height:15px; display:block; line-height:15px;}
.content.form span.double {overflow:visible; height:20px;}
.content.form span.double label { height:20px; line-height:14px; position:relative; top:-6px;}

.content.form .header2 {font:bold 12px arial; text-transform:uppercase; color:#00b0e9;}
.best-practices {list-style-type:decimal; margin-left:20px; font:11px arial;}

.authorize {position:relative;}
.authorize input {float:none; width:auto; position:absolute; left:0px; top:0px; border:none;}
.authorize p {margin-left:30px; margin-bottom:5px !important; position:relative; top:2px;}
#wrapper-top {height:100%;}