* {
	margin: 0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	font-size:12px;
	background: #fff url(images/background.gif) repeat-x;
}
.container {
	width: 940px;
}
div.span-a1, div.span-a2, .sinistra, .destra {
	float:left;
}
.span-a1 {
	width:300px;
}
.span-a2 {
	width:640px;
}


/* -----------------------------------------------------------------------
Logo
----------------------------------------------------------------------- */
.logo a {
	display:block;
	width: 300px;
	height: 150px;
	background-image:url(images/logo_progettoaroma.jpg);
	text-indent:-9999px;
	overflow:hidden;
}

.logo h1 {
	font-size:0;
}

.beta {
  float: right;
  margin-top: 25px;
}
/* -----------------------------------------------------------------------
Menu Istituzionale
----------------------------------------------------------------------- */

.main_menu {
	text-align: right;
	font-size: 12px;
	font-weight:bold;
	color: #646567;
}
.main_menu ul {
	margin: 0;
	padding:0;
	padding-top: 68px;
}
.main_menu ul li {
	display:inline;
	background:url(images/linea_menu.gif) no-repeat left center;
	padding-left: 23px;
	text-align:right;
}
.main_menu ul li:first-child {
	background:none;
}

.main_menu ul li a{
	color: #646567;
	text-decoration:none;
}
.main_menu ul li a:hover{
	color: #000;
}
.main_menu ul li.active a{
	color: #000;
}


/* -----------------------------------------------------------------------
Splash Image
----------------------------------------------------------------------- */


.splash {
	margin-top: 15px;
	width: 940px;
}
.splash img{
	/*margin-bottom: -5px;*/
}

/* -----------------------------------------------------------------------
Menu Grafico e Cerca
----------------------------------------------------------------------- */

.graphic_menu {
	padding: 8px 0 0;
	border-bottom: 1px solid #B1B2B3;
	background: #fff url(images/background_menu.gif) no-repeat;	
  z-index:100;
}
.sinistra {
	width: 299px;
}
.destra {
	width: 640px;
}

.sinistra input.atext { 
	width: 245px;
	padding:2px;
	font-style:italic;
	color: #B1B2B3;
	border: 1px solid #C2C2C2;
}
.menu ul {
	margin: 0;
	padding:0;
	list-style: none;
}
.menu ul li {
	float:left;
	list-style-type: none;
	position: relative;
	width: 160px;
  z-index:100;	
}
.menu ul li a{
	display:block;
	height: 48px;
	text-indent:-9999px;
	overflow:hidden;
}

.menu ul li ul { 
	margin: 0;
	padding:0;
	display: none;
	position: absolute;
	width: 160px;
	background-image:url(images/background_tendina.gif);
	background-repeat:repeat-y;
	border-bottom: 1px solid #CBCBCB;
	opacity: .85;
	-moz-opacity:.85;
	filter:alpha(opacity=85); 
	z-index:100;
}

.menu ul li>ul { 
	top: auto;
	left: auto;
	z-index:100;
}

.menu ul li span{
	display:none;
}

.menu ul li.architettura-design a{
	background-image:url(images/menu/architettura_design.gif);
	background-position: 0 0;
}
.menu ul li.comunicazione a {
	background-image:url(images/menu/comunicazione.gif);
	background-position: 0 0;
}
.menu ul li.information-technology a {
	background-image:url(images/menu/information_technology.gif);
	background-position: 0 0;
}
.menu ul li.formazione a {
	background-image:url(images/menu/formazione.gif);
	background-position: 0 0;
}

.menu ul li a:hover, menu ul li.iehover a,
.menu ul li.active a, .menu ul li.dropped a {
	background-position: 0 48px;
	z-index:100;
}

.menu ul li:hover ul, .menu ul li.over ul {
	display: block;
}
.menu ul li:hover a, .menu ul li.over a {
	background-position: 0 48px;
}
.menu ul li.information-technology.over a {
	background-position: 0 48px;
}

.menu ul li ul li{
	display:block;
	float:none;
	font-size: 12px;
	margin: 0 0 -15px 0;
	padding: 0 10px;
}
.menu ul li ul li a{
	text-indent:0px;
}
.menu ul li ul li a:hover{
	color: #000;
}

