/* ***********************************************
Title:NTI
Author: Fabrizio Fiandanese, fabrizio[at]fabriziofiandanese.com
				Giampiero Spinosa, spinjam[at]gmail.com
************************************************** */

body {  
	margin: 0px;
	padding: 0px;
	color: #145170;
	font: 10px verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(../assets/bg.jpg);
	background-repeat: repeat-x}
	
form {  
	margin: 0px;
	padding: 0px;
}	

a {
	text-decoration:none;	
	color: #145170;
}	
a:hover {
	text-decoration:underline;	
}

h3 {
	font-size:14px;
	font-weight:bold;	
	padding:5px;
	background:#B4C9D0;
}	

/*************************************/
/* MAIN */
/*************************************/

#main {position:absolute;
	 width:935px;
	 height:780px;
	 left: 0px;
	 top: 0px;
	 background-image: url(../assets/wrap3.jpg);
	 background-repeat: no-repeat;
	 text-align:left !important;
	 } 
	 
#logo {
	position:absolute;
	width:193px;
	height:105px;
	z-index:8;
	left: 2px;
	top: 10px;
	cursor:pointer;
}	 

/*************************************/
/* MENU */
/*************************************/

#menu {	position:absolute; width:449px; height:57px; z-index:4; left: 237px; top: 60px}
/*#menu div { cursor:pointer;	 }	*/
#menu div a { border: 1px solid #FFFF00; color: #FFFF00; width:100%;}
#menu div.active {
	background:  url(../assets/link.gif) repeat-x bottom left;
}

#servizi {position:absolute; width:75px; height:55px; z-index:2; left: 144px; top: 2px}
#azienda {position:absolute; width:136px; height:55px; z-index:1; left: 2px; top: 2px}
#news {position:absolute; width:66px; height:55px; z-index:3; left: 225px; top: 2px}
#faq {position:absolute; width:55px; height:55px; z-index:4; left: 297px; top: 2px}
#contatti {position:absolute; width:82px; height:55px; z-index:5; left: 359px; top: 2px}

/*************************************/
/* BILLBOARD */
/*************************************/

#billboard {position:absolute; width:705px; height:231px; z-index:1; left: 0; top: 145px; background-image: url(../assets/anim.jpg);  }

#big1 {position:absolute; width:135px; height:69px; z-index:2; left: 6px; top: 5px}
#big2 {position:absolute; width:135px; height:69px; z-index:2; left: 6px; top: 82px}
#big3 {position:absolute; width:135px; height:69px; z-index:2; left: 6px; top: 158px}

#billboard .big {
	text-align:right;
}	

#billboard .big span{
	display:block;
	padding:8px;
}	

#billboard .big b {
	font-size:18px;
	display:block;
	letter-spacing:-1px;
}

#billboard .big a {
	color:#FFF;
	font-weight:bold;
}

#anim {
		position:absolute;
		width:556px;
		height:228px;
		z-index:1;
		left: 147px;
		top: 2px;
		overflow:hidden}

/*************************************/
/* FOCUS */
/*************************************/

#focus {position:absolute; width:705px; height:204px; z-index:2; left: 0px; top: 392px; background-image: url(../assets/servizi.jpg); }
#prese    {position:absolute; width:320px; height:135px; z-index:1; left: 25px; top: 52px; border: 0px solid red;}
#tracking {position:absolute; width:320px; height:135px; z-index:1; left: 380px; top: 52px; border: 0px solid red;}

#focus a { font-size: 11px; }

/*************************************/
/* LOGIN */
/*************************************/ 

#login {
	position:absolute; 
	width:705px; 
	height:91px; 
	z-index:3; 
	left: 0px; 
	top: 595px; 
	background-image: url(../assets/login.jpg); 
}
#register { position: absolute; width:705px; z-index:3; left:0px; top:620px; }

#login {
	font-size: 12px;
}
#login form { padding: 22px 0 0 90px; }
#login form b { padding: 0 2px; }

input.login-btn,
img.register-btn { 
	vertical-align: middle; 
	border:0;
}


