﻿@font-face {
    font-family: 'EniExpBold';
    src: url('eniexpbol-webfont.eot');
    src: url('eniexpbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexpbol-webfont.woff') format('woff'),
         url('eniexpbol-webfont.ttf') format('truetype'),
         url('eniexpbol-webfont.svg#eniexpboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniExpLight';
    src: url('eniexplig-webfont.eot');
    src: url('eniexplig-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexplig-webfont.woff') format('woff'),
         url('eniexplig-webfont.ttf') format('truetype'),
         url('eniexplig-webfont.svg#eniexplightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'eniexpregregular';
    src: url('eniexpreg-webfont.eot');
    src: url('eniexpreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('eniexpreg-webfont.woff') format('woff'),
         url('eniexpreg-webfont.ttf') format('truetype'),
         url('eniexpreg-webfont.svg#eniexpregregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Eni Logo';
    src: url('enilog-webfont.eot');
    src: url('enilog-webfont.eot?#iefix') format('embedded-opentype'),
         url('enilog-webfont.woff') format('woff'),
         url('enilog-webfont.ttf') format('truetype'),
         url('enilog-webfont.svg#eni_logoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabBold';
    src: url('enitabbol-webfont.eot');
    src: url('enitabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitabbol-webfont.woff') format('woff'),
         url('enitabbol-webfont.ttf') format('truetype'),
         url('enitabbol-webfont.svg#enitabboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabLight';
    src: url('enitablig-webfont.eot');
    src: url('enitablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitablig-webfont.woff') format('woff'),
         url('enitablig-webfont.ttf') format('truetype'),
         url('enitablig-webfont.svg#enitablightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'EniTabReg';
    src: url('enitabreg-webfont.eot');
    src: url('enitabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('enitabreg-webfont.woff') format('woff'),
         url('enitabreg-webfont.ttf') format('truetype'),
         url('enitabreg-webfont.svg#enitabregregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	text-align: center;
}
#wrapper
{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#container
{
	width: 390px;
	text-align: center;
	margin-top: 100px;
	margin-bottom:30px;
	margin: 100px auto 30px auto;
}

#pnlLoginTop
{
	width: 390px;
	height: 187px;
	background-image: url(../Immagini/Login/pnlLoginTop.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#pnlUtenteLeft
{
	width: 175px;
	height: 32px;
	background-image: url(../Immagini/Login/pnlUtenteLeft.jpg);
	float: left;
}

#pnlUtenteRight
{
	width: 215px;
	height: 32px;
	background-image: url(../Immagini/Login/pnlUtenteRight.jpg);
	float: right;
	text-align: left;
}

#stripeUtentePwd
{
	width: 390px;
	height: 15px;
	background-image: url(../Immagini/Login/stripeUtentePwd.jpg);
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
}

#pnlPwdLeft
{
	width: 175px;
	height: 32px;
	background-image: url(../Immagini/Login/pnlPwdLeft.jpg);
	float: left;
}

#pnlPwdRight
{
	width: 215px;
	height: 32px;
	background-image: url(../Immagini/Login/pnlPwdRight.jpg);
	float: right;
	text-align: left;
}
#pnlLoginBottom
{
	clear: both;
	width: 390px;
	height: 27px;
	background-image: url(../Immagini/Login/pnlLoginBottom.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boxLogin
{
	width: 145px;
	border-color: Transparent;
	border-style: none;
	margin-left: 10px;
	margin-top: 7px;
	margin-bottom: 3px;
	height: 17px;
	margin: 7 auto 3 10;
}

#pnlButtonEntra
{
	clear: both;
	width: 390px;
	margin: 20 auto;
	margin-top: 20px;
}
#Button_Entra
{
	width: 100px;
	height: 35px;
}

#loginerror
{
	color: #000000;
	width: 390px;
	height: 293px;
	text-decoration: none;
	background-image: url(../Immagini/Login/loginerror.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

#linkToLogin
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin: 20px auto 20px auto;
}
#footer
{
	background-image: url(../Immagini/Login/footer_login.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 500px;
	height: 133px;
	margin: 0 auto;
}

.mover_login_box {
    position: absolute;
    left: calc(50% - 250px);
    /*top: calc(50% - 220px);*/
    top: calc(30% - 220px);
     /*background-image:linear-gradient(to bottom right, rgb(155,159,196) , rgb(0,17,95));*/
     background-image:linear-gradient(to bottom right, rgb(155,159,196) , rgb(0,13,74));
    box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    border-radius: 5px;
    width: 500px;
    height: auto;
    padding: 20px;
}
.mover_login_input {
    border-radius: 5px;
    width: 200px;
    height: 36px;
    margin: 10px;
    border: 1px solid #666;
    padding: 7px;
    font-size: 18px;
    font-family: 'EniTabBold';
    color: #666;
}
.mover_login_error {
    font-family: 'EniTabBold';
    color:white;
    font-size: 12px;
}
.mover_login_label {
    text-align: right;
    color:white;
    font-family: 'EniTabBold';
}
.mover_login_label2 {
    text-align: right;
    color:white;
    font-size: small;
    font-family: 'EniTabBold';
}
.mover_btn {
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    height: 36px;
    margin: 30px;
    color: rgb(0,13,74);
    letter-spacing: 0px;
    background: rgb(255,224,1);
    font-family: 'EniTabBold';
    font-weight: 400;
    padding: 0px 14px;
    font-size: 20px;
    line-height: 36px;
    display: inline-block;
    text-rendering: geometricPrecision;
    box-shadow: 0px 1px 2px rgba(34, 34, 34, 0.4);
    cursor: pointer;
    margin: auto;
}


