
/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Geral                                           */

/* //////////////////////////////////////////////////////////////////////////////// */

*{
    outline: none !important;
}

.noMargin{
    margin: 0px;
}

.noVerticalMargin{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.marginAuto{
    margin: auto;
}

.noPadding{
    padding: 0px;
}

.inLineBlock{
    display: inline-block;
}

.totalSize{
    width: 100%;
    height: 100%;
}

.verticalAlignCenter{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.AllInCenter{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    left: 50%;
}

.horizontalAlignCenter{
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.displayNone{
    display: none;
}

.displayBlock{
    display: block;
}
.positionRelative{
    position: relative;
}

.visibilityhidden{
    visibility: hidden;
}

.fullImages{
    height: 100%;
    position:relative;
    background-size: cover;
    background-position: center;
}

input{
    outline:none;
}

.aNeutro{
    outline: none;
    color: inherit;
    text-decoration: none !important;
}
/* unvisited link */
.aNeutro:link {
    outline: none;
    color: inherit;
}

/* visited link */
.aNeutro:visited {
    color: inherit;
}

/* mouse over link */
.aNeutro:hover {
    color: inherit;
    text-decoration: underline !important;
}

/* selected link */
.aNeutro:active {
    color: inherit;
}

/* mouse over link */
.aNeutroNull:hover {
    color: inherit;
    text-decoration: none !important;
}

/*------------Validator-------*/

.formComIcons label.error:after{
    content: url('../icons/Forms/errado.png');
}

.formComIcons label:after{
    position: absolute;
    right: -15px;
    height: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}

.formComIcons label.error{
    position: absolute;
    right: 30px;
    height: 100%;
    z-index: 10;
}

.formComIcons label.error.valid:after{
    content: url('../icons/Forms/correcto.png');
}

.labelErrorWhite label.error{
    color: #ffffff;
}

/*++++++++++++++Validator+++++++++*/


/* ------------------------------------ Geral ------------------------------------------- */



/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Geral no WEBSITE                                           */

/* //////////////////////////////////////////////////////////////////////////////// */


header{
    background-position: top;
}

/* ----------- Menu ------------- */
#mainNav{
    height: 81px;
    background-color: #ffffff;
}
#mainNav .navbar-header{
    height: 80px;
}

#mainNav .navbar-right{
    color: #000000;
}

#mainNav button.navbar-toggle{
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}

#mainNav .navbar-right li a:hover{
    color: #04819f;
}

#mainNav .logo{
    margin: 0;
    padding: 0;
    height: 100%;
}

#mainNav .logo img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-default .nav > li.active>a, .navbar-default .nav>li.active>a:focus {
    color: #04819f !important;
    background-color: transparent;
}

#mainNav #bs-example-navbar-collapse-1{
    background-color: #ffffff;
}

#mainNav .lang-xs{
    padding-left: 15px;
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}

#mainNav .lang-xs span a{
    cursor: pointer;
}

#mainNav .lang-xs a + a{
    margin-left: 10px;
}

.lang-xs a.active{
    color: #04819f;
}


@media (min-width: 768px){
    .navbar-default .nav > li>a, .navbar-default .nav>li>a:focus {
        color: rgba(0,0,0,1);
    }
    #mainNav .navbar-right{
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #000000;
    }
}

@media (max-width: 410px){
    #mainNav .logo img{
        width: 200px;
    }
}

@media (min-width:768px) and (max-width: 840px){
    #mainNav .logo img{
        width: 256px;
    }
}
/* ++++++++++++ Menu +++++++++++++++ */


.corPadrao{
    color: #04819f;
}

.fundoAzul{
    background-color: #04819f;
}

.textWhite{
  color: #ffffff;
}

a {
    color: #04819f;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #02738e;
}

.bg-primary{
    background-color: #04819f;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
    border-color: #02738e;
    color: #fff;
    background-color: #02738e;
}

.btn-primary {
    border-color: #04819f;
    color: #fff;
    background-color: #04819f;
}
hr{
    border-color: #04819f;
}

