body {
/*background:#FFF url(../Imagenes/img01.jpg) repeat-x left top;*/
background:#190718;
text-align:justify;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
margin:0;
padding:0;
}

header {
background:#1c94c4;
width:100%;
height:90px;
font-family:Calibri, Georgia, "Times New Roman", Times, serif;
color:#FFF;
margin: 0;
}
@import url(http://fonts.googleapis.com/css?family=Bree+Serif);
a {
color:#FFF;
}

a:hover {
text-decoration:none;
}

* {
border:none;
outline:none;
margin:0;
padding:0;
}

body {
background-color:#FFF;
font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:300;
text-align:left;
text-decoration:none;
height:400px;
}

#wrapper {
width:300px;
height:380px;
margin:90px auto;
}

.download {
display:block;
position:absolute;
float:right;
right:25px;
bottom:25px;
font-weight:700;
font-size:11px;
text-align:right;
text-decoration:none;
color:rgba(0,0,0,0.5);
text-shadow:1px 1px 0 rgba(256,256,256,0.5);
padding:5px;
}

.download:hover {
color:rgba(0,0,0,0.75);
text-shadow:1px 1px 0 rgba(256,256,256,0.5);
}

.download:focus {
bottom:24px;
}

.login-form {
width:300px;
position:relative;
background:url(../Img/bg.jpg);
border:1px solid #fff;
border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
margin:0 auto;
}

.login-form .header {
padding:40px 30px 30px;
}

.login-form .header h1 {
font-family:Verdana;
font-weight:700;
font-size:30px;
line-height:30px;
color:#1252B2;
text-shadow:1px 1px 0 rgba(256,256,256,1.0);
margin-bottom:10px;
}

.login-form .header span {
font-family:Verdana;
font-weight:700;
font-size:11px;
line-height:10px;
color:#1252B2;
text-shadow:1px 1px 0 rgba(256,256,256,1.0);
}

.login-form .content {
padding:0 30px 25px;
}

.login-form .content .input {
width:188px;
font-family:HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:400;
font-size:14px;
color:#9d9e9e;
text-shadow:1px 1px 0 rgba(256,256,256,1.0);
background:#fff;
border:1px solid #fff;
border-radius:5px;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.50);
padding:15px 25px;
}

.login-form .content .password,.login-form .content .pass-icon {
margin-top:25px;
}

.login-form .content .input:hover {
background:#CCEBFF;
color:#414848;
}

.login-form .content .input:focus {
background:#B2E0F0;
color:#1252B2;
font-weight:700;
box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);
-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.25);
}

.user-icon,.pass-icon {
width:46px;
height:47px;
display:block;
position:absolute;
left:0;
padding-right:2px;
z-index:-1;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
}

.user-icon {
top:153px;
background:#FFF url(../Img/user.png) no-repeat center;
}

.pass-icon {
top:201px;
background:#FFF url(../Img/lock.png) no-repeat center;
}

.content input:focus + div {
left:-46px;
}

.input,.user-icon,.pass-icon,.button,.register {
transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
}

.login-form .footer {
overflow:auto;
background:#C9DBDB;
border-top:1px solid #fff;
box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);
-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.15);
padding:25px 30px 40px;
}

.login-form .footer .button {
float:right;
font-family:'Bree Serif', serif;
font-weight:300;
font-size:18px;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.25);
background-color:#1975FF;
border:1px solid #1975FF;
border-radius:5px;
cursor:pointer;
box-shadow:inset 0 0 2px rgba(256,256,256,0.75);
-moz-box-shadow:inset 0 0 2px rgba(256,256,256,0.75);
-webkit-box-shadow:inset 0 0 2px rgba(256,256,256,0.75);
padding:11px 25px;
}

.login-form .footer .button:hover {
background:#1252B2;
border:1px solid rgba(256,256,256,0.75);
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}

.login-form .footer .button:focus {
position:relative;
bottom:-1px;
background:#56c2e1;
box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);
-moz-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);
-webkit-box-shadow:inset 0 1px 6px rgba(256,256,256,0.75);
}

.login-form .footer .register {
display:block;
float:right;
margin-right:20px;
background:none;
border:none;
cursor:pointer;
font-family:'Bree Serif', serif;
font-weight:300;
font-size:18px;
color:#414848;
text-shadow:0 1px 0 rgba(256,256,256,0.5);
padding:10px;
}

.login-form .footer .register:hover {
color:#3f9db8;
}

.login-form .footer .register:focus {
position:relative;
bottom:-1px;
}

::selection,::-moz-selection {
color:#fff;
background:#f676b2;
}

.logoEmpresa {
	display:block;
	padding:10px;
	border-radius:5px;
	/*border:3px solid #ccc;*/
}

main, article {
	width:60%;
	margin-left:10%;
	margin-top:10%;
	float:left;
}

aside {
	width:30%;
	float:left;
}