/* 
    Document   : eu-sou-maua
    Created on : 04/09/2015, 12:19:20
    Author     : Fábio Kanashiro <fabio@maua.br>
    Description:
        Folha de estilo em cascata para o formulário de cadastro do concurso cultural, Porque eu sou Mauá?
*/

/********* Elimina o espaçamento na div do conteúdo para que o formulário fique grudado às bordas *********/
div.txt {
    margin: 0 !important;
    padding: 0 !important;
    width: 568px !important;

    font-size: 12px !important;
}

#formulario{
	color:#004684;
	padding-bottom:20px;
	font-family: "Century Gothic" !important;
}

#formulario br{
    margin-bottom: 10px !important;
}
/********* /Elimina o espaçamento na div do conteúdo para que o formulário fique grudado às bordas *********/

/********* Título do formulário *********/
#formulario .titulo{
    background-color: #172238;
    color:#F5FF3C;
    text-align: center;
    padding-top: 2% !important;
	padding-left:20px;
	padding-right:20px;
	line-height:120%;
	margin-bottom:10px;
    
    font-weight: bold;

    height: 50px;
}
/********* /Título do formulário *********/

/********* Alinhamento Simples *********/
#formulario .centro{
    text-align: center !important;
    margin: 10px 0 10px 0 !important;
}

#formulario .left{
    text-align: justify !important;
    padding: 5px 5px 5px 10px !important;
}

#formulario .right{
    text-align: right !important;
	margin-right:10px;
}
/********* /Alinhamento Simples *********/

/********* Tamanhos de fonte *********/
#formulario .f10{
	font-size:10px !important;
}
/********* /Tamanhos de fonte *********/

/********* asterisco dos campos obrigatórios *********/
#formulario .obrigatorio{
    color:#d70909 !important;
	font-weight:bold;
}
/********* /asterisco dos campos obrigatórios *********/

/********* Fieldset e legendas *********/
#formulario fieldset{
    border: solid 1px #FFF !important;
    
    padding-bottom: 7px !important;
    
    border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
	
	width:96% !important;
}

#formulario fieldset legend{
    margin-left: 30px !important;
    padding: 3px !important;
    
    font-size: 14px !important;
    font-weight: bold !important;
    
    height: 20px !important;
    
    color:#F5FF3C !important;
}
/********* /Fieldset e legendas *********/

/********* Tabelas *********/
#formulario table{
    width: 100% !important;
}

#formulario table td{
    border:none;
    font-size: 14px !important;
    padding-bottom: 7px;
	font-weight:bold;
}

#formulario .fieldHeader{
    text-align: right !important;
}
/********* /Tabelas *********/

/********* Campos do Formulário *********/
#formulario input[type="text"]{
    height: 16px !important;
    padding: 1px;
}

#formulario input, 
#formulario select, 
#formulario textarea{
    color:#000 !important;
    font-size: 12px !important;
	font-family: "Century Gothic" !important;
}

#formulario input[type="checkbox"],
#formulario input[type="radio"]{
    border: none !important;
}

#formulario input[type="submit"]{
    clear: both;
    text-align: center;
    
    background: url('/public/img/botoes/fundo-pos.jpg') repeat-x scroll 0 0 transparent !important;
    
    border: 1px solid #000000;
    color: #000000 !important;
    font-weight: bold;
    font-size: 14px !important;
    padding: 4px 15px !important;
    text-decoration: none !important;
	cursor:pointer;
    
    width: 100px;
    height: 30px !important;
}

#formulario input[disabled="disabled"]{
    opacity: 0.2;
	clear: both;
    text-align: center;
    
    background: url('/public/img/botoes/fundo-pos.jpg') repeat-x scroll 0 0 transparent !important;
    
    border: 1px solid #000000;
    color: #000000 !important;
    font-weight: bold;
    font-size: 14px !important;
    padding: 4px 15px !important;
    text-decoration: none !important;
	cursor: no-drop !important;
    
    width: 100px;
    height: 30px !important;
}

#formulario .hint{
    color:red !important;
    font-size: 9px !important;
}

/* Formatação por campo */
#formulario #nome,
#formulario #cpf,
#formulario #ra{
    width: 408px !important;
	height:25px !important;
}
#formulario #curso{
    width: 412px !important;
	height:35px !important;
}
#formulario #email {
	width: 400px !important;
	height:18px !important;
}
#formulario #arquivo{
    width: 335px !important;
	height:25px !important;
	color: #333 !important;
}
#formulario #mensagem{
    width: 248px !important;
	height:150px !important;
	font-size:11px !important;
}


#formulario #telefone{
    width: 400px !important;
	height:18px !important;
}

/* /Formatação por campo */
/********* /Campos do Formulário *********/

/********* Validação *********/
#formulario form#formEusoumaua label.error, label.error{
    color: red;
    font-style: italic;
    margin-left: 10px !important;
    cursor: none !important;
}

#formulario form#formEusoumaua div.error{
    color:#FFF;
    font-style: italic;
    margin-left: 10px !important;
    cursor: none !important;
    display: inline;
	font-size:10px !important;
	background-color:#900;
	padding:3px 0px;
}

#formulario select.error, 
#formulario input.error, 
#formulario textarea.error{
    border: 0.1em solid red !important;
    background-color: #ffeded !important;
    color: red !important;
}

#formulario #nomeErro,
#formulario #confirm_emailErro,
#formulario #termoErro,
#formulario #id_necessidade_especErro{
    display: none;
}

#formulario div.error {
    display: none;
}

#mensagemlimitInput {
	font-size:10px;
	color:#FFF;
}
.azul {
	color:#930;
}
/********* /Validação *********/

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 150px;
}
.cpf-ja-cadastrado{
	background-color:#900;
	color:#FFF;
	padding:5px;
	margin-top:5px;
	font-weight:bold;
	width:245px;
}

form .error {
    border: none !important;
    background-color: #fdd;
}

form label {
    clear: both;
    display: inline !important;
    font-size: 14px;
	font-weight:normal !important;
    margin: 5px 0 !important;
}
.erro {
	color:#FF0000;
	font-size:12px;
	background-color:#FEE2EB;
	padding:2px;
}