/* -------------------------------------------------------------------------------  */





/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  About                                           */

/* //////////////////////////////////////////////////////////////////////////////// */

#about p{
    margin-bottom: 0 !important;
}
#about h1{
    font-size: 35px !important;
    font-weight: 600 !important;
}

/* -------------------------------------------------------------------------------  */


/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Projetos                                         */

/* //////////////////////////////////////////////////////////////////////////////// */

.ulTabProjetos li{

    font-weight: 600!important;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 0px;
}

.ulTabProjetos li h3{

    font-weight: 600!important;
}

.ulTabProjetos li a{
    /*margin-top: 50px;
    padding-left: 50px;
    padding-right: 50px;*/
    font-weight: 800!important;
    background-color: transparent;
    position: relative;
    width: 100%;
    color: #04819f;
    border: 1px solid transparent;
    border-radius: 10px;
    display: block;
    padding: 25px;
}

.ulTabProjetos li.active a{
    border:1px solid #04819f;
   /* background-color: #04819f;*/
    color: #04819f;
}

.portfolio-box .portfolio-box-caption {
    background: rgba(4, 129, 159, .9);
}

.project-name .infoTitle{
    font-size: 12pt;
    font-weight: 600;
}

.project-name .infoText{
    font-size: 11pt;
}

@media (max-width: 767px) {
    .ulTabProjetos li{
        display: block;
        margin-bottom: 0;
    }

    .ulTabProjetos li a{
        margin-top: 20px;
    }
}

/* -------------------------------------------------------------------------------  */

/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Form                                            */

/* //////////////////////////////////////////////////////////////////////////////// */



.input-group{
    width: 100%;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ffffff !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #ffffff!important;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #ffffff !important;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #ffffff !important;
}

input{
    width: 100% !important;
    height: 45px!important;
    margin: 0 auto!important;
    margin-top:10px!important;
    border: none !important;
    border-radius: 300px!important;
    padding-left:15px!important;
    background-color: #1692b6!important;
    color: white!important;
}
textarea{
    width: 100% !important;
    height: 170px!important;
    margin: 0 auto!important;
    margin-top:10px!important;
    border: none !important;
    border-radius: 15px!important;
    padding-left:15px!important;
    padding-top: 15px !important;
    background-color: #1692b6!important;
    color: white !important;
}

.btn-Form{
    width: 50% !important;
    background-color: white !important;
    color: black !important;
}


/* -------------------------------------------------------------------------------  */




/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Mapa                                            */

/* //////////////////////////////////////////////////////////////////////////////// */



#google_maps, .wrapperMap{
    height: 300px;
}


/* -------------------------------------------------------------------------------  */



/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Modal                                           */

/* //////////////////////////////////////////////////////////////////////////////// */

#myModal .modal-backdrop{
    background-color: #04819f;
}

#myModal .modal-dialog{
    max-width: 100%;
    margin-top: 50vh;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#myModal .modal-body{
    padding: 0;
}

#myModal .modal-header{
    border: none;
    position: absolute;
    z-index: 1;
    right: 0;
}

#IDMaquinaDesbaste .modal-header{
    border-bottom: none;
}

#myModal .modal-header button{
    color: #ffffff;
    opacity: 1;
}

/* -------------------------------------------------------------------------------  */




/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Select Lingua                                           */

/* //////////////////////////////////////////////////////////////////////////////// */

.wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width: 65px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom:5px;
    padding-left: 15px;
    margin-left: 20px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;

    /* Styles */
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #04819f transparent;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding-left: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 5px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}

/* -------------------------------------------------------------------------------  */




/* //////////////////////////////////////////////////////////////////////////////// */

/*                                  Modal                                           */

/* //////////////////////////////////////////////////////////////////////////////// */

footer{

}

.textFooter{
    color: #000000;
    font-size: 9pt;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
}


/* -------------------------------------------------------------------------------  */

#services{
    padding-bottom: 0px!important;
}

.modal-dialog{
    width: 75%;
}

.slides img{
    max-width: inherit !important;
    width: 100% !important;
}