* {
    margin: 0;
    padding: 0;
}

body {
    height: auto;
    background: #fff;
    font-family: 'Ubuntu', sans-serif;
}

body#home #navhome,
body#orcamento #navorc,
body#contato #navcontato,
body#consulta #navconsulta,
body#portfolio #navport,
body#blog #navblog,
body#pedido #navpedido {
    color: #00FF00!important;
    background: transparent!important;
    /**border-radius: 9px;**/
}

.dropdown-menu {
    background: linear-gradient(to left, black, #333);
    background-color: #333;
}

/*Formatando Elementos que tem o Background BgParallax*/
.bgParallax {
    font-family:Tahoma, Geneva, sans-serif;
    color:#fff;
    margin:0 auto;
    width:100%;
    max-width:100%;
    position:relative;
    min-height:50%;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    background-position:50% 0;
    background-repeat:repeat;
    background-attachment:fixed;
}
/*#home {
    /*background-image:url(../imgs/fd05.png);
    /*background: linear-gradient(to left, #333, orangered);
}
#quemsomos {
    /*background-image:url(../imgs/fd05.png);
    /*background: linear-gradient(to left, #009999, #000);
}*/
.bgParallax article {
    width:70%;
    text-align:center;
    margin:0 auto;
    padding:10% 0 0;    
}
article h1 {
    font-size:35px;
}
article p {
    line-height: 25px;
    font-size:20px;
    margin-top:10px;
}
article p a {
    color: #f00;
    text-decoration:none;
    font-size:30px;
}
article p a:hover {
    color: #000;
}

/*Menu
nav {
    float: left;
    width: 100%;
    height: auto;
    background: darkslategrey;
}
#temp1 a:hover {
    background: transparent;
    color: #ff6633;
}**/
.navbar {
    background: #000!important;
}
.navbar a {
    color: #fff!important;       
    border-right: 1px solid #007b87;
}
.navbar a:hover {
    color: #00FF00!important;
    /**border-radius: 9px;**/
}

/*Inicio/Sobre*/
.limited_about {
    float: left;
    width: 100%;
    background: #f4f4f4;
    height: auto;
    border-radius: 9px;
    margin-top: 30px;
    text-align: justify;    
}
.limited_about p, h2 {
    margin-left: 10px;
    margin-right: 10px;    
}

/*Portfolio*/
.list-portfolio {
    float: left;
    width: 100%;
    height: auto;;
}

.list-portfolio .item-portfolio {
    width: 280px;
    height: auto;
    max-width: 100%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f4f4f4;    
    border: 2px solid #ccc;
    border-radius: 12px;
}

.list-portfolio .item-portfolio img {
    width: 280px!important;
    height: 220px;
    max-width: 100%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.list-portfolio p {
    width: 100%!important;
    height: auto;
    max-width: 100%;
    float: left;        
}

.list-portfolio .title {
    border-radius: 9px;
    width: 100%!important;
    height: auto;
    background: darkslategrey;
    color: #fff;
    text-align: center;
    float: left;    
    text-transform: uppercase;
    font-size: 26px;
    padding: 20px;
}

.list-portfolio .small-description {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.list-portfolio .more-details {
    text-align: center;
}

/*Principal contato*/
.pt_contato {
    float: left;
    width: 100%;
    height: auto;    
    color: #000;    
    border-top: 1px solid #ccc;
    margin-top: 20px;
}
.pt_contato i {
    color: #fff;
}
.pt_contato .tel {
    float: left;
    width: 320px;
    height: auto;
    max-width: 100%;
    margin-right: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.pt_contato i {
    background: #ededed;
    margin-left: 10px
}
.pt_contato .rounded-circle {
    width: 120px;
    height: 120px;  
    padding-left: 5px;
    padding-top: 20px;
    background: #333;
}
.pt_contato .tel p {
    font-size: 18px;
    margin-bottom: 0px!important;
}
.pt_contato .form-ct {
    float: left;
    text-align: center;  
    width: 100%;
    height: auto;
    border-top: 1px solid #ccc;
}
.pt_contato .form-ct button {
    text-align: center;    
}
.pt_contato .txt {
    float: left;
    width: 100%;
}

.main_port {
    float: left;
    width: 100%;
}
.main_port img {
    box-shadow: 3px 3px 3px 3px #007b87;
    border-radius: 6px;
    margin-right: 30px;
    float: left;
    margin-bottom: 30px;
}

.info {
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.cont {
    float: left;
    width: 320px;
    height: auto;
    margin-right: 20px;
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
    .list-portfolio .item-portfolio {
        min-width: 100%!important;
    }

    .form-contato input {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #bar1 a {
        border-bottom: 1px solid #007b87;
    }
    .main_port img {        
        margin-right: 0px;        
        width: 100%;
    }
    .cont {        
        width: 100%;        
        margin-right: 0px;
        border-right: none;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    .info {    
        border-bottom: none;    
    }

    .navbar a {
        color: #fff!important;       
        border-right: none;
        border-bottom: 1px solid #007b87;
    }
}

/*Pagina de Contato - Form*/
.form-contato {
    width: 620px;
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    background: #f4f4f4;
    /* border-radius: 39px 15px 39px 15px; */
    border: 1px solid #4381cc;
    box-shadow: 3px 3px 3px 3px #4381cc;
}
.form-contato input {
    max-width: 90%;
    height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
    margin-right: 5px;    
}
.form-contato textarea {
    max-width: 95%;
    height: 250px;
    min-height: 235px;
    margin-right: 5px;
}
.form-contato .btn {
    width: 160px;
    margin-bottom: 15px;
    margin-top: 10px;
}

/*Portfolio*/
.projects {
    float: left;
    width: 360px;
    height: 220px;
    max-width: 100%;
}
.projects img {
    border-radius: 9px;
    width: 320px;
    max-width: 100%;
    height: 220px;
}

/**Outros**/
.erro, .sucesso, .alerta, .pergunta{
    width:90%;
    padding:2%;
    margin-bottom: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.sucesso{
    background: #eff4d4;
    border: 1px solid #8fad3d;
    color: #596c26;
    margin-top: 10px;
}
.alerta{
    background: #ffea97;
    border: 1px solid #e2b500;
    color: #995f5b;
}
.erro{
    background: #efcec9;
    border: 1px solid #ad3f30;
    color: #943728;
}
.pergunta{
    background: #c6d8f0;
    border: 1px solid #4381cc;
    color: #5c58b9;
}


/*Rodapé*/
footer {
    float: left;
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #333, black);
    background-color: #333;
    padding-top: 10px;
    clear: both;
    margin-top: 20px;
}
footer a {    
    color: #ccc;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
}
footer a:hover {
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%);
}
footer .lk a:hover {
    color: #ff6633;
    text-decoration: none;
}
.dev {
    float: left;
    width: 100%;
    height: auto;
    background: linear-gradient(to right, #333, black);
    background-color: #333;
    color: #fff;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    margin-bottom: 5px;
}
.dev a {
    color: #fff;
}
.dev a:hover {
    color: #f00;
    text-decoration: none;
}

@media screen and (max-width: 600px) {  

}