div#left{ background:transparent; width:380px; float:left;}
div#left_bg{ background:transparent url('../gfx/01_home_box1_bg.png') 0 0 no-repeat; width:407px; height:489px; position:relative; margin:-489px 0 0 -5px; }

div#benvenuti{ position:relative; width:380px; height:433px; overflow:visible; background:transparent; padding:10px 0 0 0; z-index:1;}
div#benvenuti h2{ font-size:36px; margin:16px; background:transparent url('../gfx/01_home_benvenuti.png') 0 0 no-repeat; width:280px; height:56px;}
div#benvenuti h2 em{ visibility:hidden;}
div#benvenuti .intro{ width:50%; float:right; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#000000; line-height:110%;}
div#benvenuti .intro p{ padding:5px; text-align:justify; margin:15px 10px 15px 5px;}

div#valentina{ position:relative; height:396px; width:283px; background: transparent url('../gfx/01_home_valentina.png') 0 0 no-repeat; margin:-355px 0 0 -91px; overflow:visible; z-index:2;}

div#lancio-banner {position:relative; margin:10px 0; width:383px; height:222px;}

div#facebook{ width:383px; height:222px; background:#193D85 url('../gfx/01_home_box_fb.jpg') 0 0 no-repeat; margin:10px 0; position:relative;}
div#facebook p.claim{ width:240px; color:#fff; font-size:10px; position:relative; top:148px; left:18px;}
div#facebook div.partecipa{ position:absolute; bottom:14px; left:17px; width:103px; height:23px;}


div#right{ margin:-8px 0 0 17px; width:533px; float:right; background:transparent url('../gfx/01_home_box2_bg.png') 0 0  no-repeat; overflow:visible;}

div#finestra{ z-index:2; width:480px; height:595px; margin:0 0 0 14px; padding:20px;}
div#finestra h2{ font-size:36px; width:467px; height:78px; background: transparent url('../gfx/01_home_finestra.png') 0 0 no-repeat; margin: 9px 0 0 0;}
div#finestra h2 em{ visibility:hidden;}

div.blogpost{ width:100%; margin:15px 0 40px 0; }
div.blogpost h3{ font-size:20px; font-family:"Times New Roman", serif; margin:6px 0 10px 0;}
div.blogpost h3 a, div.blogpost h3 a:visited{ color:#003893; text-decoration:underline;}
div.blogpost p.data{ color:#003893; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:-.02em; }
div.blogpost div.testo{ width:95%; margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:120%; text-align:justify; }
div.blogpost div.testo div.image{ margin: -6px 12px 0 -5px; width:147px; height:133px; background: transparent url('../gfx/01_home_post_image_bg.png') 50% 50% no-repeat; float:left; }
div.blogpost div.testo div.image img{ padding:9px;}
div.blogpost div.post_info{ font-size:10px; margin:0;}
div.blogpost div.post_info a.link, div.blogpost div.post_info a.link:visited{ color:#000; text-decoration:none;}
div.blogpost div.post_info a.commenti, div.blogpost div.post_info a.commenti:visited{ color:#003893; text-decoration:none;}

p.readmore{ margin:5px 0 0 0; }



/* scrollable showcase */

/* scrollable */
div#showcase{ display:inline-block; height:120px;background:url('../gfx/scrollable/background.png') 0 0 no-repeat; margin:0; float:right;}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable{/* required settings */
position:relative;overflow:hidden;width:460px;height:100px;}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable .items{/* this cannot be too large */
width:20000em;position:absolute;clear:both;}
.items div{float:left;width:460px;}
/* single scrollable item */
.scrollable img{float:left;margin:10px 4px 10px 6px;padding:2px;width:75px;height:65px;}
/* active item */
.scrollable .active{border:2px solid #000;position:relative;cursor:default;}
/* this makes it possible to add next button beside scrollable */
.scrollable{float:left;}
/* prev,next,prevPage and nextPage buttons */
a.browse{background:url("../gfx/scrollable/arrows.png") no-repeat;display:block;width:30px;height:30px;float:left;margin:30px 5px;cursor:pointer;font-size:1px;}
/* right */
a.right{background-position:0 -30px;clear:right;margin-right:0px;}
a.right:hover{background-position:-30px -30px;}
a.right:active{background-position:-60px -30px;}
/* left */
a.left{margin-left:0px;}
a.left:hover{background-position:-30px 0;}
a.left:active{background-position:-60px 0;}
/* disabled navigational button */
a.disabled{visibility:hidden !important;}