.menu ul li.architettura-design  ul li a, .menu ul li.comunicazione  ul li a, .menu ul li.information-technology  ul li a, .menu ul li.formazione  ul li a{
	background-image:none;
	font-size:12px;
	color: #646567;
	font-weight:bold;
	text-decoration:none;
}
.menu ul li.architettura-design  ul li a:hover, .menu ul li.comunicazione  ul li a:hover, .menu ul li.information-technology  ul li a:hover, .menu ul li.formazione  ul li a:hover{
	color: #000;
}
.menu ul li ul li.active a{
	color: #000;
}

.menu ul li ul li.dropped a{
	color: #000;
}

/* -----------------------------------------------------------------------
Briciola
----------------------------------------------------------------------- */
.briciola {
	font-size:10px;
	color: #646567;
	padding-top: 4px;
	padding-bottom: 5px;
}
.briciola a{
	color: #646567;
	text-decoration:none;
}
.briciola a:hover{
	color: #000;
}
/* -----------------------------------------------------------------------
Sidebar Sinistra
----------------------------------------------------------------------- */

.corpo { 
	float: left; 
	overflow: hidden; 
	margin-bottom: 25px;
}
.corpo div.destra, .corpo div.sinistra  { 
	float: left; 
	width: 200px; 
	margin:0;
	padding:0;
	margin-bottom: -2000px; 
	padding-bottom: 2000px; 
}

.corpo div.destra { 
	width: 640px;
	margin:0;
	padding:0;
}
.corpo div.sinistra { 
	width: 300px; 
	background: #EBEBEB;  
}
.corpo div.sinistra { 
	width: 300px; 
	background: #EBEBEB;  
}

