/* --- Styles Reset --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline:0; font-size: 100%; vertical-align: baseline; background: transparent; } 
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* --- Styles layout --- */
body { margin:0px; padding:0px; background:url(/templates/default/images/layout/bg-page.jpg) repeat-x; font:12px Verdana, Arial, sans-serif; color:#333; line-height:16px; }
p { margin:10px 0px 10px 0px; }
a { color:#06c; }
input { line-height:14px; border:1px solid #C63;}
textarea{ border:1px solid #C63; font:inherit; width:100%;}

/* --- General Classes --- */
.title { font-size:20px; color:#036; font-weight:normal; letter-spacing:-1px; }
.sub-title { font-size:16px; color:#036; font-weight:normal; letter-spacing:-1px; margin-bottom:15px; }
.subtitle { font-size:16px; color:#036; font-weight:normal; letter-spacing:-1px; }
.button { background:url(/templates/default/images/layout/bg-button.png) no-repeat; width:120px; height:30px; color:#FFF; font-weight:bold; border:none;  }
.button a { width:120px; color:#FFF; text-decoration:none; text-align:center; }
.clear { clear:both; }

#layout { width:960px; margin:auto; }
#layout-header { position:relative; height:450px; }
#layout-body { margin-top:20px; }

/* --- Styles Header --- */
#slide { height:425px; }
#slogan { position:absolute; top:60px; left:15px; z-index:10; }
#stickers { position:absolute; bottom:70px; right:40px; z-index:15; }

/* --- Styles top site menu --- */
#site-menu-top { position:absolute; bottom:0px; right:0px; }
#site-menu-top a { text-decoration:none; color:#036; }
#site-menu-top li { border-right:1px dotted #666; padding:0px 8px 0px 5px; }

/* --- Styles Language menu --- */
#language-menu { position:absolute; top:15px; right:15px; z-index:10; }
#language-menu li { float:left; list-style-type:none; height:42px; width:46px; }
#language-menu li a { display:block; height:42px; width:46px; }
#it a { background:url(/templates/default/images/layout/language-menu.png) no-repeat 0 0; }
#it a:hover { background-position:0 -42px; }
#en a { background:url(/templates/default/images/layout/language-menu.png) no-repeat -46px 0; }
#en a:hover { background-position:-46px -42px; }
#de a { background:url(/templates/default/images/layout/language-menu.png) no-repeat -92px 0; }
#de a:hover { background-position:-92px -42px; }
#fr a { background:url(/templates/default/images/layout/language-menu.png) no-repeat -138px 0; }
#fr a:hover { background-position:-138px -42px; }

/* --- Styles Menu --- */
#menu { position:absolute; bottom:25px; left:12px; background:url(/templates/default/images/layout/bg-menu.png) no-repeat; height:160px; width:935px; z-index:10; font-weight:bold; text-transform:uppercase; }
#menu a { color:#930; }
#menu-items { margin:105px 0px 0px 245px; } /* Col position non funziona il curvy corners (position:absolute; bottom:14px; left:240px;) */
#menu-items ul { float:left; margin:0px; padding:0px; }
#menu-items ul li { float:left; display:block; margin:0px; padding:5px 8px 5px 8px; }
#menu-items ul li a { height:27px; }
#menu-items ul a { display:block; padding:3px 0px; text-decoration:none; }
#menu-items ul a:hover { text-decoration:none; color:#C30; }
#menu-items ul li:hover .menu-box { display:block; }
#menu-items ul li .menu-box { display:none; width:160px; background:url(/templates/default/images/layout/bg-drop-down-menu.png) repeat; border:3px solid #FFF; z-index:100; padding:10px 5px; margin:0; }
#menu-items ul li .menu-box a { color:#FFF; background:none; width:150px; }
#menu-items ul li .menu-box a:hover { color:#FF0; }
#menu-items ul li .menu-box li { float:none; margin:0px; padding:0px; line-height:22px; font-weight:normal; text-transform:none; border-bottom:1px dotted #86a1ba; }

/* --- Styles Pane-Left --- */
#pane-left { float:left; width:255px; }
#pane-left .issue-left { margin:0px 0px 20px 0px; }

/* --- Styles Issues --- */
#issues { float:left; width:400px; margin:0px 27px 0px 27px; }
#issues .issue { margin:0px 0px 30px 0px; }
#issues .issue-text { margin:15px 0px 0px 0px; }
#issues .issue-image { float:left; margin:0px 10px 10px 0px; border:6px solid #FFF; }
#issues .list-image { margin:0px 0px 30px 0px; }
#issues .list-image li { display:inline; margin:0px 4px 0px 4px; }
#issues .list-image li img { margin:4px 0px 4px 0px; }
#issues .gallery li { display:inline; margin:0px 5px 0px 5px; }
#issues .gallery li img { margin:5px 0px 5px 0px; border:6px solid #FFF; }
#map { width:480px; height:325px; margin-top:20px; border:6px solid #FFF; }

/* --- Styles Listino --- */
#listino { text-align:center; border:1px solid #dbcdc2; margin:20px 0px 20px 0px; font-weight:bold; border-collapse:separate; border-spacing:2px 2px; }
#listino td { width:130px; padding:5px; vertical-align:middle; }
#listino .riga-on { height:45px; font-size:11px; background-color:#f93; color:#FFF; }
#listino .riga-off { height:30px; background-color:#ffe2af; font-weight:normal; }

/* --- Styles Pane-Right --- */
#pane-right { float:left; width:250px; }
#pane-right .box { margin:0px 0px 30px 0px; }
#pane-right .box-image { height:153px; }
#pane-right .box p { margin-top:-28px; text-align:center; text-transform:uppercase; font-size:10px; font-weight:bold; }
#pane-right .box p a { color:#FFF; text-decoration:none; }

/* --- Style Footer --- */
#footer { background:#e88d1f; border-top:5px solid #fead3a; margin-top:25px; color:#FFF; }
#layout-footer { background:url(/templates/default/images/layout/bg-footer.jpg) no-repeat; width:960px; height:130px; margin:auto; position:relative; }
#layout-footer a { color:#862d00; }
#address { position:absolute; top:15px; left:0px; }
#bottom-menu { position:absolute; top:15px; right:0px; }
#site-menu { position:absolute; top:45px; right:0px; }
.inline li { display:inline; border-right:1px solid #862d00; padding:0px 5px 0px 5px; }
