@charset "utf-8";
/* CSS Document */




@media (max-width:960px) {
	
	.container {
	width: 100%;
    padding: 0;
	}
	
	.slider {
	background:none;
	background-color:#004668;
	height: auto;
	}
	
	.slider div {
    margin: 0;
	padding: 15px;
	}
	
	.slider h1 {
    font-size: 90%;
    font-weight: normal;
    padding:0;
	color: #FFF;
	text-align:center;
	}
	
	.slider h3 {
    font-size: 11pt;
    width: 100%;
	color: #FFF;
	text-align:center;
	}
	
	
	
	#content {
    float: none;
    width: 100%;
    padding: 20px;
	box-sizing: border-box;
	}
	
	.myform {
    width: 100%;
    margin-top: 10px;
    font-size: 90%;
    box-sizing: border-box;
	}
	
	.myform p {
    margin-bottom: 20px;
	}

	.myform label,
	.myform .input, .myform select {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
	}
	
	.tabRiepilogoAcquisto {
    width: 70%;
	}
	
	.tabRiepilogoAcquisto li.label {
    width: 70%;
	}

	.tabRiepilogoAcquisto li.value {
    width: 30%;
	}





	.footer {
    width: 100%;
	}
}



@media (max-width:830px) {
	
	input[type=button].iconbutt, input[type=submit].iconbutt, button.iconbutt, .myButton.iconbutt {
    padding-left: 55px !important;
	}


	#menubar {
    display: none;
	}


	#menu-icon-mobile {
    display: block;
	height:40px;
	background:url(../images/icon-menu-mobile.png);
	background-repeat:no-repeat;
	background-position: 98% center;
	background-size:contain;
	}

	.col {
	float:none;
	width:100% !important;
	margin:0 !important;
	padding:0 20px !important;
	}

	.myform p.bottoniera {
    margin: 25px 0;
	}

	p.bottoniera input[type=button], 
	p.bottoniera input[type=submit],
	p.bottoniera .button,
	p.bottoniera .myButton {
	white-space:normal !important;
	}

	input[type=button], input[type=submit], .button, .myButton {
	font-size: 115% !important;
    white-space: normal;
    float: none !important;
    padding: 0.8em 1em !important;
    margin: 20px auto !important;
    display: block;
    width: 70% !important;
	}
	
	
	.boxed-title {
    height: auto !important;
	}
	
	
	.tabRiepilogoAcquisto {
    width: 90%;
	}


	.hr-icons-link li {
    width: 80%;
	}



	.icon-help {
    position: absolute;
    right: 20px;
    margin-top: -2px;
	}
	.icon-close {
    width: 25px;
    height: 25px;
    background-size: cover;
	}
	.helpContent {
    position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    width: 90%;
    height: 95%;
    margin: 15px auto 0;
	padding: 35px 20px 20px;
    overflow: auto;
	}
}