body {margin:0; padding:0; font-family: "Myriad Pro","Myriad","Myriad Web","Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 76%; color: #000; text-align:center; background: #F2f2f2 url(img/sfondo_sfumatura3.png) repeat-y fixed center top;}

html,body {/*height: 100%;*/}

h1, h2, h3, h4, h5 {margin:0; padding:0;}

h1 {font-size: 2em; font-weight: bold; letter-spacing: -0.05em;}
h2 {font-size: 1.8em; font-weight: normal; letter-spacing: -0.05em;  width:100%; border-width: 0 0 1px 0; border-style: solid; border-color: #CC99CC;}
h3 {font-size: 1.6em; font-weight: normal; }
h4 {font-size: 1.4em; font-weight: normal; }
h5 {font-size: 1em; font-weight: bold; }

p {font-size: 1em;}

a:hover {color:#CC99CC;}
a:link {color:#CC99CC; text-decoration:none;}
a:visited {color:#999999; text-decoration:none;}	


#page {width: 550px; margin:0 auto; /*padding: 0px 25px;*/ background: #fff; text-align:left; /*box-sizing:border-box; -moz-box-sizing:border-box; height:100%;*/ }
#content {width:500px; margin-left:25px; /*height:100%;*/ }
#header {width:500px; /*border:1px solid red;*/ margin:10px 0;}
/*#nav {width:500px; background:#CC99CC;}*/
#logoenricomaiolistudio {width:500px; height:30px; background:#fff url(img/header.png) no-repeat left top; /*border:1px solid green;*/ margin:10px 0;}
#logoenricomaiolistudio span {display:none;}

.locator {width:500px; /*height:20px;*/ padding:2px 0px; margin:0px; border-width: 1px 0px; border-style: solid; border-color: #CC99CC;}
.block {width:500px; margin-top: 10px; border-width: 0px 0px 1px 0px ; border-style: solid; border-color: #CC99CC;}
.left {width:230px; float:left; display:inline}
.right {width:230px; margin-left: 40px; float:left; display:inline}
.controller  {width:500px; height:20px; padding:0px; margin:0px; display:none; }


.left img {border:1px solid #CC99CC;}


div .spacer {clear:both; height:10px;}

#footer { margin:10px 0 0 0; padding:5px 0px; background:#CC99CC; color:#fff; font-size: 0.9em;}
#footer span { margin:10px; padding:0;}

#footer a:hover {color:#fff;}
#footer a:link {color:#fff;}
#footer a:visited {color:#fff;}	


/* forms */
.input {width:15em;}
.button {background:#CC99CC; color:#fff;}

/*old code*/

.duecol { padding: 20px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #CC99CC;}

.locator-left { margin:-18px 0px 0px 0px; padding:0px; float: left; width: 230px; height:20px;}
.locator-right { text-align:right; margin: -18px 0px 0px 40px; padding: 0px; float: left; width: 230px; height:20px;}
.preview { margin: 0px; padding: 0px; float: left; width: 230px; height:100px;}
.item_thumb { margin: 0px 10px 10px 0px; padding: 0px; float: left; width: 50px; height: 50px; }
.didascalia { margin-left: 40px; padding: 0px; float: left; width: 230px; height:100px;}
.colonna1 { margin: 0px; padding: 0px; float: left; width: 230px;}
.colonna2 { margin-left: 40px; padding: 0px; float: left; width: 230px;}



/* NAV */
#nav {width:500px; height:25px; clear:both; float:left; margin:0 0 25px 0; border: 1px solid #CC99CC;}
#nav ul {margin:0; padding:0;}
#nav li {list-style:none; float:left; }
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav a, #nav a:visited {display:block; height:25px;}

#nav a.p1 {background: url(img/menu.gif) no-repeat; background-position:0 0; width:58px;}
#nav a.p2 {background: url(img/menu.gif) no-repeat; background-position:-58px 0; width:89px;}
#nav a.p3 {background: url(img/menu.gif) no-repeat; background-position:-147px 0; width:68px;}
#nav a.p4 {background: url(img/menu.gif) no-repeat; background-position:-215px 0; width:65px;}

#nav a.s1 {background: url(img/menu.gif) no-repeat; background-position:0px -50px; width:131px;}
#nav a.s2 {background: url(img/menu.gif) no-repeat; background-position:-131px -50px; width:121px;}
#nav a.s3 {background: url(img/menu.gif) no-repeat; background-position:-252px -50px; width:68px;}
#nav a.s4 {background: url(img/menu.gif) no-repeat; background-position:-320px -50px; width:180px;}

#nav span {display:none;}

/* NAV TASTI HOVER */

#nav a.p1:hover {background-color:#f0f0f0; background-position:0 -25px; width:58px;}
#nav a.p2:hover {background-color:#f0f0f0; background-position:-58px -25px; width:89px;}
#nav a.p3:hover {background-color:#f0f0f0; background-position:-147px -25px; width:68px;}
#nav a.p4:hover {background-color:#f0f0f0; background-position:-215px -25px; width:65px;}

#nav a.s1:hover {background-color:#f0f0f0; background-position:0 -75px; width:131px;}
#nav a.s2:hover {background-color:#f0f0f0; background-position:-131px -75px; width:121px;}
#nav a.s3:hover {background-color:#f0f0f0; background-position:-252px -75px; width:68px;}
#nav a.s4:hover {background-color:#f0f0f0; background-position:-320px -75px; width:180px;}

/* SUBNAV */
#nav li ul { position:absolute; left:-999em; width:500px; background:green; list-style:none; margin:0px 0px 0px -147px; padding:0px;}

#nav li ul li {list-style-type:none; margin:0px; padding:0px; /*width:90px;*/ height:25px; display:inline;}

#nav li ul li a {font-size:11px; color:#fff; text-decoration:none; padding:0px; margin:0px; height:25px; display:block;}

#nav li ul li a:hover {color: #ffffff; text-decoration:none;}



/* Fix IE. Hide from IE Mac \*/
* html #nav li ul li { float: left; height:20px;}
* html #nav li ul li a { height:20px;}
/* End */