@font-face {
  font-family: 'icones';
  src: url('../fonte/icones.eot?13374055');
  
  src: url('../fonte/icones.eot?13374055#iefix') format('embedded-opentype'),
       url('../fonte/icones.woff2?13374055') format('woff2'),
       url('../fonte/icones.woff?13374055') format('woff'),
       url('../fonte/icones.ttf?13374055') format('truetype'),
       url('../fonte/icones.svg?13374055#icones') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icone
{
  font-family: "icones";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.login
{
	display:block;
	width:50%;
	border:solid #780C6F 1px;
	margin:30px auto 0 auto;
	background:#FFF;
}

.login div:nth-child(1n)
{
	display:block;
	width:50%;
	float:left;
}
.login div:nth-child(2n)
{
	display:block;
	width:50%;
	float:left; 
}

.login h1
{
	display:block;
	width:100%;
	float:left;
	background: linear-gradient(0deg, #ccc 0%, #eee 100%);
	color:#780C6F;
	line-height:45px;
	text-align:center;
}

.login form
{
	display:block;
	width:90%;
	float:left;
	padding:5%;
}

.login hr
{
	height: 2px;
	display:block;
	border: 0;
	clear:both;
	background:none;
	padding:2px 0;
}

.login p
{
	display:block;
	width:90%;
	float:left;
	padding:5%;
	text-align:center;
}

.login b
{
	display:inline-block;
	margin:0 0 5px 0;
	font-weight:normal;
}

.login input[type=text], input[type=email], input[type=number],input[type=password]
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	color:#333;
	border:#CCC solid 1px;
	background: linear-gradient(0deg, #eee 0%, #fff 100%);
	line-height:35px;
	height:35px;
	padding:0 0 0 10px;
	width:90%;
}

/* 
=================================================================
uso geral 
=================================================================
*/

/* paleta de cores:
#

#780C6F - roxo padrão
66105E - roxo mais escuro
460B40 - mais e mais escuro
100% /(960/290)

*/

body
{
	margin: 0px;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
	background:url(../imagens/site/topo-fundo.png) repeat-x;
}

body, p, table, td, th
{
	font-family: Arial, Verdana, Helvetica;
	font-size: 13.5px;
	color:#333;
}

h1
{
	font-size:22px;
	font-weight:normal;
	color:#780C6F;;
	margin:0 0 10px 0;
}

h2
{
	font-size:15px;
	font-weight:normal;
	text-align:justify;
}

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

input[type=button], input[type=submit]
{
	color: #fff;
	font-size:12px;
	border:none;
	padding:12px 20px 12px 20px;
	background: linear-gradient(0deg, #490C43 50%, #780C6F 50%);
	cursor:pointer;
}

.btn-geral
{
	color: #fff;
	font-size:12px;
	border:none;
	padding:12px 20px 12px 20px;
	background: linear-gradient(0deg, #490C43 50%, #780C6F 50%);
	cursor:pointer;
	display:inline-block;
}

.btn-geral:hover
{
	color: #fff;
}

.msg_aviso
{
	display:block;
	padding:1%;
	background: linear-gradient(0deg, #FF9 0%, #FFC 100%);
	color:#F93;
	clear:both;
	margin:0 0 10px 0;
}

.msg_aviso h2
{
	color:#600;
	font-size:14px;
	font-weight:normal;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}