/* login.css $Revision: 1.6 $
 * (c) 2002-2004 javier rodriguez & 3cubes.com
 */
body {
        background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-size: 9pt;
	margin: 0px;
}
td {
	font-size:9pt;
}
h1 {
	clear: left;
	font-size: 10pt;
	font-weight: bold;
	color: #222;
	margin: 0 0 8px 0;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #2;
	line-height: normal;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 10px;
	margin: 0;
	border-bottom:6px solid #3f5ca8;
	/*padding-left: 10px;*/
}
h3 {
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #2;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 10px;
	margin: 0;
}
h4 {
	margin: 12px 0 4px 0;
	background-color:#dddddd;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	padding:1px 4px 1px 4px;
}
#main {
	border:1px solid #ddddff;
	margin:0px;
	padding:0px;
}
#title {
	height:80px;
	width:100%;
	margin:0px;
	padding:0px;
	font-size:75%;
	line-height: 130%;
	color:#444444;
 }
#title .logo {
	height:80px;
	width:40%;
	float:left;
}
#title .logo img {
	padding:8px 0 8px 0;
}

a:link {
	color:#024;
}
a:visited {
	color:#036;
}
a:hover {
	color:#048;
	text-decoration:underline;
}


div.info {
        text-align: center;
        padding: 16px;
        color: #0000ff;
        background: #ddd;
        border: solid 1px #0000ff;
        padding: 4px;
        spacing: 8px;
        position: relative;
        left: 20%;
        width: 60%;
        min-height: 48px;
	margin:0 10% 0 10%;
}

div.warning {
        text-align: center;
/*        min-height: 48px;*/
        color: #ff0000;
        background: #ffffaa;
        border: solid 1px #000;
        padding: 2px;
        position: relative;
	margin:0 10% 10px 10%;
}

div.error {
        align: center;
        text-align: center;
        min-width: 80%;
        min-height: 48px;
        color: #fff;
        background: #ff0000;
        border: solid 1px #000;
	margin:0 10% 0 10%;
}
div.notice {
	color: #0000ff;
	text-align: center;
}
img.edificio {
	float:left;
	background:#ffffff;
	padding:0px;
	border:2px solid #3f5ca8;
	margin-right:2px;
}
div.buttonbar {
	clear:both;
	display:block;
	background-color: #ddddff;
	padding:2px;
	text-align: center;
	min-height:24px;
}
div.buttonbar a {
	color:#000;
	text-decoration:none;
	/* 
	 * button-like
	color:#fff;
	background:#0f3393;
	margin:4px;
	border:2px outset #000088;
	padding: 0 1px 1px 0;
	*/
}
div.buttonbar a:hover {
	text-decoration:underline;
}
div.buttonbar a:active {
	/* button-like
	border:2px outset #000088;
	padding: 1px 0 0 1px;
	*/
}
div.buttonbar input.left {
	float:left;
}
div.buttonbar input.right {
	float:right;
}
#main {
	margin-bottom: 3em;
	height: auto;
	padding: .5em;
}
table.info {

}
table.info td {
	text-align: left;
	vertical-align: top;
}
table.info td.label {
	font-weight: bold;
	text-align: right;
}
table.info td.label input,
table.info td.label select {
	font-weight: bold;
	text-align: right;
}
table.info td input,
table.info td select,
table.info td textarea {
	padding: 1px;
	border: inset 1px #8888ff;
}
table.info td input:focus,
table.info td select:focus,
table.info td textarea:focus {
	border: solid 1px #8888ff;
}
table.info td input[readonly="1"] {
	color: #444;
	background-color: #dddddd;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
	color: #fff;
	background-color:#0f3393;
	border: outset 2px #0000ff;
	padding: 0 1px 1px 0;
}
table.info td input[type="submit"] {
	color: #fff;
	background-color:#0f3393;
	/*background: url("/img/bg_button.gif");*/
	border: outset 2px #0000ff;
	padding: 0 1px 1px 0;
}
table.info td input[type="submit"]:active {
	border: inset 2px #0000ff;
	padding: 1px 0 0 1px 0;
}
table.info td.button {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
table.info td.button input.left {
	float:left;
}
table.info td.button input.right {
	float:right;
}
table.info td img.button {
	background: #dddddd;
	border:1px outset #888888;
	vertical-align: middle;
}
#copyright {
	display:none;
}
#footer {
	clear:both;
	margin-top:16px;
	padding-top:8px;
	font-size:0.8em;
	color:#88888;
	width:100%;
	border-top:1px solid #888;
	position:fixed;
	bottom:0px;
	background:#fff;
/*
	opacity:0.50;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
*/
}
#footer img.button {
	float:right;	
	margin:0 2px 0 2px;
}
#footer div.copy {
	float:left;
}
#footer div.links {
	clear:left;
	float:left;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer a {
	color:#000;
}
#footer a:hover {
	color:#00f;
}
#footer .address {
	width:100%;
	padding:8px 0 8px 0;
	text-align: center;
	color:#000;
}
#footer .contact {
	width:29%;
	float:right;
	padding:8px 0 8px 0;
	text-transform: uppercase;
	color:#000;
}
#login {
	margin:5% auto 5% auto;
	width:480px;
	border:1px solid #cccccc;
	background:#f5f5f5;
}

#login div.form {
	padding:16px;
}
#login div.motd {
	padding:16px;
	border-top:1px solid #cccccc;
}
table.logos {
	width:100%;
}
table.logos td {
	text-align:center;
	vertical-align:bottom;
}
div.staging {
	border:1px solid #ff0;
	background:#ffd;
	color:#000;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
}
body.xmas {
        background: #fff url(../img/bg-xmas.jpeg) top left no-repeat;
}