@font-face
{
font-family: 'whatDoWeDoAllDay';
    src: url('../Font/WhatDoWeDoAllDay.eot');
    src: url('../Font/WhatDoWeDoAllDay.eot?#iefix') format('embedded-opentype'),
		 url('../Font/WhatDoWeDoAllDay.woff') format('woff'),
         url('../Font/WhatDoWeDoAllDay.ttf') format('truetype');
}
body {
font-family: 'whatDoWeDoAllDay';
color: #FFFFFF;
text-align: center;
}
H1{
margin: 0px 0px 0px 0px;
font-size:40px;
}
H2{
margin: 0px 0px 7px 0px;
font-size:24px;
}
H3{
margin: 0px 0px 0px 0px;
font-size:32px;
}
a:link    {color:#ffffff;}
a:visited {color:#ffffff;}
a:hover   {color:#ffffff; cursor:hand;}
a:active  {color:#ffffff;}

#base {
width: 960px;
height: 2004px;
margin-right:auto;
margin-left:auto;
background: #ffffff url('../images/bkg.jpg') no-repeat center top;
}
#aboutUs {
padding: 0px;
margin: 0px;
width: 960px;
height: 575px;
position: absolute;
top: 460px;
}
#franchise {
padding: 0px;
margin: 0px;
width: 960px;
height: 465px;
position: absolute;
top: 1035px;
}
#whereAre {
padding: 0px;
margin: 0px;
width: 960px;
height: 453px;
position: absolute;
top: 1500px;
}
#footer {
padding: 0px;
margin: 0px;
width: 960px;
height: 60px;
position: absolute;
top: 1953px;
}

#bbFranchise {
padding: 0px;
margin: 0px;
width: 349px;
height: 241px;
position: relative;
top: 90px;
left:60px;
background: url('../Images/blackboardFranchise.png') no-repeat center top;
}

#icoFacebook,
#icoInstagram,
#icoTwitter,
#icoPinterest {
padding: 0px;
margin: 0px;
width: 100px;
height: 100px;
position: absolute;
top: 310px;
}

#icoFacebook{
left:420px;
background: url('../Images/Icon/facebook.png') no-repeat center top;
}
#icoInstagram{
left:530px;
background: url('../Images/Icon/instagram.png') no-repeat center top;
}
#icoTwitter{
left:640px;
background: url('../Images/Icon/twitter.png') no-repeat center top;
}
#icoPinterest{
left:750px;
background: url('../Images/Icon/pinterest.png') no-repeat center top;
}

#bbWhereAre {
padding: 0px;
margin: 0px;
width: 349px;
height: 241px;
position: relative;
top: 110px;
left:60px;
background: url('../Images/blackboardWhereAre.png') no-repeat center top;
}

#bbToast, #bbInsalate, #bbAperitivo , #bbColazione{
width: 210px;
height: 165px;
padding: 0px;
margin: 0px;
position: absolute;
top: 370px;
}

#bbToast {
background: url('../Images/blackboardTOAST.png') no-repeat center top;
left:60px;
}
#bbInsalate {
background: url('../Images/blackboardINSALATE.png') no-repeat center top;
left:275px;
}
#bbAperitivo {
background: url('../Images/blackboardAPERITIVO.png') no-repeat center top;
left:490px;
}
#bbColazione {
background: url('../Images/blackboardCOLAZIONE.png') no-repeat center top;
left:700px;
}

#bbCatering {
width: 280px;
height: 350px;
padding: 0px;
margin: 0px;
position: absolute;
top: 80px;
background: url('../Images/blackboardCATERING.png') no-repeat center top;
left:40px;
}

#bbAboutUs {
width: 290px;
height: 206px;
padding: 0px;
margin: 0px;
position: absolute;
top: 115px;
left: 33px;
background: url('../Images/blackboardCHISIAMO.png') no-repeat center top;
}
#bbAboutUs div
{
position: absolute;
top:70px;
left:37px;
}
#placeBoxTest {
width: 573px;
height: 240px;
padding: 0px;
margin: 0px;
position: absolute;
top: 90px;
left: 340px;
color: black;
text-align: left;
background: url('../Images/textWindow.png') no-repeat center top;
}

#mail{
width: 250px;
height: 35px;
padding: 0px;
margin: 0px;
position: absolute;
top: 335px;
left: 85px;
}

#map{
width: 425px;
height: 350px;
padding: 0px;
margin: 0px;
position: absolute;
top: 80px;
left: 440px;
border-style:solid;
border-width:3px;
border-color:#572907;

}

#placeBoxTest .viewport { width: 533px; height: 240px; overflow: hidden; position: relative;}
#placeBoxTest .overview { list-style: none; position: absolute; left: 5px; top: 0px; padding:8px; padding-top:10px; margin: 0; }
#placeBoxTest .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#placeBoxTest .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#placeBoxTest .thumb { background: transparent url(../images/bg-scrollbar-thumb-z.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#placeBoxTest .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-z.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#placeBoxTest .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }