body{ z-index: -10; top: 0; left: 0; width: 0; height: 0; } #L_top{ /*background: #aaaaaa;*/ position: fixed; top: 0px; left: 0px; width: 100%; height: 100px; } #div_img_logo{ /*background-color: #ffffff;*/ position: absolute; top: 0px; left: 0px; width: 40%; } #div_img_titulo{ /*background-color: #ffffff;*/ position: absolute; top: 0px; right: 0px; width: 80%; } #img_logo{ position: relative; top: 0px; left: 0px; width: 100%; /*min-height: 100px;*/ min-width: 180px; max-width: 556px; } #img_titulo{ position: relative; width: 33%; top: 15px; left: 45%; min-width: 250px; max-width: 337px; } #barra_verde_meio{ position: fixed; background: #505050; height: 20px; width: 100%; left: 0px; top: 100px; } #div_conteudo_pagina{ display: block; position: absolute; background-color: #ffffff; padding: 0px; left: 0px; top: 120px; height: calc(100% + 400px); /*menos 120(cabecalho + barra) menos 70(rodape)*/ width: 100%; height: 1200px; z-index: -101; /*padding: 0px;*/ } #ficha_inscricao_sombra_cima, #ficha_inscricao{ position: absolute; top:50px; left: calc(50% - 300px); width: 600px; height: 1090px; background-color: #ffffff; line-height: 7px; } #ficha_inscricao_sombra_cima:before, #ficha_inscricao_sombra_cima:after { z-index: -100; position: absolute; content: ""; bottom: 70%; left: 10px; width: 50%; top: 2%; max-width: 300px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 -15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 -15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(2.5deg); -moz-transform: rotate(2.5deg); -o-transform: rotate(2.5deg); } #ficha_inscricao_sombra_cima:after { -webkit-transform: rotate(-2.5deg); -moz-transform: rotate(-2.5deg); -o-transform: rotate(-2.5deg); right: 10px; left: auto; } #ficha_inscricao:before, #ficha_inscricao:after { z-index: -100; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 59%; max-width: 300px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-2.5deg); -moz-transform: rotate(-2.5deg); -o-transform: rotate(-2.5deg); } #ficha_inscricao:after { -webkit-transform: rotate(2.5deg); -moz-transform: rotate(2.5deg); -o-transform: rotate(2.5deg); right: 10px; left: auto; } #sucesso{ position: absolute; text-align: center; top:50px; left: calc(50% - 275px); width: 550px; height: 220px; background-color: #ffffff; line-height: 25px; } #sucesso:before, #sucesso:after { z-index: -100; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 59%; max-width: 300px; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-2.5deg); -moz-transform: rotate(-2.5deg); -o-transform: rotate(-2.5deg); } #sucesso:after { -webkit-transform: rotate(2.5deg); -moz-transform: rotate(2.5deg); -o-transform: rotate(2.5deg); right: 10px; left: auto; } /*####################################################CONTEUDO FOLHA DE INSCRIÇÃO####################################################*/ #img_logo_folha{ position: relative; top: 30px; left: 30px; width: 70%; /*min-height: 100px;*/ min-width: 180px; max-width: 556px; } #folha_quadro_foto{ position: absolute; top: 35px; right: 35px; width: 80px; height: 100px; border: 1px solid #666666; color: #cccccc; vertical-align: middle; text-align: center; cursor: hand; } #folha_div_info_aluno{ position: relative; top: 110px; right: -30px; width: 530; height: 10px; padding: 5px; text-align: center; font-size: 12; color: #FFFFFF; background-color: #000000; } .folha_labels_col1{ position: relative; top: 120px; left: 40px; font-size: 14; } .folha_labels_col2{ position: relative; top: 120px; left: 100px; font-size: 14; } .txts_col1{ position: relative; /*height: 20px;*/ top: 120px; border:0px solid; border-bottom: 1px solid #000000; outline: none; cursor: hand; background-color: #ffffff; border-radius: 0px; pointer-events:; } #div_modalidade{ background-color: #ffffff; position: relative; /*width: 100px; height: 100px;*/ left: -5px; top: 10px; } /*########################################################################################################*/ #barra_rodape{ position: fixed; background: #505050; height: 40px; width: 100%; left: 0px; bottom: 0px; z-index: 10; } #texto_rodape{ color: #ffffff; text-align: center; } /*------------------=============------------===============--------------================------------------==============*/