* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-decoration: none;
	border: none;
	list-style: none;
	outline: none; 
}

html { 
	background: #004671 url(../images/bg.png) repeat;
	position: absolute;
	top: 45%;
	left: 50%;   
}

body {
	color: #333;
	font: 12px/20px "Helvetica Neue", Arial, sans-serif;
	
	-webkit-text-shadow: #fff 0 1px 0; 
	 -khtml-text-shadow: #fff 0 1px 0;
	   -moz-text-shadow: #fff 0 1px 0;
	        text-shadow: #fff 0 1px 0;
	        
	position: absolute;
	top: 45%;
	left: 50%;
	margin: -150px 0 0 -235px;
	width: 450px;
	padding: 10px;
	background: #004671; 
          
	-webkit-border: 1px solid #069; 
	 -khtml-border: 1px solid #069;
	   -moz-border: 1px solid #069;
	        border: 1px solid #069;  
	        
	-webkit-box-shadow: rgba(0,34,51,0.9) 1px 1px 12px; 
	 -khtml-box-shadow: rgba(0,34,51,0.9) 1px 1px 12px;
	   -moz-box-shadow: rgba(0,34,51,0.9) 1px 1px 12px;
	     -o-box-shadow: rgba(0,34,51,0.9) 1px 1px 12px;
	        box-shadow: rgba(0,34,51,0.9) 1px 1px 12px;  
	        
	-webkit-animation-name: pop;
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;  
        	
	   -moz-animation-name: pop;
	   -moz-animation-duration: .5s;
	   -moz-animation-iteration-count: 1;
	   -moz-animation-timing-function: ease-in; 
        	
	   -o-animation-name: pop;
	   -o-animation-duration: .5s;
	   -o-animation-iteration-count: 1;
	   -o-animation-timing-function: ease-in; 
        	   
	        animation-name: pop;
	        animation-duration: .5s;
	        animation-iteration-count: 1;
	        animation-timing-function: ease-in;   	
}

@-webkit-keyframes pop {
	from { -webkit-transform: scale(.1); opacity: 0; }
	85%  { -webkit-transform: scale(1.03); opacity: 1; }
	to   { -webkit-transform: scale(1); }
}

@-moz-keyframes pop {
	from { -moz-transform: scale(.1); opacity: 0; }
	99%  { -moz-transform: scale(1); opacity: 1; }
	to   { -moz-transform: scale(1); }
}

@-o-keyframes pop {
	from { -o-transform: scale(.1); opacity: 0; }
	99%  { -o-transform: scale(1); opacity: 1; }
	to   { -o-transform: scale(1); }
}

@keyframes pop {
	from { transform: scale(.1); opacity: 0; }
	99%  { transform: scale(1); opacity: 1; }
	to   { transform: scale(1); }
}

body > div { 
        background: #f2f7fa url(../images/bg.gif);
	margin: 0; 
        padding: 50px 60px 76px; 
	border: 3px solid #9bd;
        -webkit-text-shadow: 1px 1px 1px #dde5ee; 
         -khtml-text-shadow: 1px 1px 1px #dde5ee;
           -moz-text-shadow: 1px 1px 1px #dde5ee;
                text-shadow: 1px 1px 1px #dde5ee; 
        -webkit-box-shadow: inset rgba(255,255,255,0.9) 0px 0px 0px 1px; 
         -khtml-box-shadow: inset rgba(255,255,255,0.9) 0px 0px 0px 1px;
           -moz-box-shadow: inset rgba(255,255,255,0.9) 0px 0px 0px 1px;
	        box-shadow: inset rgba(255,255,255,0.9) 0px 0px 0px 1px;
}

div > h1 {   
        display: block;  
        color: #ffffff;  
        font-size: 25px;
	position: absolute;
	top: -69px;
	left: 18px; 
	width: 450px; 
	height: 90px; 
	line-height: 90px; 
        z-index: -999; 
        font-weight: normal;
	text-indent: 9px;     
        -webkit-text-shadow: 1px 1px 1px #012; 
         -khtml-text-shadow: 1px 1px 1px #012;
           -moz-text-shadow: 1px 1px 1px #012;
                text-shadow: 1px 1px 1px #012;
}    

div > h1 > strong {    
        color: #b90000; 
        font-weight: normal; 
}

body > strong {        
        display: block; 
        color: #4d8ec7;
        font-size: 11px; 
        font-weight: normal; 
        text-align: center;
	position: absolute;
	bottom: -30px;
	left: 10px;  
	width: 450px; 
        -webkit-text-shadow: 1px 1px 0px #012; 
         -khtml-text-shadow: 1px 1px 0px #012;
           -moz-text-shadow: 1px 1px 0px #012;
	        text-shadow: 1px 1px 0px #012;
} 
body > strong i { 
	color: #b90000; 
	font-style: normal; 
}  
body > strong a { 
	color: #4d8ec7; 
	font-style: normal;
}  
body > strong a:hover { 
	color: #ffffff; 
}
div > p { 
	color: #000; 
	text-align: center;
	text-shadow: none;
	margin-bottom: -18px;
}
 
div > p > span { 
	color: #c00; 
        font-weight: bold;
        display: block; 
}
 
div > cite { 
	color: #e40; 
        font-style: normal; 
	text-shadow: none;
	text-align: left;
	line-height: 1.4em;
        display: block; 
        clear: both;   
	position: relative;
	top: 55px;
	left: 0px;  
	width: 335px;
	padding: 6px 0 0;
	margin-bottom: 8px; 
        border-top: 1px dotted #9ea9b6;
        animation-name: auth;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-timing-function: ease-in; 
}
@keyframes auth {
	from { transition: scale(.1); opacity: 0; }
	99%  { transition: scale(1); opacity: 1; }
	to   { transition: scale(1); }
}
 
form { 
	margin: 0; 
        display: inline; 
} 
*:focus   { outline: none; }
input, a  { outline: expression(hideFocus = 'true'); outline: none; }

input { 
        background: #fff;
        color: #607690; 
        font-size: 1.1em;
        display: inline-block; 
        width: 200px;   
        height: 17px; 
        line-height: 14px;
        padding: 1px 5px 2px; 
        margin: 0 0 7px; 
        border: 1px solid #93a1af; 
        clear: both; 
}
input:focus  { 
       color: #000; 
       border: 1px solid #607690; 
}
label { 
        width: 100px; 
        display: inline-block; 
}
 
/* Buton Forms */
.blogin {
        background: #005687;
        font: 1em/1.4 Verdana, Arial, Sans-serif; 
        color: #ffffff;
        display: inline-block;   
	position: absolute;
	top: 121px;
	right: 82px; 
        width: 110px; 
        height: 26px; 
        line-height: 14px;
        padding: 1px 5px 3px; 
        margin: 0;  
        overflow: visible; 
        border: 1px solid #00466e;   
        cursor: pointer; 
        box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.3);    
        -webkit-text-shadow: 1px 1px 1px #134; 
         -khtml-text-shadow: 1px 1px 1px #134;
           -moz-text-shadow: 1px 1px 1px #134;
	        text-shadow: 1px 1px 1px #134; 
}
.blogin:active, 
.blogin:focus {
        color: #ffffff; background: #a91700; border: 1px solid #700f00; text-shadow: 1px 1px 1px #441811;
} 
.blogin:hover      { 
	color: #ffffff; background: #a91700; border: 1px solid #700f00; text-shadow: 1px 1px 1px #441811;
}