/*
esperimento senza float
*/

body {
}
body,table {
    font-family: arial;
    font-size: 9pt;
}
table {
    border-collapse: collapse;
    margin: 0 auto;
}
img {
    border: 0;
    max-width: 100%;
}
a {
    text-decoration: none;
}
h1,h2,h3,h4,p,li { /* p:empty */
    margin: 2px 0;
    min-height: 1em;
}



/*
* grigio testo 4b5357 arancio e7763b
*/

body,table,input,select,textarea,button {
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-size: 20px;
    color: #000;
}
html {
    height: 100%;
}
h1 {
    margin:0; padding: 3px;
    font-size: 110%;
    font-weight: normal;
    text-align: center;
    background-color: #111;
    color: #fff;
    text-transform: uppercase;
}
a {
    color: #ed5420; /*orange*/
}
body {
    margin: 0;
    background-color: #333;
}
.laytitle {
    position: relative;
    height: 90px;
}
.layoutout {
    background-color: rgb(128,128,128);
    background-color: rgba(255,255,255,0.5);
    padding: 1% 0;
}
.layout {
    margin: 0 auto;
    position: relative; /* btn mebtn */
}

/* piastrelle mebox */
.mebox {
    width: 16%;
    border: 4px solid transparent;
    /*float: left;*/
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    position: relative;
    box-sizing: border-box;
}
.mebox a {
    color: #fff;
}
.mebox .bodyitem p {
    min-height: 0;
}
.meb2x1 {
    width: 32%;
}
.meb3x2 {
    width: 48%;
    min-height: 300px;
}

@media (max-width: 768px) {
    .mebox {
	width: 49%;
    }
    .meb2x1 {
	width: 100%;
    }
    .meb3x2 {
	width: 100%;
    }
    .meboxoff {
	display: none;
    }
}


.mebase {
    text-align: center;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.mebase:hover {
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
}
.mebaseoff {
    opacity: 0.7;
    box-shadow: none;
}
.mebaseoff:hover {
    opacity: 0.7;
    box-shadow: none;
}
.meb3x2 .mebase {
    box-shadow: none;
}



/* icona */
.mebr1 {
    height: 70px;
    overflow: hidden;
}
.mebr1 img {
    padding: 10px;
}
/* title */
.mebr2 {
    height: 1.6em;
    overflow: hidden;
}
/* tips */
.mebr3 {
    font-size: 70%;
    height: 1.6em;
    overflow: hidden;
}

.mebtn {
    line-height: 60px;
    text-align: center;
    border-radius: 16px;
}
.mebtn img {
    vertical-align: middle;
}
.mebtn a {
    display: block;
    color: #fff;
    padding: 10px;
    white-space: nowrap;
}

.mebgreen { background-color: #0ea24a; }
.mebviolet { background-color: #494aa8; }
.mebwine { background-color: #741763; }
.mebcyan { background-color: #45a4ac; }
.mebyellow { background-color: #e2a01a; }
.mebblue { background-color: #044b8d; }
.meborange { background-color: #cd432d; }
.mebgreen2 { background-color: #96b232; }
.mebred { background-color: #f00; }
.mebdirty { background-color: #ddd; }
.mebacid { background-color: #6cb301; }

.mebtn_right {
    position: absolute; top: 80px; right: 1em;
}

@media (max-width: 470px) {
    .mebtn_right {
	position: static;
    }

}
.atips {
    padding-left: 1em;
}

.inet_buttons {
    text-align: center;
}
.inet_buttons button {
    padding: 8px 1em 8px 1em;
    margin: 4px;
    border-radius: 16px;
}
button.inet_default {
    border-color: transparent;
    background: #6cb301 url(./img/w-next.png) no-repeat left center; /*PRIMO_PLUG_URL/inc/img/w-next.png*/
    padding: 10px 1em 10px 50px;
    color: #fff;
    border-radius: 16px;
    cursor: pointer;
}

.inet_cancel {
    background: #999 none no-repeat left center;
    padding: 10px 1em 10px 1em;
    color: #fff;

}

.pa_block {
    display: block;
    border: 1px solid #999;
    padding: 5px;
    margin: 5px 2px;
    border-radius: 7px;
    color: #fff;
    text-align: left;
}



.info_div {
    text-align: center;
}
.info_box {
    display: inline-block; margin: 0 auto; padding: 1em;
    background-color: #ccc;
}
.info_box > div {
    padding: 4px;
    border-bottom: 1px solid #999;
}

.tabdati {
    margin: 0 auto;
    background-color: #ccc;
    width: 96%; max-width: 640px;
    border-radius: 16px;
}
.tabdati50 { /* dlgpin */
    width: 50%;
}
.tabdati100 { /* dlgpin */
    max-width: none;
}

@media (max-width: 768px) {
    .tabdati50 {
	width: 96%;
    }
}


.tabdati td {
    padding: 4px;
    vertical-align: top;
}
.tabdati th,.tabdati td {
    border: 0px solid #eee;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}
.tabdati th:first-child,.tabdati td:first-child {
    border-left: 0px solid #999;
}



.tessere_imgsrc {
    border-radius: 50%;
}

.divcelbutton button {
    text-align: center;
    height: 64px; width: 64px;
    font-size: 200%;
    padding: 2px;
    margin: 4px;
}



.menupage {
     width: 200px;
}
.menupage li {
    background-color: #044b8d;
    margin-bottom: 9px;
    border-radius: 16px;
}
.menupage li a {
    display: block;
    color: #fff;
    padding: 10px 20px 10px 10px;
    border-radius: 16px;

}
.menupage a.selected {
    background: #0ea24a url(img/arrow-w-dx.png) no-repeat right center;
}

.menutimeline  {
    /*float: left;*/
    display: inline-block;
    box-sizing: border-box;
}
.menutimeline li {
    /*float: left;*/
    box-sizing: border-box;
    display: inline-block;
    width: 175px;
    margin-right: 9px;
    line-height: 60px;
    text-align: center;
    background-color: #044b8d;
    overflow: hidden;
}
.menutimeline li a {
    display: block;
    color: #fff;
}
.menutimeline a.selected {
    background: #0ea24a url(img/arrow-w-dw.png) no-repeat center bottom;
}













.laycol2 {
    text-align: left;
}
.laytext {
    background: #ccc;
    font-size: 90%;
}
.laytext table {
    font-size: 80%;
}
.laycredits a {
    color: #000;
    font-weight: bold;
}
.laycredits {
    text-shadow: 0 2px 5px #fff;
    color: #000;
    font-size: 70%;
    font-style: italic;
    letter-spacing: 1px;
    text-align: center;
}


.primo_msg_div, .primo_warn_div, .primo_err_div {
    color: white;
    background-color: royalblue;
    width: 60%;
    padding: 1em;
    text-align: center;
    margin: auto;
    margin-top: 1em;
}
.primo_warn_div {
    background-color: #ed5420;
}
.primo_err_div {
    background-color: #f00;
}

.giallino {
    background-color: #e2a01a;
    color: #fff;
}