body{background-color: #E8E8E8;}
div.marcoGlace {
	position: absolute;
	top: calc(60% - 173px);
	left: calc(50% - 295px);
	opacity: 0.7;
	text-shadow:0 0 9px black;
	margin:0 auto;
	background:#BFCFCC;
	width:580px;
	height:170px;
	padding:10px;
	border-radius: 8px;
	box-shadow: 3px 7px 7px #888888;
	z-index: 1;
}
.header{position: absolute;top: calc(50% - 100px);left: calc(50% - 270px);/* ># ->izq <# ->dcha*/z-index: 2;}
.header div{
	float: left;
	color: #0000FF;
	font-family: sans-serif;
	font-size: 33px;
	font-weight: bold;
}
.header div span{
	color: #000000 !important;
}
.login{position: absolute;top: calc(57% - 135px);left: calc(45% - 50px);height: 150px;width: 350px;padding: 10px;z-index: 2;}
.login input[type=text]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(95,95,95,0.6);
	border-radius: 2px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
}
.login input[type=password]{
	width: 250px;
	height: 30px;
	background: transparent;
	border: 1px solid rgba(95,95,95,0.6);
	border-radius: 2px;
	color: #666666;
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
}
.login input[type=button]{width: 260px;height: 35px;background: #fff;border: 1px solid #fff;cursor: pointer;border-radius: 2px;color: #a18d6c;font-family: 'Exo', sans-serif;font-size: 16px;font-weight: 400;padding: 6px;margin-top: 10px;}
.login input[type=button]:hover{opacity: 0.8;}
.login input[type=button]:active{opacity: 0.6;}
.login input[type=text]:focus{outline: none;border: 1px solid rgba(182,182,182,0.9);}
.login input[type=password]:focus{outline: none;border: 1px solid rgba(182,182,182,0.9);}
.login input[type=button]:focus{outline: none;}
::-webkit-input-placeholder{color: #7A7979;}
::-moz-input-placeholder{color: #7A7979;}
div.titAplicacion{position: absolute;top: 4%;left: 4%;z-index: 2;}
span.titAplicacion{font-family: Tahoma, sans-serif;font-size: 28pt;font-weight: 800;text-shadow: 0 0 2px #5F5F5F; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */filter: progid:DXImageTransform.Microsoft.Glow(Color=#5F5F5F,Strength=1); /* IE<10 */color: #F3F3F3;}
p.subtitAplicacion{
	font-family: "Tahoma", "Geneva", sans-serif;
	font-size: 14pt;
	margin-top: 5px;
	color: #FFFFFF;
}
div.bottonBanner{overflow: hidden;position: absolute;width: 100%;left: 0px;bottom: 0;z-index: 2;}
img.bottonBanner{max-height: 100%;max-width: 100%;}
div.cartelError{background-color: #B6B6B6;position: relative;top: 10%;left: 25%;max-height: 100px;width: 350px;border: solid #DBD8D8 1pt;border-radius: 20px;box-shadow: 3px 7px 7px #888888;position: absolute;display: none;z-index: 2;}
p.cartelError{font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;font-size: 15px;margin-top: 15px;margin-left: 15px}
div.errorLogin{display: block;background-color: #B6B6B6;position: relative;top: 100px;left: 25%;min-height: 200px;width: 500px;border: solid #DBD8D8 1pt;border-radius: 20px;box-shadow: 3px 7px 7px #888888;}
p.errorLogin{font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;font-size: 17px;margin-top: 25px;margin-left: 15px;}
div.errorLoginBoton{display: inherit;position: absolute;width: 32px;height: 32px;top: -12px;left: 479px;cursor: pointer;}
img.errorLoginBoton{width: 32px;height: 32px;}
div.topBanner{position: fixed;top: 0;left: 0;width: 99.9%;height: 90px;border-bottom: solid 1pt #CCCCCC;z-index: 0;}
img.topBanner{width: 100%;height: 100%;}
div.salutacion{float: left;position: absolute;height: 40px;left: 20px;top: 45px;z-index: 1;}
p.salutacion{font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;font-size: 13px;color: #F3F3F3;font-weight: bold;text-shadow: 0 0 1px #5F5F5F; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */filter: progid:DXImageTransform.Microsoft.Glow(Color=#5F5F5F,Strength=1); /* IE<10 */}
div.cuerpo{position: absolute;top: 90px;width: 100%;}
div.titModulo{position: fixed;margin-top: 40px;margin-left: 20px;z-index: 1;}
span.titModulo{font-family: Tahoma, Helvetica, Arial, sans-serif;font-size: 30px;font-weight: bold;color: #454275;text-shadow: 2px 2px 2px #CCCCCC;}
div.contieneGraba{position: absolute;width: 100%;height: calc(100% - 95px);margin-top: 83px;left: 0%;background-color: #E8E8E8;}
input.misBotones{ background: #4b8df9; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif; margin-top: 20px;}
input.misBotones:hover{ background-color: #2a78f6; }

input.misBotones2{ background: #3E7D46; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif; margin-top: 20px;}
input.misBotones2:hover{ background-color: #2EB506; }

input.misBotones3{ background: #FF9999; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif; margin-top: 20px;}
input.misBotones3:hover{ background-color: #CC3333; }

input.misBotones4{ background: #9999CC; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif; margin-top: 20px;}
input.misBotones4:hover{ background-color: #9900CC; }

div.opcionesPostRecord{text-align: center;}
div.contenedor{
	overflow: visible;
	margin-top: 90px;
	height: auto;
	background-color: #E8E8E8;
	margin-left: -7px;
	z-index: 2;
}

div.formatForm{border: solid 1pt #5F5F5F;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-moz-box-shadow: 3 7px 7px #CCCCCC;-webkit-box-shadow: 3 7px 7px #CCCCCC;box-shadow: 7 7px 7px #CCCCCC;width: 550px;z-index: 3;font-family:Verdana, Geneva, sans-serif;}

.box{
width:600px;
height:400px;
background:#E8E8E8;
float:left;
border:hidden;
margin-left:30px;
}

.box2{
width:600px;
height:400px;
background:#E8E8E8;
float:left;
border:hidden;
margin-left:30px;
}

.box3{
width:1200px;
height:50px;
background:#E8E8E8;
float:center;
border:hidden;
margin-left:0px;
align:center;
}
    
div.contenedor2{
	overflow: visible;
	margin-top: 90px;
	height: auto;
	background-color: #FFFFFF;
	margin-left: -7px;
	z-index: 2;
}