﻿body { margin:0; padding: 0; background-color: #7c7c7c; }
body, a, div, span, h1, h2, h3 { font-family: Arial; font-size: 12px; }
a { text-decoration: none; }

/* Layout */
#wrapper { margin: 0 auto; width: 978px; }
#header { height: 114px; color: #fff; padding-left: 385px; position:relative;
          background: #888 url(/images/nuovo/header.jpg) no-repeat scroll left top; }
#nav { height: 24px; line-height: 20px; color: #fff; padding-left: 25px; font-weight: bold;
       background: #888 url(/images/nuovo/nav.jpg) no-repeat scroll left top; } 
#corpo { color: #000; float: left; width: 978px;
         background: #888 url(/images/nuovo/corpo.jpg) repeat-y scroll left top; }
#footer {  height: 24px; color: #f00; clear: both;
          background: #888 url(/images/nuovo/footer.jpg) no-repeat scroll left top; color: #333; text-align: center;}
#lcol { float: left; width: 200px; } 
#height { float: left; height: 400px; width: 3px; }
#ccol { float: left; width: 534px; } 
#rcol { float: left; width: 231px; }

/* Barra lingua */
#header .lang { float: right; margin-right: 30px; margin-top: 20px;} 
.flags { text-align: right; padding: 2px;}
.flags input { padding: 1px; }
.flags input.sel { padding: 1px; background-color: #000; }

/* Menu Top */
#tmenu { height: 32px; width: 575px; position: absolute; top: 82px;}
#tmenu a { display: block; height: 32px; width: 111px; float: left; text-align: center; line-height: 32px; color: #fff; 
           background: url(/images/nuovo/tmenu.jpg) no-repeat left top; font-weight: bold; }
#tmenu a:hover { background: url(/images/nuovo/tmenu_hover.jpg) no-repeat left top }

/* Colonna sx */
#lcol ul {  list-style-position: outside; list-style-image: none; list-style-type:none; }
#lmenu, #lmenu ul { margin: 10px 0 0 10px; padding: 0; width: 164px; }
#lmenu ul { margin: 0; }
#lmenu li.sez a { margin-bottom: 5px; display: block; width: 160px; height: 28px; line-height: 28px; color: #fff; font-weight: bold; text-align: right;
                  padding-right: 4px; background: url(/images/nuovo/lmenu_sez.jpg) no-repeat left top; text-transform:uppercase; }
#lmenu li.sez a:hover { background: url(/images/nuovo/lmenu_sez_hover.jpg) no-repeat left top; }
#lmenu li.ssez a { margin-bottom: 5px; display: block; width: 144px; height: 21px; line-height: 21px; color: #fff; font-weight: bold; text-align: right;
                  padding-right: 4px; background: url(/images/nuovo/lmenu_ssez.jpg) no-repeat left top; }
#lmenu li.ssez a:hover { background: url(/images/nuovo/lmenu_ssez_hover.jpg) no-repeat left top; }

/* Colonna centrale */
#ccol .ptit { color: #000; font-size: 20px; font-weight: bold; text-transform:uppercase; margin-bottom: 5px; }
#ccol .ptit .ptit_f { color: #F00; font-size: 28px; font-weight: bold; text-transform:uppercase; }
#ccol .pcont { color: #555; margin-bottom: 10px; }   
#ccol .subarea { margin-top: 50px; list-style-position: inside; padding: 0; }
#ccol .sub { margin-top: 5px; }
#ccol .sub a { color: #d00; text-decoration: none; }
#ccol .sub a:hover { text-decoration: underline; }
               
/* Colonna dx */
#rcol .rbar { font-family: Arial; padding: 2px 5px 2px 0; margin-bottom: 5px;
              background-color: #000; color: #fff; font-weight: normal; font-size: 15px; text-align: right; }
#rcol .rbar .rbar_f { color: #fff; font-weight: bold; font-size: 15px; color: #f00; }

#rcol .news { margin-left: 6px; padding: 5px; background: url(/images/nuovo/corner_tl.jpg) no-repeat left top; }
#rcol .bac { margin-left: 6px; padding: 5px; background: url(/images/nuovo/corner_bl.jpg) no-repeat left bottom; }              
#rcol .bac a, #rcol .news a { color: #fff; text-decoration: none; }
#rcol .bac a:hover, #rcol .news a:hover { text-decoration: underline; }
#rcol a.cont { display: block; text-align: right; color: #fff; font-weight: bold; padding: 10px; cursor: pointer; }
#rcol a.cont:hover { text-decoration: underline; }