@import url(http://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

@font-face
{
    src:url('../fonts/El_Messiri/ElMessiri-Regular.ttf');
    font-family:'El_Messiri';
}

@font-face
{
    src:url('../fonts/Electrolize/Electrolize-Regular.ttf');
    font-family:'Electrolize';
}

@font-face
{
    src:url('../fonts/Kurale/Kurale-Regular.ttf');
    font-family:'Kurale';
}

@font-face
{
    src:url('../fonts/Lobster_Two/LobsterTwo-Regular.ttf');
    font-family:'Lobster_Two';
}

@font-face
{
    src:url('../fonts/Merienda/Merienda-Regular.ttf');
    font-family:'Merienda';
}

@font-face
{
    src:url('../fonts/Merienda_One/MeriendaOne-Regular.ttf');
    font-family:'Merienda_One';
}

@font-face
{
    src:url('../fonts/Viga/Viga-Regular.ttf');
    font-family:'Viga';
}

html,body
{
	margin:0;
	padding:0;
}

body
{
	width:100%;
	/*
	background-color: #fff;
	background-image:
	linear-gradient(
	  to right,
	  silver,
	  #E3F0C8 50%, 
	  silver
	);
	*/
	background: url('../../images/8.jpg') center fixed no-repeat;
	background-size: cover;
	overflow:hidden;
}

#login_box
{
	margin:5% auto;
	width:400px;
	height:400px;
	text-align:center;
	background:rgba(255,255,255,0.9);
	border-radius:50px;
	border:4px #ccc;
	border-style:outset;
}

#login_box:hover
{
	transition:all 0.4s ease-in-out;
	/*
        border:4px #5379fa;
        */
        border:4px #2faf3f;
	border-style:outset;
}

.logo_admin
{
	margin: 12px 0 10px 0;
	width: 160px;
	height: 97px;
}

.header div{

	font-family: 'Exo', sans-serif;
	font-size: 35px;
	font-weight: 200;
}

.header div span{
	color: #5379fa !important;
}

.login_fieldset
{
	width:300px;
	/* margin:15% auto 0 auto; */
	text-align:center;
	border:1px dotted #fff;
	
}

.login_fieldset legend
{ 
	background:transparent;
}

.login{
	margin:1em 0;
}

.login p
{
    font-family:'El_Messiri';
}

p#logo_txt
{
    font-family:'Merienda_One';
    font-size: 26px;
    color:#588aff;
}

.login input[type=text]{
	width: 250px;
	height: 30px;
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
}

.login input[type=password]{
	width: 250px;
	height: 30px;
	background: transparent;
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(255,255,255,0.6);
	border-radius: 2px;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 4px;
	margin-top: 10px;
}

.login input[type=button]{
	width: 260px;
	height: 35px;
	background: #fff;
	background: #5379fa;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	color: #a18d6c;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

.login input[type=button]:hover{
	opacity: 0.8;
}

.login input[type=button]:active{
	opacity: 0.6;
}

.login input[type=submit]{
	width: 260px;
	height: 35px;
	//background: #5379fa;
        background: #279435;
	border: 1px solid #fff;
	cursor: pointer;
	border-radius: 2px;
	/* color: #a18d6c; */
	color:#fff;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 6px;
	margin-top: 10px;
}

.login input[type=submit]:hover{
	opacity: 0.8;
}

.login input[type=submit]:active{
	opacity: 0.6;
}

.login input[type=submit]:focus{
	outline: none;
}

.login input[type=text]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=password]:focus{
	outline: none;
	border: 1px solid rgba(255,255,255,0.9);
}

.login input[type=button]:focus{
	outline: none;
}

#footer_wrapper
{
	margin:0;
	padding:0;
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	text-align:center;
	font-family: 'Exo';
	background:rgba(0,0,0,0.5);
	background:#5379fa;
	background:#102056;
	
	
	background:rgba(0, 75, 111, 0.85);
	background:#305945;
	background:#3D3B38;
	color:#fff;
	min-width:408px;
	
	/*      
	border-top:3px solid #D2A280;
	border-top:4px solid #5379fa;
        
        border-top:4px solid #2faf3f;
        */
        border-top:4px solid #279435;
	/* border-bottom:4px solid #D2A280; */
}

#footer_wrapper #footer p
{
	margin:10px 0 0 0;
	padding:0;
}

#footer_wrapper #footer p a
{ 
	text-decoration:none;
	color:lightyellow;
}

#footer_wrapper #footer p a:hover
{
	text-decoration:underline;
}

@media(min-height:500px)
{
	#footer_wrapper
	{
		position:absolute;
		height:48px;
	}
	
	#footer_wrapper #footer p
	{
		margin:15px;
		padding:0;
	}
}