body {
background-color: #D0D0D0;
padding:0 1em;
margin:0;
font-size: 90%;
font-family: arial, helvetica, sans-serif;
text-decoration: none;
}

a {
text-decoration: none;
color: black;
}

a:hover {
color:#858585;
}

/****************************************/
/*          LAYOUT                      */
#container {
width:900px;
position: absolute;
left: 50%;
margin-left: -450px;
}

/* Idex */
#menuIndex {
width: 150px;
height: 55px;
float: left;
display: inline;
background-color: #f5f5f5;
margin-top: 300px;
}

#descrIndex {
width: 215px;
height: 55px;
float: left;
display: inline;
background-color: #ebebeb;
margin-left: 10px;
margin-top: 300px;
}

#fotoIndex {
width: 515px;
height: 55px;
line-height: 55px; /* per centrare verticalmente le img*/
float: left;
display:inline;
background-color: #e0e0e0;
margin-left: 10px;
text-align:right;
margin-top: 300px;
}

#langIndex {
float: right;
display:inline;
width: 65px;
margin-top:25px;
margin-right:10px;
font-weight:bold;
}
/* Layout */

#titolo {
width: 900px;
height: 220px;
background-color: #D0D0D0;
}

#menu {
width: 150px;
height: 330px;
float: left;
display: inline;
background-color: #f5f5f5;
}

#descr {
width: 215px;
height: 330px;
float: left;
display: inline;
background-color: #ebebeb;
margin-left: 10px;
}

#foto {
width: 515px;
height: 330px;
line-height:330px; /* per centrare verticalmente le img*/
float: left;
display:inline;
background-color: #e0e0e0;
margin-left: 10px;
text-align:center;
}

#descr2 {
width: 495px;
height: 330px;
float: left;
display:inline;
background-color: #e0e0e0;
margin-left: 10px;
/* padding-left: 10px; */
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
color: #858585;
}

#fotoDisplay {
vertical-align:middle;
}

#logo {
/* padding-left: 10px; */
padding-top: 120px;
border-style: none;
}
/*         END LAYOUT                   */
/****************************************/

/****************************************/
/*          MENU                        */
.menuList {
margin: 0;
padding-left: 10px;
list-style-type: none;
/* font-weight:bold; */
}

#firstMenu {
padding-top: 47px;
font-size: 19px;
}

#secondMenu {
padding-top: 53px;
font-size: 22px;
}

.selected {
color: #858585;
}
/*         END MENU                     */
/****************************************/

/****************************************/
/*          DESC                        */
.title {
padding-left: 10px;
padding-top: 42px;
font-size: 38px;
color: #858585;
/*font-weight:bold;*/
}

.desc {
padding-left: 12px;
padding-right: 10px;
padding-top: 14px;
font-size: 10px;
color: #858585;
}

#homeTitle {
padding-top: 180px;
font-size: 32px;
}

.creazioni {
padding-left: 12px;
padding-right: 10px;
padding-top: 38px;
font-size: 10px;
color: #858585;
line-height: 10px;
}
/*         END DESC                     */
/****************************************/

/****************************************/
/*          GALLERY                     */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 515px; /*Width of Carousel Viewer itself*/
height: 330px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px;*/ /*margin around each panel*/
/*width: 250px;*/ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*         END GALLERY                  */
/****************************************/

.main {
visibility: hidden;
display: none;
}