#loginbox {
	overflow:hidden;
	width:213px;
	height:270px;
	background: url(../assets/loginbox.png) top left no-repeat;
	padding: 60px 20px 8px;
}
#loginbox label {
	display: block;
	font-size:12px;
	font-weight: bold;
	margin: 4px 0 4px 0;
}
#loginbox input {
	border: 0;
}
#loginbox input.btn {
	display: block;
	margin: 12px 0;
	text-align:right ;
}

#user-info {
	padding: 18px 20px 8px 92px;
	font-size: 12px;
}

/*************************************/
/* SEARCH */
/*************************************/ 

#search {position:absolute; width:195px; height:33px; z-index:5; left: 734px; top: 81px}
#nput {position:absolute; width:152px; height:20px; z-index:1; left: 6px; top: 4px}

#nput input {
		border:0px;
		width:152px;
		height:20px;
		color: #FFF;
		font: 10px verdana, arial, helvetica, sans-serif;
		background-color:#557F95;	
		}

#btn {
	cursor:pointer;
	position:absolute;
	width:22px;
	height:22px;
	z-index:2;
	left: 167px;
	top: 3px}


/*************************************/
/* MODULES */
/*************************************/

#modules {position:absolute; width:212px; z-index:7; left: 722px; top: 146px}

#modules .news {
		height:71px;	
		background:#D7E1E7 url(../assets/news_bg.gif) repeat-x top left;	
	}

#modules .news b{
		display:block;
		width:110px;
		padding:3px;	
		background-color:#AACCA6;
		border:1px solid #FFF;
		color:#32702B;
		margin-bottom:5px;	
	}

#modules .news span{
		display:block;
		padding:15px;	
	}

#modules .faq {
		height:71px;	
		background:#E9E9E9 url(../assets/faq_bg.gif) repeat-x top left;	
	}

#modules .faq b{
		display:block;
		color:#145170;
		font-size:12px;
		margin-bottom:5px;	
	}

#modules .faq span{
		display:block;
		padding:15px;	
	}
	

/*************************************/
/* PAGEMODULES */
/*************************************/ 
	
#pagemodules {position:absolute; width:212px; height:115px; z-index:7; left: 0; top: 146px}

#pagemodules .submenu {
		background:#E9E9E9 url(../assets/submenu_bg.gif) repeat-x top left;	
		border-bottom:1px solid #74919B;
	}

#pagemodules .submenu span{
		display:block;
		padding:15px;	
		font-size:11px;
	}

#pagemodules .submenu.active a{
		font-weight:bold;
		color:#FF6600;
	}


/*************************************/
/* INTERNAL */
/*************************************/ 

#internal {position:absolute; width:697px; height:533px; /*z-index:9;*/ left: 236px; top: 147px; background-image: url(../assets/internal.jpg);}
			
#ptitle {
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	position:absolute;
	width:501px;
	height:25px;
	z-index:1;
	left: 43px;
	top: 10px}
			
#pbody {position:absolute; width:670px; height:460px; z-index:2; left: 7px; top: 44px; overflow: auto;}
/*#pbody {position:absolute; width:670px; z-index:2; left: 7px; top: 44px; overflow: auto;}*/
#pbody a {
	text-decoration: none;
	border-bottom: 1px dashed #145170;
}
#pbody a:hover {
	text-decoration: none;
	border-bottom: 1px solid #145170;
}

#pbody span{
		font-size:11px;
		display:block;
		padding:10px;
		line-height:18px;
	}
	
/*************************************/
/* FORMS */
/*************************************/ 	
#form-prese p,
#form-prese label,
#form-tracking,
#form-tracking p, #form-tracking label {
	font-size: 11px; 
}
#form-tracking textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
#form-tracking td.desc { font-size: 11px; }
#form-tracking label {
/*
	display: inline-block;
	margin: 0 0 4px 0;
*/
	font-weight: bold;
	display:inline-block;
	line-height:1.8;
	vertical-align:top;
	width:160px;
}
#form-tracking li {
	width: 180px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 2px;
	text-align: center;
}
#form-tracking a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../assets/calendar.png) no-repeat; 
	text-decoration: none;
	border: 0;
}
#form-tracking a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
#form-tracking input.dp-applied {
	width: 140px;
}
#form-tracking input { text-align: center; }

