*:focus {outline: none;}

body {font: 11px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}

.contact_form h2, .contact_form label {font-family: arial, Times, "Times New Roman", serif;margin: 0px 0px 0px 4px;}

.form_hint, .required_notification {font-size: 11px;}

.contact_form ul {
    width: 280px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact_form li{
    padding: 0px 0px 4px 0px;
    position:relative;
}
.required_notification {
    color:#d45252;
    display:inline;
    float: left;
    position: absolute;
    margin: -10px 0px 0px 0px;
}
.contact_form input {
    height: 15px;
    width:249px;
    padding:5px 8px;
	
    background-color: #fff !important;
}
.contact_form select {
    height: 25px;
    width: 132px;
    padding: 0px 0px 0px 3px;
    margin: 0px 0px 0px 0px;
}
.contact_form textarea{
    height: 42px;
    width: 249px;
    padding: 5px 8px;
    font-family: arial;
    margin: 14px 0px -3px 0px;
}
.contact_form input[type="checkbox"]{
	padding:5px 8px;
}
.contact_form input[type="email"]{
	padding:5px 8px;
}
.contact_form .txtEmail ,.contact_form .txtTelefone{
	width: 114px !important;
}

@-moz-document url-prefix() { 
    #lblserie1 {
        margin: -1px 0px 0px 90px !important;
        z-index: 9;
        position: absolute;
    }
    #serie1 {
        position: absolute;
        z-index: 9;
        margin: -1px 0px 0px 74px !important;
    }
}


#fundoBtn{
	background:url(images/fundobtn-liceu.png) no-repeat;
	width: 267px;
	height:39px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	background-position: 65px;
	background-position-y: 0px;
        transition: 0.5s;
        transition: 0.5s;
}
#fundoBtn:hover{
	-webkit-transform:scale(1) rotate(-5deg); /* prefixo para browsers webkit */
	-moz-transform:scale(1) rotate(-5deg); /* prefixo para browsers gecko */
	-o-transform:scale(1) rotate(-5deg); /* prefixo para opera */
	transform:scale(1) rotate(-5deg);
}
#fundoBtn:active{
	-webkit-transform:scale(1) rotate(5deg); /* prefixo para browsers webkit */
	-moz-transform:scale(1) rotate(5deg); /* prefixo para browsers gecko */
	-o-transform:scale(1) rotate(5deg); /* prefixo para opera */
	transform:scale(1) rotate(5deg);
}
#btnEnviar{
	background-color: #60b521 !important;
	border:none;
	margin: 11px 0px 0px 97px;
	width: 60px;
	height: 20px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	color: #fff !important;
        font-weight: bold;
}

#lblSerie{
	margin: 0px 0px 0px 1px;
}
.contact_form input, .contact_form textarea, .contact_form select {
    border:1px solid #aaa;
}
.contact_form input:focus, .contact_form textarea:focus, .contact_form select:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
}
.contact_form input:focus, .contact_form textarea:focus { /* add this to the already existing style */
    padding-right:5px;
}
.contact_form input, .contact_form textarea { /* add this to the already existing style */
    -moz-transition: padding .2s;
    -webkit-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
}

input:required, textarea:required {
    background: url(images/red_asterisk.png) no-repeat 98% center;
    background-color: #fff !important;
}
::-webkit-validation-bubble-message {
    padding: 1em;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: url(images/invalid.png) no-repeat 98% center;
    box-shadow: 0 0 3px #d45252;
    border-color: #b03535
}
.contact_form input:required:valid, .contact_form textarea:required:valid { /* when a field is considered valid by the browser */
    background: url(images/valid.png) no-repeat 98% center;
    box-shadow: 0 0 3px #5cd053;
    border-color: #28921f;
}
.form_hintNome {
    background: #21b5b3;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin: 5px 0px 0px -125px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hintEmail {
    background: #60b521;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin: -15px 0px 0px -135px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hintTel {
    background: #8e1c1c;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin: -15px 0px 0px -125px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hintCapt {
    background: #ee851f;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin: -11px 0px 0px 40px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hintMensagem {
    background: #21b5b3;
    border-radius: 3px 3px 3px 3px;
    color: white;
    margin: 5px 0px 0px -125px;
    padding: 1px 6px;
    z-index: 999; /* hints stay above all other elements */
    position: absolute; /* allows proper formatting if hint is two lines */
    display: none;
}
.form_hint::before {
    content: "\25C0"; /* left point triangle in escaped unicode */
    color:#d45252;
    position: absolute;
    top:1px;
    left:-6px;
}
table{
    margin: -13px 0px 0px 55px;
    /* float: left; */
}
.contact_form input:focus + .form_hintNome{display: inline;}
.contact_form input:focus + .form_hintEmail{display: inline;}
.contact_form input:focus + .form_hintTel{display: inline;}
.contact_form input:focus + .form_hintCapt{display: inline;}
.contact_form input:focus + .form_hintMensagem{display: inline;}
.contact_form input:required:valid + .form_hintNome {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hintEmail {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hintTel {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hintCapt {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hintMensagem {background: #28921f;} /* change form hint color when valid */
.contact_form input:required:valid + .form_hintNome::before {color:#28921f;} /* change form hint arrow color when valid */
.contact_form input:required:valid + .form_hintEmail::before {color:#28921f;} /* change form hint arrow color when valid */
.contact_form input:required:valid + .form_hintTel::before {color:#28921f;} /* change form hint arrow color when valid */
.contact_form input:required:valid + .form_hintCapt::before {color:#28921f;} /* change form hint arrow color when valid */
.contact_form input:required:valid + .form_hintMensagem::before {color:#28921f;} /* change form hint arrow color when valid */

#serie, #serie1, #serie2{
	width: auto;
	height: auto;
	margin: 0px;
}
#serie2{
    position: absolute;
    z-index: 9;
}
#lblserie2{
    margin: 0px 0px 0px 16px;
    z-index: 9;
    position: absolute;
}
#serie1{
    position: absolute;
    z-index: 9;
    margin: -15px 0px 0px 74px;
}
#lblserie1{
    margin: -16px 0px 0px 90px;
    z-index: 9;
    position: absolute;
}
#lblserie{
    margin: -1px 0px 0px 4px;
    z-index: 9;
    position: absolute;
}
#txtCaptcha{
    width: 155px !important;
    margin: 0px 0px 0px 4px;
    position: absolute;
}

/* -- CSS - Mensagem de Obrigado  -- */
#obrigado{
	width:200px;
	height:30px;
	color: #3f87af;
	font-size:18px;
	text-align: center;
	margin: 45px 0px 0px 25px;
}
#outroFormulario a{
	color: #3f87af;
	font-size:14px;
        text-decoration: none;
}
#outroFormulario a:hover{
	color: #0b73ac;
	font-size:14px;
        text-decoration: underline;
}
#msgErro{
	width:200px;
	height:30px;
	color: #3f87af;
	font-size:18px;
	text-align: center;
	margin: 45px 0px 0px 25px;
}