/* STYLE CSS*/
#menuMailingPage {
	float: left;
}
.menuMailing {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
.menuMailing li {
	padding: 0;
	float: left;
	margin: 0 1px;
}
.menuMailing li a {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	padding: 1px 3px;
	border: 1px solid #ddd !important;
	background: #fff !important;
}
#descMailingPage {
	margin: 0;
	padding: 0;
	float: left;
}

#GoogleMarkup {
	visibility: hidden;
	display: none;
}

#container {
	width: 1140px;
	margin: 0px auto;
	padding: 0px;
	border: none;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ---------------- */
/* ---- HEADER ---- */
/* ---------------- */
header {
	padding: 0;
	margin: 0;		
}

#topPage {
	height: 60px;
}
#iconMLS {
	visibility: visible; display: inline-block;	
	margin: 0 auto; position: absolute; 
	width: 48px;
	height: 48px; 
	margin-top: 6px;
	border: none;
	
}
#logo {
	text-align: center;
}
#live-chat-up { 
	visibility: visible; display: inline-block;	
	margin: 0 auto; position: absolute; 
	width: 121px; 
	margin-top: 9px;
}


/* ------------- */
/* ---- NAV ---- */
/* ------------- */
nav {
	padding: 0;
	margin: 0px auto;
}


/* ---------------- */
/* ----- MENU ----- */
/* ---------------- */
.fixedMenu {
	z-index: 9998;
	position: fixed;
	margin: 0px auto;
	top: 0;
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);	
}
#noMenu {
	height: 0px;
}
#mainMenu {
	height: 52px;
	background: #f8f8f8;
	background-image: url(/images/bg/bg-menu.png);
	background-repeat: repeat-x;	
	padding: 0;
	margin: 0 auto;
	text-align: left;
	z-index: 9999;
}

#mainMenu ul {
	width: 610px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 9999;
}
#mainMenu ul li {
	display: inline-block;
	width: 118px;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
#mainMenu ul li:hover {
	color: #fff;
}
#mainMenu ul li a {
	display: block;
	text-align: center;
	padding: 15px 0px;
	color: #666;
	z-index: 9999;
}

#mainMenu li.c1 a {border-top: 2px #9a77d1 solid;}
#mainMenu li.c2 a {border-top: 2px #ff6161 solid;}
#mainMenu li.c3 a {border-top: 2px #76c897 solid;}
#mainMenu li.c4 a {border-top: 2px #72a0d4 solid;}
#mainMenu li.c5 a {border-top: 2px #f5b128 solid;}

#mainMenu li:hover a, #mainMenu li a:focus, #mainMenu li.active a {color:#fff;}

#mainMenu li.c1:hover a, #mainMenu li.c1 a:focus, #mainMenu li.c1.active a {background:#9a77d1; border-top: 2px #7559a2 solid;}
#mainMenu li.c2:hover a, #mainMenu li.c2 a:focus, #mainMenu li.c2.active a {background:#ff6161; border-top: 2px #d24545 solid;}
#mainMenu li.c3:hover a, #mainMenu li.c3 a:focus, #mainMenu li.c3.active a {background:#76c897; border-top: 2px #64a980 solid;}
#mainMenu li.c4:hover a, #mainMenu li.c4 a:focus, #mainMenu li.c4.active a {background:#72a0d4; border-top: 2px #5a799d solid;}
#mainMenu li.c5:hover a, #mainMenu li.c5 a:focus, #mainMenu li.c5.active a {background:#f5b128; border-top: 2px #c18b1e solid;}

#mainMenu ul li:hover {
	color: #03C;
	text-decoration: none;
}

#mainMenu ul li:hover ul {
	display: block;
	width: 150px !important;
}

#mainMenu ul ul {
	display: none;
	position: absolute;
	z-index: 9999;
}
#mainMenu ul ul li {
	display: block;
	width: 150px !important;
	z-index: 9999;
}

