@charset "utf-8";
/* CSS Document */

body{font-size:14px;}

#top {
    width: 100%;
    min-width: 1170px;
}

#topo {
    width: 100%;
    min-width: 1170px;
    height: auto;
    float: left;
    border-bottom: 1px solid #e3e3e4;
    background-color: rgba(255, 255, 255, 0.6);

}

#topo1 {
    width: 1170px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}


#topo2 {
    width: 1170px;
    height: 94px;
    float: left;
}

#barra-empresa {
    width: 100%;
    min-width: 1170px;
    height: auto;
    float: left;
    margin-bottom: 40px;
}

#barra-bv {
    width: 100%;
    min-width: 1170px;
    height: auto;
    float: left;
    margin-bottom: 40px;
	/*height: 100vh*/;
}

#barra-bv1 {
    width: 1170px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#barra-bv2 {
    width: 1170px;
    min-width: 1170px;
    min-height:100%;
/*    height: 110vh;*/
    float: left;

}

#barra-bv3 {
    width: 1170px;
    min-width: 1170px;
    min-height:auto;
    float: left;
/*    height: 110vh;*/
}

#tabela-lista {
    width: 1170px;
    padding:10px 0 10px 0;
    background-color:#edf7f3;
    height: auto;
}

.info p {
    line-height: 30px;
}


#tabela-lista2 {
    width: 1170px;
    padding:10px 0 10px 0;
    height: auto;
}

#tabela-lista ul{
    list-style-image:url(/guia/img/arrow.png);
    color:#666;
    margin-left:15px;
}

#rodape {
    width: 100%;
    min-width: 1170px;
    height: auto;
    float: left;
    background-image:url(/guia/img/rodape2.gif);
}

#rodape1 {
    width: 1170px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#rodape2 {
    width: 1170px;
    height: auto;
    float: left;
}

#rodape3 {
    width: 300px;
    height: auto;
    float: left;
    padding:30px 0 30px 0;
    font-size:12px;
    line-height:22px;
}

#rodape4 {
    width: 870px;
    height: auto;
    float: left;
    padding:30px 0 30px 0;
    font-size:12px;
    text-align:right;
    line-height:22px;
}

#rodape4 a{text-decoration:none; color:#666}
#rodape3 a{text-decoration:none; color:#666}

#rodape4 a:hover{text-decoration:none; color:#066}
#rodape3 a:hover{text-decoration:none; color:#066}

.nome-empresa {color:#036}

.hidden { display: none; }

.gif-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: url(/guia/img/loading.gif);
    background-repeat: no-repeat;
    background-color: #333;
    background-size: 250px;
    background-position: center;
    left: 0;
    z-index: 9999;
    opacity: 0.5;
    display: none;
}

@keyframes animacaoBolada {   
    0%   { background-image: url(/guia/img/Birdman1.jpg);}
    5%   { background-image: url(/guia/img/Birdman1.jpg);}
    10%   { background-image: url(/guia/img/Birdman1.jpg);}
    15%   { background-image: url(/guia/img/Birdman1.jpg);}


    20%  { background-image: url(/guia/img/Turtle1.jpg);}
    25%  { background-image: url(/guia/img/Turtle1.jpg);}
    30%  { background-image: url(/guia/img/Turtle1.jpg);}
    35%  { background-image: url(/guia/img/Turtle1.jpg);}

    40%  { background-image: url(/guia/img/Rainbow.jpg);}
    45%  { background-image: url(/guia/img/Rainbow.jpg);}
    50%  { background-image: url(/guia/img/Rainbow.jpg);}
    55%  { background-image: url(/guia/img/Rainbow.jpg);}

    60%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    65%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    70%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    75%   { background-image: url(/guia/img/indicadores-bg.jpg);}

    80%   { background-image: url(/guia/img/Birdman1b.jpg);}
    85%   { background-image: url(/guia/img/Birdman1b.jpg);}
    90%   { background-image: url(/guia/img/Birdman1b.jpg);}
    95%   { background-image: url(/guia/img/Birdman1b.jpg);}
    100%   { background-image: url(/guia/img/Birdman1.jpg);}

}

