/* --------------- Basic HTML elemets --------------- */

img {border: 0; padding: 0;}
a {font-weight: normal; text-decoration: none}
a:link, a:visited, a:active {color: #706A47;}
a:hover {color: #0f7cba}
body {
	padding: 0 0 0 0; 
	background: url(../i/bgall.gif) #bfdbec repeat-x 0 0; margin: 0 0 0; color: #60613f;  font: 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; 
	text-align: center; 
	voice-family: inherit
} 
form {margin: 0;}
p {line-height: 1.6em}

/* --------------- Header --------------- */

#logo {
	padding: 0 0 0 8px;
	width: 246px;
	float:left;
	height: 150px
}
#header {
	padding: 0 0 0 0;
	background: url(../i/bg-head.jpg) no-repeat 0 0;
	margin: 0px auto 0;  
	width: 775px; 
	height: 157px;
}
#percorso {
	font-size: x-small;
	padding: 0 0 0 0;
	margin: 0 0 15px 0;
	width: 530px
}

/* --------------- Footer --------------- */

#footer {
	padding: 0px 0 0 0;
	clear: both; 
	background: url(../i/bg-foot.gif) no-repeat 0 0; 
	margin: 0px auto;
	height: 55px;
	width:775px;
	text-align: center
}
#footer p {
	font-size: x-small; 
	padding: 12px 0 0 0; 
	margin: 0; 
	color: #60613f;
	line-height: 10px;
	voice-family: inherit
}
a.bianco:link, a.bianco:visited {color: #fff}
a.bianco:hover, a.bianco:active {color: #ff0200}

/* --------------- Page Structure --------------- */

#container {
	padding: 0 0 0 0;
	background: url(../i/bg-content.gif) #fff repeat-y 0 0; 
	margin: 0px auto 0; 
	width: 775px; 
	text-align: left
}
#top {
	padding: 0 0 0 0;
	margin: 0 0 0 0; 
	width: 775px; 
	position: relative; 
	text-align: left
}
#menu_content {
	margin: 0 1px;
	padding: 20px 10px 20px 0;
	/*background: url(../i/bgmenu.gif) repeat-x 0 0;*/
 	width: 180px;
	float:right
}

#content {
	padding: 20px 5px 20px 15px;
	margin: 0 10px;
 	width: 530px;
	float:left
}
#text_content {
	width: 100%;
	padding:0;
	margin:0
}

#home_head_content {
	width: 100%;
	height: 250px;
	padding:0;
	margin: 0 0 25px 0
}


/* --------------- Menu Content --------------- */

#menu_content ul {
	padding: 0 0 0 10px;  
	width:150px;
	margin: 0 0 0 10px;
	list-style-type: none;
	border: dashed 1px #0f7cba;
}
#menu_content li {
	padding: 12px 0 12px 18px;
	margin: 2px 0 0 0;
	display:block;
	line-height:8px;
	border-bottom: dashed 1px #0f7cba;
	background: transparent url(../i/link-dot.gif) no-repeat 0 9px;
}

#menu_content li.ultimo {
	border: none
}

#menu_content ul p {
	padding: 0 0 0 0;
	margin: 0px 6px 0px 10px; 
	line-height: 1.6em
}
#menu_content ul a {padding: 0 0 0 0;}
#menu_content ul li {voice-family: inherit}
#menu_content ul li a {voice-family: inherit}

/* --------------- Percorso Content --------------- */

#percorso p {
	font-size: 10px; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0
}

/* --------------- Body Content --------------- */

.box-prod {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 525px;
	height:190px
}
#content h1, #content h2 {
	margin: 0 0 5px 0px;
	font-size: 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode";
	font-weight:normal;
	border: 0;
	color:#0f7cba;
	text-align: left;
	voice-family: inherit
}

#content h2.title-prod {
	margin: 15px 0 5px 10px;
	color: #f5ab62;
	font-size: 14px
}
#risorse_correlate h1 {
	margin: 0 0 5px 20px;
	color: #f5ab62;  font: bold 12px/19px "Lucida Grande", "Lucida Sans Unicode" 
}

