html, body
{
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    /* font-family: 'Source Sans Pro', sans-serif; */
    font-size: 18px;
    /* background-image: linear-gradient(rgba(63, 28, 28, 0.9), rgba(0, 0, 0, 0.5)), url('../imagens/back9.jpg'); */
    /* background-image: linear-gradient(rgba(63, 28, 28, 0.9), rgba(0, 0, 0, 0.5)); */
    /* background-image: linear-gradient(to right, rgba(10, 1, 1, 0.9), rgba(44, 28, 28, 0.9)); */
    background-image: linear-gradient(to right, rgba(17, 3, 48, 0.9), rgba(15, 6, 6, 0.9));
    /* background-color: blue; */
}

body
{
    height: auto;
    overflow-x: hidden;
    
    /* display: grid;
    grid-template-columns: 300px auto;
    grid-template-rows: repeat(3, auto); */
    background-color: blue;
}

.w_90
{
    width: 90%;
}

.w_100
{
    width: 100%;
}

h1
{
    text-align: center;
    color: white;
}


.content_row, .content_row_between
{
    margin-left: 2.5%;
    width: 95%;
    height: auto;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;

    display: flex;
    /* flex-flow: row wrap; */
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ima_site
{
    width: 304px; 
    height: 228px; 
    /* background-size: cover;  */
    background-size: 80%; 
    background-repeat: no-repeat; 
    background-position: center center; 
    /* display: inline; */
}


.content_row_between
{
    justify-content: space-between;
    /* margin-left: 2.5%;
    width: 95%; */
    /* color: white; */
}


.content_row_between label
{
    color: white;
}

.content_column
{
    /* width: 95%; */
    width: 100%;
    /* padding-top: 25px;
    padding-bottom: 25px; */
    
    /* display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center; */

    color: white;
}


.back_white
{
    background-color: rgba(255, 255, 255, 0.1);
}


.border_white
{
    border: 1px white solid;
    /* border-radius: 25px; */
}



header
{
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 255, 0.9), rgba(0, 0, 255, 0.7), rgba(0, 0, 255, 0.5)); */
    /* background-color: rgb(49, 41, 70); */
    background-image: linear-gradient(to bottom, rgb(49, 41, 70), rgb(49, 41, 70), rgba(0, 0, 255, 0.5));
}


.header_link_logo img
{
    width: 150px;
}


aside
{
    /* margin-top: 15px;
    margin-bottom: 15px;
    height: auto;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
    
    border: 1px white solid;
    border-radius: 25px;
    
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3; */
    

    /* background-color: blue; */
    width: 300px;
    height: auto;
}


/* aside .content_column
{
    margin-top: 100px;
    min-height: 450px;
} */



aside .content_column button, .div_inter_elemet_2 .content_row .content_column button
{
    margin-top: 20px; 
    margin-bottom: 10px; 
    width: 80%;
    font-size: 15px;
    
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.7);

}  






section
{
    
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 500px;
    height: auto;
    overflow: hidden;
    color: white;
    
    /* grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; */

    /* width: 70%; */
    /* width: 90%; */

     /* background-color: gray;  */
     width: 65%; 

}


/*
section .content_row .content_border_white
{
    width: 90%;
    min-height: 650px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px white solid;
    border-radius: 25px;
    

    padding-top: 25px;
    padding-bottom: 25px;
    
}

section .content_column article .area_slide
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 450px;
}



section .content_column article p
{
    width: 80%;
    text-align: justify;
}


.div_elem_lado_a_lado
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;

    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;

    justify-content: flex-start;
}
*/    



.div_inter_elemet_2
{
    width: auto; 
    height: auto;
    overflow: hidden;
    
    padding-top: 10px; 
    padding-bottom: 10px; 
    border: white 1px groove; 
    /* border-radius: 15px; */
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}



.table_1 td, .table_1 th
{
    border: 1px rgba(255, 255, 255, 0.5) groove;    
    text-align: center;
    color: white;
}



.tab_hidden
{
    /* background-color: burlywood; */
    display: none;
    opacity: 0;
}



.tab_hidden table
{
    float: right;
    width: 55%;
    margin-right: 5%;
    margin-top: 5px;
    margin-bottom: 15px;
}


