/************************************
*  Template n.022: tessile
*  Tipo: 2 colonne
*  Data: Settembre 05
*  Autore: CF
*  Note: header grafico
*  Copyright: Sitonline.
*************************************/



/* OGGETTI PRINCIPALI DEL SITO
===============================================================================  */
body
{
	padding: 20px 0;
	background: #000 url(/tmpl_images/bg.gif);
	font: 11px/19px georgia, times, serif;
	color: #333331;
	text-align: center;
}

p, h1, h2, h3, h4, h5, form { margin: 0; line-height: 19px;}
img {border:0;}

h1 {font-size:24px}
h2 {font-size:14px; font-weight: normal;}
h1, .graphic_title {padding:3px 15px 0 10px;}
h2 {padding:2px 13px 6px 14px;}
h3, h4 {padding-bottom: 5px}
h3 {font-size:17px; }
h4, h5 {font-size:12px; }
h5 {font-size:12px; font-weight: normal}

.red_box img, .wide_image { margin: 0 15px 15px 0; padding: 5px; border: 1px solid #333331; }
.small-red-box { width: 49.9%; float:left; }
.blue_box img { margin: 3px 0px; border: 2px solid #EFE0B7; }
.news_item {padding: 3px 0 6px 0}

#path {margin: 0; font-size: 11px; color: #777; border-bottom: 1px solid #ccc; padding: 5px;}
#headergrafico {  margin: 0 auto;}

/* LINK ----------------------------------------------- */
a { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #c50; text-decoration: none; }

#path {margin: 0; font-size: 11px; color: #777; border-bottom: 1px solid #BDA87B; padding: 5px;}

/* STRUTTURA PAGINE
===============================================================================  */
#page {
	width: 750px;
	border:5px solid black;
	margin: auto;
	text-align: left;
	background: #fff url(/tmpl_images/main.jpg) repeat-y; }
#main { width: 500px; float: right; }
#main .col { padding: 12px 25px 30px 25px; }
#sidebar { width: 250px; float: left; }
#sidebar .col { padding: 8px; }
#footer { color: #999; clear: both; margin: 0 0 10px 0; }
#footer { color: #fff; clear: both; margin: 0 0 10px 0; }
#footer a { color: #fff; }

/* BOX DI CONTENUTO (BOX ROSSI + BOX BLU + BOX FEED)
===============================================================================  */
#red_box_container, #dinamic_red_box_container { padding: 10px; }
.red_box { margin: 5px; line-height: 21px; color: #333331; font-size: 12px}
.red_box h3 { margin-bottom: 5px; color: #BB4B0B; }
.red_box .text { }
#pagecontent .text { margin-top: 15px; }

.blue_box_wrapper {   }
.blue_box { margin: 0 0 10px 10px; padding: 14px; background: #bd4d0d url(/tmpl_images/list-bg.jpg); border-top: 2px solid #923b09;}
.blue_box h4 { font-size: 13px; margin: 2px 0 2px 0; color: #fff; padding-left: 12px; background: url(/tmpl_images/bullet.gif) no-repeat 0 40%;}
.blue_box p { color: #F2DFB7; margin-bottom: 10px }
.blue_box a { color: #F2DFB7; text-decoration: underline}

#box_news_hp { margin: 0 0 10px 10px; padding: 14px; background: #bd4d0d url(/tmpl_images/list-bg.jpg); border-top: 2px solid #923b09; }
#box_news_hp h4 { color: #fff; font-size: 13px; margin: 2px 0 4px 0; padding-left: 12px; background: url(/tmpl_images/bullet.gif) no-repeat 0 40%;}
#box_news_hp h5 a { color: #F2DFB7; font-size:12px; margin: 0; text-decoration: underline}
#box_news_hp p { color: #F2DFB7; font-size:12px; margin: 0 0 5px 0}
#box_news_hp a:hover { color: #4D2105; }
.news_item {padding: 0 0 6px 0; }

#main #box_news_hp h5 a { font-size:14px; }

/* NAVIGAZIONE PRINCIPALE DEL SITO -- */
#main_menu ul { list-style: none; margin: 0 0 10px 10px; padding: 0; border-top: 1px solid #923b09; background: #bd4d0d url(/tmpl_images/list-bg.jpg); }
#main_menu li { color: #000; border-bottom: 1px solid #923b09; line-height: 1.5em; padding: 0.5em 17px; }
#main_menu li a { display: block; border: none; color: #f4f0e6; font-size: 13px; margin-left: -12px; padding-left: 12px; background: url(/tmpl_images/arrow.gif) no-repeat 0 40%; }

#pagename_father { margin: 0 0 0 10px; font-weight: bold; color: #fff; padding: 3px 0 3px 10px; background:#923b09;  }
#sub_menu ul {list-style: none; margin: 0 0 10px 10px; padding: 0; border-top: 1px solid #923b09; background: #bd4d0d url(/tmpl_images/list-bg.jpg); }
#sub_menu li { color: #000; border-bottom: 1px solid #923b09; line-height: 1.5em; padding: 0.5em 17px; }
#sub_menu li a { display: block; border: none; color: #f4f0e6; font-weight: bold; margin-left: -12px; padding-left: 12px; }

/* HEADER (NAVIGAZIONE + LOGO + IMMAGINE PRINCIPALE)  */
#header { width: 750; height: 250px; background: #000 url(/tmpl_images/top.jpg) no-repeat;}
#header h1 {color:black; margin:15px 5px 5px; font-size:18px;}
#header h2 {color:#777;  }
#logo a {margin: 10px 0 0 15px}

/* PAGING DELLE PAGINE DINAMICHE -------------------------------------------- */
#nav_dinamic { margin: 0; font-size: 11px; color: #777; border-top: 1px solid #ccc;  padding: 5px; text-align: right; }
#nav_dinamic a:hover, #nav_dinamic a:active { color: #000;}

/* 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; }

/* UTILITY (SEARCH + BACK + COMMENTI + COPYRIGHT + ETC)
===============================================================================  */
h3.pagename { margin: 0; font-size: 14px; color: #000; padding: 5px 2px; }

#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: #333331; }
#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}

.date_and_comments { clear:both; text-align: right; padding-right:10px; } /* non levare il clear */

#print {
	padding: .2em .5em;
	text-align: right;
	margin-bottom: 20px; 
	font-size: 11px;
	}
.date_and_comments { clear: both; text-align: right; padding-right: 10px; font-size: 11px;}
#back a:link, #back a:visited {
	display: block;
	padding: .2em .5em;
	background-color: #f1f1f1;
	color: #444;
	width: 4em;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px; 
	font-size: 10px;
	}
#back a:hover, #back a:active { background-color: #fff; color: #444;}

/* SEARCH ----------------------------------------------- */
#search, .mp3_container { text-align: center; margin: 0 0 10px 10px; padding: 14px; background: #bd4d0d url(/tmpl_images/list-bg.jpg); }
#searchstyle { width: 120px;}
#pagecontent #search { }
.search_result { margin: 10px 0 5px 0; padding: 0; line-height: 170%; }
.search_result h5 {font-size: 13px;}
.search_result p { margin-bottom: 8px; }

/* PAGINA CONTATTI
==============================================================================================  */
/*----------------------- FORM PAGINA CONTATTI -------------------*/
#box_contact {
margin-left: 7px;
margin-bottom: 20px;
line-height: 170%;
width:437px;
color: #000000;
}
#contact_box {
width:444px;
margin-left:7px!important;
}
/*----------------------- FORM PAGINA CONTATTI -------------------*/
.form_int { margin: 10px 0px 0 5px; padding: 0px; width:450px;}
.form_int form {padding: 0px;}
.form_int legend { font-weight: bold; color: #900; padding:3px; font-size: 12px;}
.form_int fieldset { border: 1px solid #ccc; }
.form_int label {
	color: #333;
	display: block;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
	}
textarea, input {
	color: #333;
    font-size: 12px;
	font-family: verdana, arial, sans-serif;
	}
.submit_send { 
	background-color: #ccc;
	padding: 3px;
    font: bold 12px Georgia, "Times New Roman";
	}
textarea{ width: 250px }
.contact_form { width: 250px }


.graphic_title {
height: 50px;
width: 560px;
}

.kill {
display: none !important;
}

br.clear {
clear: both;
margin:0;
padding:0;
line-height:0;
}

#lang_menu {
position:absolute;
padding: 0;
float:none !important;
margin:140px 0 0 602px;
width:150px;
}

#lang_menu ul {
list-style-type: none;
padding: 7px 0 0 10px;
margin:0;
float:right;
}

#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 {
margin: 0 0 10px 10px; 
padding: 14px; 
background: #bd4d0d url(/tmpl_images/list-bg.jpg); 
border-top: 2px solid #923b09;	
}
.sidebar-albums li a b img {
border: 2px solid #EFE0B7;
}
.sidebar-albums ul {
padding: 0px;
margin-left: 0px;
}
.sidebar-albums li {
display: block;
padding: 0 0px 15px 0px;
}
.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:#ffffff;
font-size: 13px;
margin: 2px 0 2px 0; 
padding-left: 12px; 
background: url(/tmpl_images/bullet.gif) no-repeat 0 40%;
}
.sidebar-albums li a {
text-decoration: none;
}
.sidebar-albums li a b {
background: none;
}
/*----------- SITOFONO SIDEBAR ------------ */
#sitofono_button {margin-left:24px;}
/*-------- SHARE BOX -------*/
#share_box{margin-left:0px!important;margin-bottom:15px!important;display: block;}
#home_page #share_box{margin-bottom: 0px!important;}
#facebook_box,#twitter_box,#flickr_box{margin-left: 24px!important;}