img {
-ms-interpolation-mode: bicubic;
}

.body {
padding: 0;
margin: 0;
overflow: hidden;
background: white;
}

.divFondo
{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: expression(ignoreMe = document.documentElement.clientWidth + 'px');
height: expression(ignoreMe = document.documentElement.clientHeight + 'px');
}

.fondo
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.logo
{
position: absolute;
left: 50px;
top: 50px;
}

.div-tabla-centrar {
 width: 30%;
 margin: 0 auto;
 margin-top : 20%;
}


.celda-centrada
{
vertical-align: middle;
text-align: center;
padding: 0;
}

.inlineBlockDiv
{
display: inline;
}

.inlineBlockTable
{
}

.borderDiv
{
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.borderedContent
{
position:relative;
}

.borderFill
{
position: absolute;
left: 18px;
right: 20px;
top: 20px;
bottom: 20px;
width: expression((this.parentNode.offsetWidth-40+4) + 'px');
height: expression((this.parentNode.offsetHeight-40+2) + 'px');
}

.borderTopLeft
{
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
}

.borderTop
{
position: absolute;
left: 20px;
top: 0;
right: 20px;
height: 20px;
width: expression((this.parentNode.offsetWidth-40) + 'px');
}

.borderTopRight
{
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 20px;
}

.borderBottomLeft
{
position: absolute;
left: 0;
bottom: 0;
width: 20px;
height: 20px;
}

.borderBottom
{
position: absolute;
left: 20px;
bottom: 0;
right: 20px;
height: 20px;
width: expression((this.parentNode.offsetWidth-40) + 'px');
}

.borderBottomRight
{
position: absolute;
right: 0;
bottom: 0;
width: 20px;
height: 20px;
}

.borderLeft
{
position: absolute;
left: 0;
width: 20px;
top: 20px;
bottom: 20px;
height: expression((this.parentNode.offsetHeight-40) + 'px');
}

.borderRight
{
position: absolute;
right: 0;
width: 20px;
top: 20px;
bottom: 20px;
height: expression((this.parentNode.offsetHeight-40) + 'px');
}

.borderImage
{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: expression(this.parentNode.offsetWidth + 'px');
height: expression(this.parentNode.offsetHeight + 'px');
-ms-interpolation-mode: bicubic;
}

.borderedContentTable
{
border: 0;
border-collapse: 0;
}

.borderedContentTd
{
padding: 20px;
}

.gwt-Button
{
	background-color: white;
	border: 1px solid #d52b1e;
	color: #d52b1e;
	padding: 3px 3px 2px 3px;
	cursor: pointer;
	white-space: nowrap; /* para que el texto no quede debajo */
	margin-left: 3px; /* margin estándar */
	margin-right: 3px; /* margin estándar */
}
.red
{
 font-size: 11pt;
 color: #d52b1e;
}

.black
{
 font-family: "Roboto", sans-serif;	
 font-size: 14pt;
 color: #000000;
}
/* ********************************
				RWD
******************************** */
@media (max-width: 767px) {
	.inlineBlockDiv{position:relative;top:5em;}
	*{   box-sizing:padding-box;
	-moz-box-sizing:padding-box;
 -webkit-box-sizing:padding-box;
	}
	#cas #login{width:100%;padding:15px 0;}
	#cas #login:before,
	#cas #login:after{content:none;}
	#cas #login input[type=text],
	#cas #login input[type=password]{width:100%;}
}