@font-face {
  font-family: 'Caviar Dreams';
  src: url('fonts/CaviarDreams.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
body {
 /* background:url('http://cdn.wallpapersafari.com/13/6/Mpsg2b.jpg');*/
  margin:0px;
 /* font-family: 'Ubuntu', sans-serif;
	background-size: 100% 110%;*/
}
h1, h2, h3, h4, h5, h6, a {
  margin:0; padding:0;
}
.login {
  margin:0 auto;
  max-width:500px;
}


.login-header {
  color:#fff;
  text-align:center;
  font-size:300%;
}
/* .login-header h1 {
   text-shadow: 0px 5px 15px #000; */
}
.login-form {
  border:.5px solid #fff;
  background:#4facff;
  border-radius:10px;
  box-shadow:0px 0px 10px #000;
}
.login-form h3 {
  text-align:left;
  margin-left:100px;
  color: slategrey;
	font-size:15px;	
	 font-family: 'Caviar Dreams';
}
.login-form {
  box-sizing:border-box;
  padding-top:15px;
	padding-bottom:10%;
  margin:5% auto;
  text-align:center;
}
.login input[type="text"],
.login input[type="password"] {
	height:50px;
  max-width:300px;
	width: 60%;
  line-height:3em;
  font-family: 'Ubuntu', sans-serif;
  margin:1em 2em;
  border-radius:15px;
  border:1px solid #de8422;
  outline:none;
  padding-left:10px;
}
.login-form input[type="submit"] {
  height:50px;
  width:250px;
  background:#fff;
  border:1px solid #de8422;
  border-radius:20px;
  color: slategrey;
  /*text-transform:uppercase;*/
  font-family: 'Caviar Dreams';
	font-size:20px;
  cursor:pointer;
	margin-top:20px;
}
.login-form input[type="submit"]:hover {
	background:#de8422;
	color: #fff;	
}
.sign-up{
  color:#f2f2f2;
  margin-left:-70%;
  cursor:pointer;
  text-decoration:underline;
}
.no-access {
  color:#E86850;
  margin:20px 0px 20px -57%;
  text-decoration:underline;
  cursor:pointer;
}
.alert-success {
  color:#000;
  cursor:pointer;
margin-top:15px;
	 font-family: 'Caviar Dreams';
	font-size:20px;
	
}

/*Media Querie*/
@media only screen and (min-width : 150px) and (max-width : 530px){
  .login-form h3 {
    text-align:center;
    margin:0;
  }
  .sign-up, .no-access {
    margin:10px 0;
  }
  .login-button {
    margin-bottom:10px;
  }
}

/*
@media (min-width: 1024px) {
}

body{
background: url(../image/fondo3.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


a { 
	color:white;
}

#logo{
	margin-left:10px;
	margin-top:10px;
	max-height: 15%;
	max-width: 25%;
	float: left;
	position: absolute;
		
}
#container{
	max-height: 50%;
	max-width: 40%;
	background: transparent;
	float: left;
	position: absolute;
	margin-top: 20%;
	margin-left: 10%;
	margin-right: 10%;	
}

.classname {
	max-width: 30%;
	max-height: 35%;
	float: right;
	margin-right:10%;
	margin-top: 12.5%;
	margin-bottom:10%;
 	border: 1px solid #fefefe;  
 	text-align:center; 
 	background: transparent;
 	padding:75px 40px 75px 40px;  
 	-moz-border-radius: 5px;  
 	-webkit-border-radius: 
 	5px; border-radius: 5px;
	-moz-box-shadow: 1px -1px 26px #468847;
	-webkit-box-shadow: 1px -1px 26px #468847;
	box-shadow: 1px -1px 26px #468847;

	
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-o-transition:All 1s ease;
	transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.000) skew(0deg) translate(0px);
}
 
.classname:hover{
	transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-webkit-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-moz-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-o-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
	-ms-transform: rotate(0deg) scale(1.050) skew(0deg) translate(0px);
}
.control-label{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
footer{
	position:relative;
	
	margin-top:-50px;
	height: 50px;
	text-align: center;
	overflow: hidden;
	clear:right;
}




.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}

.modalDialog:target {
display: block;
pointer-events: auto;
}

.modalDialog > div {
width: 400px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
text-align:justify;
}

.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align:justify;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

#user,#pass{
 padding:10px;
 border:solid 1px #DEDEDE;
 border-radius:5px;
 background-color: #468847; 
 font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #151515;
 opacity: 0.75;
 margin-bottom: 20px;
 }
#user:focus{
 box-shadow:0 0 15px #036;
 }

*/