/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0px none;font-size: 100%;vertical-align: baseline}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
* { margin:0; padding:0; list-style-type:none; text-decoration:none; }


/*** General ***/


/*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/

body {margin: 0 auto; padding:1%; width:100%; text-align:center; background:#f2f2f2; color: #020202; font-family: Arial, Verdaba, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a{text-decoration: none;} 

h1{font-size: 28px;}
h2{font-size: 20px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 11px;}

#cookies {position:fixed; width:100%; bottom:10%; z-index:99; padding:10px; border:1% solid #000; text-align:center; margin: 0 auto; background-color: #fff; font-weight: 900; color:#000;}
/*** cookies ***/
#cookies p {font-size:14px; }
#cookies ul	li { display:inline-block; margin: 5px 30px; }
#cookies .accetto input[type=submit] { background: #0F0; color:#000; font-weight:900; cursor:pointer; padding:5px; text-decoration:none; border:1px solid #000;}
#cookies .accetto input[type=submit]:hover{background:#0F0; color:#FFF}
#cookies .MI input[type=submit] { background: #F2F2F2; color:#000; font-weight:900; cursor:pointer; padding:5px; text-decoration:none; border:1px solid #000;}
#cookies .MI input[type=submit]:hover{background:#FFF; color:#F00}


	
	#logomenu {z-index:1; position:fixed; top:0; left:0; width:100%; height:100px; background: #fff; padding:5px; margin:0 auto; overflow:auto; text-align:center;}
	#logomenu .logo {width:42%; height:90px; float:left; margin:0 auto; text-align:right;}
	#logomenu .logo img { height:90%; border:0px solid #000; }
	#logomenu .ditta {font-size:30px; font-weight:bold; width:57%; margin:20px auto; height:50px; float:right; text-align:left; }
	
	#logomenu .logo1 {float:left; width:15%; height:90px; margin:0 5px; text-align:right; border: 0px solid #f00;}
	#logomenu .logo1 img { height:90px; border:0px solid #000; }
	#logomenu .ditta1 {float:left; width:25%; font-size:30px; font-weight:bold;  margin:20px 5px; height:50px; text-align:left;}
	#logomenu .menusalve {float:left; width:55%; margin:15px 5px; height:55px; text-align:center; border:0px solid #000;}
	#logomenu .menu {overflow: auto; white-space: nowrap; width:95%; font-size:20px; font-weight:bold; text-align:center; border:1px solid #000; height:45px;}
	#logomenu .menu ul { margin:0 auto; padding:0; list-style:none;text-align:center;}
	#logomenu .menu li a{float:left;  text-decoration:none; padding:10px 20px; color:#000;}
	#logomenu .menu li a:hover{background-color:#f0ffff; color:#00f; font-weight:bold; }
	#logomenu .esci {width:15%; text-align:center; font-size:13px; margin-top:5px; padding:2px; float:left;}
	#logomenu .esci a{ border:1px solid #00f; color:#F00; font-weight: bold; padding:2px 7px; }
	#logomenu .esci a:hover{ background-color:#f0ffff; }

	#logomenu .salve {width:93%; text-align:right; font-size:13px; margin-top:5px; padding:2px; color:#00F;}
	#logomenu .salve span{font-weight: bold; color:#00F; }

	
	#content {width:100%; height:auto; margin: 95px auto;  border: 0px solid #000; text-align: center;}
	#content .credenziali {width: 500px;  background: #fff; margin:45px auto; text-align: center; border: 0px solid #000;}	
	#content .credenziali span { display: block; width: 100%; padding: 5px 10px; text-align: center; font-size: 18px; font-weight: bold;}
	#content .credenziali label {float:left; width:20%; font-size: 16px; text-align: left; padding: 5px; margin-left:10%;}
	#content .credenziali .inp { float:right; width:55%; padding: 5px; margin-right:10%; }
	#content .credenziali .pulsante_submit { width:30%; padding:5px; margin:0 0 10px 20%; background: #F2F2F2; color:#000; font-weight:900; cursor:pointer; text-decoration:none; border:1px solid #000;}
	#content .credenziali .pulsante_submit:hover{background:#FFF; font-size: 105%}
	#content .credenziali .err {color:#F00; margin:5px; padding:5px;}



#footer {position:fixed; bottom:0; z-index:1; width:100%; margin:0 auto; padding:2px; background:#efefef; border: 0px solid #cc6;}
#footer li {display:inline; padding-right:5px;}	
#footer p {textdisplay:inline; padding-right:5px;}	
	



.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */