/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    width: 99.6%;
    height: 100%;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.Text-Justificado {
text-align: justify;
    text-justify: inter-word;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color:#00000F;
}

    .text-vertical-center h1 {
        margin: 0;
        padding: 0;
        font-size: 4.5em;
        font-weight: 700;
		font-weight:bold;
    }

.text-vertical-center-banner-suporte {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-right: 600px;
    color: #FFFFFF;
}

    .text-vertical-center-banner-suporte h1 {
        margin: 0;
        padding: 0;
        font-size: 2.5em;
        font-weight: 700;
    }

.text-vertical-center-banner-suporte-red {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-left: 600px;
    color: #FFFFFF;
}


    .text-vertical-center-banner-suporte-red h1 {
        margin: 0;
        padding: 0;
        font-size: 2.5em;
        font-weight: 700;
    }

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active {
        color: #fff;
        background-color: rgba(0,0,0,0.7);
    }

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

    .btn-light:hover,
    .btn-light:focus,
    .btn-light:active {
        color: #333;
        background-color: rgba(255,255,255,0.8);
    }

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
            color: #999;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: #fff;
                background: rgba(255,255,255,0.2);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 55px;
        font-size: 18px;
        line-height: 55px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/fx/2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
}

/* About */

.about {
    padding: 50px 0;
}

/* Services */

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}

/* fenix */

.banner_produto_venda {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.banner_produto_servico {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_bi {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_bi2 {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_estoque {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_fiscal {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_teste {
   display: table;
	position: relative;
    width: 50%;
    height: 200px;
    color: #fff;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.post { 
align:top;
position: relative;


}
.banner_produto_crm {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_contabil {
    display: table;
	position: relative;
    width: 100%;
    height: 250px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_compras {
    display: table;
	position: relative;
    width: 100%;
    height: 250px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_producao {
    display: table;
	position: relative;
    width: 100%;
    height: 250px;
    color: #fff;
    background: url(../img/fx/produtos/0.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_produto_financeiro {
    display: table;
	position: relative;
    width: 100%;
    height: 250px;
    color: #fff;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.banner_contato {
    display: table;
	position: relative;
    width: 100%;
    height: 200px;
    color: #fff;
    background: url(../img/fx/fundo_cloud.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.bg-produto {
    background-color: #014083;/*  #d6e9c6 87b87f*/; 
    color: #fff;	
	padding-left: 0.20em 
}

.bg-fale-conosco-index {
    background-color: #014083;
    color: #f0ffff;
}

 .banner-vertical-center h2 {
 background-color: #6fb546; 
        margin: 0;
        padding: 0;
        font-size: 4.5em;
        font-weight: 700;
		font-weight:bold;
    }

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/fx/4.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.portfolio_menu {
    padding: 5px 0;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

    .img-portfolio:hover {
        opacity: 0.8;
    }

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

    .call-to-action .btn {
        margin: 10px;
    }

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 100px 0;
}

/* 5 colunas no Bootstrap */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#contact-us-map {
    height: 150px;
    -webkit-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    -moz-box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    box-shadow: inset 0 1px #fff,0 0 8px #c8cfe6;
    color: inset 0 1px #fff,0 0 8px #c8cfe6;
}

.contact-us-details {
    margin: 20px 0;
    font-size: 0.9em;
}

/* Geral das páginas de produtos */
body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

/* Especificos da pagina index */
.corHeaderMain {
    background-color: #014083;
}

.image-bg-fixed-height {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


a.index_servicos:link,
a.index_servicos:visited,
a.index_servicos:hover,
a.index_servicos:active {
    text-decoration: none;
    color: #ffffff;
}

a.index_servicos2:link,
a.index_servicos2:visited,
a.index_servicos2:hover,
a.index_servicos2:active {
    text-decoration: none;
    color: #000000;}

a.icon_social:link,
a.icon_social:visited,
a.icon_social:hover,
a.icon_social:active {
    text-decoration: none;
    color: #ffffff;
}

a.index_produtos:link,
a.index_produtos:visited,
a.index_produtos:hover,
a.index_produtos:active {
    text-decoration: none;
    color: inherit;
}

/