/* general style */
body{
	font: 14px Arial, Helvetica, sans-serif;
	margin: 0; padding: 0; color: #000;
	background: url(../immagini/grafica/generali/header.png) repeat-x;
	}
a img {border: none;}
a{color:#b6b7b7; text-decoration: none;}
a:hover{color: #dfdb00; text-decoration: none;}
p{color:#666; }

div#content h1.titolo {
	font-size:28px;
	letter-spacing:-0.1em;
	font-weight:bold;
	margin: 1em 0 1.5em;
	text-transform:uppercase;
	color:#bebb04;
	}

/* structure */
#header, #content, #footer_inner, #menu_bottom ul, #headline > div {width:955px; margin:0 auto; position:relative;}
#header { /*height: 101px;*/height:170px; z-index: 2;}
#header a#logo img { margin-top:15px; }
.content_bottom {clear:both; display:block; height:440px;}

/* menu */
#menu {
	float: right;
	margin: 20px 155px 0 0;
	text-transform:uppercase;
	}

#menu li {
	padding: 0 10px;
	display: inline;
	}

#menu li a
{
	color:#ddd;
	font-size:20px;
	font-weight: bold;
	letter-spacing: -1px;
	}

#menu li a:hover, #menu li a.selected {color: #dfdb00}

.subMenuTop{
  display:none;
}
.subMenuTop {
    background-image: url("../immagini/grafica/submenu.png");
    /*background-position: left 45px;
    padding-top: 45px;*/
    background-repeat: no-repeat;
    position: absolute; top: 53px;
    overflow: hidden;
    /*width: 116px; */
    z-index: 2;
}
.subMenuTop#subMenuCreative{left: 430px;}
.subMenuTop#subMenuInternet{left: 580px;}
.subMenuTop#subMenuApps{left: 730px;}

.subMenuTop ul {
    text-transform: uppercase; font-size:90%;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    border-color: #C6CD01 #c6cd01 #c6cd01;
    border-right: 1px solid #c6cd01;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    margin: 12px 0 0;
    padding: 0;
    width: 198px;    
}
.subMenuTop ul li {
    font-weight: bold;
    padding: 5px;
}
.subMenuTop ul li.over {
    background-color: rgba(200,200,200,0.7);
}
.subMenuTop ul li a{
  color: #8a8a8a;
}
.subMenuTop ul li a:hover{
  color: #666;
}

a#leggi {
	background: url(../immagini/grafica/generali/leggi.png) no-repeat;
	display: block;
	width: 139px;
	height: 127px;
	z-index:1;
	position:absolute;
	top:-15px; right:0;
	}

/* menu social */
#menu_social {margin:14px 0 0; padding:0; display:block;}
#menu_social li {display:inline; margin:0; padding:0;}
#menu_social a {
	float:left; padding: 2px 10px; height:32px;
	/*border:1px ridge #E7F500; border-width:0 1px;*/
	border-left:1px solid #fcf80f;
	border-right:1px solid #d5d203; 
}
#menu_social a img {position:relative; top:1px;}
#menu_social a:hover img {visibility:hidden; }
#menu_social a {background-position:center center; background-repeat:no-repeat;}
#menu_social a#social_skype {background-image:url(../immagini/grafica/generali/menu_social/h_skype.png);}
#menu_social a#social_mail {background-image:url(../immagini/grafica/generali/menu_social/h_mail.png);}
#menu_social a#social_flickr {background-image:url(../immagini/grafica/generali/menu_social/h_flickr.png);}
#menu_social a#social_facebook {background-image:url(../immagini/grafica/generali/menu_social/h_facebook.png);}
#menu_social a#social_twitter {background-image:url(../immagini/grafica/generali/menu_social/h_twitter.png);}
#menu_social a#social_rss {background-image:url(../immagini/grafica/generali/menu_social/h_rss.png);}

/* form */
form#log {
	background:url(../immagini/grafica/generali/key.png) no-repeat left center;
	position:absolute; top:71px; right:180px;
	padding-left: 30px;
	}
input.placeholder {color:#999;}

input[type="button"], input[type="submit"] {
border: none !important;
background: url(../immagini/grafica/generali/form_button.png) no-repeat;
width: 62px;
height: 19px;
cursor: pointer;
color: white;
font-weight: bold;
}

/* headline */
#headline {
	height:280px;
	text-align: center;
	background: url(../immagini/grafica/generali/look.png) no-repeat bottom center;
	
	/*margin-bottom:30px;*/
	z-index:0;
	position:relative;
	top:-69px;
	}
	