.space_img {
	margin: 20px 0 0 0;
	padding: 0 0 2px
}
.space_img_subsection {
	margin: 0 5px 0 10px;
	padding: 0 0 0
}
.imgalign {
	vertical-align:middle;
}
.flLeft {float: left; margin: 10px 8px 0 8px}
.flRight {float: right; margin: 0 0 0 15px}
.flCenter {border: dotted 1px #000; margin: 0 0 0 15px}
.flPortfolio {border: dotted 1px #000; background-color:#fff; margin: 0 6px 0 5px}

/* --------------- Paragraph --------------- */
.pline {
	border-bottom: 1px dashed #e53652;
}
#content p {
	padding: 10px 0 0 0;
	margin: 0;
	line-height:20px
}
#content p.right {
	text-align: right
}
#content p.center {
	text-align: center
}
#content p.maxheight {
	padding: 30px 0 0 6px;
	margin: 0;
	line-height:20px
}
#content p.medheight {
	padding: 5px 0 0px 6px;
	margin: 0;
	line-height:20px
}
#content p.minheight {
	padding: 0;
	margin: 0;
	line-height:20px
}

/* --------------- Color object --------------- */

.color-arancio {
	color: #e53652
}

/* --------------- Links --------------- */

a.arancio:link, a.arancio:visited  {color: #e53652; font-weight:bold}
a.arancio:hover, a.arancio:active  {color: #706A47; font-weight:bold}
a.red:link, a.red:visited {color: #D50867; font-weight:bold}
a.red:hover, a.red:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.blue:link, a.blue:visited {color: #BAD8E9; font-weight:bold}
a.blue:hover, a.blue:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.greenF:link, a.greenF:visited {color: #CBFF7E; font-weight:bold}
a.greenF:hover, a.greenF:active  {color: #706A47; font-weight:bold; background-color:#fff}
a.valid:link, a.valid:visited  {color: #706A47; font-size:9px}
a.valid:hover, a.valid:active  {color: #a1a547; font-size:9px; background-color:#fff}

.space-top {
	margin: 15px 0 15px 0;
	padding: 0 0 0 0
}
.cella_contenitore{
	width: 452px;
	padding: 0 0 0 0 ;
	margin: 0;
	clear:left;
	/*background-color:#f0f7fc;*/
}
.cella_cliente_header{
	text-align:left;
	float:left;
	margin:3px 3px 3px 3px; 
	padding:2px 0px 2px 0;
	width:60px;
	color:#60613f;
}
.cella_legenda{
	float:left;
	margin:3px 3px 3px 3px; 
	padding:2px 0px 2px 0;
	width:120px;
	height:19px
}
.data_header {
	float:left;
	text-align: left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:80px;
	color:#60613f;
}
.data_port {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:80px;
	height:19px;
	color:#706A47;
}
.sm{
	float:left;
	text-align:center;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:90px;
	height:19px;
	font-weight:bold;
	color:#F2CC31;
}
.dm{
	float:left;
	text-align:center;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:90px;
	height:19px;
	font-weight:bold;
	color:#39A8E9;
}
.im {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width:21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#FCE14B;
}
.fc {
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width: 21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#89C120;
}
.ho{
	float:left;
	margin:3px 3px 3px 3px;
	padding:2px 0 2px 0;
	width: 21px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#EA0006;
}

/* --------------------- Form object -------------------------- */
.texfield_login {
	color: #000;
	background-color: #fff;
	font: 10px/19px "Lucida Grande", "Lucida Sans Unicode"
}

.button {	
	background-color : #FFFFFF;
	border-color : #777777;
	color : #000000;
	border-style : solid;
	border-width : 0.1em;
	font: 10px/19px "Lucida Grande", "Lucida Sans Unicode"
}
.contenitore_form {
	text-align:center;
	width:inherit
}
.cella_contenitore {
	width: inherit;
	padding: 0;
	margin:0;
	clear:left;
	text-align:center;	
}

.etichetta_form {
	float:left;
	margin:0;
	padding:2px 0px 2px 0;
	width:40%;
	text-align:right;
	min-height:23px;	
}

.input_form {
	float:right;
	margin:0;
	padding:2px 0 2px 0;
	width:59%;
	text-align:left;
	min-height:23px;
}
.etichetta_textarea {
	float:left;
	margin:0;
	padding:2px 0px 70px 0;	
	width:40%;
	text-align:right;		
}