#mainMenu ul ul li a {
	background: #f8f8f8 !important;	
	border: none !important;	
	color: #666 !important;
	text-align: left;
	padding: 10px 7px;
	border-bottom: 1px #eee solid !important;
	z-index: 9999;
}

#mainMenu ul ul li a img {
	display: block;
	float: right;
	border: none;
	margin: 0;
	padding: 0;
}

#mainMenu ul li a img {
	display: block;
	float: right;
	border: none;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}


#mainMenu li.c2 ul li a:hover {background:#ff6161 !important; color: #fff !important;}
#mainMenu li.c3 ul li a:hover {background:#76c897 !important; color: #fff !important;}
#mainMenu li.c4 ul li a:hover {background:#72a0d4 !important; color: #fff !important;}
#mainMenu li.c5 ul li a:hover {background:#f5b128 !important; color: #fff !important;}


/* ----------------- */
/* ---- CENTRAL ---- */
/* ----------------- */

section {
	padding: 0;
	margin: 0;	
	background: #fff;	
}






/* ------------------------- */
/* ---- SECTION CENTRAL ---- */
/* ------------------------- */


section {
	padding: 0;
	margin: 0;	
}

#titlePage {
	background: #151515;
	color: #fff;
	height: 60px;
	overflow: hidden;
}
#titlePage a {
	color: #fff;
}
#titlePage h1 {
	display: block;
	position: relative;
	float: left;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	padding: 0;
	margin: 0 20px;;
	text-shadow: none;
}
#positionPage {
	position: static;
	float: right;
}
#positionPage ol {
	display: block;
	position: relative;
	float: right;
	list-style-type: none;
	margin: 20px 0;
	padding: 0 20px;
	cursor: pointer;
}
#positionPage ol li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#positionPage ol li a {
	margin: 0;
	padding: 20px 0;
}
#positionPage ol li a:hover {
	text-decoration: underline !important;
}

/* colonna unica screenschot */ 
#contentPageLeftScreenshot {
	display: block;
	position: relative;
	padding: 15px 0; 
	color: #333;
}
#contentPageLeftScreenshot h2 {
	font-size: 20px;
	font-weight: 600;
	padding: 3px 20px;
	padding-top: 15px;
	margin: 0;	
	color: #333;
}
#contentPageLeftScreenshot p {
	font-size: 13px;
	padding: 5px 20px;
	margin: 0;
	margin-bottom: 20px;
	color: #333;
}


/* colonna unica */ 
#contentPageLeft1 {
	display: block;
	position: relative;
	padding: 15px;
	color: #333;
}
#contentPageLeft1 h2 {
	font-size: 20px;
	font-weight: 600;
	padding: 3px 0;
	padding-top: 15px;
	margin: 0;	
	color: #333;
}
#contentPageLeft1 h3 {
	font-size: 16px;
	font-weight: 600;
	padding: 3px 0;
	padding-top: 15px;
	margin: 0;	
	color: #333;
}
#contentPageLeft1 p {
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	color: #333;
}

/* due colonne */
#contentPageLeft {
	display: block;
	position: relative;
	padding: 15px;
	float: left;
	width: 825px;
	border-right: 1px #ccc dotted;
	color: #333;
}
#contentPageLeft h2 {
	font-size: 20px;
	font-weight: 600;
	padding: 3px 0;
	padding-top: 15px;
	margin: 0;	
	color: #333;
}
#contentPageLeft h3 {
	font-size: 16px;
	font-weight: 600;
	padding: 3px 0;
	padding-top: 15px;
	margin: 0;
	color: #333;
}
#contentPageLeft p {
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	color: #333;
}
#contentPageLeft a {
	color: #5080b2;
	font-weight: 600;
}
#contentPageLeft a:hover, #contentPageLeft a:focus {
	color: #dd4040;
	font-weight: 600;
}

