﻿@import url("/Template_AlticeTheme/Theme.Template_AlticeTheme.css?3605");

.Header_background {
    /*background-color: white !important;
    border-bottom-color: white !important;*/
    background-color: #f6f6f6 !important;
}

.MainContent {
    padding-top: 0px;
}

.phone .Header_Title {
    width: 100% !important;
    text-align: left;
    left:0px;
    margin-top: 0px;
}

.phone .Header .Application_Title img {
    max-height: 22px !important;
    max-width: 66px !important;
}

tr {
    height: 35px;
}

.BoldLabel  {
    font-weight: bold;
}

.form_input {
    margin-top: 0px;
}

.fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

input {
  display: block !important;
  height: 3em !important;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
}

textarea {
    border-radius: 5px;    
}

textarea, select,
input[type='text'], input[type='password'],
input[type='datetime'], input[type='datetime-local'],
input[type='date'], input[type='month'],
input[type='time'], input[type='week'],
input[type='number'], input[type='email'],
input[type='url'], input[type='search'],
input[type='tel'], input[type='color'] {
    border-radius: 5px !important;
    min-height: 40px;
    border: 1px solid #ccc;
    font-family: MontLight;
    font-size: 12px;
}

/*textarea:focus, select:focus, input:focus {
    border: 1px solid #0099AB !important;
}*/

.form-label .fieldset {
  position: relative;
}

.form-label label {
  position: absolute;
  top: 12px;
  left: 8px;
  color: black;
  font-family: MontLight;
  font-size: 12px;
  -webkit-transform: translate3d(0, 0, 0) !important;
          transform: translate3d(0, 0, 0) !important;
  transition: all 0.2s ease-in-out;
}

.form-css-label input[data-empty="false"],
.form-css-label input:valid,
.form-css-label input:focus {
  padding: 22px 8px 10px;
  /*border: 1px solid #0084D6;*/
  border: 1px solid #0099AB;
}

.form-css-label input[data-empty="false"] + label,
.form-css-label input:valid + span + label,
.form-css-label input:focus + span + label {
  color: black;
  font-family: MontSemiBold;
  font-weight: 700;
  font-size: 10px;
  -webkit-transform: translate3d(0, -10px, 0) !important;
          transform: translate3d(0, -10px, 0) !important;
}

.form-css-label textarea[data-empty="false"],
.form-css-label textarea:valid,
.form-css-label textarea:focus {
  padding: 22px 8px 10px;
  border: 1px solid #0099AB;
}

.form-css-label textarea[data-empty="false"] + label,
.form-css-label textarea:valid + span + label,
.form-css-label textarea:focus + span + label {
  color: black;
  font-family: MontSemiBold;
  font-weight: 700;
  font-size: 10px;
  -webkit-transform: translate3d(0, -10px, 0) !important;
          transform: translate3d(0, -10px, 0) !important;
}

/*.input-ui input:focus ~ .inputlabel,
.input-ui input:not(input[data-empty="false"] ~ .inputlabel {
    top: 10px;
    font-size: 10px;
    font-weight: 600;
    color: #000;
    opacity: 1
}*/

.JustifiedText {
    text-align: justify
}

.MaxChars12 {
    font-size: 12px;
    margin-bottom: 10px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 15px 5px 3px 0;
}

.chosen-container-multi .chosen-choices {
    border-radius: 5px;    
}

body {
    background-color: #f6f6f6 !important;
}

.Title_Section {
    background-color: #f6f6f6 !important;   
}

.boxAnuncios {
    background-color: white;
    color: black;
    font-size: 20px;
    font-family: MontSemiBold;
    height: 50px;
    width: 250px;
    padding: 15px;
}

.boxAnunciosEstagios {
    background-color: white;
    color: black;
    font-size: 18px;
    font-family: MontSemiBold;
    height: 60px;
    width: 300px;
    padding: 10px;
}

.imageAnuncios {
    width: 250px;
    height: 170px;
    object-fit: cover;
    background: transparent;
}

.imageAnunciosEstagios {
    width: 300px;
    height: 170px;
    object-fit: cover;
    background: transparent;
}

