@font-face {
	font-family:'titillium';
	src:url('../rsc/fonts/Titillium-Light.otf') format('opentype');
} 
*{
	margin:0;
	padding:0;
}
.color_fondo_login{
	background:url(../rsc/img/fondo_login_azul.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
  background-size: cover;
	min-height: 350px  !important;
	height: calc(100vh - 195px);
  position: relative;
}
.contenedor_login{
	width:500px;
	min-height:400px;
	left: 50%;
	top: 40%;
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
  font-family:titillium;
  color:#a0a0a0;
  font-size:14px;
  text-shadow:1px 1px rgba(255,255,255,0.8);
}
.contenedor_login a{
  text-decoration:none;
  color:#757373;
}
.contenedor_login a:hover{
  color:#538bc5;
}
.contenedor_login .avi{
  width: 62px;
  height: 42px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:12px;
}
.contenedor_login .avi:hover{
  -webkit-filter: brightness(102%);
  position:relative;
  bottom:2px;
}
.contenedor_login .form{
  width:250px;
  height:250px;
  background:#fdfdfd;
  padding:25px;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  border:1px solid #cecece;
-webkit-box-shadow: 0px 0px 13px rgba(50, 50, 50, .2);
-moz-box-shadow:    0px 0px 13px rgba(50, 50, 50, .2);
  box-shadow:         0px 0px 13px rgba(50, 50, 50, .2);

}
.contenedor_login form{
  width:175px;
  margin-left:auto;
  margin-right:auto;
    display: flex;
  flex-direction: column;
  align-items: center;
}
.contenedor_login .recovery{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  color: #900;
}
.contenedor_login fieldset{
  margin-top: 15px;
}
.contenedor_login input[type=text] ,.contenedor_login input[type=password]{
  width:175px;
  height:27px;
  padding-left:8px;
  background: #efefef; /* Old browsers */
  background: -moz-linear-gradient(top,  #efefef 16%, #f2f2f2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(16%,#efefef), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #efefef 16%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #efefef 16%,#f2f2f2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #efefef 16%,#f2f2f2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #efefef 16%,#f2f2f2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
  border-radius: 5px;
  border-top:1px solid #c5c5c5;
  border-bottom:2px solid rgba(255,255,255,.6);
  border-left:none;
  border-right:none;
}
.contenedor_login input[type=text]:focus , ,.contenedor_login input[type=password]:focus{
  outline:none;
}
.contenedor_login .boton button{
  color: #838383;
  text-shadow:1px 1px rgba(255,255,255,0.7);
  font-size:10px;
  height: 31px;
  width:100px;
  text-align:center;
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:22px;
  text-shadow: 0 1px white;
  background-color: rgba(0, 0, 0, 0.05);
    cursor: pointer;
  border: 1px solid;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
  border-radius: 5px;
  border-color: #cfcfcf #d6d6d6 #c8c8c8;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.25));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.25));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.25));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.25));
  -webkit-box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px #dadada, 0 3px #c4c4c4, 0 4px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px white, inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 2px #dadada, 0 3px #c4c4c4, 0 4px 3px rgba(0, 0, 0, 0.1);
}
.contenedor_login .boton button:active{
  z-index: 2;
  margin-top: 26px;
  margin-left:auto;
  margin-right:auto;
  color: #404040;
  background: transparent;
  border-color: #ccc;
  border-width: 1px 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.05), -1px 0 rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.35), inset 0 -1px 1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.05), -1px 0 rgba(0, 0, 0, 0.05), 0 1px rgba(255, 255, 255, 0.4);
}
.contenedor_login .boton button:hover{
  color:#538bc5;
}
.contenedor_login .recovery{
  margin-top:30px;
}
.contenedor_login .form:before, .form:after{
  content: " ";
  z-index:-1;
  height: 250px;
  background: #fafafa;
  position: absolute;
  width: 250px;
  margin-top:50px;
  padding:25px;
}
.contenedor_login .form:before{
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  margin-left:50%;
  top:5px;
  left:-145px;
  transform: rotate(98deg);
  -webkit-transform:rotate(88deg);
}
.contenedor_login .form:after{
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  margin-right:50%;
  top:5px;
  right:-145px;
  transform: rotate(95deg);
  -webkit-transform:rotate(95deg);;
} 


/* MEDIA QUERIES */
/* TV */
@media screen and ( min-width: 2049px){
	
}
.contenedor_login /* PC */
@media screen and ( max-width: 2048px){
	
}
/* PORTATIL */
@media screen and ( max-width: 1330px){
	
}
/* TABLET */
@media screen and ( max-width: 756px){
	
}
/* MOVIL */
@media screen and ( max-width: 450px){
	
}
/* SMARTWATCH */
@media screen and ( max-width: 320px){
	
}
/* ANIMACIONES */