#contentPageRight {
	display: block;
	position: relative;
	padding: 15px;
	float: right;
	width: 250px;
}
#contentPageRight img {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	border: none;
	border-radius: 6px;
}
#contentPageRight img.mappa250 {
	border: 1px solid #ccc;
}

#contentPageRight h2 {
	font-size: 20px;
	font-weight: 600;
	padding: 3px 0;
	padding-top: 15px;
	margin: 0;
}
#contentPageRight p {
	font-size: 13px;
	padding: 5px 0;
	margin: 0;
	padding-bottom: 15px;
	border-bottom: 1px #ccc dotted;
	color: #333;
}
#contentPageRight p a {
	font-weight: 600;
}
#contentPageRight a {
	color: #5080b2;
}
#contentPageRight a:hover, #contentPageRight a:focus {
	color: #dd4040;
}

#contentPageRight ul {
	display: block;
	position: relative;
	float: right;
	list-style-type: none;
	padding: 5px 0;
	margin: 0;
	margin-bottom: 15px;
}
#contentPageRight ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#contentPageRight ul li a {
	margin: 0;
	padding: 1px 4px;
	border: 1px #ddd dotted;
	border-radius: 3px;
	font-size: 12px;
	line-height: 25px;
	background: #eee;
	color: #999 !important;
}
#contentPageRight ul li a:hover {
	background: #fff;
	color: #ccc !important;
}


#like-google, #like-twitter, #like-facebook {
	display: block;
	position: relative;
	float: left;
}
#like-google {width: 70px;}
#like-twitter {width: 85px;}
#like-facebook {width: 50px;}



/* ---------------- */
/* --- Download --- */
/* ---------------- */
.scatolaDownload {
	float: right;
}
.compatibleLogo {
	margin: 3px;
	padding: 0;
}
/* ------------------------- */
/* --- Prezzi e verisoni --- */
/* ------------------------- */
.tabDiffVers {
	border: none;
}
.tabDiffVersHeder {
	background: #f9f9f9;
	font-weight: 600;
	font-size: 14px;
	border-bottom: 1px solid #ddd;
	color: #000;
}
.tabDiffVersRow1 {
	background: #fff;
	font-size: 13px;
}
.tabDiffVersRow2 {
	background: #f0f0f0;
	font-size: 13px;
}
.tabDiffVers tr:hover {
	background: #02874a;
	color: #fff;
	cursor: pointer;
}

/* ------------------------ */
/* --- box setting smtp --- */
/* ------------------------ */
.boxSettingSMTP {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px #ccc dotted;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;	
}
.boxSettingSMTP:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
}
.boxSettingSMTP p {
	font-size: 18px !important;
	font-weight: 600;
	text-align: center;
	color: #333 !important;
}
.logoSMTP {
	float: right;
	margin-top: 10px;
}



/* ------------------- */
/* --- guide video --- */
/* ------------------- */

.guideFiltri {
	line-height: 30px;
}
.guideFiltri a {
	line-height: 30px;
	border: 1px #ccc solid;
	background: #bbb;
	color: #fff !important;
	padding: 3px 5px;
	margin: 13px 0;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;		
}
.guideFiltri a:hover {
	background: #eee;
	color: #333 !important;
}
#contentThumbGuide ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}
#contentThumbGuide li {
	margin: 0;
	padding: 5px;
	display: block;
	width: 250px;
	height: 250px;
	border: 1px #ccc dotted;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;	
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;	
	
}
#contentThumbGuide li:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.9);
}
#contentThumbGuide li img {
	margin: 10px 0 !important;
	border: 1px #ccc dotted;
}



/* ----------- */
/* --- faq --- */
/* ----------- */

.faqFiltri {
	line-height: 30px;
}
.faqFiltri a {
	line-height: 30px;
	border: 1px #ccc solid;
	background: #bbb;
	color: #fff !important;
	padding: 3px 5px;
	margin: 13px 0;
	border-radius: 4px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;		
}
.faqFiltri a:hover {
	background: #eee;
	color: #333 !important;
}

