@charset "UTF-8";
* {
	box-sizing: border-box;
} 
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color: white;
	font-size: 14px;
}
#foglio {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}
#foglio a:focus {
outline: none;
}
#foglio img {
outline: none;
border: 0px;
}
#foglio .cleaner {
clear: both;
}
#foglio .testata {
text-align: center;
}
#foglio .pagina {
	max-width: 100%;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #0099DF;
}
#foglio .piede {
height: 100px;
margin-top: 10px;
font-size: 12px;
}
#foglio .piede .dati {
float: left;
width: 50%;
}
#foglio .piede .certificazioni {
	text-align: right;
float: right;
width: 50%;
}
#foglio .piede .dati p {
	width: 50%;
float: left;
}
#foglio .pagina .titolo {
	color: #0099DF;
	text-transform: uppercase;
	font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}
#foglio .pagina .paginazione {
text-align: center;
}
#foglio .pagina .button {
background-color: #0099DF;
color: #FFFFFF;
border: 1px solid #000000;
text-transform: uppercase;
margin-top: 20px;
font-size: 12px;
}
#foglio .pagina .submit {
background-color: #0099DF;
color: #FFFFFF;
border: 1px solid #000000;
text-transform: uppercase;
margin-top: 20px;
font-size: 12px;
}
#foglio .pagina table { 
width: 100%; 
border-collapse: collapse; 
border-left: solid 1px #0099DF;
border-right: solid 1px #0099DF;
}
#foglio .pagina table tr:nth-of-type(odd) { 
	background: #F2F2F2; 
}
#foglio .pagina table th { 
background-color: #0099DF;
color: #FFFFFF;
font-weight: bold;
padding: 5px 2px 5px 2px;
text-align: left;
text-transform: uppercase;
border-top: solid 1px #0099DF;
border-bottom: solid 1px #0099DF;
}
#foglio .pagina table td { 
	padding: 5px; 
	text-align: left; 
	vertical-align: middle;
border-bottom: solid 1px #0099DF;
}
#foglio .pagina .cliente_login {
width: 300px; 
margin: 0px auto;
text-align: center;
}
#foglio .pagina .cliente_login label {
width: 300px;
display: block;
float: left;
font-size: 13px;
line-height: 32px;
color: grey;
text-align: center;
}
#foglio .pagina .cliente_login input[type="text"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 300px;
text-align: center;
line-height: 28px;
border: 1px solid grey;
}
#foglio .pagina .cliente_login input[type="password"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 300px;
border: 1px solid grey;
line-height: 28px;
text-align: center;
}
#foglio .pagina .cliente_login input[type="submit"] {
width: 300px;
line-height: 28px;
text-align: center;
margin-left: 0px;
}
#foglio .pagina .documenti {
text-align: center;
}
#foglio .pagina .documenti label {
width: 300px;
display: block;
margin: 0px auto;
margin-bottom: 4px;
}
#foglio .pagina .documenti select {
width: 300px;
display: block;
margin: 0px auto;
text-align: center;
}
#foglio .pagina .documenti select option {
text-align: center;
}
#foglio .pagina .commesse {
text-align: center;
}
#foglio .pagina .commesse label {
display: block;
float: left;
font-size: 13px;
color: grey;
text-align: left;
width: 100%;
text-align: center;
}
#foglio .pagina .commesse .cleaner {
clear: both;
height: 8px;
}
#foglio .pagina .commesse input[type="text"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 50%;
border: 1px solid grey;
height: 26px;
line-height: 26px;
text-align: center;
}
#foglio .pagina .commesse select {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 50%;
border: 1px solid grey;
}
#foglio .pagina .commesse .pulsanti_icone {
text-align: center;
height: 28px;
}
#foglio .pagina .commesse .pulsanti_icone img {
height: 28px;
}
#foglio .pagina .commesse .pulsanti_icone input[type="image"] {
height: 28px;
}
#foglio .pagina .commesse table.lista_files thead th {
height: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
}
#foglio .pagina .commesse .pannello {
border-bottom: 1px solid #0099DF;
}
#foglio .pagina .commesse .pannello ul {
	padding-left: 0px;
	list-style-type: none;
height: 26px;
line-height: 26px;
margin: 0px;
}
#foglio .pagina .commesse .pannello ul li {
	float: left;
