@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
}

A:link {text-decoration:none;}
A:visited {text-decoration:underline;}
A:active {text-decoration:none;}
A:hover {text-decoration:underline;}

body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
        font-size: 12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        margin: 10px;
}

#bgimg {
	position:absolute;
	z-index: -1;
}
#realBody{
	position:absolute;
	z-index: 5;				/* Place the new body above the background image */
	overflow: hidden; /*overflow:auto;			/* restore scrollbars for the content */
	height:100%;width:100%;	/* Make the new body fill the screen */
	/*background: url('../img/raster.png'); /* this is just a fancy raster, you can remove it; I kinda like it though */
}

#exampleDiv {
	width:100%;
	position: absolute;
	top: 50px;
	left: 50px;
	text-align: left;
	padding:10px 0;
}

#ingresoDiv {
	width:100%;
	position: absolute;
	top: 200px; 
	left: 200px;
	text-align: left;
	padding:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#6D6E70;
}

#irDiv {
	width:100%;
	position: absolute;
	top: 363px; 
	left: 380px;
}

#creditosDiv {
	width:100%;
	position: absolute;
	bottom: 5px;
	right: 50px;
	text-align: right;
	padding:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6D6E70;
}

#versionEdsoDiv {
	width:100%;
	position: absolute;
	bottom: 5px;
        left: 50px;
	text-align: left;
	padding:10px 0;
        font-size:10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        color: #6D6E70;
}

#logoEmpresaDiv {
	width:100%;
	position: absolute;
	top: 20px;
	right: 50px;
	text-align: right;
	padding:10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #6D6E70;
}