#faqElenco {
	font-size: 16px;
	font-weight: 600;
}
#faqElenco ul li {
	font-size: 13px;
	font-weight: none !important;
}
#faqElenco ul li a {
	font-weight: none !important;
}



/* ---------------- */
/* --- contatti --- */
/* ---------------- */

#logoPSYS {
}
#contattiFax {
	vertical-align: bottom;
}
#contattiTel {
	vertical-align: bottom;
}
#contattiEmail {
	cursor: pointer;
	vertical-align: bottom;
}


/* --------------- */
/* --- history --- */
/* --------------- */

.historyCambioVersione {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	/*border-bottom: 1px #ccc dotted;*/
	background: #c0e0d1;
	box-shadow: 0 0 20px #a4d8c0;
}
#history {
	padding: 0;
	margin: 0;
	margin-left: 20px;
	margin-top: 20px;
	list-style: disc;
}
#history li {
	padding: 0;
	margin: 0;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 16px;
	font-weight: 600;
}
#history li span {
	font-size: 10px;
	font-weight: none;
	color: #999;
}
#history li ul {
	padding: 0;
	margin: 0;
	margin-left: 20px;
	list-style: disc;
}
#history li ul li {
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal !important;
}
#history ul li img {
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: middle;
	alignment-adjust: middle;
	alignment-baseline: central;
}




/* --------------- */
/* ---- MAPPA ---- */
/* --------------- */

#iframe-mappa-clienti {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border: none;
}


/* ---------------- */
/* ---- RESIZE ---- */
/* ---------------- */

@media (min-width: 1170px) {

	body {
		background-image: url(/images/bg/bg-pages.png);
	}

	#container {
		width: 1140px;
	}
	
	#iconMLS { 
		left: 50%; margin-left: -564px;
	}
	
	#live-chat-up { 
		left: 50%; margin-left: 445px;
		margin-top: 9px;
	}

	.fixedMenu {
		width: 1140px;
	}

	#contentPageLeft {
		padding: 15px;
		width: 825px;
	}
	#contentPageRight {
		padding: 15px;
		width: 250px;
	}

	.guideImgNoVideo {
		src: url(/images/guide-video/video-coming-soon-820.jpg);
		background-image: url(/images/guide-video/video-coming-soon-820.jpg);
		background-repeat: no-repeat;
		background-size: 820px 450px;
		border: none;
		width: 820px;
		height: 450px;
	}

	#iframe-mappa-clienti {
		width: 1100px;
		height: 500px;
	}

}

@media (min-width: 990px) and (max-width: 1169px) {

	body {
		background-image: url(/images/bg/bg-pages_960.png);
	}

	#container {
		width: 960px;
	}

	#iconMLS { 
		left: 50%; margin-left: -474px;
	}

	#live-chat-up { 
		left: 50%; margin-left: 355px;
	}

	.fixedMenu {
		width: 960px;
	}

	#contentPageLeft {
		padding: 15px;
		width: 640px;
	}
	#contentPageRight {
		padding: 15px;
		width: 250px;
	}

	.guideImgNoVideo {
		src: url(/images/guide-video/video-coming-soon-640.jpg);
		background-image: url(/images/guide-video/video-coming-soon-640.jpg);
		background-repeat: no-repeat;
		background-size: 640px 351px;
		border: none;
		width: 640px;
		height: 351px;
	}

	#iframe-mappa-clienti {
		width: 920px;
		height: 500px;
	}

}

