/************************************
*  Meccano 03
*************************************/
/*DO NOT REMOVE this import call*/ @import url(/common/css/1024_1.css);

body {
margin:21px 0 0 0;
padding:0;
font:14px/19px georgia, arial, sans-serif;
color:#C9C9C9;
background:#262426 url("/tmpl_images/bg_sfum1_3-005.png") repeat-x scroll 0 0;
}
a:active, a:focus {outline-color:invert; outline-style:none; outline-width:0pt;} /*no link dotted*/
a:link, a:visited {color:#C9C9C9; text-decoration:underline;}
a:hover {color:#fff; text-decoration:none;}

/* TEXT FORMAT
====================================================*/
p, h1, h2, h3, h4, h5, form {margin:0; line-height:19px;}
ul, li {margin:0; padding:0;}
img {border:0;}
h1 {font-size:24px;}
h2 {font-size:16px; font-weight:normal;}
h3 {font-size:20px; padding-bottom:10px; line-height:24px;}
h4 {font-size:16px; padding:0 0 4px 0;}
h5 {font-size:12px; font-weight:normal;}

/* GENERAL
====================================================*/
.kill {display:none;}
.clear {clear:both;}
#path {font-size:12px; padding: 20px 15px 5px 25px;}
h1.pagename,
h3.pagename {
padding:10px 5px 0 25px;
font-size:24px;
color:#888;
line-height:24px;
}

/* LAYOUT STRUCTURE
====================================================*/
#header {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
#container {
width: 960px;
text-align:left;
margin: 0 auto;
background: transparent;
display: block;
position:relative;
overflow:visible;
border-top:10px solid #505050;
border-right:1px solid #2F2F2F;
border-left:1px solid #2F2F2F;
}
#left {
width:220px;
float:left;
margin: 0;
padding: 0;
background:#252525;
}
#center {  
width:740px;
float:right;
margin: 0;
padding: 0;
}
html>body #center{ /*Opera, Firefox e Safari*/
overflow:visible;
}
#center{ /*IE6*/
overflow:hidden;
}
*:first-child+html #center{ /*IE7*/
overflow:visible;
}
#footer {
float:left;
width:960px;
display:block;
margin:0;
padding:0;
text-align:center;
font-size:12px;
background:#5D5C5D;
}
#Extra01 {
height:98px;
widht:100%;
background:transparent url("/tmpl_images/extra01_3-005.png") no-repeat center top;
margin:0 auto;
}

