body{background-image:url(backgroundlogin.png);-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='backgroundlogin.png', sizingMethod='scale')";background:url(/typo3conf/ext/gd_sites/Resources/Public/Images/uc-bg.svg) no-repeat center center fixed;background-size:cover;color:#fff;background-position:right top}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:none;-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #303441 inset!important;transition:background-color 5000s ease-in-out 0s}
header nav.pp-header{position:relative;color:#000518;background:#fff;height:4em}
header nav.pp-header #pp-logo{text-align:center;display:inline;float:left;width:110px;height:auto;margin-left:.7em;margin-top:0;position:relative;top:auto;left:auto}header nav.pp-header #pp-logo img{width:auto}header nav.pp-header #pp-head-nav{float:right;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:4em}
.container-login{height:100px;width:100%;min-height:calc(100vh - 5em);
display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;position:relative;z-index:1}.container-login::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0}
.container-login .wrap-login{width:400px;overflow:hidden;padding:2em 2em 1em 2em;background:rgba(0,0,0,255)}
.container-login .wrap-login .login-form-title{letter-spacing:.1em;font-size:18px;margin:.5em 0 1.3em 0;display:block}.container-login .additional-links p{margin-bottom:.3em}.container-login .additional-links a{color:rgba(255,255,255,.6)}.container-login .additional-links a:hover{color:#fff}.container-login .additional-links a.registration{text-decoration:underline}.pp-login-form input{outline:0;border:none}.pp-login-form input[type=password],.pp-login-form input[type=text]{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border-radius:0;font-weight:400;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none}.pp-login-form textarea{outline:0;border:none}.pp-login-form input:focus{border-color:transparent!important}.pp-login-form input:focus::-webkit-input-placeholder{color:transparent}.pp-login-form input:focus:-moz-placeholder{color:transparent}.pp-login-form input:focus::-moz-placeholder{color:transparent}.pp-login-form input:focus:-ms-input-placeholder{color:transparent}.pp-login-form input::-webkit-input-placeholder{color:#000}.pp-login-form input:-moz-placeholder{color:#000}.pp-login-form input::-moz-placeholder{color:#fff}.pp-login-form input:-ms-input-placeholder{color:#fff}.pp-login-form .pp-input-wrap{position:relative;border-bottom:1px solid rgba(255,255,255,.7);margin-bottom:2rem}.pp-login-form .focus-input{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.pp-login-form .focus-input:after{font-size:1.2rem;line-height:2.5rem;font-family:Gcon;display:block;width:100%;position:absolute;left:0;top:0;padding-left:5px;transition:all .4s;height:100%;font-weight:600;transition:all .4s}.pp-login-form .focus-input:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;background:#fff;height:2px;transition:all .4s}.pp-login-form .pp-login-username .focus-input:after{content:"\59"}.pp-login-form .pp-login-password .focus-input:after{content:"\10680"}.pp-login-form input[type=password],.pp-login-form input[type=text]{margin:0;background:0 0;border:none;color:#fff;box-shadow:none;position:relative;font-size:smaller;line-height:1.4;padding-left:2.25rem;letter-spacing:.1em}.pp-login-form input[type=password]:focus,.pp-login-form input[type=text]:focus{padding-left:.25rem}.pp-login-form input[type=password]:focus+.focus-input:before,.pp-login-form input[type=text]:focus+.focus-input:before{width:100%}.pp-login-form input[type=password]:focus+.focus-input:after,.pp-login-form input[type=text]:focus+.focus-input:after{top:-1.5rem;font-size:1rem}@media screen and (max-width:30em){#pp-content-area{font-size:80%}}
.bandera{
	height:50px;
	width:50px;
	margin-right:20px;
}
.logo { text-align:center;height: 60px; }
.logo .img { text-align:center; width: 100%;
    height: auto;}
.container{	
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	color:#ffffff;
}
.barra3{
	background-color:#ffffff;
	height:0.3em;
	width:100%;
	margin-top: 0px;
	padding-top: 0px;
	
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	color:#ffffff;
}

.barra{
	background-color:#ffffff;
	color:black;
	height:2.2em;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;	
	text-align:center;
	text-size:1.2em;
}