@charset "utf-8";
/* CSS Document */

body{
	background:url(../content/paper_1.png);
	font-family: 'Roboto', sans-serif; 
	font-size: 14px;	
}

h1{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 800;
	padding-bottom: 5px;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
}

.de-main{
	width: 500px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: none;
	background:#f3db0c;
	position: relative;
	opacity: 0.70;
	-webkit-box-shadow: 2px 3px 1px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    2px 3px 1px 0px rgba(50, 50, 50, 1);
	box-shadow:         2px 3px 1px 0px rgba(50, 50, 50, 1);
}

.de-mainregister{
	width: 500px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px;
	border: none;
	position: relative;
	background: rgba(244,244,247,1);
	background: -moz-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(255,255,255,1) 25%, rgba(248,247,250,1) 67%, rgba(250,245,250,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,247,1)), color-stop(25%, rgba(255,255,255,1)), 	color-stop(67%, rgba(248,247,250,1)), color-stop(100%, rgba(250,245,250,1)));
	background: -webkit-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(255,255,255,1) 25%, rgba(248,247,250,1) 67%, rgba(250,245,250,1) 100%);
	background: -o-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(255,255,255,1) 25%, rgba(248,247,250,1) 67%, rgba(250,245,250,1) 100%);
	background: -ms-linear-gradient(top, rgba(244,244,247,1) 0%, rgba(255,255,255,1) 25%, rgba(248,247,250,1) 67%, rgba(250,245,250,1) 100%);
	background: linear-gradient(to bottom, rgba(244,244,247,1) 0%, rgba(255,255,255,1) 25%, rgba(248,247,250,1) 67%, rgba(250,245,250,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f7', endColorstr='#faf5fa', GradientType=0 );
}


.de-sipictures{
	background: url(../content/login.png);
	float: left;
	position: relative;
	width: 500px;
	height: 200px;
	margin: 0 auto;
	margin-bottom: 20px 
}

.de-atribute{
	margin-bottom: 5px;  
}

.de-atribute ul{
	text-align: center;
	list-style: none;
}

.de-text-style{
	width:300px; 
	padding: 10px 10px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 400; 
	font-size: 16px;
	text-align: center; 
	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); 
}

.de-text-style:focus{
	background: #DFE9EC; 
	color: #414848; 
	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); 
    outline:0; 
}

.de-text-style:hover{
	background: #DFE9EC; 
	color: #414848; 	
}

.de-text-style:-webkit-input-placeholder { 
    color: #b5b5b5; 
} 

.de-button{
	-webkit-box-shadow:inset 0px 1px 0px 0px #b8a29a;
	box-shadow:inset 0px 1px 0px 0px #b8a29a;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #94847f), color-stop(1, #78615c));
	background:-moz-linear-gradient(top, #94847f 5%, #78615c 100%);
	background:-webkit-linear-gradient(top, #94847f 5%, #78615c 100%);
	background:-o-linear-gradient(top, #94847f 5%, #78615c 100%);
	background:-ms-linear-gradient(top, #94847f 5%, #78615c 100%);
	background:linear-gradient(to bottom, #94847f 5%, #78615c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94847f', endColorstr='#78615c',GradientType=0);
	background-color:#94847f;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #3d2e2b;
	display:inline-block;
	cursor:pointer;
	color:#faf7fa;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d2b1c;
	margin-left: 100px;
}
.de-button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78615c), color-stop(1, #94847f));
	background:-moz-linear-gradient(top, #78615c 5%, #94847f 100%);
	background:-webkit-linear-gradient(top, #78615c 5%, #94847f 100%);
	background:-o-linear-gradient(top, #78615c 5%, #94847f 100%);
	background:-ms-linear-gradient(top, #78615c 5%, #94847f 100%);
	background:linear-gradient(to bottom, #78615c 5%, #94847f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78615c', endColorstr='#94847f',GradientType=0);
	background-color:#78615c;
}

.de-button:active {
	position:relative;
	top:1px;
}

.de-registerbutton{
	-moz-box-shadow:inset 0px 1px 0px 0px #ed490e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ed490e;
	box-shadow:inset 0px 1px 0px 0px #ed490e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa3a00), color-stop(1, #ed4523));
	background:-moz-linear-gradient(top, #fa3a00 5%, #ed4523 100%);
	background:-webkit-linear-gradient(top, #fa3a00 5%, #ed4523 100%);
	background:-o-linear-gradient(top, #fa3a00 5%, #ed4523 100%);
	background:-ms-linear-gradient(top, #fa3a00 5%, #ed4523 100%);
	background:linear-gradient(to bottom, #fa3a00 5%, #ed4523 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3a00', endColorstr='#ed4523',GradientType=0);
	background-color:#fa3a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #c96a57;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9e938e;
	margin-left: 180px;
}
.de-registerbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed4523), color-stop(1, #fa3a00));
	background:-moz-linear-gradient(top, #ed4523 5%, #fa3a00 100%);
	background:-webkit-linear-gradient(top, #ed4523 5%, #fa3a00 100%);
	background:-o-linear-gradient(top, #ed4523 5%, #fa3a00 100%);
	background:-ms-linear-gradient(top, #ed4523 5%, #fa3a00 100%);
	background:linear-gradient(to bottom, #ed4523 5%, #fa3a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed4523', endColorstr='#fa3a00',GradientType=0);
	background-color:#ed4523;
}
.de-registerbutton:active {
	position:relative;
	top:1px;
}


.de-text-input{
	width:200px; 
	padding: 5px 5px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 400; 
	font-size: 14px;
	color: #000000; 
	text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); 
	background: #FFF; 
	border: 1px solid #FFF; 
	border-radius: 3px; 
	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); 
}

.de-text-input:focus{
	background: #DFE9EC; 
	color: #414848; 
	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); 
    outline:0; 
}

.de-text-input:hover{
	background: #DFE9EC; 
	color: #414848; 	
}

.de-text-input:-webkit-input-placeholder { 
    color: #b5b5b5; 
} 

.de-link{
	color: #00F;
	text-decoration: none;
}

.de-link:hover{
	color: #F00;
	text-decoration: underline;
}