
<!--

/* QUESTO E' UN LAYOUT A DUE COLONNE A LARGHEZZA FISSA  
CHE SONO ALLINEATE A SINISTRA NELLA FINESTRA DEL BROWSER */
  
/* QUESTO TEMPLATE VIENE VISUALIZZATO ALLO STESSO MODO SU OGNI MONITOR */   
  

/************************************
*  Template n.016: MyCompany
*  Tipo: 2 colonne
*  Data: Settembre 05
*  Autore: CF
*  Note: /
*  Copyright: Sitonline.it
*************************************/



/* OGGETTI PRINCIPALI DEL SITO
===============================================================================  */
body { margin: 0; padding: 0; font-size: 12px; color: black; font-family: verdana, tahoma, sans-serif; background-color: #333; }
p, h1, h2, h3, h4, h5, form { margin: 0; }
img { border: 0; }

#date_comments {font-size: 11px; padding-left: 10px;}

/* LINK ----------------------------------------------- */
a { color: #666; }
a:hover { color: #f90; }
a:visited { color: #666; }

/* STRUTTURA PAGINE
===============================================================================  */
#wrap { width: 770px; background-image: url(/tmpl_images/bgborder2.gif); background-repeat: repeat-y; }
#page { padding: 10px; background: #ddd; }

/* HEADER (LOGO + TITOLO + SOTTOTITOLO)
===============================================================================  */
#header {background-color: #1666B7; border-top:4px solid #F90; border-bottom:4px solid #F90; border-left:2px solid #F90; border-right:2px solid #F90; padding:3px;}
#logo {margin: 5px; }
#title {width: 100%}
#header h1 {color: #fff; margin: 10px 15px 0 0px; padding-left:10px; font-size: 30px; font-family: arial; display: inline;   border-left: 12px double #f90;}
#header h1 a {color: #fff;}
#header h2 { text-align: right; color: #fff; font-size: 12px; margin-right: 10px; border-top:1px solid white; }
#headergrafico { background-image: url("/tmpl_images/header1.jpg");width: 740px;  height: 122px; }

/* SEARCH ----------------------------------------------- */
#search {margin-top:5px; padding:5px; border:1px solid #1666B7; border-left: 5px solid #1666B7; border-bottom: 3px solid #1666B7; background: #fff;}
#searchstyle { width: 70px;}
#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; }

/* PATH ----------------------------------------------- */
#path {margin: 0; font-size: 11px; color: #777; border-bottom: 1px solid #ccc; padding: 5px;}
/* hide from IE5-PC */
* html #path {padding: 5px; margin: 5px;}
/* stop hiding from IE5-PC */

/* NAVIGAZIONE PRINCIPALE DEL SITO -------------------------------------------- */
#main_menu ul {
margin:0;
padding:0;
list-style:none;
border-top:1px solid #f90;
border-left:2px solid #f90;
border-right:1px solid #f90;
}
#main_menu li {
margin:0;
padding:0;
list-style:none;
}
#main_menu a {
display:block;
text-decoration:none;
padding:3px 0.5em 3px 16px;
margin: 0;
border-bottom:1px solid #f90;
}
/* hide from IE5-PC */
* html #main_menu a {0 0.5em 0 16px;}
/* stop hiding from IE5-PC */
#main_menu a:link, #main_menu a:visited  {
background:url(/tmpl_images/marcatore.gif) #EEE 3px 50% no-repeat;
color:#366;
}
#main_menu a:hover,
#main_menu a:focus,
#main_menu a:active {
background:url(/tmpl_images/marcatore_rollover.gif) #f90 3px 50% no-repeat;
color:#FFF;
}



/* NAVIGAZIONE SECONDARIA DEL SITO -------------------------------------------- */
#pagename_father {margin:6px 0px 3px 10px; font-weight:bold; color:#666;}

#sub_menu ul {
margin:0;
padding:0;
list-style:none;
border-top:1px solid #999;
border-left:2px solid #999;
border-right:1px solid #999;
}
#sub_menu a {
display:block;
text-decoration:none;
padding:3px 0.5em 3px 16px;
border-bottom:1px solid #999;
}
#sub_menu a:link, #sub_menu a:visited  {
background:url(/tmpl_images/marcatore.gif) #EEE 3px 50% no-repeat;
color:#1666B7;
}
#sub_menu a:hover,
#sub_menu a:focus,
#sub_menu a:active {
background:url(/tmpl_images/marcatore_rollover.gif) #999 3px 50% no-repeat;
color:#FFF;
}


