@charset "utf-8";

/*Reset*/
body{	margin:0;
        background-image: url(../../images/bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;}
*{margin:0; padding:0;}
#boxhead{width:100%; height:20px; background:url(../../images/bg_h.jpg) repeat-x;}
#boxheadtxt{width:860px; height:10px; margin:0 auto; font:11px Arial, Helvetica, sans-serif; color:#000; padding:2px; text-shadow:1px 1px 3px #666;}
#box{width:865px; margin:0 auto;}

/*Header Logo*/
#header_logo{width:860px; height:280px;}
#header_logo .logo{width:350px; height:320px; background:url(../../images/logo.png) no-repeat; background-size: 100%; margin:0px 250px;}

/*Content*/
#content{width:860px;}

/*Sidebar*/
#sidebar{float:left; width:280px;}

/*Menu_1*/
#menu_1{width:276px; float:left;}
#menu_1 ul{margin:0; padding:0;}
#menu_1 ul li{float:left; width:276px; height:45px; background:url(../../images/menu_b.png) no-repeat top; list-style:none;}
#menu_1 ul li a{float:left; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#ccc; text-shadow:1px 1px 3px #ccc; padding:14px 0 0 25px;}
#menu_1 ul li:hover{background:url(../../images/menu_b.png) no-repeat bottom;}

/*Menu_2*/
#menu_2{width:276px; margin-top:10px; float:left;}
#menu_2 ul{margin:0; padding:0;}
#menu_2 ul .home{float:left; width:276px; height:47px; background:url(../../images/menu_a.png) no-repeat top; list-style:none;}
#menu_2 ul .home a{float:left; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#E5E5E5; text-shadow:1px 1px 1px #000; padding:14px 0 0 45px;}
#menu_2 ul .home:hover{background:url(../../images/menu_a.png) no-repeat bottom;}
#menu_2 ul .clientes{float:left; width:276px; height:47px; background:url(../../images/menu_a1.png) no-repeat top; list-style:none;}
#menu_2 ul .clientes a{float:left; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#E5E5E5; text-shadow:1px 1px 1px #000; padding:14px 0 0 45px;}
#menu_2 ul .clientes:hover{background:url(../../images/menu_a1.png) no-repeat bottom;}
#menu_2 ul .produtos{float:left; width:276px; height:47px; background:url(../../images/menu_a2.png) no-repeat top; list-style:none;}
#menu_2 ul .produtos a{float:left; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#E5E5E5; text-shadow:1px 1px 1px #000; padding:14px 0 0 45px;}
#menu_2 ul .produtos:hover{background:url(../../images/menu_a2.png) no-repeat bottom;}
#menu_2 ul .contato{float:left; width:276px; height:47px; background:url(../../images/menu_a3.png) no-repeat top; list-style:none;}
#menu_2 ul .contato a{float:left; text-decoration:none; font:16px Arial, Helvetica, sans-serif; color:#E5E5E5; text-shadow:1px 1px 1px #000; padding:14px 0 0 45px;}
#menu_2 ul .contato:hover{background:url(../../images/menu_a3.png) no-repeat bottom;}
#menu_2 ul .rede{float:left; width:276px; height:94px;  no-repeat top; list-style:none;}
#menu_2 ul .rede a{float:left; text-decoration:none;  color:#E5E5E5; text-shadow:1px 1px 1px #000; padding:14px 0 0 12px;}
#menu_2 ul .rede:hover{ no-repeat bottom;}

/*Video*/
#video{float:left; width:265px; height:190px; background:#333; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; margin-top:10px; padding:5px; margin-bottom:10px;}

/*video*/
#video{float:left; width:265px; height:190px; background:#333; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; margin-top:10px; padding:5px; margin-bottom:10px;}

/*Creditos*/
#creditos{float:left; width:265px; height:100px; background:url(../../images/credits_bg.png) no-repeat;}
#creditos .credits{margin:20px 0 0 84px;}
#creditos .credits h1{text-align: center; font:20px Arial, Helvetica, sans-serif; color:#ffffff; text-shadow:1px 1px 1px #000;}
#creditos .credits p{text-align: center; font:12px Arial, Helvetica, sans-serif; color:#ffffff;}
#creditos .credits p a{text-align: center; text-decoration:none; color:#ffffff;}

/*Navegate*/
#navegate{float:right; width:570px; margin:0;
        background-image: url(../../images/Fundo.jpg);
        background-size: cover;
        background-repeat: no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-bottom:20px;}

/*Box_Navegate*/
#box_navegate{margin:5px; width:560px; margin-top:10px;}
#box_navegate p{width:555px; font:14px Arial, Helvetica, sans-serif; color:#999; border-bottom:1px solid #2f3640; padding:5px 0 5px 5px; text-shadow:1px 1px 1px #000;}

/*Slideshow*/
#slideshow{width:525px; height:139px; margin:0px auto; overflow:hidden; position:relative;}
#slideshow img{float:left; border:0;}
#slideshow ul{margin:0; padding:0; float:left;}
#slideshow ul li{float:left; list-style:none;}
#slideshow .txt{float:left; font:11px Arial, Helvetica, sans-serif; color:#CCC; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:515px; padding:5px; height:15px;}

