/**
 * Stylesheet for elettrorapido.com
 */

/* ------------------ impostazioni generali di tutto il sito ------------------  */

* { margin: 0; padding: 0px; }

/*body, th, td, p, div, span, a, input, select, textarea, ul, ol, dl, h1, h2, h3, h4, h5, h6, li, big, small, b (elenco completo)*/


body, th, td, span, span, input, select, textarea, ol, dl, h1, h2, h3, h4, h5, h6, big, small, b {
	font-family:Arial,Helvetica,FreeSans,"Luxi-sans","Nimbus Sans L",sans-serif;
	font-size:12px;
	color:#333333;
}

BODY{ 
	/*background-image:url('../images/sfondo.jpg'); 
	background-repeat: repeat-x;*/
	background-color:#FFFFFF;
	font-style:normal;
	font-variant:normal; 
	font-weight:normal;
}

h1 {
	font-size: 16px;
}


a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #3E6B8A
}

a:hover {
	text-decoration: underline; 
	color: #3E6B8A
}

ul.blue-arrow li {
	margin-left: 12px; list-style-position:outside; list-style-image:url('../images/li_blue.png')
}

ul.orange-arrow li {
	margin-left: 12px; list-style-position:inside; list-style-image:url('../images/li_orange.png')
}

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

/* Header layer - testata*/
#header { 
	background-color: transparent;
}

/* Footer layer */
#footer {
	clear:both;
	float:left;
/*	position: relative;
	top:0px;*/
	background-color: transparent;
	border-top:1px solid #3E6B8A;
/*	background-image:url('../images/footer-bg.gif'); */
	width: 100%;
	height: 15px;
}

.footer-title p{
	font-size: 11px; 
	color: #333;
}

/* ------------------ Container layer - corpo pagina completa ------------------  */

/* CONTAINER*/
#container { 
	float:left;
	height: 100%;
	width:100%;
}


/* Body image - grande immagine sopra il corpo*/
.body-image { 
	position: relative;
	height: 150px;
	margin-top:10px;
}

/* Body toolbar */
#body-toolbar { 
	float: left;
	width:100%;
	margin-top:2px;
	padding: 1px;
}

/* Body directory - dove sono? (Home > QUI > LA) */
#body-dir { 
	float:left;
	font-size:10px;
	height: 10px;
	padding: 3px 0px 3px 8px;
}

/* ------------------ Menu Colonne ------------------ */

/* colonna menu - versione a destra*/
#rail-right { 
	float:right; 
	margin-left:4px;
	height:100%;
	width:206px;
}

/* colonna menu - versione a sinistra*/
#rail-left { 
	float:left; 
	margin-right:4px;
	height:100%;
	width:206px;
/*	border: 1px solid blue; */
}

/* ------------------ Menu Colori ------------------ */
/* Azzurro*/
.menu-content-blu {
	float:left;
	position:relative;
	width:100%;
	background-color: #DAEBEA;
/*	background-image:url('../images/menubkg.jpg'); 
	background-repeat: repeat-x;*/
}

/* Arancione*/
.menu-content-orange {
	float:left;
	position:relative;
	width:100%;
	background-color: #FF6600;
}


/* ------------------ Menu Contenuti ------------------ */
.menu-caption {
	position:relative;
/*	left:0px;*/ 
	height:21px;
	width:100%;
	background-image:url('../images/blu-caption-small.gif'); 

}

.menu-footer {
	float:left;
	height:15px;
	width:100%;
}

.menu-caption #menu-caption-title{
	position:absolute; 
	top:2px;
	left:10px;
	font-size: 13px; 
	font-weight: bold; 
	color: #000;
}

.menu-row {
	float:left;
	width:100%; 
	cursor:pointer;
	padding:3px 0px 3px 0px;
	background-color: #DAEBEA;
}

.menu-row-current {
	float:left;
	width:100%; 
	padding:3px 0px 3px 0px;
	background-color:#ADCCD4;
}

.menu-text {
	float:left;
	width: 98%;
	font-size: 10px;
/*	color: #333333;
	cursor:pointer;*/
}

.menu-text a:link, .menu-text a:visited, .menu-text a:active .menu-text a:hover{ 
	text-decoration: none; 
	color: #333333;
}

.menu-text span {
	color: #FF6600;
/*	text-decoration:underline; */
}

.menu-photo {
	float:left;
	margin:3px;
/*	cursor:pointer;*/
}

.menu-photo img {
	width: 40px;
	height: 40px;
}

/* ------------------ Content - layer dei contenuti ------------------ */
#content-caption {
	position: relative;
/*	border: 0px solid green; */
	width: 100%;
	height: 21px;
	background-image:url('../images/blu-caption-small.gif');
}

#content-caption #content-caption-title{
	position:absolute; 
	top:2px;
	left:10px;
	font-size: 13px; 
	font-weight: bold; 
	color: #FFFFFF;
}

#content {
	float:left;
	width:590px;
	min-height:300px;
	height:100%;
/*	border:1px solid #00FF00;*/
	background-color: #DAEBEA;
}


/* ------------------ Tipi di dati diversi nel Body ------------------ */
/* ---- Documenti unici o liste ---- */
.document-row {
	position:relative;
/*	border: 0px solid red; */
	width:100%;
}

.document-row p{
	text-align:justify;
}

.document-row h4{
	color: #FF6600;
	font-weight:bold;
}

/* ---- record di DB ---- */
.record-row {
	position: relative;
	border: 1px solid red;
	width: 100%;
	cursor:pointer; 
/*	background-image:url('images/ground1.jpg'); */
}

.record-text {
	position: relative;
	left:0px;
	top:0px;
	width:100%;
	border: 0px solid blue;
/*	top: 3px; */
	padding: 5px 5px 5px 5px;
}

.record-photo {
	float:left;
	left:0px;
	top:0px;
	border: 0px solid yellow;
	padding: 5px 5px 5px 5px;
/*	height:40px;*/
	width:40px;
}

/* ------------------ Utility ------------------ */
/* ---- Cambia stile testo ---- */

#utility {
	float:right;
	border:1px solid #999;
	padding:2px 3px 0px 3px;
	font-size:12px;
}

/* ---- TAB ---- */


#tab-header {
	float:left;
	width:100%;
	background:#FFF url("../images/tab_bg.gif") repeat-x bottom;
	line-height:normal;
}

#tab-header ul {
	margin:0;
	padding:0px 10px 0 0;
	list-style:none;
}

#tab-header li {
	float:left;
	background:url("../images/tab_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 10px;
}

#tab-header a {
	float:left;
	display:block;
	background:url("../images/tab_right.gif") no-repeat right top;
	padding:3px 15px 2px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}

#tab-header a:hover {
	color:#CCC;
}

#tab-header #current {
	background-image:url("../images/tab_left_on.gif");
}

#tab-header #current a {
	background-image:url("../images/tab_right_on.gif");
	color:#3E6B8A;
	padding-bottom:3px;
}