/* 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; }

/* BOX DI CONTENUTO (BOX ROSSI + BOX BLU + BOX FEED)
===============================================================================  */

#red_box_container, #dinamic_red_box_container {width: 550px; margin:15px 0px 15px 15px; background: #fff; line-height:150%;}

/* hide from IE5-PC */
* html #red_box_container, #dinamic_red_box_container {margin:10px 15px 15px 0;}
/* stop hiding from IE5-PC */

.red_box { margin: 15px 10px 15px 10px; }
.red_box h3
{color: #f90; font-size: 14px; text-indent: 20px; background-image: url(/tmpl_images/arrow.gif); background-repeat: no-repeat;}
.red_box img { margin: 5px; padding:2px; border:0; }
#red_box_container a, #dinamic_red_box_container a {color: #f90; text-decoration: none;}
#red_box_container a:hover, #dinamic_red_box_container a:hover {color: #333; text-decoration: underline;}


#pagecontent .red_box h3 { margin-bottom: 5px; color: #f90; font-size:15px; }
#pagecontent .abstract { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; COLOR: #555; FONT-SIZE: 100%; PADDING-BOTTOM: 10px; MARGIN: 10px 10px 0px 0px; COLOR: #333; LINE-HEIGHT: 19px; PADDING-TOP: 10px; FONT-STYLE: italic; }
#pagecontent .text { margin-top: 15px; FONT-SIZE: 100%; }


#blue_box_container { }
.blue_box { font-size: 10px; padding: 6px; border: 1px solid #ccc; margin:5px 0; background: #fff;}
.blue_box h4 { color: #1666B7; padding: 5px 0; }
.blue_box img { margin: 5px auto; border: 1px solid #999; text-align:center;}


#box_news_hp { background: #fff; margin:10px 0; border: 1px solid #f90; border-left: 5px solid #f90; border-bottom: 3px solid #f90;   padding: 5px; color:#666;}
#box_news_hp h4 { color: #f90; background: #fff; font-size: 14px; text-indent: 20px; background-image: url(/tmpl_images/arrow.gif); background-repeat: no-repeat; }
#box_news_hp h5 a { display: block; padding: 6px 0; color: #666; font-size: 12px; }
#box_news_hp h5 a:hover { color: #1666B7; }

#centercol_cont  #box_news_hp { margin: 5px 20px; line-height:160%; }
#centercol_cont  #box_news_hp h4 { font-size: 14px;}
#centercol_cont  #box_news_hp h5 { }
#centercol_cont  #box_news_hp a { font-size: 13px;}
#centercol_cont  #box_news_hp .news_item {margin:10px 0;}
#centercol_cont  #box_news_hp p {font-size:12px; color:#666; }


/* UTILITY (SEARCH + BACK + COMMENTI + COPYRIGHT + ETC)
===============================================================================  */

h3.pagename { margin: 0; font-size: 14px; color: #777; padding: 5px; }

/* hide from IE5-PC */
* html h3.pagename {margin:10px 18px 15px 5px;}
/* stop hiding from IE5-PC */

#lang_menu {font-size: 10px; color:#1666B7; padding:3px; text-align:center;}
#counter {margin: 5px auto; color: #f90; text-align:center;}
#viral {margin: 20px; text-align:center; font-size: 10px;}
#print { font-size:10px; text-align:right; }
#date_comments { clear: both; text-align: right; padding-right: 10px}

/* footer */
#footer {background: #1666B7; text-align: center; color: white; font-size: 11px; padding:3px;}
#footer a {color: white;}

/* box contatti */
#box_contact {margin-top:5px; padding:6px; border:1px solid #1666B7; border-left: 5px solid #1666B7; border-bottom: 3px solid #1666B7; color:#666; line-height:150%; background: #fff;}

/* form */
.form_int { margin: 10px; }
.form_int form { }
.form_int legend {font-weight: bold; color: #1666B7;}
.form_int fieldset { border: 1px solid #1666B7; }
.form_int label
{
	color: #666;
	display: block;
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
}

-->