/* HEADER OBJECTS
====================================================*/
#headerobjects {
position:absolute;
top:0;
left:0;
height:130px;
overflow:hidden;
width:960px;
background:#0f0f0e url("/tmpl_images/header-deco01_3-005.png") no-repeat;
}
#header_search {
position:relative;
float:right;
z-index:10;
height:31px;
width:300px;
}
#search {margin:3px 4px 0 0; float:right;}
#search form, #search input {font-size:13px;}
#searchstyle {width: 120px;} /* search field width */
.logo_title_container {margin:32px 0 0;}
#logo {padding: 5px 0 0 0; position:absolute; right:745px;}
#header-title {float: left; padding: 5px 0 0 220px;}
#header-title h1, #header-title a {color: #AFAFAF; text-decoration: none;}
#header-title a {height: 60px; width: 560px; display:block;}
.graphic_title {margin:0; height:60px;}
.graphic_title span {margin: 20px 0 0 8px; position: absolute; }
#header-title h2 {color: #fff; font-weight: normal; padding: 3px 0 0 8px;} /* subtitle */
.header-deco01 {background:#0f0f0e url("/tmpl_images/top_3-005.png") repeat-x bottom; width:100%; padding:0; margin:0; float:left;}

/* GRAPHIC HEADER  + FLASH
====================================================*/
#headergraphic { background-image: url("/images/740_0_396270_136799.jpg");width: 740px;  height: 350px;background-position: 0px -32px; float:right; position:relative; margin:130px 0 0 0;}
.headerflash object {position: absolute;}
.headerflash {position: absolute; z-index:3; margin:0;}

/* MAIN NAVIGATION
====================================================*/
#main_menu {padding: 0;}
#main_menu li {list-style-type: none; background:#090909 url("/tmpl_images/main_menu_3-005.png") 0 0 no-repeat; padding:10px; font-size:15px;}
#main_menu li a {color: #9F9F9F; text-decoration: none; display: block;}
#main_menu li a:hover {color: #fff; text-decoration:underline;}

/* SUBLEVELS NAVIGATION
====================================================*/
#sub_menu {background:transparent url("/tmpl_images/bt_menu_3-005.png") repeat-x scroll left top; line-height:25px; padding:10px; }
#sub_menu_father {font-weight:bold; color:#666; font-size:14px;}
#sub_menu ul {padding:0; margin:0;}
#sub_menu li {list-style-type:none; border-top:1px dotted #aaa;}
#sub_menu li a {color:#666;}
#sub_menu li a:hover,
#main_menu li a.selected {color:#fff;}

/* CENTRAL CONTENTS (RED BOXES)
====================================================*/
#red_box_container,
#dinamic_red_box_container {margin:0 0 5px 10px;}
.red_box_frame {float:left; margin:10px 0 0 0; padding: 0 10px 0 0; width:720px; position:relative;}
.red_box h3, .red_box h3 a, .red_box h3 a:visited, .red_box h3 a:active {text-decoration:none; font-size:22px;}
.red_box h3 a:hover {color:#fff; text-decoration:underline;}
* html .red_box_frame {display:inline;}
.red_box {margin:15px 0;}
.red_box .abstract,
.red_box .text,
.red_box .date_comments,
.box-attach {padding:0 15px 8px 15px;}
.red_box h3 {padding:0 15px 15px 15px; color:#f7e17c;}
.red_box img,
.wide_image {margin:0 15px 15px 15px!important; padding:5px; background:#444444; border:1px solid #4d4d4d;}
.small-red-box {width:355px;} /* width 2 columns*/
.flvPlayerContainer {
clear:both;
padding:0 auto 15px auto!important;
}
.red_box ul {list-style-type:disc; margin: 15px 40px;}
.red_box li {padding:3px 0 0; list-style-position:inside;}  
#content .red_box .abstract {font-style:italic;}
#center #box_news_hp {margin:18px 25px; line-height:145%;}
#center #box_news_hp h4 {font-size:14px;}
#center #box_news_hp a {font-size:13px;}
#center #box_news_hp .news_item {margin-bottom:10px;}
#center #box_news_hp p {font-size:12px;}
.center-deco01 {background: transparent url("/tmpl_images/center-deco01_3-005.png") 0 0  repeat-x; width:740px;float:right;}
#content_box {background: #323232 url("/tmpl_images/content_box-bg3-005.png") repeat-y top left; float:left;}
#home_page .red_box .abstract,
#static_page .red_box .abstract {padding:0; margin:0;}

/* SIDEBAR CONTENTS (BLUE BOXES)
====================================================*/
.blue_box_wrapper {margin:0 18px; font-size:12px; line-height:170%; padding-top:6px;}
.blue_box {padding:0 0 20px 0;}
.blue_box h4 {color:#666; padding:0 0 4px 0; font-size:14px;}
.blue_box a {color:#666;}
.blue_box a:hover {color:#fff;}
.blue_box img {margin:3px 0; border:1px solid #393939; padding:4px; background:#323232;}
.blue_box p {color:#666; padding: 0 6px 0 0; margin-bottom: 10px;}
#left .box_news_hp {padding:0 0 15px 0;}
#left #box_news_hp {padding:10px 10px 20px;}
#left #box_news_hp .news_item {}
#left #box_news_hp h4 {color:#666;} /* il titolo */
#left #box_news_hp a {color:#666; font-size:11px;}
#left #box_news_hp a:hover {color:#fff;}
#left #box_news_hp p {font-size:10px;}
.blue_box_external_bg {padding: 10px 0 0 0;}
#home_page .blue_box_external_bg {background:transparent url("/tmpl_images/bt_menu_3-005.png") repeat-x 0 0;}
.mp3_container {line-height:1px; display:block; background:#090909 url("/tmpl_images/main_menu_3-005.png") 0 0 no-repeat; padding:10px;}

/* VIRAL
====================================================*/
#print, .date_and_comments, #lang_menu, #viral {font-size:12px;}
#print {text-align:right; padding-right:15px; margin-top:-24px;}
.date_and_comments {clear:both; text-align:right; padding:10px 10px 0 0;} /* non levare il clear */
.date_and_comments a:hover {text-decoration:none;}
#viral {margin:0 auto; text-align:center; background:#262426 url("/tmpl_images/viral_3-005.png") 0 0 repeat-x;}
#viral ul {margin:0; padding:18px 0; width:100%;}
#viral ul li {display:inline;}
#viral li, #viral li a {color:#B8B8B8;}
#viral li {text-decoration:none; padding:2px 4px 2px 6px; border-right:1px solid #B8B8B8; color:#B8B8B8;}
#viral li.last {border-right:0;}
#viral li a:hover {color:#fff;}

/* MULTILANGUAGE
====================================================*/
#lang_menu {
background:transparent url("/tmpl_images/header_search-mp3_3-005.gif") repeat-y;
border-bottom:1px solid #131414;
border-top:1px solid #131414;
position:absolute;
top:0;
left:0;
height:30px;
width:960px;
z-index:0;
}
#lang_menu ul {list-style-type:none; padding:8px 0 0 5px; float:left;}
#lang_menu li {display:inline;}
#lang_menu img {margin:0 0 0 4px;}
html>body .clear_ff {clear:both;} /*FF*/
.clear_ff {clear:none;} /*IE6*/
*:first-child+html .clear_ff {clear:none;} /*IE7*/

/* FOOTER
====================================================*/
#footer a {color:#B8B8B8;}
#footer a:hover {color:#fff; text-decoration:none;}
.copyright {color: #B8B8B8; width:100%; display:block;padding:15px 0; background:#5D5C5D;}
.footer-deco01 {float:left; width:100%; display:block;}
.footer-deco02 {float:left; width:100%; display:block;}
.footer-deco03 {float:left; width:100%; display:block;}

/* PAGE: SEARCH RESULT
====================================================*/
div.search_result {padding: 10px 0; line-height: 170%;}
div.search_result h5 {font-size: 14px;}
.gotolink {text-align:right; font-size:10px;}

/* PAGE: CONTACTS
====================================================*/
textarea, input {color: #000; font-size: 12px; }
textarea,
.contact_form  {width: 240px;}
/*----------------------- FORM PAGINA CONTATTI -------------------*/
#box_contact {
margin-left: 27px;
margin-bottom: 20px;
line-height: 170%;
width:617px;
color: #c9c9c9;
}
#contact_box {
width:644px;
margin-left:27px!important;
}
/*----------------------- FORM PAGINA CONTATTI -------------------*/
.form_int {
width:650px;
margin-bottom:20px;
padding:10px 5px 0 25px;
}
.form_int form {}
.form_int legend {font-weight:bold; padding:5px; margin-left:5px;}
.form_int fieldset {border:1px solid #aaa; padding:0 0 10px 0;}
.form_int table {width:93%;}
.form_int label {display:block; text-align:right; width:131px; padding-right:5px;}
.submit_send {color: #000; font-size: 16px;}

/* PAGE: ADVANCED
====================================================*/
#nav_dinamic,
#nav_dinamic-bottom {padding:10px 15px 10px 5px; text-align:right;}
#nav_dinamic span.page_sel,
#nav_dinamic-bottom span.page_sel,
#nav_dinamic a,
#nav_dinamic-bottom a,
ul#navigation li a {text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#nav_dinamic span.page_sel,
#nav_dinamic-bottom span.page_sel,
#nav_dinamic a,
#nav_dinamic-bottom a {padding:2px 5px;}
ul#navigation li a {padding:0 4px;}
#nav_dinamic a,
#nav_dinamic-bottom a,
ul#navigation li a {color:#fff;
background:transparent url("/tmpl_images/nav_dinamic_3-005.gif") center center repeat-x; border:1px solid #2d2d2d;}
#nav_dinamic span.page_sel,
#nav_dinamic-bottom span.page_sel,
#nav_dinamic a:hover,
#nav_dinamic-bottom a:hover,
ul#navigation li a:hover {
color:#000; background:transparent url("/tmpl_images/nav_dinamic_hover_3-005.gif") center center repeat-x; border:1px solid #484848;}
ul#navigation {list-style-type:none; padding:10px 25px 0 25px; margin:0; height:40px;}
ul#navigation li a {display:block;}
ul#navigation li.left {float: left;}
ul#navigation li.right {float: right;}
#back a {text-decoration:none; margin-bottom:20px; font-size:11px;}
/* SIDEBAR ALBUM
====================================================*/
.sidebar-albums li a b img {
border: 1px solid #393939;
padding: 4px;
background: #323232;
}
.sidebar-albums li {
display: block;
padding: 0 0px 15px 18px;
}
.sidebar-albums li a span {
margin: 5px!important;
margin:5px 5px 8px 5px;
}
*:first-child+html .sidebar-albums li a span {
margin:5px 5px 8px 5px!important;
}
.sidebar-albums h4 {
color:#666666;
font-size:14px;
padding-left:18px;
padding-right: 10px;
margin: 10px 0px 10px 0px;
}
.sidebar-albums li a {
text-decoration: none;
}
.sidebar-albums li a b {
background: none;
}
/*----------- SITOFONO SIDEBAR ------------ */
#sitofono_button {
margin:10px 0 16px 18px;
}
/*-------- SHARE BOX -------*/
#share_box{margin-left:10px!important; width:100%; display:block;}
.share_box_bottom,
.share_box_top {
padding:14px 0 14px 10px;
}
#facebook_box,#twitter_box,#flickr_box{margin-left: 18px!important;}
/* PAGE: SPLASH HOMEPAGE
====================================================*/
.splash #left .blue_box_external_bg {display:none;}
.splash #center {display:none;}
#header_pref2 {position:absolute; z-index:1000; display:none; bottom:10px; left:0;}
.splash #header_pref2 {display: inline;}
.splash .header-deco01 {background:none;}
.splash #left {padding-bottom:1px; min-height:350px;}