body,html {
background: #ffffff;
margin: 0 0 0 0;
}
@font-face {
font-family: 'ProximaNova';
src: url('ProximaNova.eot');
src: url('ProximaNova.eot?#iefix') format('embedded-opentype'),
url('ProximaNova.woff') format('woff'),
url('ProximaNova.ttf') format('truetype'),
url('ProximaNova.svg#webfontregular') format('svg');
font-weight: normal;
font-style: normal;
}
#centro{
position:relative;
margin: 0 auto;
width:1000px;
height:700px;
background:none;
border:0px solid #000000;
}
/*--------------------------- INIZIO PAGINA DI DEFAULT -----------------------------*/
#logo{
position:absolute;
top:10px;
left:397px;
width:206px;
height:64px;
background:url(../images/logo.jpg) no-repeat;
}
#login{
position:absolute;
top:150px;
left:250px;
width:500px;
height:400px;
background:#f1c159;
border:1px solid #f1c159;
box-shadow: 5px 5px 15px #888888;
}
/*--------------------------- FINE PAGINA DI DEFAULT -----------------------------*/
/*--------------------------- INIZIO PAGINA CONSOLLE -----------------------------*/
#documenti{
position:absolute;
top:50px;
width:300px;
height:150px;
left:195px;
background:#007ecc;
}
#archivio{
position:absolute;
top:50px;
width:300px;
height:150px;
left:505px;
background:#a200a9;
}
#amministrazione{
position:absolute;
top:210px;
width:610px;
height:150px;
left:195px;
background:#009f00;
}
#amministrazione_no{
position:absolute;
top:210px;
width:610px;
height:150px;
left:195px;
background:#939da8;
opacity:0.5;
}
#disconnetti{
position:absolute;
top:370px;
width:305px;
height:100px;
left:195px;
background:#aa091a;
}
#cambio_pw{
position:absolute;
top:370px;
width:295px;
height:100px;
left:510px;
background:#ecea47;
}
#vetrina{
position:absolute;
top:480px;
width:610px;
height:100px;
left:195px;
background:#172950;
}
#amm_vet{
position:absolute;
top:590px;
width:610px;
height:100px;
left:195px;
background:#75bfe2;
}
/*------------------------INIZIO MENU---------------------------*/
/*MENU*/
#top{
position:absolute;
top:0;
width:100%;
height:100px;
background:#f1c159;
}
#top_vetrina{
position:absolute;
top:0;
width:100%;
height:100px;
background:#75bfe2;
}
#menu{
position:relative;
margin:0 auto;
width:850px;
height:100px;
background:none;
}
#menu li {
float:left;
display:block;
text-align:center;
position:relative;
padding: 4px 0px 4px 0px;
margin-right:60px;
margin-top:7px;
border:none;
}
#menu li:hover {
border: 0px solid #f0f0f0;
background: #ffffff;
text-decoration:none;
}
#menu li a {
font-family:ProximaNova;
font-size:24px;
color: #000000;
display:block;
outline:0;
text-transform:uppercase;
text-decoration:none;
letter-spacing:0px;
text-shadow:none;
}
#menu li:hover a {
color:#b50a00;
transition:color 0.5s ease 0s;
}
#dati_tabella{
position:absolute;
top:150px;
width:100%;
height:auto;
background:none;
}
input.testo{
font-family:ProximaNova, Georgia, sans-serif;
font-size:30px;
text-align:center;
}
input.pulsante{
font-family:ProximaNova, Georgia, sans-serif;
font-size:30px;
text-align:center;
width:200px;
height:60px;
color:#084b8f;
}
/*testo del login*/
h3{
font-family:proximanova;
font-size:15px;
color:brown;
font-weight: normal;
font-style: normal;
text-transform:uppercase;
}
/*testo dei box*/
h2{
font-family:proximanova;
font-size:40px;
color:#ffffff;
font-weight: bold;
font-style: normal;
text-transform:uppercase;
}
/*testo del box cambio password*/
h4{
font-family:proximanova;
font-size:30px;
color:#000000;
font-weight: bold;
font-style: normal;
text-transform:uppercase;
}