* {
    border: none;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 100%;
}

body{
    background: #f4f4f4;
}

#cabecalho{
    height: 320px;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#centro{
    width: 980px;
    display: block;
    margin: 0px auto;
    position: relative;
    height: inherit;
}

#logo{
    position: absolute;
    left: 0px;
    top: 100px;
}

.fundo_roxo{
    background: #6d27c5;
}

.fundo_amarelo{
	background: #ffb700;
}

#meio{
    background: #f4f4f4;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: auto;
}

h1{
    position: absolute;
    left: 0px;
    bottom: 40px;
    font-size: 34px;
    color: #ffffff;
}

p{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 20px auto;
    font-size: 16px;
    line-height: 130%;
}

#formulario{
    display: block;
    margin: 0px auto;
    width: 440px;
    height: 160px;
    border-top: 4px solid #ffb700;
    padding: 10px 30px;
    margin-top: 90px;
    background: #ffffff;

    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#form .input{
    border: 1px solid gray;
    height: 27px;
}

#submit{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    padding: 5px;
}    

#caixa_tabela_centro{
	
}


	#div {
 
    width: 500px;
    padding: 20px;
    background: #f0f0f0;
    overflow:auto;

	color: #666;
	margin:auto;
	
	font-weight: bold;
 

    border: 1px solid #cccccc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px; 
 

    -moz-box-shadow: 2px 2px 2px #cccccc;
    -webkit-box-shadow: 2px 2px 2px #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
 
    }
    
    a{
    	text-decoration: none;
    	color: #666;
    }
	
	#titulo_pagseguro{
		color: #333; 
		font-weight: bold; 	
		font-family:Arial, Helvetica, sans-serif;
	}	

	*{
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#central{
		width: 100%;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    padding-bottom: 40px;
	}
	
	#teste{
		width: 970px; 
		margin: auto; 
		background-color: black; 
		padding: 20px; 
		min-height: 900px; 
		margin-top:-26px;
	}
	
	#caixa_tabela{
	   width: 900px;
	   display: block;
	   padding: 20px 30px;
	   margin: 20px auto;
	   background: rgb(255, 255, 255);
	}
	
	.caixas {
		background-color: #999;
		padding: 15px;
		border: 1px solid white;
		font-size: 12px;
	}
	
	#detalhe_criente{
		color: black;
	}
	
	#detalhe_criente{
		float: left;
		font-size: 12pt;
	}
	
	#tabela th{
		color: white;
		background-color: black;
	}
	
	#tabela{
		color: #333;
	}
	
	#tabela td{
		padding: 0px;
	}
	
	#tabela_length, #tabela_filter, #tabela_info, #tabela_paginate, #tabela_previous, #tabela_next{
		color: #333;
		font-weight: bold;
	}  



@media (max-width: 980px){

    #cabecalho{
        padding: 30px 0px;
        position: relative;
        height: initial;
    }

    #centro{
        width: 980px;
        display: block;
        margin: 0px auto;
        position: relative;
        height: inherit;
    }

    #logo{
        position: relative;
        display: block;
        margin: 20px auto;
        width: 70%;
        top: initial;
        left: initial;
    }

    #meio, #centro, #cabecalho {
        width: 100%;
        text-align: center;
    }

    #formulario{
        height: initial;
        width: 70%;
        margin-top: 20px;
    }

    h1{
        font-size: 16px;
        position: relative;
        display: block;
        margin: 0px auto;
        bottom: initial;
        left: initial;
    }

    p{
        font-size: 14px;
    }

    #caixa_tabela{
    	width: 75%;
    }

    #central{
    	width: 100%;	
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    padding-bottom: 40px;
    }

    #tabela_wrapper{
    	overflow-x: scroll;
    	width: 100%;	
    }

}