/*MOCAS Mobile Care System*************************************************************************************/


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #2f2f2f;
	font-size: 10pt;
	line-height: 13pt;
	margin: 0;
	padding: 0;
	background: url(../images/bg_page.gif) repeat-x #d1e5f0;
}

img {border: 0;}
form { margin: 0;}

textarea { border: 1px solid #b3b3b3;}

table {	border-collapse: collapse;	border: 0px solid #FFF;}
td { border-collapse: collapse;	border: 0px solid #FFF;}
th { border-collapse: collapse;	border: 0px solid #FFF;}

a {color: #d50000;}
p {margin: 10px 0 0 0;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-family: "Trebuchet MS"}

h1{
	font-size: 15pt;
	font-weight: normal;
}
h2{
	font-size: 13pt;
	font-weight: normal;
}
h3{
	font-size: 12pt;
	font-weight: bold;
}
h4{
	font-size: 10pt;
	font-weight: bold;
}
h5{
	font-size: 10pt;
	font-weight: bold;
}


ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}


.noborder {border: 0px solid #FFF !important;}
.nomargin {margin: 0px !important;}
.rightclear {padding-right: 0px !important;}





/****************************/
/* Elementi Liberi */
/****************************/

#handWatch {
	position: absolute;
	z-index: 20;
	width: 362px;
	height: 225px;
	top: 32px;
	left: 50%;
	margin-left: -158px;
	background: url(../images/bg_handwatch.png) no-repeat;
}

#mainFotoLab {
	position: absolute;
	z-index: 18;
	width: 320px;
	height: 210px;
	top: 193px;
	left: 50%;
	margin-left: -390px;
}
#mainFotoWatch {
	position: absolute;
	z-index: 19;
	width: 320px;
	height: 210px;
	top: 193px;
	left: 50%;
	margin-left: 70px;
}


/****************************/
/* Contenitore Generale */
/****************************/
 
 #main_container_ext{
	width: 100%;
	height: 710px;
	margin: 0 auto;
	background: url(../images/bg_maincontainer_ext.png) 50% 340px no-repeat;
}

 #main_container{
	width: 100%;
	padding: 356px 0 0 0;
	margin: 0 auto;
	background: url(../images/bg_maincontainer.png) 50% 40px no-repeat;
}

/****************************/
/* Livello 1 Payoff */
/****************************/

 #container_level1 {
	width: 650px;
	height: 60px;
	margin: 0 auto;
	}

		#container_level1 ul{
			list-style: none;
			padding: 0 0 0 250px;
		}		
		#container_level1 li{
			overflow: hidden;
			width: 148px;
			height: 0px;
			padding: 55px 0 0 0;
			background: url(../images/payoff.png) no-repeat;
			}		

		
/****************************/
/* Livello 2 - Moca Lab / Watch scelta della lingua */
/****************************/

 #container_level2 {
	width: 650px;
	height: 220px;
	margin: 0 auto;
	}

		#container_level2 ul{
			list-style: none;
			margin: 20px 0 0 0;
			background: url(../images/tratteggio.gif) 0px 23px no-repeat;
		}
		#container_level2 li img{
			margin: 0 15px 0 0;
		}
		#container_level2 li a{
			display: block;
			width: 165px;
			height: 20px;
			padding: 5px 0 0 0;
			color: #1e69c6;
			font-weight: bold;
			text-decoration: none;
			background: url(../images/ico_arrow.gif) 151px 6px no-repeat;
		}
		#container_level2 li a:hover{
			color: #000;
		}

	/*colonna di sinistra*/
		#column_sx {
			width: 175px;
			float: left;
		}
		#column_sx h1{
			overflow: hidden;
			width: 165px;
			height: 0px;
			padding: 55px 0 0 0;
			background: url(../images/logo_mocalab.png) no-repeat;
		}

	/*colonna di destra*/
		#column_dx {
			width: 175px;
			float: right;
		}

		#column_dx h1{
			overflow: hidden;
			width: 175px;
			height: 0px;
			padding: 55px 0 0 0;
			background: url(../images/logo_mocawatch.png) no-repeat;
		}




/****************************/
/* FOOTER */
/****************************/


	#container_level3 {
		width: 650px;
		margin: 0 auto;
	}

	 #footer {
		width: 650px;
		height: 51px;
		background: url(../images/bg_footer.png) no-repeat;
		}

	#footer ul {
		list-style: none;
		padding: 10px 0 0 160px;
	}
		#footer li{
			display: inline;
		}
		#footer li a{
			display: block;
			overflow: hidden;
			float: left;
			height: 0px;
			padding: 32px 25px 0 0;
		}

		#footer li a.iselqui {
			width: 106px;
			background: url(../images/logo_iselqui.gif) no-repeat
		}
		#footer li a.aditech {
			width: 76px;
			background: url(../images/logo_aditech.gif) no-repeat
		}
		#footer li a.sphaere {
			width: 78px;
			background: url(../images/logo_sphaere.gif) no-repeat
		}
		#footer li a.bcc {
			width: 118px;
			background: url(../images/logo_bcc.gif) no-repeat
		}