@import url(menu.css);
@import url(tab.css);
@import url(strpage.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #e9e9e9;
	font-size: 10pt;
	line-height: 14pt;
	margin: 0;
	background: url("../images/bg_page.jpg") 50% 350px no-repeat fixed #000;
}

img {border: 0;}
form { margin: 0;}
input { border: 0px;}
.inputfield { border: 2px solid #5e5e5e; height:16px;}
.inputbot {
	outline: none; 
	border: 2px solid #5e5e5e; 
	height: 22px;
	padding: 0 0px; 
	color:#282828; 
	font-weight:bold;
	background: #FFF;
}
.inputbotBig {
	outline: none; 
	border: 2px solid #5e5e5e; 
	height: 28px;
	padding: 0px 30px; 
	color:#282828; 
	font-weight:bold;
	background: #FFF;
}
.inputdim { font-size: 8pt; width: 90px; border: 1px solid #5e5e5e}

.ara {color: #ff4223;}
.size8 {font-size: 8pt; line-height: normal;}

a, a:link, a:active, a:visited{
	outline : none;
	color: #e9e9e9;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}


/****************************/
/*** Guardare i fogli di stile denominati layout come riferimento ******/
/*** per la gestione dei contenitori principali ******/
/****************************/


/****************************/
/* Elementi Liberi - Navigazione, Main foto, Login */
 

	#nav {
		position: absolute;
		z-index: 5;
		top: 15px;
		width: 280px;
		/*height: 170px; tolta per logo sito aviom.it più grande dello spazio 170*/
	}	

/****************************/
/* Vedere elementi presenti in Menu.css  */
/****************************/

	#main_foto {
		position: absolute;
		z-index: 1;
		width: 650px;
		height: 260px;
		padding: 5px;
		top: 25px;
		margin-left: 280px;
		background: url("../images/bg_main_foto.png");
	}	
	
	#login {
		position: absolute;
		z-index: 2;
		width: 660px;
		height: 35px;
		top: 305px;
		margin-left: 280px;
		padding: 5px 0 0 0;
		font-size: 7.5pt;
		text-align: right;
		color: #FFF;
	}	

	#COM_Login1_panelError {
		z-index: 2;
		position: absolute;
		top: -65px;
		left: 50%; 
		margin-left: 85px;
		width: 230px;
		height: 40px;
		padding: 5px;
		font-size: 9pt;
		font-weight: bold;
		color: #000;
		text-align: left;
		background: #FFF;
	}	
	#COM_Login1_panelError img{	vertical-align: middle; margin: 0 7px 0 0;}

	#COM_Login1_panelError a, #COM_Login1_panelError a:link, #COM_Login1_panelError a:active, #COM_Login1_panelError a:visited{
		outline : none;
		color: #ff4223;
		font-size: 8pt;
		text-decoration: underline;
	}
	#COM_Login1_panelError a:hover{
		text-decoration: none;
	}
	

	#COM_Login1_panelLogged {
		font-size: 9pt;
		text-align: right;
		color: #FFF;
	}	

	#login .login {font-size: 9pt; font-weight: bold;}
	#login input { border: 0px solid #5e5e5e; vertical-align: middle;}
	#login .inputfield { font-size: 8pt; border: 1px solid #5e5e5e; height:15px; vertical-align:middle;}
	#login .inputbot {
		outline: none; 
		border: 1px solid #5e5e5e; 
		height: 19px;
		padding: 0 2px;
		font-size: 7.5pt;
		font-weight: normal;
		color:#282828; 
		vertical-align: middle;
		background: #FFF;
	}


/****************************/
/* Colonna di SX  */

 #container_column_sx{
	width: 260px;
	float: left;
	font-size: 9pt;
}

/****************************/
/* Vedere elementi presenti in Tab.css  */
/****************************/

.tabsub{
	width: 240px;
	height: auto !important;  /* per i browser moderni */
	height: 205px;      /* per IE5.x e IE6 */
	min-height: 205px;  /* per i browser moderni */	margin: 0 auto;
	padding: 10px;
	clear: both;
}

.tabsub a, .tabsub a:link, .tabsub a:active, .tabsub a:visited{
	display: block;
	width: 220px;
	color: #ff4223;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #505050;
	background: url("../images/bg_link_sx_off.gif") 0 4px no-repeat;
}
.tabsub a:hover{
	color: #FFF;
	text-decoration: none;
	background: url("../images/bg_link_sx_on.gif") 0 4px no-repeat;
}

.tabsub a.tip, .tabsub a.tip:link, .tabsub a.tip:active, .tabsub a.tip:visited{
	display: block;
	width: 240px;
	color: #ff4223;
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 0 0 6px 0;
	border-bottom: 1px solid #505050;
	background: none;
}
.tabsub a.tip:hover{
	color: #FFF;
	text-decoration: none;
	background: none;
}

/*Per i menu SX personalizzati dalla Sisme utilizzando i punti elenco*/

.tabsub ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabsub ul li ul{
	margin: 0 0 6px 0;
	padding: 0;
}
.tabsub ul li ul li a, .tabsub ul li ul li a:link, .tabsub ul li ul li a:active, .tabsub ul li ul li a:visited{
	background: none;
	border-bottom: 1px solid #404040;
	padding: 0 0 0 20px;
	margin: 0;
	font-weight: normal;
}


.tabgen{
	width: 240px;
	padding: 10px;
	clear: both;
}


/****************************/
/* Colonna di DX  */

 #container_column_dx{
	width: 665px;
	float: right;
	margin-top: 50px;
}


/****************************/
/* Livello 5 - Footer */

#prefooter {
	width: 940px;
	clear: both;
	height: 15px;
	margin: 0 auto;
	background: url("../images/bg_prefooter.gif") no-repeat;
}

 #footer {
	width: 100%;
	height: 200px;
	font-size: 8pt;
	margin: 0 auto;
	color: #e9e9e9;
	line-height: normal;
	background: url("../images/bg_footer.gif") repeat-x #000;
}

	#footer a, #footer a:link, #footer a:active, #footer a:visited{
		float: left;
		color: #e9e9e9;
		line-height: 13pt;
		text-decoration: none;
	}
	
	#footer a:hover{
		color: #ff4223;
		text-decoration: none;
	}

	#footer a.non{
		clear: both;
		float: none;
	}
	

	#footer a.unterzo{width: 33%;}
	#footer a.unmezzo{width: 49%;}


#footer_cont {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0 0 0;
}
	#footer_cont img{
		margin: 0 0 10px 0;
	}
	 #fblock1{
		width: 240px;
		height: 140px;
		float: left;
		padding: 10px 10px 10px 10px;
		border-right: 1px solid #505050;
	}
	 #fblock2{
		width: 320px;
		height: 140px;
		float: left;
		padding: 10px 0 10px 20px;
		border-right: 1px solid #505050;
	}
	 #fblock3{
		width: 300px;
		height: 140px;
		float: left;
		padding: 10px 0 10px 20px;
	}
	 #fblock_marchio{
		width: 550px;
		height: 120px;
		float: left;
		padding: 10px 0 10px 275px;
	}


	a.aralink, a.aralink:link, a.aralink:active, a.aralink:visited{
		color: #ff4223 !important;
		line-height: normal !important;
		text-decoration: none;
	}
	
	a.aralink:hover {
		color: #e9e9e9 !important;
		text-decoration: none;
	}