body, html {
	font-family: Arial;
	font-size: 12px;
	background: none;
	background-color: none;
}
html{
	background-color: #E8E8E8;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.centered-form{
	margin-top: 60px;
}

.centered-form .panel{
	background: rgba(255, 255, 255, 0.8);
	box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px;
}
.logo{
	text-align: center;
	margin-bottom: 15px;
}

#img_rotar{
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; /* Firefox */
 	-webkit-transition: 1.5s ease; /* Chrome - Safari */
 	-o-transition: 1.5s ease; /* Opera */
}
 
#img_rotar:hover{
	transform : rotate(360deg);
	-moz-transform : rotate(360deg); /* Firefox */
	-webkit-transform : rotate(360deg); /* Chrome - Safari */
	-o-transform : rotate(360deg); /* Opera */
}

#slogan:hover > #img_rotar{
	transform : rotate(360deg);
	-moz-transform : rotate(360deg); /* Firefox */
	-webkit-transform : rotate(360deg); /* Chrome - Safari */
	-o-transform : rotate(360deg); /* Opera */
}
table.zebra{
	width: 100% !important;
	font-size: 12px;
}
table.zebra thead{
	background: #005892 !important;
	color: #FFF !important;
}
table.zebra thead th{
	text-align: center;
	padding: 5px !important;
}

.zebra  tbody tr:nth-of-type(even) *{
	background: #f2f2f2;
}
table.zebra > tbody > tr:hover > td,
table.zebra > tbody > tr:hover > th {
  background-color: #e2e4e5;
}