/************************************
*  Gabbia B - happyness2 - apr08 by C.F.
*  Copyright: Sitonline.it
*************************************/

/* OGGETTI PRINCIPALI DEL SITO
==============================  */
body {
	margin: 0;
	padding: 0;
	font: 12px/19px  arial, sans-serif;
	color: #000;
	text-align: center; 
	background:#e7e8e8 url("/tmpl_images/bg2.gif") repeat-x;

}

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


h1 {font-size:30px}
h2 {font-size:13px; font-weight: normal;}
h1, h2 {padding:3px 5px;}
h3, h4 {padding-bottom: 10px}
h3 {font-size:18px; }
h4 {font-size:14px; padding:0; font-family:"Trebuchet MS";}
h5 {font-size:12px; font-weight: normal}

/**** aggiunte 2008 ****/
.mp3_container {margin: 4px 6px; padding-top: 5px;}
#head #search {margin: 0; padding:4px 6px;}
.red_box img, .wide_image { margin: 0 15px 15px 0; padding: 5px; background: #fff; border: 1px solid #c5c5c5; }
.blue_box img { margin: 3px 0px 3px 5px; padding: 3px; background: #fff; border: 1px solid #c5c5c5; }
.news_item {padding: 0 0 6px 0}
.blue_box p {padding: 0 6px 0 5px; margin-bottom: 10px}

/* LINK -------- */
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #0a395a;}

/* NAV ---- */
#path { font-size:11px; padding:5px 18px; color:#777;}
h3.pagename { padding:5px 18px; color: #000;  }

/* STRUTTURA PAGINE
===================  */
#whopper {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/tmpl_images/bg_page2.png'); width:770px; margin:40px auto 0px; text-align:center;}
#whopper[id] {background-image:url("/tmpl_images/bg_page2.png");}



#contentwrap {width:770px;  /*background:url(/tmpl_images/bg_head2.jpg) top left repeat-x;*/}
#page {width:740px; margin:0 auto; text-align: left;}

/* Formattazione delle colonne */
#leftcol { width: 180px;  background: #fff;}
#leftcol_cont { width: 180px; }
#centercol {width: 560px; background: #fff; }
#centercol_cont { width: 560px; }

/* HEADER (BRAND + SEARCH)
=========  */
#header {height:128px;}
#brand {} /* contiene LOGO+TITLE */
#logo a {margin:5px;}
#title {width:100%;} /* contiene h1 + h2 */
#header h1 {color: #a1b619;}
#header h1 a, #header h1 a:visited { color: #a1b619; text-decoration:none; }
#header h2 {color: #000;}
#headergrafico {background-image: url("/images/header1.jpg");width: 740px;  height: 240px;;}

/* NAVIGAZIONE PRINCIPALE DEL SITO -- */
#main_menu {margin:5px 0 10px; padding:1px; border:1px solid #dfd6d8; background:url("/tmpl_images/bg_mainmenu2.gif") bottom left repeat-x;}
#main_menu ul {margin: 0; padding:0 ; }
#main_menu li {list-style-type: none; background:url("/tmpl_images/bg_li2.gif") bottom left repeat-x;}
#main_menu li a {color: #454545; font-size:13px; text-decoration: none; display: block; padding:2px 6px 2px 20px; background:url("/tmpl_images/dot2.gif") 4px 5px no-repeat; }
#main_menu li a:hover {color: #0a395a;}
* html #main_menu ul li a { height: 1%; }

/* NAVIGAZIONE SECONDARIA DEL SITO -- */
#sub_menu {margin:14px 0px;}
#sub_menu_father { font-weight:bold; color: #454545; margin-top:10px; padding:2px 4px 2px 18px; border:1px solid #dfd6d8; background:url("/tmpl_images/dot2.gif") 4px 6px no-repeat; display:block; font-size:14px; font-family:"Trebuchet MS";}
#sub_menu ul {margin: 0; padding: 5px 0; }
#sub_menu li {list-style-type: none; margin:3px 6px; border-bottom:1px solid #dcdcdc;}
#sub_menu li a {color: #000; text-decoration: none; padding:0 5px;}
#sub_menu li a:hover { color: #0a395a; }

/* BOX DI CONTENUTO 
===================  */
#red_box_container, #dinamic_red_box_container { padding: 0px 15px 5px; }
#home #red_box_container {padding-top:10px;}
.red_box { margin: 5px; padding-bottom:15px; background: url("/tmpl_images/bg_rb2.gif") bottom left repeat-x;}
.red_box h3 {margin-bottom: 5px; color: #0a395a; font-weight:bold; background: url("/tmpl_images/bg_h2.gif") 0 3px no-repeat; padding-left:18px;}
.red_box h3 a, .red_box h3 a:visited {color: #0a395a;}
.red_box .allegati {}
#content .red_box .abstract {font-style:italic;}

.blue_box_wrapper { margin: 6px 0;}
.blue_box { margin: 5px 0px 12px; padding:0 0px 6px 0;  }
.blue_box h4 { color: #454545; margin:10px 0 4px; padding:2px 4px 2px 18px; border:1px solid #dfd6d8; background:url("/tmpl_images/dot2.gif") 4px 6px no-repeat;}
.blue_box a, .blue_box a:visited {color:#555; padding-left:5px; text-decoration:none;}
.blue_box a:hover {color:#000;}
.blue_box p { font-size:11px;  padding-left:5px;}

#box_news_hp { margin: 20px 0px; }
#box_news_hp .news_item {}
#box_news_hp h4 { color: #0a395a; margin-top:10px; margin-bottom:4px; padding:2px 4px 2px 18px; border:1px solid #dfd6d8; background:url("/tmpl_images/dot2.gif") 4px 6px no-repeat;} /* il titolo */
#box_news_hp h5 a { font-size: 11px;}
#box_news_hp h5 a:hover { }
#box_news_hp p {font-size:10px;}

#centercol #box_news_hp { margin: 10px 20px;}
#centercol #box_news_hp h4 {padding:5px 0 5px 20px; color: #0a395a; background:url("/tmpl_images/dot2.gif") 4px 10px no-repeat;}
#centercol #box_news_hp h5 {margin-top:5px; font-size:13px;}
#centercol #box_news_hp a { color: #333; }
#centercol #box_news_hp p {font-size:13px;}


/* PAGING DELLE PAGINE DINAMICHE -------------------------------------------- */
#nav_dinamic {display: block; padding: 5px 10px 10px 5px; text-align: right;}
#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: #666; }
#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: 10px}


/* SEARCH ----------------------------------------------- */
#search { text-align:right; padding-top: 5px;}
#searchstyle { width: 150px; border:1px solid #c5c5c5;} /* larghezza della buca */

.search_result { padding: 10px 0; line-height: 170%; }
.search_result h5 {font-size: 14px;}
.search_result p {  }
.gotolink {text-align:right; font-size:10px;}

/* PAGINA CONTATTI
==============================================================================================  */
#box_contact { margin: 15px; line-height: 170%; color: #222;} /* i dati */

.form_int { padding: 15px; }
.form_int form { }
.form_int legend { font-weight: bold; color: #0a395a; padding:3px; }
.form_int fieldset { border: 1px solid #d5d5d5; }
.form_int label { color: #666; 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 { font-size:11px; text-align: center; height:40px;}
.copyright { color: #aaa; display:block; padding-top:20px;}
#footer a {color:#aaa;} /* powered by */
.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;
}

.small-red-box { width: 49.9%; float:left; }
/* SIDEBAR ALBUM
====================================================*/
.sidebar-albums li a b img {
border: 1px solid #C5C5C5;
padding: 3px;
background: #ffffff;
}
.sidebar-albums ul {
padding: 0px;
margin-left: 0px;
}
.sidebar-albums li {
display: block;
padding: 0 6px 15px 6px;
}
.sidebar-albums li a span {
margin: 4px!important;
margin:4px 4px 6px 4px;
}
*:first-child+html .sidebar-albums li a span {
margin:4px 4px 6px 4px!important;
}
.sidebar-albums h4 {
color:#454545;
border:1px solid #dfd6d8; 
background:url("/tmpl_images/dot2.gif") 4px 6px no-repeat;
margin: 6px;
padding: 2px 4px 2px 18px;
}
.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: 0px!important;}
#facebook_box,#twitter_box,#flickr_box{margin-left: 11px!important;}