@charset "utf-8";
/* CSS Document - MCG2 - Microcis Informática */
*
{
	margin: 0;
	padding: 0;
}

/* General link style */
a
{
	color: #06F;
	text-decoration: none;
}

a:hover, a:focus
{
	color: #06F !important;
	text-decoration: underline;
}

a:visited {	color: #777; }
/* End of General link style */

body
{
	font: 12px Arial, Helvetica, sans-serif;
	background: #F5F5F5 url(/image/back-gradient.png) repeat-x;
}

body img { border: 0; }

/* Loading */
div#authenticate, div#logout
{
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: -50px 0 0 -150px;
	padding: 10px;
	
	color: #444;
	
	width: 280px;
	height: 80px;
	
	background: #F5F5F5 url(/image/loading-message-back.png) no-repeat;
}

div#pre-authenticate
{
	position: absolute;
	top: 50%;
	left: 50%;
	
	margin: -150px 0 0 -200px;
	padding: 10px;
	
	color: #444;
	
	width: 380px;
	height: 330px;
	
	background: #F5F5F5 url(/image/loading-message-back2.png) no-repeat;
}

div#authenticate div h3, div#logout h3, div#pre-authenticate div h3
{
	margin: 5px 0 0;
	
	font: 26px Arial, Helvetica, sans-serif;
	text-align: center;
}

div#authenticate .ok h3 { color: #00CC00; }
div#authenticate .error h3, div#logout h3 { color: #FF0000; }
div#pre-authenticate .change-password h3 { color: #008CFF; }

div#authenticate div p, div#logout p, div#pre-authenticate div p
{
	margin: 15px 0 0;
	
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
}

div#pre-authenticate div p { text-align: left; }
div#pre-authenticate div p.error { color: #F00; }

div#pre-authenticate div form p label
{
	font-weight: bold;
}

div#pre-authenticate div form p input
{
	margin: 3px 0 0;
	padding: 3px;
	
	font: 20px Arial, Helvetica, sans-serif;
	
	width: 250px;
}

div#pre-authenticate div form p input.submit
{
	margin: 3px 0 0;
	padding: 3px;
	
	font: 15px Arial, Helvetica, sans-serif;
	
	width: 100px;
}
/* End of Loading */

div#qTip {
	position: absolute;
	display: none;
	padding: 3px;
	
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000;
	
	text-align: left;
	
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	
	z-index: 1000; 
}

/* Container */
div.container
{
	position: relative;
	
	margin: 10px auto 0;
	
	width: 750px;
	background: #FFF;
}

