/************************************
*  Gabbia A - First
*  Copyright: Sitonline.it
*************************************/


/* OGGETTI PRINCIPALI DEL SITO
===============================  */
body{margin: 0;padding: 0;background: #f1f1f1;font-size: 12px;font: 80% verdana, arial, sans-serif;color: #3d3d33;}
p, h1, h2, h3, h4, h5, form { margin: 0; line-height: 19px;}
img { border: 0; }
.mp3_container {position: absolute; margin: 10px}
h1 {font-size:24px}
h2 {font-size:13px; font-weight: normal;}
h1, h2 {padding:3px 5px;}
h3, h4 {padding-bottom: 10px}
h3 {font-size:17px; }
h4 {font-size:13px; padding:0;}
h5 {font-size:12px; font-weight: normal}

#path {font-size: 11px; padding: 10px 0 5px 12px; color: #777; }
h3.pagename { padding: 5px 0 5px 12px; color: #444; font-size: 14px;}

/* LINK --- */
a:link { color: #2C80D4; }
a:hover { color: #000000; }
a:visited { color: #2C80D4; }


/* STRUTTURA PAGINE
================================  */
#page { background: #fff; }
#whopper {
	background: #fff;
       border-right: 10px solid #fff;
	padding: 0px;
	margin: 0px;
	width: 740px;
	}
#contentwrap {
	margin-left: 0px;
	width: 740px;
	text-align: left;
	}

/* Formattazione delle colonne */
#leftcol { background: #fff; }
#leftcol { padding-bottom: 20px }
#rightcol { padding-bottom: 20px }
#centercol { background: #fff; }
#rightcol { background-color: #FFF; border-left: 0px solid #1063A3; }
#leftcol_cont, #rightcol_cont {width: 180px;}
#centercol_cont {width:560px}


/* HEADER (BRAND + SEARCH)
==========================  */
#header {     
color: #ffffff;
text-decoration: none;
margin: 0px auto;
padding: 0px;
height: 185px;
background: url(/tmpl_images/header_top_01.jpg);
background-repeat: no-repeat;
background-position: center top;}
#brand {padding: 20px 0 0 5px}
#logo a { margin: 2px 0 2px 5px }

#header h1 { color: #003366; padding: 3px 15px 0; font-size: 20px; font-weight: bold; }
#header h1 a { color: #003366; }
#header h2 { color: #336699; width: 400px; padding: 3px 15px 6px 6px; font-size: 15px; font-style: italic; }

#headergrafico { background-image: url("/images/header1.jpg");width: 740px;  height: 240px; }

/* NAVIGAZIONE PRINCIPALE DEL SITO --- */
#main_menu, #sub_menu { margin: 10px 0px; padding-bottom: 10px; }
#main_menu ul, #sub_menu ul { color: white; margin: 0; padding:0; }
#main_menu li { list-style-type: none; border-bottom: 1px solid #1063A3; padding: 5px 10px; }
#main_menu li a { color: #0066CC; text-decoration: none; letter-spacing: 1px; }
#main_menu li a:hover { color: #0066CC; }

/* NAVIGAZIONE SECONDARIA DEL SITO --- */
#sub_menu_father { font-weight: bold; color: #336666; font-size: 13px;}
#sub_menu { margin: 10px 0; }
#sub_menu li { list-style-type: none; border-bottom: 1px dotted #ccc; padding: 5px 10px; }
#sub_menu li a { color: #0066CC; text-decoration: none; }
#sub_menu li a:hover { color: #0066CC; }

/* BOX DI CONTENUTO
===================  */
#red_box_container, #dinamic_red_box_container { padding: 10px 15px 5px 15px; }
#home #red_box_container {padding-top:10px;}

#red_box_container a { }
#red_box_container a:hover { text-decoration: underline; }

.red_box { margin: 5px 0 8px 0; color: #666; line-height: 160%; }
.red_box h3 { margin-bottom: 5px; color: #537E7E; font-size:14px; }
#dinamic_red_box_container .red_box h3 a  { color: #003366;  }
.red_box img, .wide_image { margin: 0 15px 15px 0; padding: 5px; background: #fff; border: 1px solid #DAE1D9; }

#pagecontent .red_box h3 { margin-bottom: 5px; color: #1063A3; font-size:15px; }
#pagecontent .red_box abstract { FONT-STYLE: italic; }
#pagecontent .text { margin-top: 15px; FONT-SIZE: 100%; }

.blue_box_wrapper { margin: 6px; font-size:11px;}
.blue_box { margin: 5px 0 10px; }
.blue_box h4 { color: #AAB8AB; margin-top: 10px; margin-bottom: 6px; font-size: 13px;}
.blue_box a, .blue_box a:visited { color: #666}
.blue_box a:hover {}
.blue_box img { margin: 3px 0px; border: 2px solid #669966; }
.blue_box p {padding: 0 6px 0 0; margin-bottom: 10px}

#box_news_hp { margin: 6px;} /* uguale a blue_box_container  */
.news_item {padding: 0 0 6px 0}
#box_news_hp h4 { color: #336666; font-size: 13px;} /* il titolo */
#box_news_hp h5 a { font-size: 11px; color: #666; font-weight: normal}
#box_news_hp h5 a:hover { }
#box_news_hp p {font-size:11px; color: #666; margin: 0 0 5px 0}

/* PAGING DELLE PAGINE DINAMICHE -------------------------------------------- */
#nav_dinamic {
	display: block;
	padding: 5px 20px 10px 5px;
	text-align: right;
        font-size: 11px;
	}
#nav_dinamic a:hover, #nav_dinamic a:active { color: #000;}

/* NAVIGAZIONE DELLA PAGINA DINAMICA ------------------------------------------ */
ul#navigation { list-style-type: none; margin: 0; padding: .5em 0; border-top: 1px solid #666; }
ul#navigation li a { display: block; width: 4em; color: #444; background-color: #f1f1f1; padding: .2em 0; text-align: center; text-decoration: none; }
ul#navigation li a:hover { color: #444; background-color: #fff; }
ul#navigation .left { float: left; }
ul#navigation .right { float: right; }


/* UTILITY (SEARCH + BACK + COMMENTI + COPYRIGHT + ETC)
===============================================================================  */

#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: 20px}

#lang_menu { text-align: right; margin: 10px; font-size: 10px; color: #ccc; }
#lang_menu a { color: #ccc; text-decoration: none; }
#lang_menu a:hover { color: #000; text-decoration: underline; }

#print, #counter, .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 */

#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 { text-align: right; padding: 8px 8px 0 0; }
#searchstyle { width: 120px;}
#pagecontent #search { text-align: right; }
.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
==============================================================================================  */
#box_contact { margin: 0; padding: 10px 0 0 15px; line-height: 170%; }
.form_int { margin: 10px 20px 0 10px; padding: 0px; }
.form_int form { padding: 10px; }
.form_int legend { font-weight: bold; color: #336666; padding:3px; }
.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 }


/* FOOTER
==============================================================================================  */
#footer {   
	background: url(/tmpl_images/header.jpg);
	background-repeat: no-repeat;
	background-position: center top; text-align: center; height: 50px; font-size: 11px; border-top: 1px solid #1063A3 }
#footer a { color: #444; }
.copyright { color: #444; }
.rss {}

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

.kill {
display: none !important;
}

#lang_menu {
padding: 0;
margin:0;
}

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

#lang_menu li {
display:inline;
}

#lang_menu img {
margin: 0 0 0 7px;
}


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: 2px solid #669966;
}
.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:#AAB8AB;
padding-left: 6px;
padding-right: 6px;
margin: 10px 0px 10px 0px;
}
.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:10px!important;display:block;width:100%;}
#home_page #share_box{margin-bottom: 0px!important;}
#facebook_box,#twitter_box,#flickr_box{margin-left:6px!important;}