﻿/*##################################################*/
/* CSS Document : CONEROBUS WEBSITE FOGLIO DI STILE */
/* Autore: alessandro@tonidigrigio.it               */
/* DATA: 23.02.2006                                 */
/* VERSIONE: 1.0                                    */
/*##################################################*/

body {
	margin: 0px;
	padding: 0px;
	/*background: #0D252A url('resources/images/bground2.gif') repeat-y center;*/
	background: #ebfafa url('resources/images/bground3.gif') repeat-y center;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

tbody {
	margin: 0px;
	padding: 0px;
}

a, a:link, a:active, a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	color: #FF0000;
}

/* CONTENITORE DELLA PAGINA */
#container {
	width:790px;
	margin: 0px auto;
	padding: 0px;
}

img{border: 0px;}

.Tcolor {color:#ed0707;}

/*#####################################*/
/* ELEMENTI DELL'INTERFACCIA SUPERIORE */
/*#####################################*/

	/* COLONNA SINISTRA DELL'INTERFACCIA */
	#interface_sx {
		background: #E0E4E4;
		width: 220px;
		height: 400px;
		float: left;
	}
	#logo  {
		width: 220px;
		height: 150px;
		background: #FFFFFF;
	}

	/* MENU-CRUSCOTTO */
	#cruscotto {
		width: 180px;
		height: 230px;
		overflow:visible;
		padding: 10px 0px 0px 20px;
		font-weight: bold;
		font-size: 12px;
	}
	#cruscotto a, #cruscotto a:link, #cruscotto a:active, #cruscotto a:visited {
		color: #333333;
		text-decoration: none;
		font-size: 12px;
	}
	#cruscotto a:hover {
		color: #FF0000;
	}
	.sottomenu {
		padding-left: 10px;
		font-size:1px;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.sottomenu a, .sottomenu  a:link, .sottomenu  a:active, .sottomenu  a:visited  {
		background: url('resources/images/freccia_nuda.gif') no-repeat left center;
		padding-left: 15px;
		font-weight: normal;
		font-size: 12px;

	}
	.sottomenu  a:hover {
		color: #FF0000;
	}

	.logged {
		padding: 5px 0 10px 10px;
		margin-bottom: 15px;
		width: 190px;
		background: #efefef;
		font-size: 9pt;
	}




	.cruscottosub {
		padding-left: 10px;
		font-size:1px;
		margin-bottom: 5px;
	}

	.cruscottosub a, .cruscottosub  a:link, .cruscottosub  a:active, .cruscottosub  a:visited  {
		background: url('resources/images/freccia_nuda.gif') no-repeat left center;
		padding-left: 15px;
		font-weight: normal;
		font-size: 12px;

	}
	.cruscottosub  a:hover {
		color: #FF0000;
	}

	/* PARTE DESTRA DELL'INTERFACCIA */
	#interface_dx {
		width: 570px;
		height: 400px;
		float:left;
	}

	/* MENU DI SERVIZIO */
	#servizio {
		width: 570px;
		height: 50px;
		background: url('resources/images/servizio_bg.gif') repeat-x #f00;
		text-align: left;
	}
	#servizio ul {
		margin: 0px;
		padding-top: 15px;
		padding-left: 20px;
		list-style-type: none;
	}
	#servizio li {
		float: left;
		height: 35px;
		padding-left: 5px;
		margin-right: 20px;
		background: url('resources/images/servizio_bullet.gif') no-repeat bottom left;
	}
	#servizio li a, #servizio li a:link, #servizio li a:active, #servizio li a:visited {
		display: block;
		text-decoration: none;
		color: #FFFFFF;
		font-family: Tahoma;
		font-size: 11px;
		font-weight: bold;
	}
	#servizio li a:hover {
		color: #000000;
	}
			/* VARIANTE PER IL LINK INTRANET */
			#servizio li.intranet {
				float: left;
				height: 35px;
				padding-left: 5px;
				margin-right: 0px;
				background: url('resources/images/servizio_bullet.gif') no-repeat bottom left;
			}
			#servizio li.intranet a, #servizio li.intranet a:link, #servizio li.intranet a:active, #servizio li.intranet a:visited {
				display: block;
				text-decoration: none;
				color: #901111;
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
			}
			#servizio li.intranet a:hover {
				color: #000000;
			}

	/* PANNELLO DI RICERCA NEL SITO */
	#subservizio {
		width: 520px;
		height: 22px;
		background: #727378;
		border-bottom: solid 2px #000000;
		padding: 3px 25px 3px 25px;
		color: #e6e6e6;
		text-align: right;
	}
	#subservizio form {
		margin: 0px;
		padding: 0px;
	}
	#subservizio input.cerca {
		width: 100px;
		height: 15px;
		background: #FFFFFF;
		border: solid 1px #333333;
		font-size: 10px;
		padding: 2px;
	}
	span.numeroverde  {
		color: #CDFF71;
		font-weight: bold;
	}

	/* IMMAGINE PRINCIPALE */
	#main_img {
		width: 570px;
		height: 280px;
		background: #E6E6E6;
	}
	#main_img p{
		margin: 0;
		padding: 0;
	}

	/* MENU ISTITUZIONALE */
	#company_menu {
		width: 550px;
		height: 20px;
		background: #C4C8CB;
		padding: 10px 15px 10px 5px;
		font-weight: bold;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	#company_menu a.verde, #company_menu a.verde:link, #company_menu a.verde:active, #company_menu a.verde:visited {
		text-decoration: none;
		color: #333333;
	}
	#company_menu a.verde:hover {
		color: #116500;
	}
	#company_menu a.azzurro, #company_menu a.azzurro:link, #company_menu a.azzurro:active, #company_menu a.azzurro:visited {
		text-decoration: none;
		color: #333333;
	}
	#company_menu a.azzurro:hover {
		color: #008E94;
	}

