

/************************************
*  Gabbia E - Astrazioni - v1
*  Copyright: Sitonline.it
*************************************/


/* OGGETTI PRINCIPALI DEL SITO
==============================  */
body {
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	background: #EDD29E url(/tmpl_images/bg_body3.gif) center top fixed;
	margin: 0;
	padding:0:
	text-align: center;
	}
#leftcol { padding-bottom: 20px }
#rightcol { padding-bottom: 20px }

p, h1, h2, h3, h4, h5, form { margin: 0; line-height: 19px;}
img { border: 0; }
.mp3_container {position: absolute; margin: 5px 5px 5px 6px}

h1 {font-size:24px}
h2 {font-size:13px; font-weight: normal;}
h1, h2 {padding:3px 5px;}
h3, h4 {padding-bottom: 8px}
h3 {font-size:17px; }
h4 {font-size:13px; padding:0;}
h5 {font-size:12px; font-weight: normal}

.red_box img, .wide_image { margin: 0 15px 15px 0; padding: 5px; background: #fff; border: 1px solid #036; }
.small-red-box { width: 49.9%; float:left; }
.blue_box img { margin: 3px 0px; border: 2px solid #333; }
.news_item {padding: 0 0 6px 0}

.blue_box p {padding: 0 6px 0 0; margin-bottom: 10px}

/* LINK ---- */
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #444; }

#path { font-size: 10px; letter-spacing: 2px; padding: 5px 0 8px 12px; color: #777; }
h3.pagename { font-size: 1.3em; padding: 5px 0 8px 12px; color: #333333; font-weight: bold; }

/* STRUTTURA PAGINE
===================  */

#page { border: 10px solid white; background: #fff; }

#whopper { 
    width: 100%;
    padding-top: 50px;
    background: url(/tmpl_images/ruler2.gif) repeat-x top left;
    }

#contentwrap { 	
       margin: 10px auto;
	width: 740px;
	text-align: left;
	background: #fff;
       }

/* Formattazione delle colonne */
#leftcol { background: #eee; border-right: 0px solid #ccc;}
#centercol {	background: url(/tmpl_images/bg_content6.jpg) no-repeat; padding-top: 90px;}
#rightcol { }
#leftcol_cont, #rightcol_cont {width: 180px; }
#centercol_cont {width: 560px;}


/* HEADER (BRAND + SEARCH)
=========  */
#header { background: url("/tmpl_images/headbg3.jpg") repeat-y;}
#brand { }
#logo a { margin:2px 0 5px 10px; }
#header h1 { color: #000; font-size: 26px; padding:3px 8px; font-weight: bold; }
.graphic_title {padding:3px 8px;}
#header h1 a {color: #000; text-decoration: none;}
#header h2 { color: #fff; font-style: italic; padding:3px 15px 3px 12px; font-size: 15px; }
#headergrafico { background-image: url("/images/header1.jpg");width: 740px;  height: 220px; }

/* NAVIGAZIONE PRINCIPALE DEL SITO -- */
#main_menu {
	text-align: center;
	background-color: #333333;
       margin: 0; padding: 0; 
	}
#main_menu ul { margin: 0; padding: 5px 0; }
#main_menu li { margin: 0; padding: 0; display: inline; }
#main_menu a { text-decoration: none; color: #fff; font-size: 13px; padding: 0 6px; }
#main_menu a:hover { text-decoration: none; color: #69c; }

#sub_menu { padding: 10px; margin-bottom: 18px; margin-top:10px}
#sub_menu_father { color: #000; font-size: 14px;  font-weight: bold; padding-bottom:5px}
#sub_menu ul { margin: 0; padding: 0}
#sub_menu li { list-style-type:none}
#sub_menu a { line-height: 21px;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
       display: block;
	font-size: 11px;
	text-align: left;
	}
#sub_menu a:hover {
	background: #ffffff;
	color: #336688;
	}
#lang_menu {
	text-align: right;
	padding-right: 3px;
	font-size: 12px;
	color: #666;
	}
	
/* BOX DI CONTENUTO 
===================  */
#red_box_container, #dinamic_red_box_container {  padding: 0 10px; font-size:12px;}
#home #red_box_container {padding-top:10px;}
#red_box_container a { }
#red_box_container a:hover { text-decoration: underline; }