#slideshow .volta{margin:60px 0 0 0; float:left; width:40px; height:40px; background:url(../../images/menuvolt.png) no-repeat; position:absolute; z-index:100;}
#slideshow .avanca{width:40px; margin:60px 0 0 480px; width:40px; height:40px; background:url(../../images/menuavan.png) no-repeat; position:absolute; z-index:100;}
#slideshow .avanca:hover{background:url(../../images/menuavanh.png) no-repeat;}
#slideshow .volta:hover{background:url(../../images/menuvolth.png) no-repeat;}

/*Live*/
#live{width:525px; height:400px; margin:0px auto; overflow:hidden; position:relative;}
#live img{float:left; border:0;}
#live ul{margin:0; padding:0; float:left;}
#live ul li{float:left; list-style:none;}
#live .txt{float:left; font:11px Arial, Helvetica, sans-serif; color:#CCC; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); position:absolute; bottom:0; width:515px; padding:5px; height:15px;}

#live .volta{margin:60px 0 0 0; float:left; width:40px; height:40px; background:url(../../images/menuvolt.png) no-repeat; position:absolute; z-index:100;}
#live .avanca{width:40px; margin:60px 0 0 480px; width:40px; height:40px; background:url(../../images/menuavan.png) no-repeat; position:absolute; z-index:100;}
#live .avanca:hover{background:url(../../images/menuavanh.png) no-repeat;}
#live .volta:hover{background:url(../../images/menuvolth.png) no-repeat;}


/*bloco_naveg*/
#bloco_naveg{margin:10px auto; width:525px;}
#bloco_naveg h1{float:left; font:13px Arial, Helvetica, sans-serif; color:#ccc; background:url(../../images/bg_bloc.jpg) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; padding:5px 10px; border:1px solid #434343; font-weight:bold;}
#bloco_naveg .bloco{float:left; width:525px; background:#2f3640; margin:10px 0;}

/*Noticias*/
#bloco_naveg .noticias{float:left; width:515px; margin:5px;}
#bloco_naveg .noticias ul{margin:0; padding:0;}
#bloco_naveg .noticias ul li{float:left; width:510px; padding:2px 0; border-left:#2f3640 solid 5px; list-style:none; background:#333; margin:1px 0;}
#bloco_naveg .noticias ul li a{text-decoration:none; color:#CCC; text-shadow:1px 1px 1px #000; margin-left:10px;}
#bloco_naveg .noticias ul li:hover{border-left:#2f3640 solid 5px; background:#2f3640;}

/*Parceiros*/
#bloco_naveg .parceiro{float:left; margin:5px;}
#bloco_naveg .parceiro img{border:0;}

/*Depoimentos*/
#bloco_naveg .produtos{float:left; padding:0px;}
#bloco_naveg .produtos ul{float:left; margin:0; padding:0;}
#bloco_naveg .produtos ul li{float:left; list-style:none; display:inline; width:515px; margin:0; margin:0 2px; padding:2px; background:#333; border:1px solid #333333; height:180px;}
#bloco_naveg .produtos ul li:hover{background:#333333;}
#bloco_naveg .produtos ul li img{border:0;}
#bloco_naveg .bloco2{float:left; width:525px; background:#333333; margin:10px 0;}

/*Slideshow2*/
#slideshow2{width:525px; height:162px; margin:0px auto; padding:6px; overflow:hidden; position:flex;}
#slideshow2 img{float:left; border:0;}
#slideshow2 ul{margin:0; padding:0; float:left;}
#slideshow2 ul li{float:left; list-style:none;}
#slideshow2 .txt{float:left; font:11px Arial, Helvetica, sans-serif; color:#CCC; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); position:flex; bottom:0; width:505px; padding:5px; height:15px;}

button {
    display: block;
    width: 100%;
}

button {
    display: block;
    padding: 1rem;
    background: #f68925;
    color: #000;
    font: inherit;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}

button:hover,
button:focus {
        outline: none;
        background: #6a3b10;
    }
    .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        max-width: 100%;
        padding: 13px;
        box-sizing: border-box;
    }

    .tabelas {
        color: #ccc;
        background: rgba(0, 0, 0, .4);
        text-decoration: none;
        padding: 10px;
        margin: 5px;
        transition: all 0.2s ease-in-out;
        border-radius: 5px;
        border: 0px solid #000000;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden; /* Garante que o conteúdo não transborde */
    }

    .tabelas th {
        background: rgba(0, 0, 0, .4);
        transition: all 0.2s ease-in-out;
        border-radius: 5px;
        white-space: nowrap; /* Evita que o texto quebre em várias linhas */
    }

    a {
        text-decoration: none;
        color: #F8ADAF;
        transition: all 0.2s ease-in-out;
    }

    a:hover {
        color: #ccc;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    @media (max-width: 768px) {
        .tabelas {
            flex: 1 1 100%;
            margin: 5px 0;
        }
    }