/*
 * jhonny scerni
================================================== */

body
{
	background-color:#f2f2f2;
	color:#444444;
	background-image:url(../images/bg/blueprint.png);
	font:12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

::-webkit-input-placeholder
{
    color:#999;
}

:-moz-placeholder
{
	color:#999;
}

.placeholder
{
    color:#999;
}

/* (2) Login Wrapper
================================================== */

div#da-login
{
    width: 450px; float: left;
	margin:auto;
	padding-top:50px;
}


/* (3) Login Shadows
================================================== */

div#da-login-top-shadow
{
	background:url(../images/login-shadow.png) no-repeat center top;
	padding-top:16px;
	z-index:15;
	margin:auto;
	width:450px;
	position:relative;
}

div#da-login #da-login-bottom-shadow
{
	width:320px;
	height:11px;
	margin:auto;
	z-index:20;
	background:url(../images/login-box-footer.png) no-repeat center top;
}

/* (4) Login Box
================================================== */

div#da-login #da-login-box
{
	width:320px;
    height: 445px;
	margin:auto;
	margin-top:-15px;
	z-index:10;
	background:url(../images/login-box-bg.png) #ffffff;
}

div#da-login #aviso
{
	width:300px;
    height: 300px;
	margin:auto;
	margin-top:-15px;
	z-index:10;
	background:url(../images/login-box-bg.png) #ffffff;
}

div#da-login #da-login-box #da-login-box-header
{
	padding:20px 40px;
	margin-bottom:10px;
	border-bottom:1px dashed #888888;
}

div#da-login #da-login-box #da-login-box-header h1
{
	font-size:18px;
	color:#444444;
	font-weight:normal;
}

div#da-login #da-login-box #da-login-box-content
{
	padding:10px 20px;
}

/* (5) Login Form
================================================== */

div#da-login #da-login-box #da-login-box-content form input#da-aluno-input, 
div#da-login #da-login-box #da-login-box-content form input#da-login-password,
div#da-login #da-login-box #da-login-box-content form input#da-nascimento,
div#da-login #da-login-box #da-login-box-content form input#da-mae,
div#da-login #da-login-box #da-login-box-content form input#da-vinculo-input,
div#da-login #da-login-box #da-login-box-content form input#da-servidor-input
{
	background-color:#fafafa;
	border:1px solid #d1d1d1;
	width:100%;
	margin:0;
	padding:15px 10px;
	outline:none;
	padding-left:40px;
        width: 240px;
	background-repeat:no-repeat;
	background-position:12px center;
	
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.04);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.04);
	-o-box-shadow:0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.04);
	box-shadow:0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 1px rgba(0, 0, 0, 0.04);
        
}

div#da-login #da-login-box #da-login-box-content form input#da-mae
{
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	background-image:url(../images/icons/color/user_female.png);
}

div#da-login #da-login-box #da-login-box-content form input#da-nascimento
{
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	background-image:url(../images/icons/color/calendar_2.png);
}



div#da-login #da-login-box #da-login-box-content form input#da-aluno-input
{
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	background-image:url(../images/icons/color/user.png);
}

div#da-login #da-login-box #da-login-box-content form input#da-servidor-input
{
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	background-image:url(../images/icons/color/user_business.png);
}

div#da-login #da-login-box #da-login-box-content form input#da-vinculo-input
{
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	
	background-image:url(../images/icons/color/user_business.png);
}



div#da-login #da-login-box #da-login-box-content form input#da-login-password
{
	border-top:0;
	-webkit-border-radius:0 0 4px 4px;
	-o-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	
	background-image:url(../images/icons/color/key.png);
}

div#da-login #da-login-box #da-login-box-content form #da-login-input-wrapper
{
	margin-bottom:20px;
}

div#da-login #da-login-box #da-login-box-content form #da-login-input-wrapper .da-login-input
{
	position:relative;
        padding-top: 10px;
}

div#da-login #da-login-box #da-login-box-content form #da-login-input-wrapper label.error
{
	position:absolute;
	left:100%; top:50%;
	z-index:100;
	width:auto;
	background:#a5010d url(../images/icons/white/16/alert.png) no-repeat 8px center;
	padding:8px 6px;
	padding-left:28px;
	color:#ffffff;
	font-size:10px;
	line-height:1;
	margin-top:-13px;
	margin-left:10px;
	white-space:nowrap;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);
}

div#da-login #da-login-box #da-login-box-content form #da-login-input-wrapper label.error:after
{
	height:0; width:0;
	border:6px solid transparent;
	border-right-color:#a5010d;
	position:absolute;
	right:100%;
	top:50%;
	content:'';
	margin-top:-6px;
}

div#da-login #da-login-box #da-login-box-content form input#da-login-submit
{
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	width:100%;
	font-size:18px;
	line-height:1;
	color:#ffffff;
	margin:0;
	cursor:pointer;
	line-height:1;
	padding:10px;
	display:inline-block;
	outline:none;
	border:1px solid #bb2929;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:6px;
	
	-webkit-appearance:none;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	background-color:rgb(225,86,86);
	background-image: linear-gradient(bottom, #347DA9 0%, #2F7097 100%);
	background-image: -o-linear-gradient(bottom, #347DA9 0%, #2F7097 100%);
	background-image: -moz-linear-gradient(bottom, #347DA9 0%, #2F7097 100%);
	background-image: -webkit-linear-gradient(bottom, #347DA9 0%, #2F7097 100%);
	background-image: -ms-linear-gradient(bottom, #347DA9 0%, #2F7097 100%);
       
	
}



div#da-login #da-login-box #da-login-box-content form input#da-aluno
{
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	width:100%;
	font-size:18px;
	line-height:1;
	color:#ffffff;
	margin:0;
	cursor:pointer;
	line-height:1;
	padding:10px;
	display:inline-block;
	outline:none;
	border:1px solid #2F7097;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:6px;
	
	-webkit-appearance:none;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	background-color:rgb(225,86,86);
	    background: #2F7097;
   background: -moz-linear-gradient(top, #347DA9 60%, #2F7097);
  background: -webkit-linear-gradient(top, #347DA9 60%, #2F7097);
       
	
	
}


div#da-login #da-login-box #da-login-box-content form input#da-servidor
{
    font-family: 'Helvetica Neue',Arial,Helvetica,sans-serif;
	width:100%;
	font-size:18px;
	line-height:1;
	color:#ffffff;
	margin:0;
	cursor:pointer;
	line-height:1;
	padding:10px;
	display:inline-block;
	outline:none;
	border:1px solid #2F7097;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:6px;
	
	-webkit-appearance:none;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	-o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
	
	-background-color:rgb(225,86,86);
	  background: #2F7097;
   background: -moz-linear-gradient(top, #347DA9 60%, #2F7097);
  background: -webkit-linear-gradient(top, #347DA9 60%, #2F7097);
       
	
	
}

div#da-login #da-login-box #da-login-box-content form input#da-login-submit:active
{
	background-image:none;
	
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
	-o-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 1);
}

/* (6) Login Footer
================================================== */

div#da-login #da-login-box #da-login-box-footer
{
	padding:0 40px 20px;
	text-align:center;
	position:relative;
}

div#da-login #da-login-box #da-login-box-footer a
{
	text-decoration:none;
	color:#444444;
	font-size:12px;
}

div#da-login #da-login-box #da-login-box-footer a:hover
{
	text-decoration:underline;
}

div#da-login #da-login-box #da-login-box-footer #da-login-tape
{
	background:url(../images/login-tape.png) no-repeat center center;
	width:99px; height:26px;
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-50px;
}