html,body
{
	height: 100%;
}

.cssload-fond{
	position:relative;
	margin: auto;
}

.cssload-container-general
{
	animation:cssload-animball_two 1.15s infinite;
		-o-animation:cssload-animball_two 1.15s infinite;
		-ms-animation:cssload-animball_two 1.15s infinite;
		-webkit-animation:cssload-animball_two 1.15s infinite;
		-moz-animation:cssload-animball_two 1.15s infinite;
	width:83px; height:83px;
}
.cssload-internal
{
	width:83px; height:83px; position:absolute;
}
.cssload-ballcolor
{
	width: 38px;
	height: 38px;
	border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
	position: absolute;
	animation:cssload-animball_one 1.15s infinite ease;
		-o-animation:cssload-animball_one 1.15s infinite ease;
		-ms-animation:cssload-animball_one 1.15s infinite ease;
		-webkit-animation:cssload-animball_one 1.15s infinite ease;
		-moz-animation:cssload-animball_one 1.15s infinite ease;
}
.cssload-ball_1
{
	background-color:rgba(223,52,47,0.7);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgba(255,199,72,0.7);
	top:0; left:45px;
}
.cssload-ball_3
{
	background-color:rgba(20,180,170,0.7);
	top:45px; left:0;
}
.cssload-ball_4
{
	background-color:rgba(171,211,33,0.7);
	top:45px; left:45px;
}/*
.cssload-ball_1
{
	background-color:rgb(203,32,37);
	top:0; left:0;
}
.cssload-ball_2
{
	background-color:rgb(248,179,52);
	top:0; left:45px;
}
.cssload-ball_3
{
	background-color:rgb(0,160,150);
	top:45px; left:0;
}
.cssload-ball_4
{
	background-color:rgb(151,191,13);
	top:45px; left:45px;
}*/





@keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
	0%{ position: absolute;}
	50%{top:23px; left:23px; position: absolute;opacity:0.5;}
	100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
	0%{transform:rotate(0deg) scale(1);}
	50%{transform:rotate(360deg) scale(1.3);}
	100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
	0%{-o-transform:rotate(0deg) scale(1);}
	50%{-o-transform:rotate(360deg) scale(1.3);}
	100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
	0%{-ms-transform:rotate(0deg) scale(1);}
	50%{-ms-transform:rotate(360deg) scale(1.3);}
	100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
	0%{-webkit-transform:rotate(0deg) scale(1);}
	50%{-webkit-transform:rotate(360deg) scale(1.3);}
	100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
	0%{-moz-transform:rotate(0deg) scale(1);}
	50%{-moz-transform:rotate(360deg) scale(1.3);}
	100%{-moz-transform:rotate(720deg) scale(1);}
}

div#header
{
	background:		#258;
	height:			3em;
	width:				100%;
	z-index:			1;
	position:			fixed;
	vertical-align:	middle;

}

div#title
{
	background:		#258;
	height:			3em;
	width:				20em;
	z-index:			3;
	left:				0em;
	position:			fixed;
	vertical-align:	middle;
}

div#footer
{
	background:		#258;
	height:			1.4em;
	width:				98%;
	padding:			0.3em 1%;
	position:			absolute;/*relative;*/
	bottom:			0;
	margin:			1em 0 0 0;
	font-weight:		bold;
	font-style:		oblique;
	color:				#FFF;
	text-align:		right;
	vertical-align:	middle;
}

input#head[type="submit"], button#head[type="submit"]
{
	background-color:#ddd;
	font-size:1em;
	width:auto;
	padding:.2em;
	border: 2px solid #FFF;
	font-weight:bold;
	cursor:pointer; 
	margin:0.4em auto;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	background-image: linear-gradient(top, #47A, #258);
	background-image: -moz-linear-gradient(top, #47A, #258);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#47A), to(#258));
	background: linear-gradient(to bottom, #47A, #258);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#4477AA", EndColorStr="#225588")

    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

input#head[type="submit"]:hover, input#head[type="submit"]:focus,  button#head[type="submit"]:hover, button#head[type="submit"]:focus
{
	background:#F55;
	color:#333;
	background-image: linear-gradient(top, #fceded, #ff5555);
	background-image: -moz-linear-gradient(top, #fceded, #ff5555);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fceded), to(#ff5555));
	background: linear-gradient(to bottom, #fceded, #ff5555);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fceded", EndColorStr="#ff5555"))
}

input#IE2
{
	background-color: #ddd;
	font-size: 1em;
	width: auto;
	height: 2.3em;
	padding: 0 .5em;
	border: 2px solid #FFF;
	font-weight: bold;
	cursor: pointer; 
	margin: 0.4em 0 auto;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	color:#FFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#4477AA", EndColorStr="#225588");

	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
}

input#IE2:hover, input#IE2:focus
{
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#fceded", EndColorStr="#ff5555");
}

span.title
{
	text-align:		left;
	vertical-align: 	middle;
	font-weight:	bold;
	font-size:		2em;
	color:			#FFF;
	margin:			0.5em 0.5em 0.5em 0.5em;
}

span.header
{
	height:			100%;
	text-align:		left;
	vertical-align: 	middle;
	font-weight:		bold;
	padding:			2em 0 0 0.5em;
	color:				#FFF;
	margin:			0.5em 0.5em 0.5em 0.5em;
}

div#ver
{
	background:		#258;
	padding:			1.2em 0 0 0;
	height:			1em;
	width:				6em;
	left:				20em;
	z-index:			2;
	position:			fixed;
}

div#menu
{
	background:	#258;
	height:		3em;
	width:			8em;
	left:			28em;
	z-index:		2;
	position:		fixed;
}

div#user
{
	background:		#258;
	padding:			0.5em 0 0 10em;
	height:			2.4em;
	width:				16em;
	right:				8em;
	z-index:			2;
	position:			fixed;
	text-align:		right;
}

div#logout
{
	background:	#258;
	height:		3em;
	width:			8em;
	right:			0;
	z-index:		4;
	position:		fixed;
}

div#conte
{
	position:relative;
	min-height:100%;
	height: 100%;
	height: auto !important;
}