div.container h2 { display: none; }

	/* Header */
	div#header
	{
		padding: 100px 0 0;
		background: url(/image/rounded-top.png) no-repeat top center;
	}
	
	div#header h1
	{
		position: absolute;
		top: 10px;
		left: 20px;
		
		width: 145px;
		height: 75px;
		
		background: url(/image/logo.png) no-repeat;
	}
	
	div#header h1 a
	{
		display: block;
		
		width: 145px;
		height: 75px;
		
		text-indent: -9999px;
		overflow: hidden;
	}
	
	div#header h2 { display: none; }
	
	div#header .login-information
	{
		position: absolute;
		top: 0;
		right: 0;
		
		padding: 0 5px 0;
		
		width: 370px;
		height: 35px;
		
		text-align: right;
		
		background: url(/image/header-login-back.png) no-repeat right top;
	}
	
	div#header .login-information p { margin: 6px 0; }
	div#header .login-information p input { vertical-align: middle; }
	
	div#header .login-information p strong
	{
		padding: 0 2px;
		font-weight: bold;
	}
	
	div#header .login-information input.username, div#header .login-information input.password
	{
		padding: 2px 4px 1px;
		
		width: 86px;
		
		font: 12px Arial, Helvetica, sans-serif;
		color: #444444;
		
		border: 1px #7F9DB9 solid;
	}
	
	div#header .login-information .error
	{				
		position: absolute;
		top: 40px;
		right: 10px;
		
		font-size: 13px;
		font-weight: bold;
		color: #FF0000;
	}
	
	div#header .user-information
	{
		position: absolute;
		top: 7px;
		right: 3px;
		
		padding: 0 5px 0;
	}
	
	div#header .user-information strong { font-weight: bold; }
	
	div#header .menu
	{		
		padding: 5px 2px;
		
		font-size: 15px;
		text-align: right;
		
		border-top: 1px #F0F0F0 solid;
		border-bottom: 3px #F0F0F0 solid;
		background: #FAFAFA;
	}
	
	div#header .menu li
	{
		display: inline;
		
		margin: 0 -2px;
		padding: 0;
	}
	
	div#header .menu li a
	{		
		position: relative;
		
		margin: 0;
		padding: 5px;
	}
	
	div#header .menu li a:hover, div#header .menu li a:focus { background: #F0F0F0 url(/image/ind-hover.png) no-repeat top center !important; }
	body#home a.home, body#websystem a.websystem, body#update a.update { background: #F5F5F5 url(/image/ind-selected.png) no-repeat top center; }
	/* End of Header */
	
	/* Navigation */
	p.navigation
	{
		padding: 12px 0 0 20px;
		font: 12px Arial, Helvetica, sans-serif;
	}
	/* End of Navigation */
	
	/* About, Application, Update, WebSystem */
	body#home div#preface, body#websystem div#about, body#update div#interface, body#application div#interface 
	{
		padding: 0 10px 10px;
		background: url(/image/rounded-bottom.png) no-repeat bottom center;
	}
	
	body#home div#preface h3, body#websystem div#about h3, body#update div#interface h3, body#application div.list h3
	{
		margin: 10px 0 5px;
		
		font: 26px Arial, Helvetica, sans-serif;
		color: #1A76DE;
		
		letter-spacing: -1px;
	}
	
	body#application div#interface div.list h3 { margin: 10px 0 15px; }
	body#home div#preface h3 em, body#websystem div#about h3 em, body#update div#interface h3 em, body#application div.list h3 em, body#application div.administration h3 em { font-style: normal; }
	body#websystem div#about h3 em, body#application div.list h3 em { color: #339933; }
	body#update div#interface h3 em { color: #FF6600; }
	
	body#home div#preface h4, body#websystem div#about h4, body#update div#interface h4 
	{
		margin: 5px 0;
		
		font: bold italic 16px "Trebuchet MS", "Arial Black", Helvetica, sans-serif;
		color: #555;
		
		line-height: 17px;
	}
	
	body#websystem div#about h4 em { color: #FF6600; }
	body#update div#interface h4 { margin: 5px 0 10px; }
	
	body#home div#preface h5
	{
		font: bold 14px "Trebuchet MS", "Arial Black", Helvetica, sans-serif;
		color: #1A76DE;
	}
	
	body#home div#preface p, body#websystem div#about p { margin: 7px 0; }
	body#application div#interface p { margin: 45px 0 45px; }
	
	body#home div#preface ul, body#websystem div#about ul
	{
		margin: 5px 0 5px;
		list-style-image: url(/image/bullet.gif);
	}
	
	body#home div#preface ul li, body#websystem div#about ul li { margin: 0 0 0 20px; }
	body#update div#interface table { width: 730px; }
	
	body#update div#interface table thead td
	{
		font-weight: bold;
		border-bottom: 1px #D5D5D5 solid;
	}
	
	body#application div#interface div.administration
	{
		position: absolute;
		top: 236px;
		right: 10px;
		
		padding: 10px 0 10px 15px;
		
		border-left: 1px #CCC solid;
		
		z-index: 9;
	}
	
	body#application div#interface div.administration h3
	{
		margin: 0 0 5px;
		
		font: bold 15px Arial, Helvetica, sans-serif;
		color: #AAA;
	}
	
	body#application div#interface div.administration h3 em { color: #1A76DE; }
	body#application div#interface div.administration ul li	{ margin: 0 0 0 15px; }
	/* End of About */
/* End of Container */

/* Bottom */
div#bottom
{
	position: relative;
	
	margin: 0 auto;
	padding: 10px 0 10px;
	
	width: 750px;
	
	background: url(/image/logo-microcis.png) no-repeat left center;
}

div#bottom .vcard
{
	padding: 0 0 0 120px;
}

div#bottom .org
{
	font: 15px Arial, Helvetica, sans-serif;
	color: #777;
	
	border-bottom: 1px #E0E0E0 solid;
}

div#bottom .adr
{
	padding: 5px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
}

div#bottom .tel
{
	font: bold 13px Arial, Helvetica, sans-serif;
}
/* End of Bottom */
/* End of CSS Document - MCG2 - Microcis Informática */