@-o-keyframes animacaoBolada {   
    20%  { background-image: url(/guia/img/Turtle1.jpg);}
    25%  { background-image: url(/guia/img/Turtle1.jpg);}
    30%  { background-image: url(/guia/img/Turtle1.jpg);}
    35%  { background-image: url(/guia/img/Turtle1.jpg);}

    40%  { background-image: url(/guia/img/Rainbow.jpg);}
    45%  { background-image: url(/guia/img/Rainbow.jpg);}
    50%  { background-image: url(/guia/img/Rainbow.jpg);}
    55%  { background-image: url(/guia/img/Rainbow.jpg);}

    60%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    65%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    70%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    75%   { background-image: url(/guia/img/indicadores-bg.jpg);}

    80%   { background-image: url(/guia/img/Birdman1b.jpg);}
    85%   { background-image: url(/guia/img/Birdman1b.jpg);}
    90%   { background-image: url(/guia/img/Birdman1b.jpg);}
    95%   { background-image: url(/guia/img/Birdman1b.jpg);}
    100%   { background-image: url(/guia/img/Birdman1.jpg);}
}

@-moz-keyframes animacaoBolada {   
    20%  { background-image: url(/guia/img/Turtle1.jpg);}
    25%  { background-image: url(/guia/img/Turtle1.jpg);}
    30%  { background-image: url(/guia/img/Turtle1.jpg);}
    35%  { background-image: url(/guia/img/Turtle1.jpg);}

    40%  { background-image: url(/guia/img/Rainbow.jpg);}
    45%  { background-image: url(/guia/img/Rainbow.jpg);}
    50%  { background-image: url(/guia/img/Rainbow.jpg);}
    55%  { background-image: url(/guia/img/Rainbow.jpg);}

    60%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    65%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    70%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    75%   { background-image: url(/guia/img/indicadores-bg.jpg);}

    80%   { background-image: url(/guia/img/Birdman1b.jpg);}
    85%   { background-image: url(/guia/img/Birdman1b.jpg);}
    90%   { background-image: url(/guia/img/Birdman1b.jpg);}
    95%   { background-image: url(/guia/img/Birdman1b.jpg);}
    100%   { background-image: url(/guia/img/Birdman1.jpg);}
}

@-webkit-keyframes animacaoBolada {   
    20%  { background-image: url(/guia/img/Turtle1.jpg);}
    25%  { background-image: url(/guia/img/Turtle1.jpg);}
    30%  { background-image: url(/guia/img/Turtle1.jpg);}
    35%  { background-image: url(/guia/img/Turtle1.jpg);}

    40%  { background-image: url(/guia/img/Rainbow.jpg);}
    45%  { background-image: url(/guia/img/Rainbow.jpg);}
    50%  { background-image: url(/guia/img/Rainbow.jpg);}
    55%  { background-image: url(/guia/img/Rainbow.jpg);}

    60%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    65%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    70%   { background-image: url(/guia/img/indicadores-bg.jpg);}
    75%   { background-image: url(/guia/img/indicadores-bg.jpg);}

    80%   { background-image: url(/guia/img/Birdman1b.jpg);}
    85%   { background-image: url(/guia/img/Birdman1b.jpg);}
    90%   { background-image: url(/guia/img/Birdman1b.jpg);}
    95%   { background-image: url(/guia/img/Birdman1b.jpg);}
    100%   { background-image: url(/guia/img/Birdman1.jpg);}
}

body {
    background-position:center top;
    background-image: url(/guia/img/Birdman1.jpg);
    animation-name: animacaoBolada;
    animation-duration: 20s;
    animation-delay:1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count:infinite;

    -o-animation-name: animacaoBolada;
    -o-animation-duration: 20s;
    -o-animation-delay:1s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count:infinite;

    -moz-animation-name: animacaoBolada;
    -moz-animation-duration: 20s;
    -moz-animation-delay:1s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count:infinite;

    -webkit-animation-name: animacaoBolada;
    -webkit-animation-duration: 20s;
    -webkit-animation-delay:1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count:infinite;

    background-color:#066;
    margin:0;
    /*background-attachment:fixed;*/
    font-family: 'Montserrat', sans-serif;
    color:#333;
    font-weight:100;
    background-size:auto 110%;

}