height: 26px;
line-height: 26px;
margin: 0px 6px 0px 0px;
padding: 0px 6px 0px 6px;
background-color: cyan;
background-color: #e7e7e7;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-radius: 10px 10px 0px 0px;
}
#foglio .pagina .commesse .pannello ul li.attivo {
background-color: #0099DF;
color: #FFFFFF;
}
#foglio .pagina .commesse .pannello ul li a:link {
color: #0099DF;
text-decoration: none;
}
#foglio .pagina .commesse .pannello ul li a:visited {
color: #0099DF;
text-decoration: none;
}
#foglio .pagina .commesse .pannello ul li a:hover {
color: #0099DF;
text-decoration: none;
}
#foglio .pagina .commesse .pannello ul li a:active {
color: #0099DF;
text-decoration: none;
}
#foglio .pagina .commesse .pannello ul li.attivo a {
color: #FFFFFF;
}
/***************************M,EDIA*/
/******************************************************************************/
@media screen and (max-width: 1000px) 
{
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color: white;
	font-size: 14px;
}
#foglio a:focus {
outline: none;
}
#foglio img {
outline: none;
border: 0px;
}
#foglio .cleaner {
clear: both;
}
#foglio .testata {
text-align: center;
}
#foglio .pagina {
	max-width: 100%;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #0099DF;
}
#foglio .piede {
height: 100px;
margin-top: 10px;
font-size: 12px;
}
#foglio .piede .dati {
float: left;
width: 100%;
	text-align: center;
}
#foglio .piede .certificazioni {
	text-align: center;
width: 100%;
}
#foglio .piede .certificazioni img {
height: 50px;
}
#foglio .piede .dati p {
	width: 100%;
margin-top: 4px;
margin-bottom: 4px;
}
#foglio .pagina .titolo {
	color: #0099DF;
	text-transform: uppercase;
	font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
}
#foglio .pagina .paginazione {
text-align: center;
}
#foglio .pagina input.submit {
height: 30px;
background-color: #0099DF;
color: #FFFFFF;
border: 1px solid #000000;
text-transform: uppercase;
margin-top: 20px;
font-size: 12px;
}
#foglio .pagina img { 
height: 28px; 
}
#foglio .pagina input[type="image"] { 
height: 28px; 
}
#foglio .pagina table {
border: 0;
}
#foglio .pagina table thead {
display: none;
}
#foglio .pagina table tr {
margin-bottom: 10px;
display: block;
border-bottom: 1px solid #0099DF;
}
#foglio .pagina table td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #0099DF;
}
#foglio .pagina table td:last-child {
border-bottom: 0;
}
#foglio .pagina table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
}
#foglio .pagina table td img {
height: 28px;
margin-left: 0px; 
} 
#foglio .pagina .clienti {
text-align: center;
}
#foglio .pagina .clienti label {
width: 100%;
line-height: 28px;
display: block;
float: left;
font-size: 13px;
color: grey;
text-align: center;
}
#foglio .pagina .clienti .cleaner {
clear: both;
height: 14px;
}
#foglio .pagina .clienti input[type="text"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 100%;
line-height: 28px;
border: 1px solid grey;
text-align: center;
}
#foglio .pagina .clienti input[type="password"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 100%;
border: 1px solid grey;
line-height: 28px;
text-align: center;
}
#foglio .pagina .clienti .checkbox {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 100%;
text-align: center;
}
#foglio .pagina .clienti input[type="submit"] {
text-align: center;
margin-left: 0px;
width: 100%;
}
#foglio .pagina .clienti input[type="button"] {
text-align: center;
margin-left: 0px;
width: 100%;
}
#foglio .pagina .clienti .form_gestione select {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
height: 28px;
border: 1px solid grey;
}
#foglio .pagina .clienti .form_gestione input[type="submit"] {
margin-left: 0px;
}
#foglio .pagina .clienti .form_gestione .errore_testo {
margin-left: 0px;
}
#foglio .pagina .parametri input[type="text"] {
width: 80%;
line-height: 28px;
text-align: right;
}
#foglio .pagina .parametri input[type="password"] {
width: 80%;
line-height: 28px;
text-align: right;
}
#foglio .pagina .parametri input[type="button"] {
width: 100%;
}
#foglio .pagina .logs {
text-align: center;
}
#foglio .pagina .logs label {
width: 100%;
line-height: 28px;
display: block;
float: left;
font-size: 13px;
color: grey;
text-align: center;
}
#foglio .pagina .logs .cleaner {
clear: both;
height: 14px;
}
#foglio .pagina .logs select {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
height: 28px;
width: 100%;
text-align: center;
}
#foglio .pagina .logs input[type="text"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 100%;
line-height: 28px;
border: 1px solid grey;
text-align: center;
}
#foglio .pagina .logs input[type="date"] {
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
width: 100%;
line-height: 28px;
border: 1px solid grey;
text-align: center;
}
#foglio .pagina .logs input[type="submit"] {
text-align: center;
margin-left: 0px;
width: 100%;
}
#foglio .pagina .logs input[type="button"] {
text-align: center;
margin-left: 0px;
width: 100%;
}
#foglio .pagina .commesse input[type="text"] {
width: 100%;
}
#foglio .pagina .commesse select {
width: 100%;
}
}

@media screen and (max-width: 600px){
    #foglio .testata > a > img{
        max-width: 90%;
    }
}