/*      #5C6971         gray 
        #81AFB1         azure 
        #EF181E         red
        #D1D2D4         grigio chiar0
        #C20041         ciliegia
----------------------------------------------------------------------------------------------------*/
html {          font-size: 11px;}
html,body {     margin: 0;
                padding:0;
                width: 100%;
                height: 100%; }
body {          font-family: arial,sans-serif;
                font-size: 76%;
/*                background: url(aula_mr.jpg);*/
                background: url(img/ingresso.jpg);
                background-repeat: no-repeat;
                background-size: cover; }
div#container { position: relative;
                width: 140em;
                margin: 1px auto; }
/*---------------------------------------------CLASSI---------------------------------------------*/
a.bottone, [type=button], [type=submit]  { text-decoration: none;
        text-align: center; }
.pointer {cursor: pointer;}
.nascosto { visibility: hidden; }
.selez {        color: #C20041; }
.notselez {     color: gray; }
.disabled {     pointer-events: none;
                cursor: default; }
.silver {       background-color: silver; }
.clear {        clear:both; }
.evid {         border: solid 1px red;
                background-color: #FFE1DC;   }
.inline {       display: inline; }
.grigio {       color: gray; }
.nomargin{      margin: 0; }
.miatabella {   border-collapse: collapse;
                margin: 0em auto;
                border: 1px solid gray;
                text-align: center;
                font-size: 125%;
                background-color: white;}
input:required,
select:required { border: 1px solid #C20041; }
/*------------------------------------------- HEADER-----------------------------------------*/
div#header {                    height: 17em;
                                padding: 1% 2% 0%;}
div.head_img, div.head_cent {   float:left;
                                display: inline-block;
                                height: 100%; }
div.head_img {                  width:22%;
                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }
div.head_cent {                 width:56%; }
#header img {                   width: 100%;
                                height: 100%; }
#img_sx, #img_dx {              cursor: pointer; }
div#titolo {                    width: 100%;
                                height: 75%;
                                font-family: fantasy;
                                font-weight: bold;
                                font-style: italic;
                                color: #C20041; 
                                text-shadow: 5px 14px 15px rgba(0,0,0,0.5);
                                text-align: center; }
span#pagetitle,span#onlytitle  {    display: block;
                                    font-size: 600%;
                                    width: 90%;
                                    margin: 1% auto;}
span#pagesubtitle {             font-size: 300%;
                                line-height:50%; }
/*----------------------------------------------------------------------------------------------------*/
div#footer, div#content {                       position: static;
                                                width: 100%; }
div#content {                                   padding: 2% 0% 0%; }
div#footer {                                    min-height: 13em;
                                                padding: 1% 0% 2%; }
div#content_inn, div#footer_inn {               position: relative;
                                                overflow: hidden;
                                                margin: 0 auto;
                                                max-width: 94%;
                                                padding: 1%;
                                                border: 1px solid gray;
                                                background-color: silver;
                                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }
div#footer_inn {                                min-height: inherit; }
div#leftcol, div#centralcol, div#rightcol {     float:left;
                                                min-height: inherit; }
div#rightcol {                                  min-width: 18%;
                                                max-width: 18%; }
div#leftcol {                                   min-width: 38%;
                                                max-width: 38%; }
div#centralcol {                                min-width: 44%;
                                                max-width: 44%; }
/*---------------------------------------FINE LAYOUT---------------------------------------------------*/
div#log {       border: 1.5px solid gray;
                padding: 2em;
                box-shadow: 0 14px 15px rgba(0,0,0,0.5);
                border-radius: 8px; 
                background-color: #81AFB1; }
div#logcont {   position: relative;
                margin-top: 10%;
                left: 20%;
                width: 60%;
                height: 60%;
}
table#log {     height: 100%;
                width: 100%;
                vertical-align: middle;
                text-align: center;
                font-size: large;
                color: white;
                text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray;
                font-weight: bold; }
table#log select, table#log input[type=text]  { width: 80%;}
input#continua { width: 100%;
                margin-top: 5%;
                font-size: x-large; 
                color: white;
                background-color: cadetblue;
                padding: 0.5em 3em;
                box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
                border-radius: 8px; }
input#continua:hover {    font-weight: bold;
                        cursor: pointer;  }
/*-----------------------------------------PAGINA DI LOGIN------------------------------------------------*/
.inside { width:98%;
        height: 98%;
        padding: 0;
        margin: 0;
        border:none;
        background-color:inherit; }
.info { font-size: 130%;
        background-color: #D2D2D2; }
input.testo { width: 60%; }
div.card { position: relative;
                width: 88%;
        margin: 1.5% auto;
        padding: 2% 4%;
        border: solid 1px gray; }
#riass { width: 98%;
        height: 10%;
        line-height: 1.5em;
        margin: 1% 0%;
        padding: 1%;
        border: solid 1px gray;
        font-family: verdana, arial, sans-serif;
        font-size: 150%;
        background-color: white; }
#riass div { display: inline-block;
                min-width: 10%;
                margin-left: 8%;}
div.totheig { height: inherit; }