/************************************
*  Gabbia C - professionisti1
*  Copyright: Sitonline.it
*************************************/

/* OGGETTI PRINCIPALI DEL SITO
==============================  */

body {
  margin: 0;
  padding:0;
  text-align: center;
  font: 12px/1.5 verdana, arial, sans-serif;  
  color: #EEE;
  background: #585858 url("/tmpl_images/bg_body.jpg") repeat-y top center;
}

p, h1, h2, h3, h4, h5, form { margin: 0; }
img { border: 0; }

h1 {font-size:24px}
h2 {font-size:13px}
h1, h2 {padding:3px 5px;}
h3, h4 {font-size:14px; padding-bottom: 5px}

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

/* NAV ---- */
#path { font-size:11px; padding:5px; color:#777;}
h3.pagename { font-size: 15px; padding: 0 5px; margin-left:5px; border-left: 3px solid #ccc; color: #333; font-weight: bold;  }

/* STRUTTURA PAGINE
===================  */
#whopper {
	width: 768px;
	background: #fff;
	margin: 0px auto;
}
#contentwrap {padding: 14px; text-align: left;}
#page { background: #fff; width:740px;}

/* Formattazione delle colonne */
#rightcol { background: #a3a3a3; }
#rightcol_cont { width:180px; }
#centercol { background: #a3a3a3; }
#centercol_cont { width: 560px; }

/* HEADER (BRAND + SEARCH)
=========  */
#header {background: #333; border-top:4px solid #F04104; border-bottom: 1px solid #fff;}
#brand {} /* contiene LOGO+TITLE */
#logo img { padding:5px;}
#title {width:100%} /* contiene h1 + h2 */
#header h1 {color: #fff;}
#header h1 a, #header h1 a:visited  {color: #fff; text-decoration:none; }
#header h2 {color: #bbb;}
#headergrafico { background-image: url("/tmpl_images/740_0_1345_8593.jpg");width: 740px;  height: 122px; }

/* NAVIGAZIONE PRINCIPALE DEL SITO -- */
#main_menu {margin-right: 10px;}
#main_menu ul {margin: 0;padding: 0;}
#main_menu li {
	list-style-type: none;
	border-bottom: 1px solid white;
	padding: 0px;
}
#main_menu li a {
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	border-left: 4px solid #F04104;
	padding: 5px;
	display: block;
}
#main_menu li a:hover {
	color: #000;
	border-left: 4px solid #000;
}

/* NAVIGAZIONE SECONDARIA DEL SITO -- */
#sub_menu {margin:10px 10px 15px 0;}
#sub_menu_father { font-weight: bold; display:block; color:#000; padding:6px 0;}
#sub_menu ul {margin: 0; padding: 0;}
#sub_menu li {list-style-type: none; padding:0; border-bottom: 1px solid #ccc;}
#sub_menu li a {color: #ccc; text-decoration: none; border-left: 4px solid #ccc; padding: 5px;
	display: block;}
#sub_menu li a:hover { color: #000; text-decoration:underline; }

/* BOX DI CONTENUTO 
===================  */
#red_box_container, #dinamic_red_box_container { padding: 0px 15px 5px; }
#home #red_box_container {padding-top:10px;}
.red_box { margin: 10px; color: #333;  }
.red_box h3 { margin-bottom: 5px; color: #F04104; background:#bbb; border-left:4px solid #333; padding-left:10px; }
.red_box h3 a, .red_box h3 a:visited {color: #F04104;}
.red_box img { margin: 0 5px 5px 5px; border: 1px solid #ccc; }
.red_box .allegati { }
#content .red_box .abstract {font-style:italic;}

#blue_box_container { margin: 6px; }
.blue_box { margin: 5px 0 10px; }
.blue_box h4 { color: #fff;  margin-top:10px; }
.blue_box a {color:#ddd;}
.blue_box a:hover { color: #fff; }
.blue_box img { margin: 3px 0px; border: 1px solid #ccc; }
.blue_box p {font-size:11px;}

#box_news_hp { margin: 20px 6px; color: #333; }
#box_news_hp .news_item {}
#box_news_hp h4 { color: #666; }
#box_news_hp h5 a { font-size: 11px; color: #eee; }
#box_news_hp h5 a:hover { color: #fff; }
#box_news p {font-size:10px;}

/* 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, #counter, #date_comments, #lang_menu, #viral {font-size: 10px;}

#print { text-align: right; padding-right:15px; }
#counter { margin: 10px; color: #aaa; }
#date_comments { clear:both; text-align: right; padding-right:10px} /* non levare il clear */
#lang_menu { text-align: right; margin: 10px;  color: #ddd; }
#lang_menu a { color: #999; text-decoration: none; }
#lang_menu a:hover { color: #000; text-decoration: underline; }
#viral { margin: 10px auto; text-align: center; }
#viral a { color: #666; text-decoration: none; }
#viral a:hover { color: #000; text-decoration: underline; }

/* SEARCH ----------------------------------------------- */
#search { text-align:right; padding:5px;}
#search form {background:#F04104; display:inline; margin:0; padding:5px 20px;}
#searchstyle { width: 120px; } /* 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: 10px; line-height: 170%; color: #fff;}
.form_int { padding: 10px; }
.form_int form { }
.form_int legend { font-weight: bold; color: #666; padding:3px; }
.form_int fieldset { border: 1px solid #666; }
.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 { background: #333; text-align: center; height: 50px; font-size:11px; border-top: 1px solid #ccc; border-bottom:4px solid #F04104;}
.copyright { color: #fff; }
#footer a {color:#fff;}
.rss {}