@charset "utf-8";
/* CSS Document */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 24, 2016 */
@font-face {
    font-family: 'proxima_novablack';
    src: url('proximanova-black-webfont.woff2') format('woff2'),
         url('proximanova-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('proximanova-boldit-webfont.woff2') format('woff2'),
         url('proximanova-boldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedlight';
    src: url('proximanovacond-light-webfont.woff2') format('woff2'),
         url('proximanovacond-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedLtIt';
    src: url('proximanovacond-lightit-webfont.woff2') format('woff2'),
         url('proximanovacond-lightit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_cn_rgregular';
    src: url('proximanovacond-regular-webfont.woff2') format('woff2'),
         url('proximanovacond-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedRgIt';
    src: url('../fonts/proximanovacond-regularit-webfont.woff2') format('woff2'),
         url('../fonts/proximanovacond-regularit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedSBd';
    src: url('../fonts/proximanovacond-semibold-webfont.woff2') format('woff2'),
         url('../fonts/proximanovacond-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_condensedSBdIt';
    src: url('../fonts/proximanovacond-semiboldit-webfont.woff2') format('woff2'),
         url('../fonts/proximanovacond-semiboldit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../fonts/proximanova-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/proximanova-light-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('../fonts/proximanova-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
		background: url(../img/bg.png);
		background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        height: vh;
}
.bg-white{
		background-color:#fff;
}
.logininfo{
	width:100%;
	height:auto;
	background:none;
	color:#fff;
	text-align:center;
	padding-bottom:2%;
    font-family: 'proxima_nova_cn_rgregular',Calibri; 
	/*line-height:1px;*/
}
.login{
	width:100%;
	height:auto; 
	padding-bottom:30px;
}
.logo{
		float:left;
		width:72%;
		margin-left:14%;
		margin-right:14%;
		margin-top:5%;
		padding-bottom:10px;
}
.flogin input{
		width:84%;
		height:60px;
		float:left;
		margin-left:7%;
		margin-right:7%;
		margin-top:21px;
		background-color:#ececec;
		border:none;
		border-bottom:2px solid #dddddd;
		padding-left:2%;
}
button{
		background-color:#582086;
		border:none;
		width:86%;
		height:60px;
		margin-top:20px;
		color:#fff;
		margin-left:7%;
		margin-right:7%;	
}
/*
Dispositivos muy pequeños Teléfonos (<768px)	
Dispositivos pequeños Tablets (≥768px)	
Dispositivos medianos Ordenadores (≥992px)	
Dispositivos grandes Ordenadores (≥1200px)
*/

@media (max-width: 700px) 
{ 
	.cont-login
	{
		width:90%;
		margin-left:5%;
		margin-right:5%;
		height:350px;
		margin:auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
}
@media (min-width: 701px) 
{ 
	.cont-login
	{
		width:338px;
		margin-left:5%;
		margin-right:5%;
		height:350px;
		margin:auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
}
@media (min-width: 992px) 
{ 
	.cont-login
	{
		width:338px;
		margin-left:5%;
		margin-right:5%;
		height:350px;
		margin:auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
}
@media (min-width: 1200px) 
{ 
	.cont-login
	{
		width:338px;
		margin-left:5%;
		margin-right:5%;
		height:350px;
		margin:auto;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
}