html,body {
height:100%;
}

body {
background:#000 url(../images/bg-body.jpg) no-repeat center top;
text-align:center;
width:100%;
margin:0;
padding:0;
}

h1,h2,h3,h4,p,form,ul {
margin:0;
padding:0;
}

h2 {
font: 18px/40px Arial, Helvetica, sans-serif;
color:#FFF;
margin-left: 10px;
text-shadow: #000 1px 1px 2px;
}

.titoli {
position: absolute;
right: 10px;
bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size: 20px;
letter-spacing: -1px;
font-weight:bold;
text-transform: uppercase;
text-shadow: #000000 1px 1px 4px;
}

#wrap {
text-align:left;
width:960px;
margin: 150px auto 0 auto;
}

#top-container {
position:relative;
height:240px;
}

#mid-container {
position:relative;
height:40px;
margin: 10px 0;
background: transparent url(../images/bg-mid.png) repeat-x top left;
box-shadow: 0px 0px 5px #003366;
-webkit-box-shadow: 0px 0px 5px #003366;
-moz-box-shadow: 0px 0px 5px #003366;
}

#bottom-container {
width: 958px;
height:118px;
border: #333 1px solid;
box-shadow: 5px 5px 3px #000;
box-shadow: 0px 0px 5px #003366;
-webkit-box-shadow: 0px 0px 5px #003366;
-moz-box-shadow: 0px 0px 5px #003366;
}

/*---------------------TOP CONTAINER CONTENT-----------------------------------*/

.box240-1,.box240-2,.box240-3,.box240-4 {
position:relative;
float: left;
}

.box240-1,.box240-2,.box240-3 {
width: 230px;
height:240px;
margin-right: 10px;
}

.box240-4 {
width: 240px;
height:240px;
}

.box120 {
position:relative;
float: left;
width: 230px;
height:115px;
}

.box120-last {
position:relative;
float: left;
width: 230px;
height:115px;
margin-top: 10px;
}

.box240-2,.box240-4,.box120,.box120-last {
box-shadow: 0px 0px 5px #003366;
-webkit-box-shadow: 0px 0px 5px #003366;
-moz-box-shadow: 0px 0px 5px #003366;
}

/*---------------------MID CONTAINER CONTENT-----------------------------------*/


.site {
position: relative;
float:left;
font: 18px/40px Arial, Helvetica, sans-serif;
color:#FFF;
margin-left: 10px;
text-shadow: #000 1px 1px 2px;
}

.btn-login,.btn-signup {
position: relative;
float:left;
margin-left: 10px;
margin-top: 5px;
}

.btn-login a {
text-indent: -9999px;
display: block;
width: 105px;
height: 30px;
background: transparent url(../images/btn-login.png) no-repeat 0 0;
}
.btn-login a:hover {
background: transparent url(../images/btn-login.png) no-repeat 0 -30px;
}

.btn-signup a {
text-indent: -9999px;
display: block;
width: 125px;
height: 30px;
background: transparent url(../images/btn-signup.png) no-repeat 0 0;
}
.btn-signup a:hover {
background: transparent url(../images/btn-signup.png) no-repeat 0 -30px;
}

.social {
position:relative;
float: right;
list-style:none;
list-style-position:outside;
margin: 9px 10px 0 0;
}

.social li {
display:inline;
float:left;
line-height: 24px;
margin-left:5px;
}

.social li a {
display:block;
background-position: no-repeat 0 0;
width:24px;
height:24px;
text-indent: -9999px;
}

ul#navigazione_alta li a:hover {
background-position:0 -24px;
}

#facebook {
background: transparent url(../images/facebook.png) no-repeat;
}

#feed {
background: transparent url(../images/feed.png) no-repeat;
}

#twitter {
background: transparent url(../images/twitter.png) no-repeat;
}

/*---------------------BOTTOM CONTAINER CONTENT-----------------------------------*/