
<!--


/************************************
*  Template n.019: eco
*  Tipo: 2 colonne
*  Data: Settembre 05
*  Autore: CF
*  Note: -
*  Copyright: Sitonline.it
*************************************/


/* OGGETTI PRINCIPALI DEL SITO
===============================================================================  */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	background-color: #C7E2D2;
	background-image: url("/tmpl_images/bg.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	color: #3A563A;}
	
h1, h2, h3, h4, h5 {margin: 0px; padding: 0px; }
img { border: 0; }

/* LINK ----------------------------------------------- */
a {color: #336633;}
a:hover {color: #EE440B;}

#path {margin: 0; font-size: 11px; color: #777; border-bottom: 1px solid #ccc; padding: 5px;}

#headergrafico { background-image: url("/tmpl_images/740_14_236_0.jpg");width: 740px;  height: 120px; }


/* STRUTTURA PAGINE
===============================================================================  */
#page {
	width: 757px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("/tmpl_images/cbg3.jpg");
	background-position: top right;
	background-repeat: repeat-y;
	text-align: left;}
	
#leftcol {padding:15px;}
#content {min-height: 275px; height: 275px;}
#footer {
	height: 23px;
	text-align:center;
	padding: 5px;
	color: #fff;
	font-size: 10px;
	background-image: url("/tmpl_images/footer3.gif");
	background-position: bottom right;
	background-repeat: no-repeat;}
#footer a { color: #fff; }

/* HEADER (logo, titolo e sottotitolo)
===============================================================================  */
#header {padding: 10px 15px;}
#header h1 {color: #333399; font-size: 30px; padding: 0px; margin: 0px;}
#header h1 a{color: #333399; }
#head_bar {
	background-image: url("/tmpl_images/barra3.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 30px;
}
#header h2 {color:#666; padding: 0px; margin: 0px;font-size:14px;}
#logo img {border:2px solid #ccc; margin-bottom: 8px;}

/* NAVIGAZIONE PRINCIPALE DEL SITO -------------------------------------------- */
#main_menu {margin: 0px; padding: 0px; line-height: 21px;}
#main_menu ul {margin: 10px 5px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif;}
#main_menu ul li {margin: 0px; padding: 0px; list-style-type: none;}
#main_menu ul li a {color: #cc3300; text-decoration: none; font-size: 14px; padding: 6px 0; font-weight: bold;}
#main_menu a:hover {text-decoration: none; color: #EE440B;}

/* nav secondaria */
#sub_menu { margin: 10px 0; line-height: 12px;}

#pagename_father
{
	padding-left: 5px;
	font-weight: bold;
	color: #000;
line-height: 21px;
}

#sub_menu ul
{
	margin: 0;
	padding: 0;
}

#sub_menu li { list-style-type: none; }

#sub_menu li a
{
	padding: 5px;
	text-indent: 5px;
	border-bottom: 1px solid #000;
	display: block;
	text-decoration: none;
 color: #000;
}

#sub_menu li a:hover
{
background: trasparent;
}

/* 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; }

/* SEARCH  ----------------------------------------------- */
#search { text-align: center; margin:5px auto; padding:8px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; }
#searchstyle { width: 80px;}
#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; }

/* BOX DI CONTENUTO (BOX ROSSI + BOX BLU + BOX FEED)
===============================================================================  */
#red_box_container, #dinamic_red_box_container { padding: 10px 15px 5px 15px; }
.red_box { margin: 5px 0 8px 0; color: #666; line-height: 140%; }
.red_box h3 { margin-bottom: 5px; color: #333399; font-size:14px; }
.red_box h3 a { color: #333399;  }
.red_box img { margin: 0 5px 5px 5px; border: 1px solid #ccc; }

#pagecontent .red_box h3 { margin-bottom: 5px; color: #00281f; font-size:4px; }
#pagecontent .abstract { FONT-STYLE: italic; }
#pagecontent .text { margin-top: 15px; FONT-SIZE: 100%; }

#blue_box_container { margin: 6px; font-size:11px; padding: 10px; border-left:1px solid #ddd;}
.blue_box { margin: 5px 0 10px; }
.blue_box h4 { color: #333399; margin-top: 10px; font-size: 12px;}
.blue_box a, .blue_box a:visited { }
.blue_box a:hover {}
.blue_box img { margin: 3px 0px; border: 1px solid #ccc; }
.blue_box p {color: #444;}

#box_news_hp { margin: 20px 6px;} /* uguale a blue_box_container  */
#box_news_hp .news_item {}
#box_news_hp h4 { color: #333399; font-size: 12px; } /* il titolo */
#box_news_hp h5 a { font-size: 11px; margin: 0; color: #000; font-weight: normal}
#box_news_hp h5 a:hover { }
#box_news_hp p {font-size:11px; margin: 0 0 7px 0; color: #000;}

.maincont  #box_news_hp { margin: 5px 10px; line-height:160%; }
.maincont  #box_news_hp h4 { font-size: 14px; color: #333399;}
.maincont  #box_news_hp h5 { }
.maincont  #box_news_hp a { font-size: 13px;}
.maincont  #box_news_hp .news_item {margin:10px 0;}
.maincont  #box_news_hp p {font-size:12px; color:#666; }

/* UTILITY (SEARCH + BACK + COMMENTI + COPYRIGHT + ETC)
===============================================================================  */
h3.pagename { margin: 0; font-size: 14px; color: #000; padding: 5px; }

#counter, #lang_menu { margin: 10px; color: #999; font-size: 11px;}

#viral { margin: 10px; font-size: 11px; }
#viral a, #lang_menu a { color: #999; text-decoration: none; }
#viral a:hover, #lang_menu a:hover { color: #000; text-decoration: underline; }

#print {padding: .2em .5em; text-align: right; margin-bottom: 20px; font-size: 10px;}
#date_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;}

/* PAGINA CONTATTI
==============================================================================================  */
#box_contact { margin: 0; padding: 10px 0 0 20px;  line-height: 150%; color: #666;}
.form_int { padding: 0px; }
.form_int form { padding: 6px; }
.form_int legend { font-weight: bold; color: #333399;; padding:3px; }
.form_int fieldset { border: 1px solid #fff; }
.form_int label {
	color: #333;
	display: block;
	text-align: right;
	margin-right: 5px;
	margin-left: 5px;
	}
textarea, input {
	color: #333;
    font-size: 12px;
	font-family: verdana, arial, sans-serif;
	}
.submit_send {background-color: #ccc; padding: 3px; font: bold 12px;}
textarea{ width: 220px }
.contact_form { width: 220px }

-->