html {overflow-x: hidden; overflow-y: auto}
body {background-color: #f9f9f9 !important; color: #34363a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height: 100%;}

h1 {font-size: 2em; font-weight: bold; margin-top: 0;}
h2 {font-size: 1.5em; font-weight: bold; margin-top: 0;}

a {color: #06c;}
a:link {text-decoration: none;}
a:focus {color: #06c; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

.btn-primary {color: #fff; background-color: #06c; border-color: #06c;}
.btn-primary:focus {background-color: #06c; border-color: #06c;}
.btn-primary:hover {background-color: #000000; border-color: #f48026;}

header {background-color: #fff; height: 150px; padding: 25px 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1);}
#container-header {margin: 0 auto; width: 860px; vertical-align: top;}
#container-header img {height: 100px;}
#container-header #logo-sx {float: left;}
#container-header #logo-dx  {float: right;}

section {background-color: #fff; padding: 20px 0; min-height: 620px;}
#container-section {background-color: #efefef; margin: 4% auto; padding: 30px; max-width: 860px; min-height:400px; border-radius: 4px; vertical-align: top;}
#container-section p {text-align: justify;}
#container-section #logocie-top {width: 20%; margin-bottom: 20px;}
#container-section #logocie-bottom {width: 8%;}
#container-section #logocie-bottom-lx {width: 50%; margin-top: 15px;}
#container-section #logocie-bottom-cx {width: 25%;}
#container-section #logocie-bottom-rx {width: 45%;}
#container-section #error-detail {padding: 10px; margin: 0 auto; margin-top: 15px; width: 600px;}
#container-section-bottom {margin-top: 35px;}

footer {background-color: transparent; border-top: 1px solid #e5e3e3; display: flex; padding: 25px 0}
#container-footer {margin: 0 auto; width: 860px; vertical-align: top;}
#container-footer p {font-weight: normal !important; font-size: 14px; line-height: 15px;}
#container-footer p.first {font-size: 16px;}

/* Non modificare */
.button-cie {background-color: #06C; color: #FFF; display: inline-block;}  
.button-cie:active {background-color: #83BEED; color: #036;} 
.button-cie:hover {background-color: #036; color: #FFF;}  
.button-cie:visited {color: #FFF; display: inline-block;}  
.italia-it-button-size-m {font-size: 15px; width: 220px;} 
.italia-it-button-text {font-family: 'Titillium',Helvetica,sans-serif; font-size: 1.15em; text-align: center; font-weight: bold; padding: .6em 1em;}  
.italia-it-button-icon, .italia-it-button-text {display: block; float: left;}  
.italia-it-button-icon {margin: 0 -.4em 0 0; padding: .6em .8em; border-right: rgba(255,255,255,0.1) .1em solid;}  
.italia-it-button-icon, .italia-it-button-text {display: block; float: left;}  
.italia-it-button-size-m > span img {width: 29px; height: 29px; border: 0;}  


/* Tablet in modalit� orizzontale */
@media all and (min-width: 771px) and (max-width: 1280px) {
	h2 {font-size: 1.4em;}
	header {padding: 5px 10px;}
	#container-header {padding: 20px 0;}
	#container-section {max-width: 660px;}
	#container-section #error-detail {width: 500px;}
	footer {padding: 5px 0;}
	#container-footer {padding: 20px 0;}
}

/* Tablet in modalit� verticale */
@media all and (min-width: 481px) and (max-width: 770px) {
	h2 {font-size: 1.3em;}
	header {height: 100px; padding: 0;}
	#container-header {padding: 15px 0;}
	#container-header img {height: 70px;}
	#container-header #logo-sx {padding-left: 10px;}
	#container-header #logo-dx  {padding-right: 10px;}
	section {padding:0; min-height: 520px;}
	#container-section {max-width: 520px; min-height: 420px;}
	#container-section #logocie-bottom-lx {display: none;}
	#container-section #logocie-bottom-cx {width: 10%;}
	#container-section #logocie-bottom-rx {display: none;}
	#container-section #error-detail {width: 400px;}
	#container-section-bottom {margin-top: 15px;}
	footer {padding: 0;}
	#container-footer {padding: 15px 0;}
	.button-cie {margin-top: 10px;}  
}

/* Smartphone o piccoli Tablet */
@media all and (max-width: 480px) { 
	h2 {font-size: 1.2em;}
	header {height: 100px; padding: 0;}
	#container-header {padding: 20px 0;}
	#container-header img {height: 60px;}
	#container-header #logo-sx {padding-left: 10px;}
	#container-header #logo-dx  {padding-right: 10px;}
	section {padding:0; min-height: 420px;}
	#container-section {max-width: 360px; min-height: 420px; margin: 10% auto 15%; padding: 20px;}
	#container-section #logocie-bottom-lx {display: none;}
	#container-section #logocie-bottom-cx {width: 10%;}
	#container-section #logocie-bottom-rx {display: none;}
	#container-section #error-detail {width: 300px;}
	#container-section-bottom {margin-top: 15px;}
	footer {padding: 0;}
	#container-footer {padding: 20px 0;}
	#container-footer p {font-size: 12px; line-height: 12px;}
	#container-footer p.first {font-size: 14px;}
	.button-cie {margin-top: 10px;}  
}