/* CSS Document */
/* Griffe Media */

body{margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c615c;}

h1{position:relative; font-size:14px; font-weight:100; height:58px;}
h2{font-size:12px; padding-bottom:0; margin:20px 0 0 0;color:#ed1c24;}

a{color:#5c615c;}
a:hover{text-decoration:none;}

/***************************/
/* LAYOUT */
/***************************/
div#madre{width:964px; padding:20px 0 0 60px; background:url(images/layout/linetta-orizzontale-menu.gif) no-repeat top left;}

div#logo{position:relative;}
	div#logo div#lingua{position:absolute; right:0; top:17px; font-size:10px;}
	div#logo div#lingua a{color:#b2b3b5; margin-right:8px; width:20px;}

		div#logo div#lingua a img{border:1px solid #fff; padding:1px;}
		div#logo div#lingua a:hover img{border:1px solid #ed1c24; padding:1px;}
	
div#cage,div#menu,div#box_content,div#content,div#col_dx{float:left; display:inline;}

div#cage{padding-top:20px;}

div#box_content{width:759px;}

div#header{margin-bottom:50px;}

div#clear{clear:left;}

span.red{color:#ed1c24;}


/*christmas version*/
div#xmas{background:url(images/layout/christmas.gif) no-repeat top left; position:absolute; top:0px; left:42px; width:269px; height:132px; z-index:999;}



/***************************/
/* MENU */
/***************************/
div#menu{width:205px; font-size:13px;}
	div#menu ul{list-style:none; margin:56px 0 0 0; padding:0;}
		div#menu ul li{padding-bottom:18px; position:relative;}

	div#menu a{cursor:pointer;}

/***************************/
/* CONTENT */
/***************************/
div#content{width:453px; padding-left:28px; line-height:150%;}

p.accadue{margin-top:0;}

ul.spuntato{list-style:none; margin:8px 0 0 15px; padding:0;}
	ul.spuntato li{background:url(images/layout/bullet-spunta.gif) no-repeat top left; padding-left:12px; padding-bottom:5px;}

div#back{margin-top:20px;}
	div#back a{text-decoration:none; color:#ed1c24;}
			div#back a span{color:#5c615c;}
	div#back a:hover{color:#5c615c;}
			div#back a:hover span{ color:#ed1c24;}

	div#content div#txt{margin-top:20px; margin-bottom:30px;}
		div#content div#txt img{float:left; display:inline; margin-right:10px;}


table#clienti{width:100%;}
	table#clienti td{vertical-align:top;}
		
		table#clienti ul{list-style:none; margin:8px 0 0 15px; padding:0; font-weight:bold;}
			table#clienti ul li{background:url(images/layout/bullet-spunta.gif) no-repeat top left; padding-left:14px; padding-bottom:5px;}

/*colonna destra*/
div#col_dx{width:252px; padding-left:26px;}

p#mail{background:url(images/layout/ico-mail.gif) no-repeat top left; padding-left:20px;}

/*varie*/
a#red{color:#ed1c24; text-decoration:none;}
a:hover#red{text-decoration:underline;}

/**********************************/
/*FORM*/
/*********************************/

table#form{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; border-collapse:collapse;}
	table#form td{text-align:left;}

	table#form td#avvertenza{color:#861F18; text-align:center; font-size:11px; padding:5px;}
	table#form td.label{text-align:left; padding:5px 5px 10px 5px; width:80px; font-weight:bold; color:#666;}
	table#form td.dati{text-align:left; padding:3px 0 3px 0px;}
	
	table#form input, table#form select{font-size:11px;}
	
	table#form td#informativa{padding:5px 0 5px 0;}
	
	table#form td#invia{text-align:center;}
		table#form td#invia input{font-size:14px; margin-top:15px;}

	table#form span.asterisco{color:#ed1c24;}

/***************************/
/* TITOLI */
/***************************/
/*menu*/
div#menu ul li span{position:absolute; top:0; left:0; height:20px; width:192px;}

	/*it*/
	div#menu ul li a span#tit_home{background:url(images/layout/tit_home.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_home{background:url(images/layout/tit_home.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_griffemedia{background:url(images/layout/tit_griffemedia.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_griffemedia{background:url(images/layout/tit_griffemedia.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_guardiamo_avanti{background:url(images/layout/tit_guardiamo_avanti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_guardiamo_avanti{background:url(images/layout/tit_guardiamo_avanti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_clienti{background:url(images/layout/tit_clienti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_clienti{background:url(images/layout/tit_clienti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_mercati{background:url(images/layout/tit_mercati.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_mercati{background:url(images/layout/tit_mercati.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_cosa_facciamo{background:url(images/layout/tit_cosa_facciamo.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_cosa_facciamo{background:url(images/layout/tit_cosa_facciamo.gif) no-repeat bottom left #fff;}
		
	div#menu ul li a span#tit_lavora{background:url(images/layout/tit_lavora.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_lavora{background:url(images/layout/tit_lavora.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_promozioni{background:url(images/layout/tit_promozioni.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_promozioni{background:url(images/layout/tit_promozioni.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_promozione_aziende{background:url(images/layout/tit_promozione_aziende.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_promozione_aziende{background:url(images/layout/tit_promozione_aziende.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_promozione_turistico{background:url(images/layout/tit_promozione_turistico.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_promozione_turistico{background:url(images/layout/tit_promozione_turistico.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_partners{background:url(images/layout/tit_partners.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_partners{background:url(images/layout/tit_partners.gif) no-repeat bottom left #fff;}



	/*en*/	
	div#menu ul li a span#tit_en_griffemedia{background:url(images/layout/tit_en_griffemedia.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_griffemedia{background:url(images/layout/tit_en_griffemedia.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_en_guardiamo_avanti{background:url(images/layout/tit_en_guardiamo_avanti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_guardiamo_avanti{background:url(images/layout/tit_en_guardiamo_avanti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_en_clienti{background:url(images/layout/tit_en_clienti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_clienti{background:url(images/layout/tit_en_clienti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_en_mercati{background:url(images/layout/tit_en_mercati.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_mercati{background:url(images/layout/tit_en_mercati.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_en_cosa_facciamo{background:url(images/layout/tit_en_cosa_facciamo.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_cosa_facciamo{background:url(images/layout/tit_en_cosa_facciamo.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_en_lavora{background:url(images/layout/tit_en_lavora.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_en_lavora{background:url(images/layout/tit_en_lavora.gif) no-repeat bottom left #fff;}

	/*si*/	
	div#menu ul li a span#tit_si_home{background:url(images/layout/tit_si_home.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_home{background:url(images/layout/tit_si_home.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_si_griffemedia{background:url(images/layout/tit_si_griffemedia.gif) no-repeat top left #fff; width:200px;}
		div#menu ul li a:hover span#tit_si_griffemedia{background:url(images/layout/tit_si_griffemedia.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_si_guardiamo_avanti{background:url(images/layout/tit_si_guardiamo_avanti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_guardiamo_avanti{background:url(images/layout/tit_si_guardiamo_avanti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_si_clienti{background:url(images/layout/tit_si_clienti.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_clienti{background:url(images/layout/tit_si_clienti.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_si_mercati{background:url(images/layout/tit_si_mercati.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_mercati{background:url(images/layout/tit_si_mercati.gif) no-repeat bottom left #fff;}
	
	div#menu ul li a span#tit_si_cosa_facciamo{background:url(images/layout/tit_si_cosa_facciamo.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_cosa_facciamo{background:url(images/layout/tit_si_cosa_facciamo.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_si_lavora{background:url(images/layout/tit_si_lavora.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_lavora{background:url(images/layout/tit_si_lavora.gif) no-repeat bottom left #fff;}
		
	div#menu ul li a span#tit_si_promozioni{background:url(images/layout/tit_si_promozioni.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_promozioni{background:url(images/layout/tit_si_promozioni.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_si_promozione_aziende{background:url(images/layout/tit_si_promozione_aziende.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_promozione_aziende{background:url(images/layout/tit_si_promozione_aziende.gif) no-repeat bottom left #fff;}

	div#menu ul li a span#tit_si_promozione_turistico{background:url(images/layout/tit_si_promozione_turistico.gif) no-repeat top left #fff;}
		div#menu ul li a:hover span#tit_si_promozione_turistico{background:url(images/layout/tit_si_promozione_turistico.gif) no-repeat bottom left #fff;}


/*--*/

/*content*/
div#content h1 span{position:absolute; top:0; left:0; height:58px; width:352px;}

	/*it*/
	div#content h1 span#tit_content-griffemedia{background:url(images/titoli/tit_content-griffemedia.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-guardiamo-avanti{background:url(images/titoli/tit_content-guardiamo-avanti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-clienti{background:url(images/titoli/tit_content-clienti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-mercati{background:url(images/titoli/tit_content-mercati.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-cosa-facciamo{background:url(images/titoli/tit_content-cosa-facciamo.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-lavora{background:url(images/titoli/tit_content-lavora.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-contattaci{background:url(images/titoli/tit_content-contattaci.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-promozioni-aziende{background:url(images/titoli/tit_content-promozioni-aziende.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-promozioni-turistico{background:url(images/titoli/tit_content-promozioni-turistico.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-privacy{background:url(images/titoli/tit_content-privacy.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-partners{background:url(images/titoli/tit_content-partners.gif) no-repeat top left #fff;}

	div#content h1 span#tit_content-web-design{background:url(images/titoli/tit_content-web-design.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-coordinati-aziendali{background:url(images/titoli/tit_content-coordinati-aziendali.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-comunicazione{background:url(images/titoli/tit_content-comunicazione.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-web-marketing{background:url(images/titoli/tit_content-web-marketing.gif) no-repeat top left #fff;}
	div#content h1 span#tit_content-organizzazione-eventi{background:url(images/titoli/tit_content-organizzazione-eventi.gif) no-repeat top left #fff;}

		/*promozioni*/
		div#content h1 span#tit_content_settore_turistico{background:url(images/titoli/tit_content-settore-turistico.gif) no-repeat top left #fff; width:418px; height:64px;}
		div#content h1 span#tit_content-omaggi-natalizi{background:url(images/titoli/tit_content-omaggi-natalizi.gif) no-repeat top left #fff;}
		div#content h1 span#tit_col_dx_rottama{background:url(images/titoli/tit_col_dx_rottama.gif) no-repeat top left #fff;}
	

	/*en*/
	div#content h1 span#tit_en_content-griffemedia{background:url(images/titoli/tit_en_content-griffemedia.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-guardiamo-avanti{background:url(images/titoli/tit_en_content-guardiamo-avanti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-clienti{background:url(images/titoli/tit_en_content-clienti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-mercati{background:url(images/titoli/tit_en_content-mercati.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-cosa-facciamo{background:url(images/titoli/tit_en_content-cosa-facciamo.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-lavora{background:url(images/titoli/tit_en_content-lavora.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-contattaci{background:url(images/titoli/tit_en_content-contattaci.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-privacy{background:url(images/titoli/tit_en_content-privacy.gif) no-repeat top left #fff;}

	div#content h1 span#tit_en_content-web-design{background:url(images/titoli/tit_en_content-web-design.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-coordinati-aziendali{background:url(images/titoli/tit_en_content-coordinati-aziendali.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-comunicazione{background:url(images/titoli/tit_en_content-comunicazione.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-web-marketing{background:url(images/titoli/tit_en_content-web-marketing.gif) no-repeat top left #fff;}
	div#content h1 span#tit_en_content-organizzazione-eventi{background:url(images/titoli/tit_en_content-organizzazione-eventi.gif) no-repeat top left #fff;}
		

		/*promozioni*/
		div#content h1 span#tit_en_content-omaggi-natalizi{background:url(images/titoli/tit_en_content-omaggi-natalizi.gif) no-repeat top left #fff;}
		div#content h1 span#tit_en_col_dx_rottama{background:url(images/titoli/tit_en_col_dx_rottama.gif) no-repeat top left #fff;}


	/*si*/
	div#content h1 span#tit_si_content-griffemedia{background:url(images/titoli/tit_si_content-griffemedia.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-guardiamo-avanti{background:url(images/titoli/tit_si_content-guardiamo-avanti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-clienti{background:url(images/titoli/tit_si_content-clienti.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-mercati{background:url(images/titoli/tit_si_content-mercati.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-cosa-facciamo{background:url(images/titoli/tit_si_content-cosa-facciamo.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-lavora{background:url(images/titoli/tit_si_content-lavora.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-promozioni-aziende{background:url(images/titoli/tit_si_content-promozioni-aziende.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-promozioni-turistico{background:url(images/titoli/tit_si_content-promozioni-turistico.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-contattaci{background:url(images/titoli/tit_si_content-contattaci.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-privacy{background:url(images/titoli/tit_si_content-privacy.gif) no-repeat top left #fff;}

	div#content h1 span#tit_si_content-web-design{background:url(images/titoli/tit_si_content-web-design.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-coordinati-aziendali{background:url(images/titoli/tit_si_content-coordinati-aziendali.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-comunicazione{background:url(images/titoli/tit_si_content-comunicazione.gif) no-repeat top left #fff; height:84px;}
	div#content h1 span#tit_si_content-web-marketing{background:url(images/titoli/tit_si_content-web-marketing.gif) no-repeat top left #fff;}
	div#content h1 span#tit_si_content-organizzazione-eventi{background:url(images/titoli/tit_si_content-organizzazione-eventi.gif) no-repeat top left #fff;}
		
		/*promozioni*/
		div#content h1 span#tit_si_content_settore_turistico{background:url(images/titoli/tit_si_content-settore-turistico.gif) no-repeat top left #fff; width:438px; height:71px;}

/***************************/
/* FOOTER */
/***************************/
div#footer{font-size:11px; padding-top:40px; padding-left:30px; clear:both;}
	div#footer a{color:#5c615c;}
	div#footer a:hover{text-decoration:none;}



/*-------------------------------------------------------------------*/
/*-------------- messaggi errore conferma ----------------*/
/*-------------------------------------------------------------------*/

div.error {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#E10000; border:1px solid #ccc; padding:20px 20px 20px 65px; margin-bottom:20px; background:url(images/common/alert.gif) no-repeat left #F8F8F8;}
div.ok {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #ccc; padding:20px 20px 20px 65px; margin-bottom:20px; background:url(images/common/ok.gif) no-repeat left #F8F8F8;}
div.msg {font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; border:1px solid #ccc; padding:20px 20px 20px 65px; margin-bottom:20px; background:url(images/common/msg.gif) no-repeat left #F8F8F8;}






