/* 
------
il box editoriale va personalizzato con un immagine di sfondo che dipende dalla sezione (valore classe).
è possibile inserire una img nel box delle immagini posto a destra del box editoriales
------
*/

h1							{color:white;font-size:24px;}

.banda_header				{background:url(../images/banda_header.jpg) no-repeat top left; /*height:45px;*/height:70px; clear:both;}
.logo_holder				{width:172px; height:106px; left:0; z-index:20; position:absolute;}
.logo_holder a				{ display:block; float:left;}

.box_editoriale				{ position:relative; float:left; width:980px; }
.img_editoriale				{position:absolute; width:213px; height:230px; z-index:20; top:0; right:32px;}

h1.page_title				{position:relative; top:6px; margin-right:264px;text-align:right; font-size:24px; padding:0; color:white; font-weight:normal;}
h1.page_title.ricerca			{top:38px;}
h2.claim					{color:#171717; text-align:right; width:520px; font-size:21px; line-height:1.2em; float:right; margin-top:45px;position:relative; right:264px; font-weight:normal; }
h3.sottotitolo				{color:#656565; text-align:right; width:520px; font-weight:normal; font-size:14px; line-height:1.2em;float:right;margin-top:18px; position:relative; right:264px;}

/* controlla il box contenitore  */
/*clienti*/
.clienti					{background:url(../images/editoriali/editoriali_clienti.jpg) no-repeat top left; height:247px;}
/* controlla la singola immagine */
.clienti .img_editoriale	{background:url(../images/editoriali/editoriali_clienti.png) no-repeat top left;}

.chi_siamo					{background:url(../images/editoriali/editoriali_neutro.jpg) no-repeat top left; height:247px;}
/* controlla la singola immagine */
.chi_siamo .img_editoriale	{background:url(../images/editoriali/editoriali_chi_siamo.png) no-repeat top left;}

/*servizi*/
.servizio					{background:url(../images/editoriali/editoriali_neutro.jpg) no-repeat top left; height:247px;}
.servizio .img_editoriale	{background:url(../images/editoriali/editoriali_servizio.png) no-repeat top left; }

/* news ed eventi  */
.news_ed_eventi						{background:url(../images/editoriali/editoriali_news_eventi_wide.jpg) no-repeat top left; height:247px;}	
.news_ed_eventi	.img_editoriale		{background:url(../images/editoriali/editoriali_news_eventi.png) no-repeat top left; }









/* news - NEW PAGE */
.news				{background:url(../images/editoriali/editoriali_news_eventi_wide.jpg) no-repeat top left; height:247px;}	
.news .img_editoriale		{background:url(../images/editoriali/editoriali_news_eventi.png) no-repeat top left; }

/* events - NEW PAGE */
.events				{background:url(../images/editoriali/editoriali_news_eventi_wide.jpg) no-repeat top left; height:247px;}	
.events .img_editoriale		{background:url(../images/editoriali/editoriali_news_eventi.png) no-repeat top left; }

/* events - NEW PAGE */
.old-events				{background:url(../images/editoriali/editoriali_news_eventi_wide.jpg) no-repeat top left; height:247px;}	
.old-events .img_editoriale		{background:url(../images/editoriali/editoriali_news_eventi.png) no-repeat top left; }










/* albini_nel_mondo  */
.albini_nel_mondo						{background:url(../images/editoriali/editoriali_neutro.jpg) no-repeat top left; height:247px;}	
.albini_nel_mondo	.img_editoriale		{background:url(../images/editoriali/editoriali_albini_nel_mondo.png) no-repeat top left; }	

/*search  */
.search						{background:url(../images/editoriali/editoriali_search.jpg) no-repeat top left; height:100px;}	
.search	.img_editoriale		{background:none; }
.search h1.page_title{ margin-right:25px;}

/*glossario  */
.glossario						{background:#c6c6c6 url(../images/editoriali/editoriali_carousel.jpg) no-repeat top left; padding-bottom:30px;}	
.glossario	.img_editoriale		{background:none; }
.glossario h1.page_title{ margin-right:25px;}

/*mappa  */
.mappa						{background:#c6c6c6 url(../images/editoriali/editoriali_carousel.jpg) no-repeat top left; padding-bottom:30px;}	
.mappa	.img_editoriale		{background:none; }
.mappa h1.page_title{ margin-right:25px;}

/* brand  */
.i_brand						{background:url(../images/editoriali/editoriali_neutro.jpg) no-repeat top left; height:247px;}	
.i_brand	.img_editoriale		{background:url(../images/editoriali/editoriali_brands.png) no-repeat top left; }	

/* sala stampa  */
.sala_stampa						{background:url(../images/editoriali/editoriali_sala_stampa_wide.jpg) no-repeat top left; height:247px;}	
.sala_stampa	.img_editoriale		{background:url(../images/editoriali/editoriali_sala_stampa.png) no-repeat top left; }	

/* sala stampa  */
.anni_precedenti						{background:url(../images/editoriali/editoriali_sala_stampa_wide.jpg) no-repeat top left; height:247px;}	
.anni_precedenti	.img_editoriale		{background:url(../images/editoriali/editoriali_sala_stampa.png) no-repeat top left; }	

/* presenza commerciale  */
.presenza_commerciale						{background:url(../images/editoriali/editoriali_presenza_commerciale.jpg) no-repeat top left; height:501px;}	
.presenza_commerciale	.img_editoriale		{ display:none; }
.presenza_commerciale	 h1.page_title{top:0;}

/* storia_del_gruppo */
.storia_del_gruppo				{background:url(../images/editoriali/editoriali_storia.jpg) no-repeat top left; height:247px;}
.storia_del_gruppo .img_editoriale		{background:none; }

.carousel					{background:#c6c6c6 url(../images/editoriali/editoriali_carousel.jpg) no-repeat top left; padding-bottom:30px;}
.carousel .img_editoriale	{ display:none;}
.carousel h2.claim, .carousel h3.sottotitolo{ display:none;}
.carousel h1.page_title		{margin-left:512px; margin-right:0; text-align:left;}


/*carousel*/
#wrap-carousel{ width:441px; height:429px; padding:0 12px 12px; float:left; display:inline; margin:10px 0 0 22px; background:url(../images/bg_carousel.jpg) 0 0 no-repeat;}

#wrap-carousel .img_dett{ background:url(../images/bg_img_dettaglio.jpg) -1px 0 no-repeat; width:444px; height:328px;}

/* SLIDESHOW */

#box_gallery {position:relative;width:442px;margin:0 auto;padding:0;display:block;}
#box_gallery .container {overflow:hidden;position:relative;width:404px; height:128px; margin:0 auto;float:left; height:}
#box_gallery .previous_button, #box_gallery .previous_button_over, #box_gallery .next_button,    #box_gallery .next_button_over {float:left;height:92px;width:10px; cursor:pointer;}

#box_gallery .previous_button_disabled, #box_gallery .next_button_disabled{
	cursor:default;
}

#box_gallery #thumbs{
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
top:0;
width:100000px;
}

#box_gallery #thumbs li {
float:left;
height:92px;
margin-right:9px;
width:128px;
}

#box_gallery #thumbs li a{ padding:2px; width:124px; height:88px; overflow:hidden; display:block;}
#box_gallery #thumbs li a img{width:124px; height:88px; }
#box_gallery #thumbs li a.selected{ background:#C70109}

#box_gallery .previous_button, #box_gallery .previous_button_disabled{ margin-right:5px;}
#box_gallery .next_button,  #box_gallery .next_button_disabled{margin-left:5px;}

#box_gallery .previous_button {background:url(../images/pull/previous.gif) no-repeat center;}
#box_gallery .next_button {background:url(../images/pull/next.gif) no-repeat center;}

/*wrap content*/

#content{ margin-left:487px; padding:45px 25px 0 25px; }


/*dettaglio contenuti*/
#content span.data{ font-size:11px; margin-bottom:3px; display:block; }
#content h2{ color:#c70109; font-size:16px; font-weight:normal;  margin-bottom:25px;}

#content h3{ color:#c70109; font-size:14px; font-weight:normal;}

#content p{ margin-bottom:22px; line-height:1.5;}
#content p.data{ margin-bottom:0;}
#content p.back a{ float:right; text-transform:uppercase; background:url(../images/ico_back.png) 0 2px no-repeat; padding-left:13px;}
#content ul.punto_vendita{ float:left; margin-right:40px; width:213px; display:inline; list-style:none;}
#content ul.punto_vendita li{ float:left;  width:213px;}
#content ul.punto_vendita h3, #content ul.orari_apertura h3{ color:#C80109; font-weight:normal; font-size:14px;}
#content ul.punto_vendita a { color:#707070;}
#content ul.punto_vendita a:hover { color:#C80109;}
#content ul.orari_apertura{float:left; width:190px; display:inline;}
#content ul.orari_apertura li{ float:left;  width:190px;}

/*news*/
#content h2.tit_news{ margin-bottom:25px;}


/*navigazione secondo livello*/
.banda_subcontent				{background:url(../images/banda_subsection.jpg) no-repeat top left; height: auto !important; height: 45px;min-height: 45px; clear:both; position:relative;}
.banda_subcontent h1.subsection	{font-size:24px; padding:11px 0 0 17px; color:white;font-weight:normal; width:200px; float:left;height:34px}


/*glossario*/
.elenco_glossario{ padding:100px 25px 0;}
.elenco_glossario div.col1{ width:450px;margin-right:30px;float:left; display:inline;}
.elenco_glossario div.col2{ width:450px;float:left; display:inline;}

.elenco_glossario div p.nome_contenuto{background:transparent url(../images/arrow_glossario_off.gif) no-repeat scroll 0 0; margin-bottom:10px; padding-left:19px; }
.elenco_glossario div p.selected{background:transparent url(../images/arrow_glossario_on.gif) no-repeat scroll 0 0; }
.elenco_glossario div p.selected a{ color:#C80109;}
.elenco_glossario div p.nome_contenuto a{ text-transform:uppercase;}
.elenco_glossario div.contenuto{ padding:0 0 10px 19px;}


/*mappa*/
.wrap-mappa{ padding:60px 25px 0;}
.wrap-link-mappa{ background:transparent url(../images/mappa1.gif) 53px 0 no-repeat; padding:66px 0 0 33px;}
.wrap-mappa p.home{ text-align:center;}
.wrap-mappa p.home a{ font-size:20px; color:#4d4d4d;}
.wrap-mappa ul{ float:left;}
.wrap-mappa ul a{ text-transform:uppercase;}
.wrap-mappa ul a:hover{color:#c80109;}
.wrap-mappa ul li { margin:5px 0;}
.wrap-mappa ul li ul li { margin:0;}
.wrap-mappa ul li.sez{ background:transparent url(../images/arrow_glossario_on.gif) 0 0 no-repeat; padding-left:19px;} 
.wrap-mappa ul li.sez a{color:#c80109;}
.wrap-mappa ul li.sez2 a{ color:#c80109; background:none;}
.wrap-mappa ul.gruppo li.sez2 a{ color:#c80109; background:none; padding-left:19px;}
.wrap-mappa ul li.sez ul li a{ color:#4d4d4d;}
.wrap-mappa ul li.sez ul li a:hover{color:#c80109;}
.wrap-mappa ul li ul{ float:none;}

.wrap-mappa ul.brand{ padding:0 79px 0 76px;background:transparent url(../images/mappa2.gif) right 35px no-repeat;}
.wrap-mappa ul.brand ul{ margin-bottom:34px;}

.wrap-mappa ul.emozionale{  padding:151px 0 0 10px;}
.wrap-mappa ul.emozionale li{margin:0;}

.wrap-mappa ul.footer{ padding-left:52px;}