/*#####################################*/
/*         ELEMENTI DI PAGINA          */
/*#####################################*/

	#separatore {
		width: 790px;
		height: 5px;
		font-size: 1px;
		background: #FFF;
		clear: both;
		margin:0px 0px 20px 0px;
		padding: 0px;
	}
	#footer {
		clear: both;
		font-size: 10px;
		margin-bottom: 20px;
		text-align: left;
		padding-left: 220px;
	}

	/* ELEMENTI DELLA PAGINA GENERICI */

	div.colonna_sponsor_home {
		width: 170px;
		float: left;
		padding-left: 30px;
	}
	div.colonna_sponsor {
		width: 200px;
		float: left;
	}
	div.colonna {
		width: 170px;
		margin: 0px 13px 0px 0px;
		float: left;
		height: 100px;
	}
	div.colonna_testo { /* elemento colonna doppia usata per l'impaginazione dei testi */
		width: 370px;
		padding-left: 20px;
		float:left;
	}
#contenitore_pagina {  /* elemento contenitore per la webpage delle pagine interne */
		width: 550px;
		padding-left: 20px;
		float:left;
		padding-bottom: 40px;
			font-size: 9pt;
			line-height: 11pt;
}
#contenitore_pagina ul {line-height: 11pt;}
#contenitore_pagina a, #contenitore_pagina a:link, #contenitore_pagina a:active, #contenitore_pagina a:visited {
	text-decoration: underline;
	 font-size: 9pt;
	color: #333333;
}
#contenitore_pagina a:hover {
	color: #FF0000;
}

#contenitore_pagina input.field {
	border: 2px solid #c4c8cb;
}
#contenitore_pagina input.btn {
	border: 2px solid #c4c8cb;
	background: #e0e4e4;
	font-weight: bold;
}





table.pagina {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
    width: 550px;
    border: none;
}

#contenitore_home {  /* elemento contenitore per la webpage delle pagine interne */
		width: 570px;
		padding-left: 20px;
		float:left;
		padding-bottom: 40px;
		font-size: 9pt;
		line-height: 11pt;
}

td {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
line-height: 11pt;
	color: #333333;
}
	span.news_tit { /* Classe-Span per titolo in home Page - Es. Titolo NEWS */
		font-size: 20px;
		font-weight: normal;
		color: #116500;
		float: left;
	}
	span.news_archive { /* Classe-Span per testo floatttante a destra - Es. Link ARCHIVIO NEWS in home page */
		float: right;
		margin-top: 7px;
	}
	span.titolo_news { /* Classe-Span per titolo testo - Es. titolo della news in home page */
		font-weight: bold;
		font-size: 14px;
		color: #333333;
	}
	a.img, a.img:link, a.img:active, a.img:visited { /* Classe link per le immagini. Lo stile fa visualizzare un bordo verde sotto la foto in situazione HOVER */
		border-bottom: solid 3px #FFFFFF;
		padding-bottom:2px;
		margin-bottom: 3px;
	}
	a.img:hover {
		border-bottom: solid 3px #116500;
	}

script {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
/*###################################################################################*/
/*         ELEMENTO DI PAGINA: CASELLA DI TESTO CON BORDI ARROTONDATI                */
/*  N.B. L'EFFETTO ARROTONDATO E' UN EFFETTO OTTICO DERIVATO DALLA SUCCESSIONE DI    */
/*  LINEE SEMPRE PIU CORTE (O LUNGHE), E PUO ESSERE ADATTATA IN QUALUNQUE DIMENSIONE */
/*###################################################################################*/

	.BORDI {
		display: Block;
	}
	.BORDI span {
		display: Block;
		overflow: Hidden;
		background-color: #E0E4E5;
		height: 1px; 
	}
	#CONTENUTO {
		display: Block;
		background-color: #E0E4E5;
		color: #333333;
		padding: 10px;    
	}
	
	/* CREAZIONE DEGLI ANGOLI SMUSSATI */
	.BORDI span.RIGA1 {
		margin: 0 5px;
	}
	.BORDI span.RIGA2 {
		margin: 0 3px;
	}
	.BORDI span.RIGA3 {
		margin: 0 2px;
	}
	.BORDI span.RIGA4 {
		margin: 0 1px;
		height: 2px;
	}

/*###############################################*/
/* STILI PER IL PANNELLO DI RICERCA IN HOME PAGE */
/*###############################################*/

span.titolo_partenza {
	background-color: #CDD7D9;
	color: #727E81;
	padding: 4px;
	display: block;
	border: solid 1px #CDD7D9;
	font-weight: bold;
}
span.campi_ricerca {
	display: block;
	border: solid 1px #CDD7D9;
	padding: 5px;
	margin: 0px 0px 5px 0px
}
#CONTENUTO input {
	margin: 2px;
	font-size: 12px;
}
#CONTENUTO select {
	margin: 2px;
	font-size: 12px;
}

