body				{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:14px; color:#333333; height:100%; background-color:#000506; margin:0; padding:0; margin-bottom:20px;}

.clear				{clear:both;}
a.loc, a.loc:hover { text-indent: -100000px; }
/*neramail*/
#nero				{display:none; background:#000000; width:100%; height:75px; text-align:center; margin:0 auto; margin:0; padding:0;}
.left				{float:left}
.right				{float:right}
input.white			{margin:0; padding:0 15px; background:url(../struttura/input.png) no-repeat 0 0; width:229px; height:30px; line-height:30px; font-size:14px; border:0;}
label.whitelabel	{top:0; left:0; display:block; width:229px; height:20px; color:#FFFFFF; text-align:left;}

#accedi				{float:left; width:196px; height:30px; line-height:30px;}

/*HEADER*/
#wrap-mail			{width:900px; text-align:center; margin:0 auto;}
#header				{background:url(../struttura/bg-all.jpg) repeat-x top left; text-align: center; margin:0 auto; height:480px;}
#wrap-marrone		{text-align: center; margin:0 auto; width:900px; height:100px;}

#relative			{position:relative; width:100%}
#sopratestata		{position:relative; text-align: center; margin:0 auto; width:960px; height:320px;}
#wrap-menu			{width:650px; height:80px;float:left; position:relative;}

#floor				{position:absolute; z-index:9980; right:0; top:261px; width:100%; height:122px; background:url(../struttura/floor2.png) no-repeat center top;}

/*MENU*/
#menu				{float:left; width:650px; height:80px; margin-top:20px; position:absolute; z-index: 98}
#menu a			{background:url(../struttura/menu-hover.png) no-repeat 0 86px; display:block; float: left; padding:0 30px; height:80px; line-height:133px; font-size:24px; text-align:justify; color:#FFFFFF; text-shadow: 0 2px 2px #433a2c; text-decoration:none; font-family: 'Yanone Kaffeesatz', arial, serif; border-style:border}
#menu a:hover	{background-position: 0 0; text-align:justify; color:#FFFFFF; text-shadow: 0 2px 2px #000000;}

#menu ul			{list-style: none; margin:0; padding:0;}
#mail				{position:absolute; right:0; top:0; z-index:97; width:310px; height:62px; background:url(../struttura/mail.jpg) no-repeat 0 -10px;}

#rana				{position:absolute; z-index:9999; right:0; bottom:0; width:183px; height:297px; text-align:right}
#rana-servizi		{position:absolute; z-index:9999; right:0; bottom:0; width:381px; height:186px; text-align:right}
#rana-brand			{position:absolute; z-index:9999; right:0; bottom:-50px; width:300px; height:306px; text-align:right;}
#rana-hero			{position:absolute; z-index:9999; right:0; bottom:-25px; width:375px; height:252px; text-align:right;}
#rana-commerce		{position:absolute; z-index:9999; right:0; bottom:-45px; right:20px; width:343px; height:385px; text-align:right;}

#testata			{position:absolute; z-index:9970; top:20px; width:960px; height:320px; text-align:center; margin:0 auto;}

/*MENUBASSO*/
#wrap-menubasso		{background-color:#002830; text-align:center; margin:0 auto; vertical-align:top}

#menubasso			{width:918px; height:168px; text-align:center; margin:0 auto; background:url(../struttura/sprite-menu.jpg) no-repeat 0 -168px;}

#realizzasito a			{display:block; width:231px; height:168px; float:left;}
#realizzasito a:hover	{background:url(../struttura/sprite-menu.jpg) no-repeat 0 0;}

#brand a				{display:block; width:228px; height:168px; float:left}	
#brand a:hover			{background:url(../struttura/sprite-menu.jpg) no-repeat -231px 0;}

#marketing a			{display:block; width:228px; height:168px; float:left}	
#marketing a:hover		{background:url(../struttura/sprite-menu.jpg) no-repeat -459px 0;}

#ecommerce a			{display:block; width:231px; height:168px; float:left;}
#ecommerce a:hover		{background:url(../struttura/sprite-menu.jpg) no-repeat -687px 0;}

/************MENUFOOTER**********/

#menufooterwrap		{width:930px; height:225px; background:url(../struttura/bg-menubasso.jpg) no-repeat bottom left; text-align:center; margin:0 auto}
#spazio				{height:63px;}
#menufooter			{width:930px; height:160px; text-align:left; margin:0 auto; vertical-align:top}
#menufooter	em		{font-style:normal; height:60px; line-height:60px; display:block; margin-left:15px;}
#menufooter ul		{margin:0; padding:0; list-style:none;}

#menusitemap		{width:930px; text-align:left; margin:0 auto; vertical-align:top}
#menusitemap ul		{margin:0; padding:0; list-style:none;}
#menusitemap a		{font-size:14px; display:block; line-height:22px; height:22px; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#000000}
#menusitemap a:hover	{font-size:14px; line-height:22px; color:#000000; text-decoration:none; text-shadow: 0 0 4px #000;}

#agenzia		{width:200px; height:160px; float:left; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; text-shadow: 0 4px 4px #004651;}
#agenzia a		{font-size:14px; display:block; line-height:22px; height:22px; width:130px; background:url(../struttura/g.png) no-repeat 0 0; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#FFFFFF}
#agenzia a:hover	{font-size:14px; line-height:22px; color:#FFFFFF; text-decoration:none; text-shadow: 0 0 4px #000;}


#design			{width:172px; height:160px; float:left; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; text-shadow: 0 4px 4px #004651;}
#design a		{font-size:14px; display:block; line-height:22px; height:22px; width:130px; background:url(../struttura/g.png) no-repeat 0 0; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#FFFFFF}
#design a:hover	{font-size:14px; line-height:22px; color:#FFFFFF; text-decoration:none; text-shadow: 0 0 4px #000;}

#marketingf			{width:186px; height:160px; float:left; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; text-shadow: 0 4px 4px #004651;}
#marketingf a		{font-size:14px; display:block; line-height:22px; height:22px; width:130px; background:url(../struttura/g.png) no-repeat 0 0; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#FFFFFF}
#marketingf a:hover	{font-size:14px; line-height:22px; color:#FFFFFF; text-decoration:none; text-shadow: 0 0 4px #000;}

#development		{width:186px; height:160px; float:left; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; text-shadow: 0 4px 4px #004651;}
#development a		{font-size:14px; display:block; line-height:22px; height:22px; width:130px; background:url(../struttura/g.png) no-repeat 0 0; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#FFFFFF}
#development a:hover	{font-size:14px; line-height:22px; color:#FFFFFF; text-decoration:none; text-shadow: 0 0 4px #000;}

#contact			{width:186px; height:160px; float:left; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:28px; text-shadow: 0 4px 4px #004651;}
#contact a			{font-size:14px; display:block; line-height:22px; height:22px; width:130px; background:url(../struttura/g.png) no-repeat 0 0; text-align:justify; padding-left:24px; margin-left:15px; text-decoration:none; color:#FFFFFF}
#contact a:hover	{font-size:14px; line-height:22px; color:#FFFFFF; text-decoration:none; text-shadow: 0 0 4px #000;}
span.tel			{font-size:20px; line-height:22px; height:22px; margin-left:15px;}
	

h1					{background:url(../struttura/ribbon-orange.png) no-repeat 0 5px; width:350px; height:45px; display:block; line-height:45px; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:26px; text-shadow: 0 2px 2px #666; text-align:left; padding-left:60px; letter-spacing:2px; font-weight:normal;}
h2					{text-align:justify; margin:0; padding:0; margin-left:40px; margin-right:40px;  padding-left:20px; background:url(../struttura/h2bg.png) no-repeat 0 0; width:630px; height:28px; display:block; line-height:28px; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:18px; text-shadow: 0 2px 2px #000; text-align:left; letter-spacing:1px; font-weight:normal;}

/**************CONTENUTO DEL SITO****************/
#top-contenuto	{background:url(../struttura/top-content.jpg) no-repeat 0 0; height:32px; width:959px; text-align:center; margin:0 auto;  margin-bottom:0;}
#contenuto		{background:url(../struttura/content.jpg) repeat-y center top; width:1022px; overflow:hidden;text-align:center; margin:0 auto; margin-bottom:0;}

#contenuto p	{ color:#292929; text-align:justify; margin-left:60px; margin-right:60px; font-size:20px;}	
#contenuto p b	{ color:#de7f00}	


#barrablu		{width:100%; height:239px; background:url(../struttura/floor.jpg) no-repeat center top #002830; border-bottom:1px solid #004c5d; vertical-align:top; text-align:center; margin:0 auto;}

/****************FORM DEI CONTATTI****************/
#contactform	{bottom:0; width:958px; text-align:center; margin:0 auto; background:url(../struttura/bg-contact.jpg) no-repeat center top; height:192px; vertical-align:top}
.form			{margin:0; padding:0;}
#wrap-form		{ float: right; width:576px; margin-right:15px; margin-top:9px;}


#nome			{width:282px; height:27px; margin: 0; margin-bottom:10px; background:url(../struttura/inputblack.png) no-repeat 0 0; float:left}
.innome			{margin:0; width:237px; height:27px; line-height:27px; background:url(../struttura/inputblack.png) no-repeat top center; text-align:left; margin-left:10px; font-size:12px; border:0; color:#FFFFFF; }
#servizio		{width:282px; height:27px; margin: 0; margin-left:10px; margin-bottom:10px; background:url(../struttura/inputblack.png) no-repeat 0 0; float:left}
#selservizio		{margin:0; width:257px; height:25px; line-height:27px; background:url(../struttura/inputblack.png) no-repeat top center; text-align:left; margin-left:10px; font-size:12px; border:0; color:#FFFFFF;}
#selservizio option	{background-color:#000000; border:0; line-height:27px; height:27px; border-bottom:1px solid #666;}


#telefono		{width:282px; height:27px; margin: 0; margin-bottom:10px; background:url(../struttura/inputblack.png) no-repeat 0 0; float:left}
.intel			{margin:0; width:237px; height:27px; background:url(../struttura/inputblack.png) no-repeat top center; text-align:left; margin-left:10px; font-size:12px; border:0; color:#FFFFFF;}

#email			{width:282px; height:27px; margin: 0; margin-bottom:10px; margin-left:10px; background:url(../struttura/inputblack.png) no-repeat 0 0; float:left;}		
.inemail		{margin:0; width:237px; height:27px; background:url(../struttura/inputblack.png) no-repeat top center; text-align:left; margin-left:10px; font-size:12px; border:0; color:#FFFFFF; }

#testomail		{width:433px; height:75px; margin: 0; background:url(../struttura/textablack.png) no-repeat 0 0; float:left; font-family: 'Yanone Kaffeesatz', arial, serif; color:#FFFFFF}
.texta			{margin:0; width:410px; height:64px; line-height:16px; background:url(../struttura/textablack.png) no-repeat top center; text-align:left; margin-left:10px; font-size:12px; border:0; color:#FFFFFF; overflow:auto;}

#invia			{width:143px; height:100px; margin: 0; margin-bottom:10px; background:url(../struttura/invia.png) no-repeat 0 0; float:left}



/*colaltriservizi*/

#coldx					{float:right; width:300px; text-align:left; height:650px;}

#altriservizi			{float:left;}
#altriservizi ul	 	{margin:0; padding:0; list-style:none;}
#altriservizi li		{display: block; height:39px; line-height:39px}
#altriservizi li a		{display: block; background:url(../struttura/sprite-menudx.jpg) no-repeat 0 0; width:233px; height:39px; line-height:39px; font-size:24px; color:#FFFFFF; text-align:justify; padding:0 -20px;text-shadow: 0 3px 3px #000; text-decoration:none; padding-left:15px;}
#altriservizi a:hover	{display: block; background:url(../struttura/sprite-menudx.jpg) no-repeat 0 -39px;text-decoration:none}


div.servizi			{background:url(../struttura/black-arr.png) no-repeat 0 10px; width:639px; font-size:14px; text-align:left; margin-left:40px; padding-left:20px; padding-top:10px; padding-bottom:10px;  border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF}
div.servizi p		{font-size:14px; margin:0; margin-top:15px;}
em.blockleft		{display: block; float:left}
a.servizio			{display:block; float: left; margin:0; height:47px; line-height:47px; margin-left:15px; color:#FFFFFF; font-family: 'Yanone Kaffeesatz', arial, serif; font-size:18px; text-shadow: 0 2px 2px #000; text-decoration:none}


div.servizi_su		{background:url(../struttura/black-arr.png) no-repeat 0 10px #fcdaac; width:639px; text-align:left; margin-left:40px; padding-left:20px; padding-top:10px; padding-bottom:10px; cursor:hand; border-bottom:1px solid #FFCC00; border-top:1px solid #FFCC00}

#piva			{ color:#CCCCCC; font-size:12px; text-align:center; margin:0 auto;}

cite				{font-size:16px;}