#form-tracking p.status {
	font-size: 18px;
}

input.centered { text-align: center; }

#form-prese input {
	margin: 0 0 8px 0;
}

#form-register {
	text-align: left;
}
#form-register p.privacy {
	margin: 12px 0;
	padding: 4px;
	text-align: left;
	font-size: 10px;
	line-height: 12px;
}
#form-register label { 
	font-weight: bold; 
}
#form-register table {
	padding: 4px;
	text-align: left;
	font-size: 11px;
	border: 1px solid #73949D;
}
#form-register table td { 
	text-align: left;
}
#form-register p.register {
	text-align: center;
}

/* 	=========================================================
	
		========================================================== */
ul#services {
	margin: 8px 15px;
	padding: 0;
	list-style-type: square;
}

/*************************************/
/* GENERAL / GENERIC / USEFUL  */
/*************************************/ 	

p.num-order {
	width: 24px;
	margin: 0;
	padding: 6px 4px;
	background: #E7832E;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #fff;
	margin: 0;
	text-align: center;
}

hr.sep {
	border: 0;
	border-bottom: 1px solid #ddd;
	height: 1px;
}

div.status,
p.status {
	margin: 0 0 8px;
	padding: 8px;
	border: 2px solid #E88230;
	font-size: 24px;	
	font-weight: bold;
}

table.form {
	font-size: 11px;
}

table.status {
	font-size: 12px;
}
table.status td.key {
	width: 32%;
	text-align: right;
	padding: 4px 12px;
	background: #1E3C47;
	color: #fff;
}
table.status td.value {
	padding: 4px 12px;
	border-bottom: 1px solid #87A4AC;
}
		
/* --- RISULTATI TRACKING ---------------------------------------- */		
table.spedres { font-size: 11px; }
/*table.spedres thead {	background: #145170; color: #fff; font-weight: bold; }*/
table.spedres thead th { border-bottom: 1px solid #145170; font-weight: bold; margin: 0 0 4px; padding: 2px 2px 4px; }
table.spedres tbody td { border-bottom: 1px solid #ccc; padding: 4px; }

#pbody table.spedres a.more { border: 0; }
table.spedres a.more { width:12px; height:12px; padding:2px; background: #1471BA; color: #fff; display: block; text-align:center; border: 0;}
table.spedres a.green { background-color: #19c821; }
table.spedres a.yellow { background-color: #e2da04; }
table.spedres a.red { background-color: #f82900; }
	
table.spedres td.moreinfo { 
	display: none; 
	line-height:16px; 
	padding: 4px 4px 12px 80px; 
	background: url(../assets/sped-rif.gif) 18px 0 no-repeat;
}

table.spedres table td { border: 0; }
		
#warning {
	border: 2px solid #6A8C95;
	margin: 24px 0 0 0;
	padding: 8px 16px;
	background: #fff;
}

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

#footer {border:1px solid #C8DFE9; position:relative; width:930px; height:100px; z-index:6; left: 2px; top: 690px; background-image: url(../assets/quality.png); background-repeat:no-repeat; background-position: 5px 5px; layer-background-image: url(footer.html);  text-align:left !important;}
#info {position:relative; width:611px; height:73px; z-index:1; left: 108px; top: 12px}
#email {position:relative; width:210px; height:22px; z-index:2; left: 730px; top: 56px}


/*************************************/
/* FOOTER */
/*************************************/ 
dl.dbres {
	font-size: 11px;
}
dl.dbres dt {
	text-align: right;
	width: 20em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	font-weight: bold;
}
/* commented backslash hack for mac-ie5 \*/
dl.dbres dt { clear: both; }
/* end hack */

dl.dbres dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
}
dl.dbres dt.last,
dl.dbres dd.last { 
	margin: 0px 0 24px 0;
	border-bottom: 1px solid #ddd; 
}