.red_box { margin: 10px 5px; color: #666; line-height: 160%;}
.red_box h3 { margin-bottom: 5px; color: #000;  }
.red_box h3 a { color: #000; }
.red_box .abstract {font-style:italic;}
.red_box .allegati {}

.blue_box_wrapper { margin: 10px; line-height: 19px; }
.blue_box { margin: 5px 0px 10px; }
.blue_box a {color:#444;}
.blue_box a:hover { color: #999; }
.blue_box h4 {     
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333; 
    font-size: 13px; 
     margin: 6px 0; }

#box_news_hp { margin: 6px 6px 12px 10px; color: #333; line-height: 19px}
#box_news_hp h4 { 
    color: #333; 
    font-size: 13px; 
    font-weight: bold; 
     margin-top: 6px; 
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc; }
#box_news_hp h5 a { color: #666; font-size: 11px;}
#box_news_hp h5 a:hover { color: #000; }	
#box_news_hp P { margin: 0 0 5px 0; font-size: 11px;}	

#centercol_cont  #box_news_hp { margin: 5px 20px; line-height:160%; }
#centercol_cont  #box_news_hp h4 { font-size: 14px;}
#centercol_cont  #box_news_hp a { font-size: 13px;}
#centercol_cont  #box_news_hp .news_item {margin:10px 0;}
#centercol_cont  #box_news_hp p {font-size:12px; color:#666; }


/* PAGING DELLE PAGINE DINAMICHE -------------------------------------------- */
#nav_dinamic {display: block; padding-right: 10px; text-align: right; margin-bottom: 10px;}
#nav_dinamic a:hover, #nav_dinamic a:active {}

/* NAVIGAZIONE DELLA PAGINA DINAMICA -- */
ul#navigation { list-style-type: none; margin: 0; padding: 6px 0; border-top: 1px solid #ccc; }
ul#navigation li a {text-decoration: none; }
ul#navigation li a:hover {}
ul#navigation .left { float: left; }
ul#navigation .right { float: right; }

#back a:link, #back a:visited {text-decoration: none; margin-bottom: 20px; font-size: 10px;}
#back a:hover, #back a:active {}
	
/* UTILITY
===========  */


#print, .date_and_comments, #lang_menu, #viral {font-size: 11px;}
#print { text-align: right; padding-right:15px; }
.date_and_comments { clear:both; text-align: right; padding-right:10px; } /* non levare il clear */

#viral { margin: 20px auto 0; text-align: center;}
#viral ul { margin: 0; padding: 0; width: 100%; }
#viral ul li { display: inline; }
#viral li, #viral li a, #viral li a:hover { color: #000; }
#viral li { text-decoration: none; font-size:11px; padding: 2px 4px 2px 6px; border-right:1px solid #999; }
#viral li.last { border-right:0; }
#viral li a { text-decoration: none; }
#viral li a:hover { text-decoration: underline; }
#leftcol, #rightcol, #centercol  {padding-bottom: 20px}

/* SEARCH ----------------------------------------------- */
#search { text-align:right; padding:3px 5px;}
#searchstyle { width: 120px;} /* larghezza della buca */

.search_result { padding: 10px 0; line-height: 170%; }
.search_result h5 {font-size: 1.2em;}
.search_result p {  }
.gotolink {text-align:right; font-size:10px;}


/* PAGINA CONTATTI
==============================================================================================  */
#box_contact { margin: 10px 14px; line-height: 170%; color: #222;}
.form_int {padding: 10px; color: #555}
.form_int form { }
.form_int legend { font-weight: bold; color: #555; padding:3px; }
.form_int fieldset { border: 1px solid #000; }
.form_int label {color: #555;display: block; text-align: right; margin:0 10px;}
textarea, input {color: #333;font-size: 12px;font-family: verdana, sans-serif;}
.submit_send {}
textarea { width: 240px; }
.contact_form { width: 240px; }

/* FOOTER
==============================================================================================  */
#footer { background: #A2A2A2; text-align: center; height: 50px; font-size:.8em; }
.copyright { color: #fff; }
#footer a {color:#fff;}
.rss {}

.graphic_title {
height: 50px;
width: 560px;
}

.kill {
display: none !important;
}

#lang_menu {
padding: 0;
margin:0;
}

#lang_menu ul {
float:right;
list-style-type: none;
padding: 7px 0 0 10px;
margin:0;
}

#lang_menu li {
display:inline;
}

#lang_menu img {
margin: 0 7px 0 0;
}


html>body .clear_ff { /*FF*/
clear:both;
}

.clear_ff { /*IE6*/
clear:none;
}

*:first-child+html .clear_ff { /*IE7*/
clear:none;
}
/* SIDEBAR ALBUM
====================================================*/
.sidebar-albums li a b img {
border: 2px solid #333333;
}
.sidebar-albums ul {
padding: 0px;
margin-left: 0px;
}
.sidebar-albums li {
display: block;
padding: 0 6px 15px 6px;
}
.sidebar-albums li a span {
margin: 2px!important;
margin:2px 2px 4px 2px;
}
*:first-child+html .sidebar-albums li a span {
margin:2px 2px 4px 2px!important;
}
.sidebar-albums h4 {
color:#333333;
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
margin: 10px 6px;
}
.sidebar-albums li a {
text-decoration: none;
}
.sidebar-albums li a b {
background: none;
}
/*----------- SITOFONO SIDEBAR ------------ */
#sitofono_button {
margin-left:6px;
}
/*-------- SHARE BOX -------*/
#share_box{margin-left:0px!important;margin-bottom:20px!important;display: block;width: 100%;}
#home_page #share_box{margin-bottom:10px!important;}
#facebook_box,#twitter_box,#flickr_box{margin-left:6px!important;}