/* -----------------------------------------------------------------------
Ultime Notizie
----------------------------------------------------------------------- */
.last_news {
	padding: 25px 18px;
	font-size: 11px;
}
.last_news h2{
	background:url(images/scritte/ultime_news.gif) no-repeat;
	width: 100px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
}
.last_news h2 span, .last_news h3 span{
	display: none;	
}
.last_news .area {
	margin-top: 3px;
	font-weight:bold;
	font-style: italic;
	color: #007236;
}
.last_news .area span{
	font-weight:normal;
	display:block;
}
.last_news .titolo {
	color: #646567;
	font-weight:bold;
	font-style: italic;
	padding-bottom: 10px;
	background:url(images/puntinato.gif) center bottom repeat-x;
}
.last_news .titolo a{
	color: #646567;
	text-decoration:none;
}
.last_news .titolo a:hover{
	color: #000;
}
.last_news h3 a{
	margin-top: 13px;
	float:right;
	display:block;
	width: 63px;
	height: 12px;
	background:url(images/scritte/vedi_tutte.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* -----------------------------------------------------------------------
Blocco Lavori
----------------------------------------------------------------------- */
.blocco {
	float: left;
	width: 140px;
	margin: 20px 0 0 20px;
	font-size: 11px;
	color: #7D7D7D;
	padding-bottom: 15px;
}
.blocco img {
	border: 1px solid #B1B2B3;
	margin-bottom:5px;
}
.blocco .area {
	font-size:11px;
	font-weight:bold;
	font-style: italic;
	color: #007236;
}
.blocco .titolo {
	font-size:16px;
	font-weight:bold;
	color: #646567;
	line-height: 18px;
}
.blocco .titolo a{
	color: #646567;
	text-decoration:none;
}
.blocco .titolo a:hover{
	color: #000;
}
.blocco .data {
	font-size: 11px;
	font-style:italic;
	color: #007236;
	margin-bottom: 8px;
}
.blocco .intro {
	line-height: 13px;
}

.blocco h3 a{
	margin-top: 13px;
	float:right;
	display:block;
	width: 62px;
	height: 12px;
	background:url(images/scritte/vedi_tutto.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.riga {
	float: left;
	width: 140px;
	border-top: 5px solid #B1B2B3;
	margin-left: 20px;
}

/* -----------------------------------------------------------------------
Spazio Banner
----------------------------------------------------------------------- */
.banner {
	text-align: right;
	background-color:#FFFFFF;
	border-top: 1px solid #B1B2B3;
	padding: 25px 0 5px 0;
	font-size: 0px;
}
.banner img{
	margin-left: 20px;
	margin-bottom: 20px;
}
.banner img.first{
	margin-left: 0px;
}


/* -----------------------------------------------------------------------
Bandone
----------------------------------------------------------------------- */
.bandone {
	background-color: #646567;
	color:#fff;
	font-size:11px;
}
.bandone .contenitore {
	margin: 0 auto;
	width: 900px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 20px;
}

/* -----------------------------------------------------------------------
Footer
----------------------------------------------------------------------- */
.footer {
	background-color: #E7E7E7;
	background-image:url(images/background_footer.gif);
	color:#fff;
	font-size:11px;
}
.footer .contenitore {
	margin: 0 auto;
	width: 900px;
	padding: 12px 20px;
	color: #7D7D7D;
	font-size: 10px;
}

.footer .contenitore .sx a{
	color: #7D7D7D;
	text-decoration: none;
}
.footer .contenitore .sx a:hover{
	color: #000;
}
.sx {
	float:left;
	width: 350px;
}
.cx {
	float:left;
	text-align:right;
	font-size:11px;
}
.dx {
	float:left;
	margin-top: -7px;
	margin-left: 2px;
}

.cx span{
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	color: #008837;
}

.footer .contenitore .dx a{
	display:block;
	width: 39px;
	height: 36px;
	background-image:url(images/logo_aroma.gif);
	text-indent:-9999px;
	overflow:hidden;
}
.footer .contenitore .dx a span{
	visibility:hidden;
}

/* -----------------------------------------------------------------------
Pagine Statiche
----------------------------------------------------------------------- */
.contenuto {
  margin-left: 20px;
}
.contenuto h4 {
	font-size:15px;
	font-weight:bold;
  color: #007236;
	line-height: 18px;
	margin: 10px 0;
}
.contenuto h5 {
	font-size:14px;
	font-weight:bold;
	color: #646567;
	line-height: 18px;
	margin: 0;
}
.contenuto ul li{
  margin: 5px 0;
}
.contenuto a {
	color: #646567;
	text-decoration: none;
}
.contenuto a:hover {
	color: #000;
}

.contenuto h4.vedi a{
	margin-top: 13px;
	float:right;
	display:block;
	width: 63px;
	height: 12px;
	background:url(images/scritte/vedi_tutte.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.contenuto .area {
	font-size:11px;
	font-weight:bold;
	font-style: italic;
	color: #007236;
}
.contenuto .attachments {
  margin: 10px 0;
}
.contenuto .attachments ul li{
  margin: 0;
}

.destra .clients {
	border-bottom: 2px solid #007236;
	padding-bottom: 4px;
	padding-top: 20px;
	margin-bottom: 10px;
}
/* -----------------------------------------------------------------------
Elenco lavori/news
----------------------------------------------------------------------- */
.destra .lavoro, .destra .scheda, .destra .socio  {
	border-bottom: 1px solid #A7A8A9;
	padding-top: 20px;
	padding-bottom: 20px;	
	z-index:1;
}
.destra .thumb img {
	border: 1px solid #B1B2B3;
}
.destra .scheda .small {
  margin: 10px 5px;

}
.destra .titolo {
	font-size:16px;
	font-weight:bold;
	color: #646567;
	line-height: 18px;
}
.destra .titolo a{
	color: #646567;
	text-decoration: none;
}
.destra .titolo a:hover{
	color: #000;
}
.destra .data {
	font-size: 11px;
	font-style:italic;
	color: #007236;
	margin-bottom: 8px;
}
.destra .lavoro .intro {
	border-bottom:5px solid #B1B2B3;
	height: 98px;
}
.destra .socio .intro {
	border-bottom:5px solid #B1B2B3;
	padding-bottom: 10px;
}
.destra .intro .continua {
	display:block;
	background-image:url(images/freccia_continua.gif);
	height:30px;
	width: 30px;
	text-indent: -9999px;
	overflow:hidden;
	float:right;
}
.destra .intro .indietro {
	display:block;
	background-image:url(images/freccia_indietro.gif);
	height:30px;
	width: 30px;
	text-indent: -9999px;
	overflow:hidden;
	float:left;
}

.destra .client {
	font-size: 12px;
	color: #646567;
	margin-bottom: 8px;
}

.destra .indirizzo_sito {
	font-size: 12px;
	color: #646567;
	margin-top: 8px;
	margin-bottom: 8px;
}
/* -----------------------------------------------------------------------
Alberatura Aree
----------------------------------------------------------------------- */
.alberatura {
	background-color: #E1E1E1;
	padding: 25px 18px 5px 18px;
	border-bottom: 1px solid #fff;
}
.alberatura h2 {
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
}
.alberatura h2 span{
	display: none;	
}

.alberatura h2.information-technology{
	background:url(images/scritte/information_technology.gif) no-repeat;
	width: 204px;
}
.alberatura h2.architettura-design{
	background:url(images/scritte/architettura.gif) no-repeat;
	width: 178px;
}
.alberatura h2.comunicazione{
	background:url(images/scritte/comunicazione.gif) no-repeat;
	width: 129px;
}
.alberatura h2.formazione{
	background:url(images/scritte/formazione.gif) no-repeat;
	width: 99px;
}
.alberatura h2.categorie{
	background:url(images/scritte/categorie.gif) no-repeat;
	width: 83px;
}
.alberatura ul {
	margin: 0 0 0 3px;
	padding:0;
}

.alberatura ul li {
	list-style-type:none;
	color: #646567;
	font-size:12px;
	padding-bottom: 3px;
	/*background:url(images/puntinato.gif) center bottom repeat-x;*/
	font-weight:bold;
	margin: 5px 0 0 10px;
}
.alberatura ul li:last-child {
	background:none;
}

.alberatura ul li a{
	color: #646567;
	text-decoration:none;
}
.alberatura ul li a:hover{
	color: #000;
}
.alberatura ul li.active a, .alberatura ul li ul li.active a {
	color: #000;
}

.alberatura ul li.active ul li a, .alberatura ul li ul li.active ul li a{
	color: #646567;
}

/* -----------------------------------------------------------------------
Pagination
----------------------------------------------------------------------- */
.contenuto .pagination {
  float: right;
  color: #007236;
  margin: 10px 0;
}

.contenuto .pagination a{
  color: #007236;
  text-decoration: none;
}

/* -----------------------------------------------------------------------
Video
----------------------------------------------------------------------- */
.video {
  margin-left: 20px;
}
.video .area {
	margin-top: 3px;
	font-weight:bold;
	font-style: italic;
	color: #007236;
}
.video .titolo {
	font-size:16px;
	font-weight:bold;
	color: #646567;
	line-height: 18px;
}
.video .data {
	font-size: 11px;
	font-style:italic;
	color: #007236;
	margin-bottom: 8px;
}
.video .embed {
  margin: 5px 0 15px 0;
}
.video .indietro {
	display:block;
	background-image:url(images/freccia_indietro.gif);
	height:30px;
	width: 30px;
	text-indent: -9999px;
	overflow:hidden;
	float:left;
}


/* -----------------------------------------------------------------------
Contatti
----------------------------------------------------------------------- */
#map {
  width: 300px;
  height: 300px;
	z-index:1;
}

/* -----------------------------------------------------------------------
Titoli pagine
----------------------------------------------------------------------- */
.contenuto h2.news{
	background:url(images/scritte/news.gif) no-repeat;
	width: 44px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}

.contenuto h2.aromatv{
	background:url(images/scritte/aromatv.gif) no-repeat;
	width: 80px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}

.contenuto h2.portfolio{
	background:url(images/scritte/portfolio.gif) no-repeat;
	width: 80px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}

.contenuto h2.partner{
	background:url(images/scritte/partner.gif) no-repeat;
	width: 80px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}

.contenuto h2.chi_siamo{
	background:url(images/scritte/chi_siamo.gif) no-repeat;
	width: 80px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}
.contenuto h2.privacy{
	background:url(images/scritte/tutela_privacy.gif) no-repeat;
	width: 165px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}
.contenuto h2.legali{
	background:url(images/scritte/note_legali.gif) no-repeat;
	width: 92px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}
.contenuto h2.contatti{
	background:url(images/scritte/contatti.gif) no-repeat;
	width: 72px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}
.contenuto h2.area_clienti{
	background:url(images/scritte/area_clienti.gif) no-repeat;
	width: 100px;
	height: 14px;
	margin: 0 0 10px 0;
	padding:0;
	text-indent: -9999px;
	overflow: hidden;
}