@charset "utf-8";
body{ 
text-align:center;	
background-image:url(images/black.jpg);
}
.ui-sing-in{
	float: center;
	width: 80%;
	
}

.ui-signin-box{
   	background: none repeat scroll 0 0 #F5F5F5;
    border: 4px solid #E5E5E5;
    margin: 12px 0 0;
    padding: 20px 25px 20px;
	width: 320px;
    margin-top: 15%;
	    margin-left:auto;
			    margin-right:auto;
			box-shadow:  0px 1px 14px rgba(0, 0, 0, 1);;
			border-radius: 10px;
		height: 270px;
}
.ui-label-form{
	text-align:left;
	color: #444;
	
}
.g-button-red {
border: 1px solid transparent;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
background-color: #D14836;
background-image: -webkit-gradient(linear,left top,left bottom,from(#DD4B39),to(#D14836));
background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
background-image: -moz-linear-gradient(top,#DD4B39,#D14836);
background-image: -ms-linear-gradient(top,#DD4B39,#D14836);
background-image: -o-linear-gradient(top,#DD4B39,#D14836);
background-image: linear-gradient(top,#DD4B39,#D14836);
}
.g-button {
display: inline-block;
min-width: 46px;
text-align: center;
color: #444;
font-size: 11px;
font-weight: bold;
height: 27px;
padding: 0 8px;
line-height: 27px;
stransition: all 0.218s;
border: 1px solid gainsboro;
border-radius: 6px;
background-color: whiteSmoke;
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
}

.button{
	/* estilos tipograficos */
	
	color: #fff;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: inherit;
	
	/* padding, margin y borde */
	
    padding: 6px 20px;
	
	cursor: pointer;
	border: 0;
    border-radius: 6px;

	/* propiedades para la animacion  */
	
	transition: all 0.20s linear;
	-webkit-transition: all 0.20s linear;
	-moz-transition: all 0.20s linear;
	position: relative;
	bottom: 0;
	}
	.beige{
	box-shadow: 0px 5px 0 #2E2E2E;	
	background: #444444;
}
.beige:active{
	box-shadow:0 0 0 #7e8783, inset 1px 3px 8px rgba(0, 0, 0, 1);	
	;}
	
	.gsfi {
font: 17px arial,sans-serif;
}
 .cuadrotex{
	 border-radius: 8px;
	 }

.col_title{
	color:#444;
	}