﻿/*-------------body-------------------*/
*{ margin: 0; padding: 0; }* 
body {font: .75em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 1.6em; background: #fff url('images/sfondomain.jpg') repeat; color: #444; }
#content { width: 930px; margin: 0 auto; padding-right: 15px; padding-left: 15px; background: #fff url('images/sfondohome.jpg') repeat;}

/*-------------immagini-------------------*/
img { border: 0px none; }

/*-------------mouseover-------------------*/
a {	color: #3C7DDE;  text-decoration: none;  }
a:hover { color: #444444; text-decoration: underline; }


/*-------------formattazione-------------------*/
p { margin: 0 0 15px 0; }
.visible {visibility: visible }


/*-------------header-------------------*/
#header {background: #fff; height: 90px;padding-top: 5px;}
#cgf_banner {float:none; margin-left:180px; background: #fff; width:600px; height:75px; padding-top: 2px;}
#logo { float: left; color: #808080; background: #fff}
#toolbar{ float: right; text-align: right; background: #fff }
#toolbar a {color: #808080; background: #fff url('images/toparrow.png') no-repeat center left; margin-left:13px; padding-left:12px; }
input.searchfield { width: 175px; padding: 4px; border: 1px solid #444444; font-size: .9em; }
input.searchbutton { background: #3C7DDE;border: 1px solid #444444; padding: 3px; color: #fff; font-weight: bold; font-size: .9em }

/*-------------data e nome utente-------------------*/
#data {float: right; text-align: right; width: 40%; height: 27px; padding-top: 2px; font-size: 0.8em; background: #fff url('images/menubg.gif') repeat-x; }

/*-------------corpo pagina home page-------------------*/
#main_home { float: left; width: 480px; margin: 10px 0 20px;}
#corpopagina_home {background: #fff url('images/break_home.gif') repeat-y; margin-top:0px; }
#copertina {margin:0; padding:0; }
#introhome {font-size: 1.1em; margin-top: 10px; background: #FFFFFF; width: 575px; height: 90px; padding-left: 15px; padding-top: 2px;  }
#introhome span {color: #808080; font-size: 0.8em}
#introhome h2 {color: #3C7DDE; font-size: 1.4em}
#introhome a {background: #fff }

#focus {font-size: 1.1em;  background:#FFFFFF; width: 575px; padding-left: 15px;  }
#focus span {color: #808080; font-size: 0.8em}
.focusbox_sx {width: 280px; float: left; margin-top: 10px}
.focusbox_dx {width: 280px; float: right; margin-top: 10px}
.focusbox_sx h2 {background: #fff url('images/focus_titolo.gif') no-repeat; color: #3C7DDE; font-size: 1em; }
.focusbox_sx img {float: left; padding-right: 10px; padding-top: 5px;}
.focusbox_sx p {font-size: 0.8em; }
.focusbox_dx h2 {background: #fff url('images/focus_titolo.gif') no-repeat; color: #3C7DDE; font-size: 1em; }
.focusbox_dx img {float: left; padding-right: 10px; padding-top: 5px;}
.focusbox_dx p {font-size: 0.8em; }

/*-------------colonna dx home page-------------------*/
#colonnadx { float: right; width: 328px; margin: 8px 0 20px; }
.colonnadx_block p {padding-left: 10px; padding-top: 15px; font-size: 0.8em; margin:0}
.colonnadx_block img {float: left; padding-right: 10px;}

.colonnadx_block {background: #fff url('images/sfondo_colonnadx.jpg') repeat-x; color: #444444; line-height: 15px; margin-bottom: 10px;}
.colonnadx_block h3 {color: #3C7DDE; font-size: 1.2em; }
.colonnadx_block a.ultimanews {color: #3C7DDE; font-weight: bold}
.colonnadx_block a.altrenews {color: #444444; font-weight: bold}
.colonnadx_block .data {color: #808080}

#colonnadx ul {list-style-type: square;  margin-top: 20px; margin-left:30px; font-size: 0.9em}
#colonnadx li {margin-top: 5px;}
#colonnadx_break {background: #fff url('images/colonnadx_break.jpg') repeat-x; height: 10px; text-align: right; padding-top: 10px; padding-right: 10px; font-size: 0.8em}

#colonnadx_contatore {height: 70px;}
.colonnadx_nuovocontoenergia {height: 60px; width: 140px; float: left; background-position: 0 10px; }
.colonnadx_vecchiocontoenergia {height: 60px; width: 140px; float: left;    background: transparent url('images/break_contoenergia.gif') no-repeat; background-position: 0 10px; }
.colonnadx_contoenergialink {height: 60px;width: 40px; float: left;  background: transparent url('images/break_contoenergia.gif') no-repeat; background-position: 0 10px;}

#colonnadx_contactcenter {background: #fff url('images/sfondo_contactcenter.jpg') no-repeat; height: 36px; width: 328px; }
#colonnadx_farmacie {background: #fff url('images/sfondo_contactcenter1.jpg') no-repeat; height: 36px; width: 328px; }
#colonnadx_contactcenter h3 {color: #444444; font-size: 1.2em; padding-left: 10px; line-height: 5px; padding-top: 10px;}
#colonnadx_contactcenter p {font-size: 0.8em; padding-left: 10px; }
#colonnadx_farmacie h3 {color: #444444; font-size: 1.2em; padding-left: 10px; line-height: 5px; padding-top: 10px;}
#colonnadx_farmacie p {font-size: 0.8em; padding-left: 10px; }

/*-------------corpo pagina interna-------------------*/
#main_inside { float: left; width: 929px; margin: 10px 0 20px; }
#corpopagina_inside {background: #FFF url('images/break_inside.gif') repeat-y; margin-top:0px; }
#contenuto_inside {width: 650px; float: right; }

/*-------------breadcrumbs pagina interna-------------------*/
#contenuto_inside #breadcrumbs ul {font-weight: normal; font-size: 1em; margin: 0}
#contenuto_inside #breadcrumbs li {display: inline;}
#contenuto_inside #breadcrumbs li a {margin-left: 3px; margin-right: 3px; color: #444444; text-decoration: underline; font-weight: bold}
#contenuto_inside #breadcrumbs li a:hover {text-decoration: none}
#contenuto_inside #breadcrumbs li.active {font-weight: bold; color: #3C7DDE}
#contenuto_inside #breadcrumbs li a.nolink {font-weight: bold; color: #444444; text-decoration: none; cursor: default}

/*-------------stili pagina interna-------------------*/
#contenuto_inside h2 {color: #3C7DDE; font-size: 1.6em; margin-bottom: 5px; margin-top: 20px; clear: both}
#contenuto_inside h3 {color: #444444; font-size: 1.2em; border-bottom: 1px #DEDEDE solid; margin-top: 20px;  clear: both}
#contenuto_inside p {text-align: justify; clear: both; }
#contenuto_inside p.evidenziato {text-align: justify; background: #F6F6F6; border: 1px solid #444444; padding: 10px;}


#contenuto_inside ul {list-style-type: square; margin-left: 15px; margin-bottom: 10px;}
#contenuto_inside ol {margin-left: 25px; margin-bottom: 10px;}
#contenuto_inside li {}
#contenuto_inside li a {font-weight: bold}
#contenuto_inside li a:hover {text-decoration: none}
#contenuto_inside li.active {font-weight: bold; color: #3C7DDE}

/*-------------stili immagini-------------------*/
.imgsx {float:left; padding-right: 10px; padding-bottom: 10px; clear: both}
.imgdx {float:right; padding-left: 10px; padding-bottom: 10px; clear: both}
.img {padding-bottom: 10px; clear: left; text-align: left;}
.ico {float:left; height:20px; width:40px;}

/*-------------menu principale-------------------*/
#navigation{margin:0; padding:0; }
#menu {text-align: left; float: left; width: 60%; height: 27px;   padding-top:2px; background: #fff url('images/menubg.gif') repeat-x; }
#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
#menu li a { margin: 0px 15px 0 0px; color: #808080;  padding-left:12px; }
#menu li a:hover { margin: 0px 15px 0 0px; color: #5EA2E5;  padding-left:12px; text-decoration: none}


.suckertreemenu ul {margin: 0;padding: 0;list-style-type: none; }
.suckertreemenu ul li{position: relative;display: inline;float: left;background-color: #FFF; }
.suckertreemenu ul li a {background: #FFF; display: block;width: 60px; text-decoration: none;color: #818181; padding:1px;}

.suckertreemenu ul li ul {left: 0;position: absolute; display: block;visibility: hidden;}
.suckertreemenu ul li ul li {float: none; display: list-item; }
.suckertreemenu ul li ul li ul {top: 0px; font-size: 0.9em;}
.suckertreemenu ul li ul li a {padding: 1px; width: 160px; color: #818181; border: 1px solid #ccc; font-size: 0.7em; }
.suckertreemenu .mainfoldericon {}

.folder {margin: 0px 15px 0 0px; padding-left: 12px; color: #808080; background: #fff url('images/arrow_mainmenu.gif') no-repeat center left; width: 80px; }
.subfolder {font-weight: bold }


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/padding-top: 1em;}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

/*-------------menu interno laterale-------------------*/
#menu_inside {width: 265px; float: left;}

#rightcolumn {float: left; font-size: 1em; line-height: 1em}
.categorymenu {border: 0px none;  }
#titlebar {padding: 2px 2px;text-align: center;font-weight: bold; }

#rightcolumn .blocklook ul {margin: 0;padding: 0;list-style-type: none; }
#rightcolumn .blocklook li a {padding: 3px 0;padding-left: 14px; display: block;width: 245px;text-decoration: none;font-weight: normal;
                              color: #444; background-position: 5px;}
                              
#rightcolumn .blocklook li .hover {padding-left: 14px;display: block;width: 245px; px;text-decoration: none;font-weight: bold;
                                   color: #3C7DDE; padding-top:3px; padding-bottom:3px  }
                                   
#rightcolumn .blocklook li a:hover {color: #3C7DDE; }

#rightcolumn .blocklook li .hover2 {margin-top: 10px; padding-left: 14px;display: block;width: 245px; text-decoration: none;
                                    font-weight: bold; 
                                    padding-top:5px; padding-bottom:3px}

#rightcolumn .blocklook li .sub {background: transparent url('images/sub.gif') no-repeat; background-position: 5px 5px;  }

#rightcolumn .blocklook ul .sub2block {border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; margin-bottom: 10px; background: #F8F8F8; padding-top: 5px; }
#rightcolumn .blocklook li .sub2 {background: url('images/sub2.gif') no-repeat;  background: #F8F8F8; }
#rightcolumn .blocklook li .subrientro {font-weight: normal; color: #3C7DDE; }

#rightcolumn .blocklook li .sub2select {padding-left: 14px;display: block;width: 240px; text-decoration: none;
                                        font-weight: bold; background: #F8F8F8 url('images/sub2select.gif') no-repeat;  color: #3C7DDE;
                                        padding-top:3px; padding-bottom:3px; background-position: 3px 2px; }

#rightcolumn .blocklook .primolivello_on {margin-bottom: 5px; font-size: 1.2em; background: #3C7DDE; padding: 3px 0;
                                         padding-left: 14px;display: block;width: 245px;text-decoration: none;font-weight: bold;color: #FFF;}

#rightcolumn .blocklook a:hover.primolivello_on {color: #FFF;}



/*tabelle stili generici*/
table {width: 100%;  border-collapse: collapse; border-left: 0px solid #CCCCCC; border-top: 0px solid #CCCCCC; color: #333333; margin-bottom: 20px; margin-top: 0px;}
table p, br {text-indent: 0px; margin:0; padding: 0;}
table td, table th { border-bottom: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; font-size: 0.9em; line-height: 1.5em; padding: 3px; text-align: left; vertical-align: top;  }
table tr  { background: #FFF; }
table tr th { background: #EFEFEF;}
table img  {border: 0px none; }

/*tabelle intestazioni*/
table caption {background: #3C7DDE; color: #FFF; font-size: 1.3em; font-weight: bold; margin: 0px; padding: 2px; }
table thead tr td { background: #666666; color: #FFF; font-weight: bold; text-align: center; }

/*tabelle celle*/
table td.numero {font-weight: bold; text-align: center}
table td.data {text-align: center}
table td.titolo {}
table td.tipo {font-weight: bold; text-align: center}
table td.peso {text-align: center}
table td.download {text-align: center}

/*tabelle celle*/
table tr.odd th, table tr.odd td { background: #EFEFEF; }

/*tabelle mouseover*/
table tr td a { color: #444444; text-decoration: none; }
table tr td a:hover {color: #3C7DDE; text-decoration: none;}

/*tabelle footer*/
table tfoot tr th {color: #FFF; text-align: center; background: #666666; }
table tfoot tr th, table tfoot tr td { font-weight: bold;  }

table tfoot tr th ul {}
table tfoot tr th li {display: inline; padding-right: 2px; padding-left: 2px; margin-left: 5px;}
table tfoot tr th li a:hover {color: #FFF}
table tfoot tr th li.active {display: inline; background: #FFF; color: #444444; padding-right: 2px; padding-left: 2px; border: 1px solid #000}

table tfoot tr th li.avanti {display: inline; background: #FFF; color: #444444; padding-right: 2px; padding-left: 2px; border: 1px solid #000}
table tfoot tr th li.indietro {display: inline; background: #FFF; color: #444444; padding-right: 2px; padding-left: 2px; border: 1px solid #000}

/*tabelle puntielenco download*/
table .download ul {margin-left:8px; padding-left: 8px; margin-top:5px}
table .download li {padding-bottom: 5px;}

/*-------------footer-------------------*/
#line { clear: both; background: #fff url('images/smalldot.gif') repeat-x; margin:0; height: 1px; margin-top: -15px}
#footer { clear: both; font-size: .8em; color: #808080; margin:0; height: 20px; margin-top: -10px}


