/*
	https://www.iconfinder.com/iconsets/circle-icons-1
*/

input[type='text'], input[type='password'], input[type='date'], select
	{
		min-width: 200px;
		border-radius: 5px;
		margin: 2px;
	}
	
input[type='submit']
	{
		background-color: #024659;
		color: #fff;
		padding: 5px;
		margin: 2px;
		border: 0px;
		border-radius: 5px;
		min-width: 100px;
	}

input[type='submit']:hover
	{
		background-color: #e0e4e5;
		color: #000;
		cursor: pointer;
		
	}
	
a:hover, a:link, a:visited
	{
		text-decoration: none;
		color: inherit;
	}
	
h1, h2, h3, h4, h5, p
	{
		margin: 2px;
		padding: 2px
	}

table
	{
		width: 80%;
		margin: 5px auto;
		border-collapse: collapse;
	}
	
th
	{
		text-align: center;
		background-color: #147e9b;
		color: #fff;
	}
	
td, th
	{
		/*border-bottom: 1px solid black;*/
	}
	
td img
	{
		height: 30px;
		margin: 5px;
	}

fieldset
	{
		width: 80%;
		margin: 10px auto;
		border-radius: 5px;
		
	}
	
legend
	{
		text-align: center;
		border: 1px solid black;
		margin: 10px;
		padding:10px;
		border-radius: 5px;
	}
	
body
	{
		margin: 0px;
		padding: 0px;
		font-family: Tahoma, Arial, Sans-Serif;
		font-size: 16px;
		background-color: #edeeef;
		color: #000;
		text-align: justify;
	}

#container-banner
	{
		width: 100%;
		min-height: 50px;
		background-color: #147e9b;
	}
	
#container-banner img
	{
		margin: 10px;
	}
	
.container-login
	{
		border: 1px solid #fff;
		background-color: #147e9b;
		border-radius: 5px;
		width: 300px;
		margin: 10px auto;
		color: #fff;
	}

.container-login div
	{
		width: 200px;
		margin: 10px auto;
	}
	
.container-menu
	{
		width: 800px;
		margin: 0px auto;
		background-color: #147e9b;
		border-radius: 0px 0px 5px 5px;
		overflow: auto;
	}

.container-menu div
	{
		float: left;
		color: #fff;
		margin: 0px;
		padding: 10px;
	}
	
.container-menu div:hover
	{
		background-color: #7DB4B5;
		color: #000;
	}

.container-principal
	{
		width: 800px;
		margin: 10px auto;
		border-radius: 5px;
		/*border: 1px solid black;*/
		/*background-color: #e9e9e9;*/
		overflow: auto;
	}
.container-100
	{
		width: 100%;
		margin: 10px auto;
		overflow: auto;
	}
.container-50
	{
		width: 49%;
		float: left;
		margin: 10px 1px;
		/*border: 1px solid green;*/
	}
		
.container-33
	{
		width: 33%;
		float: left;
		margin: 10px 1px;
	}
	
.div_fail
	{
		width: 90%;
		text-align: center;
		color: white;
		background-color: red;
		margin: 10px auto;
		padding: 5px;
		border-radius: 5px;
	}
		
.div_sucess
	{
		width: 90%;
		text-align: center;
		color: white;
		background-color: green;
		margin: 10px auto;
		padding: 5px;
		border-radius: 5px;
	}
	
.opcao-botao
	{
		width: 200px;
		text-align: center;
		border-radius: 5px;
		/*border: 1px solid black;*/
		margin: 10px 0px 10px 5px;
		/*background-color: #031634;*/
		background-color: #147e9b;
		color: #fff;
		float: left;
	}
	
.opcao-botao:hover
	{
		background-color: #7DB4B5;
		color: #000;
		
	}
	
/* CLass adicional só pra fazer sombra onde eu quiser */
.shadow
	{
		-webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
	}
	
.zebra_1
	{	
		background-color: #7DB4B5;
	}
	
.zebra_2
	{
		background-color: #e9e9e9;
	}
	
@media screen
    {
    #screenarea
        {
        display: block;
        }
    #printarea
        {
        display: none;
        }
    }
	
@media print
    {
    #screenarea
        {
        display: none;
        }
    #printarea
        {
        display: block;
        }
    }
/*	
@media print {
  body * {
    visibility: hidden;
  }
  
  #printable, #printable * {
    visibility: visible;
  }
  
  #printable {
	position: fixed;
	top: 0px;
	left: 0px;
  }
}
	*/