@media (min-width: 769px) and (max-width: 989px) {

	body {
		background-image: url(/images/bg/bg-pages_740.png);
	}
	
	#container {
		width: 740px;
	}

	#iconMLS { 
		left: 50%; margin-left: -364px;
	}

	#live-chat-up { 
		left: 50%; margin-left: 245px;
	}

	.fixedMenu {
		width: 740px;
	}

	#contentPageLeft {
		padding: 10px;
		width: 440px;
	}
	#contentPageRight {
		padding: 10px;
		width: 250px;
	}
	
	.scatolaDownload {
		visibility: hidden;
		display: none;
	}
	
	#multi1 {
		width: 420px;
	}

	.shotAccount {
		width: 440px;
	}

	.guideImgNoVideo {
		src: url(/images/guide-video/video-coming-soon-440.jpg);
		background-image: url(/images/guide-video/video-coming-soon-440.jpg);
		background-repeat: no-repeat;
		background-size: 440px 241px;
		border: none;
		width: 440px;
		height: 241px;
	}

	#iframe-mappa-clienti {
		width: 700px;
		height: 400px;
	}

}

@media (min-width: 570px) and (max-width: 768px) {

	body {
		background-image: url(/images/bg/bg-pages_540.png);
	}
	
	#container {
		width: 540px;
	}
	
	#iconMLS { 
		left: 50%; margin-left: -264px;
	}

	#live-chat-up { 
		left: 50%; margin-left: 145px;
	}
	
	#logo {
		text-align: left;
		margin-left: 68px;
	}
	.fixedMenu {
		width: 540px;
	}	
	#mainMenu ul {
		width: 500px;
	}		
	#mainMenu ul li {
		width: 97px;
	}

	#contentPageLeft {
		padding: 10px;
		width: 520px;
		border-right: none;
	}
	#contentPageRight {
		float: left;
		padding: 10px;
		width: 520px;
	}

	#multi1 {
		width: 520px;
	}

	.shotAccount {
		width: 520px;
	}

	.guideImgNoVideo {
		src: url(/images/guide-video/video-coming-soon-520.jpg);
		background-image: url(/images/guide-video/video-coming-soon-520.jpg);
		background-repeat: no-repeat;
		background-size: 520px 285px;
		border: none;
		width: 520px;
		height: 285px;
	}

	#iframe-mappa-clienti {
		width: 500px;
		height: 400px;
	}

	
}

@media (max-width: 569px) {

	body {
		background-image: url(/images/bg/bg-pages_small.png);
	}
	
	#container {
		width: 95%;
	}

	#iconMLS { 
		visibility: hidden;
		display: none;
	}

	#live-chat-up { 
		visibility: hidden;
		display: none;
	}

	.fixedMenu {
		width: 95%;
		vertical-align: top;
	}

	#mainMenu ul {
		width: 95%;
		vertical-align: top;
	}
	#mainMenu ul li {
		width: 18%;
	}
	#mainMenu ul li a {
		padding: 15px 0px;
		font-size: 10px;
	}
	#mainMenu ul li a img {
		visibility: hidden;
		display: none;
	}

	#titlePage h1 {
		font-size: 16px;
		font-weight: 500;
	}
	
	#positionPage {
		visibility: hidden;
		display: none;
	}

	#contentPageLeft {
		padding: 10px;
		width: 95%;
		border-right: none;
	}
	#contentPageRight {
		float: left;
		padding: 10px;
		width: 95%;
	}
	
	.scatolaDownload {
		visibility: hidden;
		display: none;
	}

	#single1 {
		width: 95%;
	}
	#single2 {
		width: 95%;
	}
	#multi1 {
		width: 95%;
	}
	#multi2 {
		width: 95%;
	}
	
	.shotAccount {
		width: 100%;
	}

	.logoSMTP {
		visibility: hidden;
		display: none;
	}	

	.guideImgNoVideo {
		src: url(/images/guide-video/video-coming-soon-520.jpg);
		background-image: url(/images/guide-video/video-coming-soon-520.jpg);
		background-repeat: no-repeat;
		background-size: 100% 55%;
		border: none;
		width: 100%;
		height: 50%;
	}
	
	#logoPSYS {
		width: 80%
	}

	#iframe-mappa-clienti {
		width: 100%;
		height: 250px;
	}

}