/*abas*/

/* Geral */


a:focus {
    outline: none;
}
.content {
    margin: 0px;
}
.clearfix:after {
    content: '.';
    height: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

/* Abas */
.tabs-content {

    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight:100;
}

.tabs-content h4{

    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    font-weight:700;
    color:#096;
}

/* Menu das abas */
.tabs-menu {

}
.tabs-menu ul {
    list-style: none;
}
.tabs-menu ul li {
    float: right;

}
.tabs-menu ul li a {
    width:281px;
    height:94px;
    background-image:url(/guia/img/bg-li.gif);
    display: block;
    text-decoration: none;
    font-weight: 700;
    text-align:center;
    line-height:94px;
    color: #036;
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
    font-weight:100;
    margin-left:-92px;
    margin-bottom:1px;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;

}

.tabs-menu ul li a:hover {
    background-image:url(/guia/img/bg-li2.gif);
}


.tabs-menu ul li a.active-tab-menu {
    background-image:url(/guia/img/bg-li2.gif);
}

/* Conteúdo das abas */
.tabs {
    display: none;
    padding: 30px;
    background: #eee;
}
.first-tab {
    display: block;
}

/*teste*/

#teste1 { 
    width:47%;
    height:auto;
    float:left;
    padding-left:3%;
}

#teste2 { 
    width:47%;
    height:auto;
    float:right;
    text-align:right;
    padding-right:3%;
}


#logo {
    width: 210px;
    min-height: 100px;
    float: left;
    margin-bottom:10px;
    margin-right:10px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    font-size:14px;
    background-color:#fff;
    border:1px solid #FFF;
    color:#fFF;
    text-align:center
}

#coluna3 {
    width: 100%;
    min-height: auto;
    float: left;
    margin-top:33px;
    font-family: 'Montserrat', sans-serif;
    font-weight:100;
    color:#333;
    padding-left:3%;
}

@media (max-width: 1170px) {
    #teste1 { 
        width:100%;
        height:auto;
        float:left;
    }

    #teste2 { 
        width:100%;
        height:auto;
        float:left;
        background-color:transparent;
        text-align:center;
    }

    #teste2 img { 
        width:85%;
        height:auto;

    }

    #barra-bv3 {
        height:100%;
    }

    #barra-bv2 {
        height: 100%;	
    }

    #coluna3{padding-left:3%; margin-top:40px}

    #logo {
        width:31%;
        min-height: 160px;
        float: left;
        margin-bottom:2%;
        margin-right:2%;
        font-family: 'Montserrat', sans-serif;
        font-weight:100;
        font-size:26px;
        line-height:150px;
        background-color:#CCC;
        border:1px solid #FFF;
        color:#fFF;
        text-align:center
    }
}

.endereco {
    width: 47%;
    min-height: 150px;
    padding-right: 20px;
    float: left;
    line-height: 1.4;
}

#tabela-produtos td label {
    font-size: 2rem;
    line-height: 0.4;
    vertical-align: sub;
    color: blue;
    margin-left: 5px;
}
#tabela-produtos td sup {
    vertical-align: unset;
    color: blue;
    font-size: 13px;
}
.link-img {
    vertical-align:bottom;
}
#tabela-produtos td {
    padding-right: 20px;
}
.legenda-produtos {
    text-align: center;
    padding-top: 20px;
}
.legenda-m, .legenda-p {margin-right: 30px;}
.legenda-unidade-fabril label {
    font-size: 2rem;
    line-height: 0.5;
    vertical-align: top;
    color: blue;
}
.legenda-unidade-fabril sup {color: blue;vertical-align: baseline;}
.obs-empresa img{vertical-align:middle;}