/*
.class_slide
{
    width: 100%; 
    height: auto; 
    overflow: hidden; 
}

.comoda
{
    width: auto;
    height: auto;
    z-index: 10;
}

.gaveta
{
    width: auto;
    height: auto; 
    overflow: hidden; 
    transition: 0.5s all;
    display: flex;
    flex-direction: row;
    
}

.gaveta_imagem, .gaveta_background, .jogos_free
{
    width: 100%; 
    min-height: 200px; 
    display: inline; 
    float: left;

}

.div_bot_itens
{
    display: flex; 
    flex-direction: row;
    justify-content: center; 
    flex-wrap: wrap;
    color: white;
}

.div_bot_itens button
{
    color: white;
    margin: 2px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s all;
    width: 40px; 
    background-color: green;
    padding: 5px;
}	

.div_bot_itens button img
{
    width: 25px;
}    

.front_item_slide_3_info_info
{
    margin-left: 2.5%;
    width: 95%; 
    height: auto; 
    overflow: hidden; 
    display: flex; 
    flex-flow: row wrap;
    justify-content: space-between; 
    align-items: center;
}
*/


.gaveta_background
{
    width: 90%;
    /* width: 600px; */
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
}

gaveta_background .content_row_between
{
    width: 95%;
    margin-left: 2.5%;
}





/* .gaveta_background .div_inter_elemet_2 .content_row_between img
{
    width: 200px;
} */

.gaveta_background .content_row_between table
{
    /* width: 55%; */
    width: 90%;
}

/*
.conteiner_slide
{
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.5s all;
    display: flex;
    flex-flow: column nowrap;
}

.conteiner_slide:hover
{
    background-color: rgba(0, 0, 0, 0.7);
}	

.space_inter_slide
{
    background-color: transparent; 
    width: 100%; 
    height: 70%;
}	

.space_lide_info
{
    width: 100%; 
    height: 30%;
    color: white;
}	

.space_lide_info h3
{
    text-align: center;
}

.conteiner_itens_wrap
{
    width: 100%; 
    height: 100%; 
    display: flex; 
    flex-flow: row wrap;
    flex-shrink: 1;
    flex-grow: 1;
}

.item_slide_type_div_conf_fixa_transparent
{
    height: 600px;
}

#slide_transparente, #slide_principal
{
    margin-left: 10%;
    width: 80%;
}

.bot_lat
{
    background-color: transparent; 
    z-index: 20; 
    margin-top: -200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}    

.div_paral, .div_parar
{
    width: auto; 
    height: 100%; 
    background-color: rgba(255, 255, 255, 0); 
    display: flex;
    flex-direction: column;
    transition: 0.5s all;
}

.div_parar
{
    float: right;
}

.bot_left, .bot_right
{
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 80px;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
    font-size: 40px;
    color: white;
    cursor: pointer;
    transition: 0.5s all;
}

.bot_left:hover, .bot_right:hover
{
    background-color: rgba(0, 0, 0, 0.5);
}    





.insercao, .insercao2, .bot_senha, input[type="submit"], input[type="button"]
{
    width: 70%;
    background-color: rgba(255, 255, 255, 0.2);
    margin: 15px;
    border-radius: 15px;
    height: 40px;
    color: white;
    font-size: 20px;
    padding-left: 10px;
}

.insercao2
{
    height: 150px;
}

.local_itens 
{
    width: 70%;
    padding-top: 15px;
    padding-bottom: 15px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.local_itens .bot_senha
{
    width: 40%;
}

.local_itens button
{
    height: 40px;
}

input[type="submit"], input[type="button"]
{
    background-color: white;
    color: black;
}


.num_pen
{
    font-size: 12px;
    color: white;
    border-radius: 15px;
    padding: 5px;
    margin-left: 5px;
}

.alarme
{
	background-color: rgba(11, 143, 77, 0.9);
	min-width: 150px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: white 1px solid;
	border-radius: 15px;
	position: fixed;
	top: 100px;
	right: 50px;
	z-index: 50;
	
	display: none;
	opacity: 0;

	transition: 0.5s all;
}


.alarme h3
{
	color: white;
}


footer
{
    background-color: black;
    margin-bottom: -1px;
    min-height: 80px;
    
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}


@media screen and (max-width: 800px)
{
    .div_bot_itens button 
    {
        width: 60px; 
    }
    
    .space_inter_slide
    {
        height: 55%;
    }	

    .space_lide_info
    {
        height: 45%;
    }
    
    .item_slide_3, .itens_found
    {
        margin-left: 3%; 
        width: 45%; 
        height: auto;
        overflow: hidden;
        background-size: cover; 
        display: inline; 
        float: left; 
    }

    .front_item_slide_3_info_info
    {
        flex-flow: row wrap;
        justify-content: space-between;
    }
}

@media screen and (max-width: 500px)
{
    .space_inter_slide
    {
        height: 40%;
    }	

    .space_lide_info
    {
        height: 60%;
    }
}    

@media screen and (max-width: 370px)
{
    .front_item_slide_3_info_info
    {
        flex-direction: column; 
    }

    .div_bot_itens
    {
        flex-direction: column; 
    }
    
    .space_inter_slide
    {
        height: 0%;
    }	

    .space_lide_info
    {
        height: 100%;
    }
} 
    


*/