.titleAnuncio {
    font-family: MontSemiBold;
    font-size: 12px;
}

.textAnuncio {
    font-family: MontLight;
    font-size: 12px;
}

.titleTable {
    font-family: MontSemiBold;
    font-size: 12px;
    color: black;
}

.testeImage {
    width: 100%;
    max-width: 1580px;
    max-height: 391px;
    height: 100%;
    object-fit: cover;
}

.phone .testeImage {
    width: 100%;
    max-width: 320px;
    max-height: 350px;
    height: 100%;
}

.boxCarrossel {
    position: absolute;
    z-index: 3;
    bottom: 25%;
    left: 150px;
}

.phone .boxCarrossel {
    min-width: 300px;
    max-width: 320px;
    width: auto;
    height: 180px;
}

.FMenuFunPT {
    background-color: white !important;    
}

.MenuFunPT {
    background-color: black !important;
    border-bottom: none !important;
}

.menuElement {
    color: white !important;    
}

.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: white !important;
    font-family: MontSemiBold !important;
    font-size: 14px !important;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    font-family: MontLight;    
}

.tablet .contentNarrow {
    width: 95% !important;
    max-width: 100% !important;
}

.tablet .owl-prev.fa.fa-fw.fa-angle-left {
    left: -10px !important;    
}
    
.tablet .owl-next.fa.fa-fw.fa-angle-right {
    right: -10px !important;    
}

.SectionExpandable_header {
    border-bottom: none !important;    
}

.boxForTabletText {
    font-family: MontSemiBold; 
    font-size: 20px; 
    color: white; 
    margin-left: 140px
}

.boxForPhoneText {
    font-family: MontSemiBold; 
    font-size: 20px; 
    color: white; 
}

.tablet .imageAnuncios {
    width: 250px;
}

.tablet .boxAnuncios {
    font-size: 14px;
    width: 250px;
    padding: 10px;
}

.boxForTablet {   
}

.tablet .boxForTablet {
    width: 45% !important;
}

.tablet .boxCarrossel {
    left: 50px !important;  
}

@media only screen and (max-width: 768px) {
    .chosen-container-multi .chosen-choices {
        width: auto !important;        
    }
    
    .Heading2 {
        line-height: 35px !important;    
    }
    
    .contentNarrow {
        width: 95% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
    }
    
    .owl-prev.fa.fa-fw.fa-angle-left {
        left: -10px !important;    
    }
    
    .owl-next.fa.fa-fw.fa-angle-right {
        right: -10px !important;    
    }
    
    .imageAnuncios {
        width: 200px;
    }
    
    .boxAnuncios {
        font-size: 14px;
        width: 250px;
        padding: 10px;
    }
    
    .boxForTablet {
        width: 45% !important;   
    }
    
    .boxCarrossel {
        left: 50px !important;   
    }
}

.phone .testeImage {
    max-width: 420px !important;    
}

.phone .boxForTablet {
    width: 25% !important;   
}

.phone .boxForTabletText {
    font-family: MontSemiBold; 
    font-size: 16px; 
    color: white; 
    margin-left: 0;
}

.phone .qq-upload-button {
    left: auto !important;
    margin: 45px 0px 0px 0px !important;
}

@media only screen and (max-width: 450px) {
    .boxCarrossel {
        display: none;   
    }
    
    .testeImage {
        max-width: 420px !important;    
    }
    
    .chosen-container-multi .chosen-choices {
        width: auto !important;        
    }
    
    .boxForTablet {
        width: 25% !important;   
    }
    
    .boxForTabletText {
        font-family: MontSemiBold; 
        font-size: 16px; 
        color: white; 
        margin-left: 0;
    }
    
    .qq-upload-button {
        left: auto !important;
        margin: 45px 0px 0px 0px !important;
    }
    
    .owl-prev.fa.fa-fw.fa-angle-left {
        left: 0px !important;    
    }
    
    .owl-next.fa.fa-fw.fa-angle-right {
        right: 10px !important;    
    }
    
    .contentNarrow {
        min-width: auto !important;
        margin-top: 15px !important;
    }
}

.phone .contentNarrow {
    min-width: auto !important;
    margin-top: 15px !important;
}