#headline.grande {background-position:top center; height:403px; }

#headline > div {
	text-align:left;
	position:relative;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:50px;
	font-size:36px;
	}

#headline img {
	position:absolute;
	top:0; right:0;
	z-index:0;	
}

#headline strong {
	
	color:#fff;
	line-height:130%;
	letter-spacing: -0.1em;
	}

#headline p {color:#f4fd06; letter-spacing: -0.1em; padding:10px 0;}

#headline.grande strong {font-size:45px;}
#headline.grande p {font-size:40px;}

/* altro */
img.social {
display: inline-block;
padding-top: 2px;
margin: 1px;
height: 37px;
}

/* content */
#content {clear:both;}
#content h2{ font-size: 24px; font-weight: bold; color: #b5b7b8; text-align: left; padding-bottom: 15px; letter-spacing:-0.1em; text-transform:uppercase; margin: 45px 0; }
#content h2 span.sezione { color: #DDDDDD; }

/* footer */
#footer_outer { clear: both; min-width:955px;  background: #d4d5d5 url(../immagini/grafica/generali/footer_bolle.png) no-repeat center 3px; }
#footer_inner { height: 420px; letter-spacing:-0.1em;}
#footer_inner dl {text-transform:uppercase; font-weight:bold; float:left;  margin: 120px 35px 0 0}
#footer_inner dl dt  a {color:#9fbb00; font-size:24px;  font-weight: bold;}
#footer_inner dl dt a:hover {border-bottom:1px solid #9FBB00;}

#footer_inner dl dd {display:block; margin-top: 10px;}
#footer_inner dl dd a {color:#9a9e9e; font-size:16px; }
#footer_inner dl dd a:hover {color:#8A8D91}

a#news { position: absolute; top:40px; right:350px; }
a#portfolio { position: absolute; top:300px; right:345px;}
div#contatti {
	float:right;
	width:230px;
	height:265px;
	margin: 100px 80px 0 0;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#9a9e9e;
	font-size:18px;
	}
div#contatti h2 a {color:#9fbb00; font-size:45px; }
div#contatti h2 a:hover {border-bottom:1px solid #9FBB00;}
div#contatti h3 {font-size:28px;}
div#contatti address {font-style:normal;	line-height:110%; color:#9a9e9e; display:inline;}
div#contatti ul {margin:0; padding:0;}
div#contatti ul#forli {margin-top:1em; padding-top:0.2em; border-top: 2px solid #ccc; }
div#contatti ul li {color:#a8b201; font-style:normal;}
div#contatti #partitaiva {font-weight:normal; font-size: 14px; color:#a8b201}
div#contatti #partitaiva em {color:#9a9e9e; font-style:normal;}

#menu_bottom {background: #adb1b1 url(../immagini/grafica/generali/footer_bolle.png) no-repeat center -417px; margin:0; padding: 5px 0 2px;}
#menu_bottom ul {padding:0;}
#menu_bottom ul li {display:inline; margin:0; padding:0; }
#menu_bottom ul li.copy {color:#7E8181; position:relative; top:-3px; left: 20px;}

/**** credits *****/

#credits
{
    text-align: center;
}

div.credits
{
   background-color: white;
   background-image: url(../immagini/grafica/generali/creditsPopup.jpg);
   background-position : bottom;
   background-repeat: repeat-x;
   border-color: #black;
   color: #333333;
   padding: 20px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

div.credits div
{
   margin-bottom: 10px;
   font-size: 12px;
}

div.credits .title
{
   text-align: center;
   font-size: 14px;
}

div.credits img
{
   float: left;
   margin-right: 20px;
}


div.credits a
{
   font-size: 16px;
   font-weight: bold;
   color: #333333;
}

div.credits a:hover
{
   color: #aaaaaa;
}

/**** fine credits*/

div.contactRisp{
	padding:5px;
	margin:10px auto;
	width: 500px;
	background-color: #c6cd01;
	
}
p.contactOk{
	margin: 5px 0;
	color: #fff;
    font-size: 15px;
    line-height: 30px;
}
p.contactError{
	margin: 5px 0;
	color: #a00;
    font-size: 15px;
    line-height: 30px;
}
