
/************************************
*  Meccano 02
*************************************/
/*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:#363636;
background:#CBD6E8 url("/tmpl_images/bg_sfum1_2-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:#363636; text-decoration:underline;}
a:hover {color:#000; 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; color:#36507B;}
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; color:#000; padding: 20px 15px 5px 25px;}
h3.pagename {padding:10px 5px 0 25px; color: #333; font-size: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 #7F9AC6;
border-right:1px solid #919FB5;
border-left:1px solid #919FB5;
}
#left {
width:220px;
float:left;
margin: 0;
padding: 0;
}
#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:#989998;
}
#Extra01 {
height:98px;
widht:100%;
background:transparent url("/tmpl_images/extra01_2-005.png") no-repeat center top;
margin:0 auto;
}


/* HEADER OBJECTS
====================================================*/
#headerobjects {position:absolute; top:0; height:130px; display:block; overflow:hidden; width:100%;
background:#E9EEF7 url("/tmpl_images/header-deco01_2-005.png") 0 0 no-repeat;
}
#header_search {height: 30px; display:block; background:transparent url("/tmpl_images/header_search-mp3_2-005.gif") 0 0 repeat-y; border-bottom:1px solid #ECEEEC; border-top:1px solid #ECEEEC;}
#search {position:absolute; top:3px; right:4px;}
#search form, #search input {font-size:13px;}
#searchstyle {width:120px;} /* search field width */
.logo_title_container {margin: 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: #36507B; 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: #666; font-weight: normal; padding: 3px 0 0 8px;} /* subtitle */
.header-deco01 {background:#B9C8E0 url("/tmpl_images/top_2-005.png") repeat-x bottom; width:100%; padding:0; margin:0; float:left;}


/* GRAPHIC HEADER  + FLASH
====================================================*/
#headergraphic { background-image: url("/tmpl_images/740_37_17662_0.jpg");width: 740px;  height: 240px; 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:#FCFDFE url("/tmpl_images/main_menu_2-005.png") 0 0 no-repeat; padding:10px; font-size:15px;}
#main_menu li a {color: #666; text-decoration: none; display: block;}
#main_menu li a:hover,
#main_menu li a.selected {color: #000; text-decoration:underline;}


/* SUBLEVELS NAVIGATION
====================================================*/
#sub_menu {background:transparent url("/tmpl_images/bt_menu_2-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 {color:#000;}


/* 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; color:#333; 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:#36507B; 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;}
.red_box img,
.wide_image {margin:0 15px 15px 15px!important; padding:5px; background:#E9EDF5; border:1px solid #A6B8D7;}
.small-red-box {width:355px;} /* width 2 columns*/
.red_box ul {list-style-type:disc; margin: 15px 40px;}
.red_box li {padding:3px 0 0;}	
#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_2-005.png") 0 0  repeat-x; width:740px;float:right;}
#content_box {background: #D2DCEB url("/tmpl_images/content_box-bg2-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_container {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:#000;}
.blue_box img {margin:3px 0; border:1px solid #A6B8D7; padding:4px; background:#E9EDF5;}
.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:#000;}
#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_2-005.png") repeat-x 0 0;}
.mp3_container {line-height:1px; display:block; background:#FCFDFE url("/tmpl_images/main_menu_2-005.png") 0 0 no-repeat; padding:10px;}


/* VIRAL
====================================================*/
#print, #date_comments, #lang_menu, #viral {font-size:12px;}
#print {text-align:right; padding-right:15px;}
#date_comments {clear:both; text-align:right; padding:10px 10px 0 0;} /* non levare il clear */
#date_comments a:hover {text-decoration:none;}
#viral {margin:0 auto; text-align:center; background:#CBD6E8 url("/tmpl_images/viral_2-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:#2B4062;}
#viral li {text-decoration:none; padding:2px 4px 2px 6px; border-right:1px solid #2B4062; color:#2B4062;}
#viral li.last {border-right:0;}
#viral li a:hover {color:#474747;}


/* MULTILANGUAGE
====================================================*/
#lang_menu {padding:0; margin:0; position: absolute; top:0;}
#lang_menu ul {list-style-type:none; padding:8px 12px 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:#1B283E;}
#footer a:hover {color:#fff; text-decoration:none;}
.copyright {color: #1B283E; width:100%; display:block;padding:15px 0; background:#6580AC;}
.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
====================================================*/
.search_result {padding: 10px 0; line-height: 170%;}
.search_result h5 {font-size: 14px;}
.search_result p {}
.gotolink {text-align:right; font-size:10px;}



/* PAGE: CONTACTS 
====================================================*/
textarea, input {color: #000; font-size: 12px; }
textarea, 
.contact_form  {width: 240px;}
#box_contact {margin:15px 25px 20px 17px !important; margin:15px 12px 20px 17px; line-height: 170%; color: #000; float:right; width:190px;}
.form_int {padding:10px 0 0 25px;float:left;width:450px;margin-bottom:20px;}
.form_int form {}
.form_int legend {font-weight:bold; color:#000; 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 {color:#000; display:block; text-align:right; width:131px; padding-right:5px;}
.submit_send {color: #000; font-size: 16px;}
#contact_box {width:260px;float:right;}


/* 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_2-005.gif") center center repeat-x; border:1px solid #4a81b9;}
#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_2-005.gif") center center repeat-x; border:1px solid #919fb5;}
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;}


/* PAGE: SPLASH HOMEPAGE
====================================================*/
.splash #left .blue_box_external_bg {display:none;}
.splash #center {display:none;}
.splash #left {padding-bottom:0;}
#header_pref2 {position:absolute; z-index:1000; display:none; bottom: 10px; left:0;}
.splash #header_pref2 {display: inline;}
.splash .header-deco01 {background:none;}


