/******* CSS Comune Rete dei G.A.S. Marche *******/
      
@import url(http://web.resmarche.it/css/0/ext_3.css);
@import url(http://web.resmarche.it/css/0/ext_4.css);


            
 /****** Generale *******/
body, td, input, textarea {
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%; 
text-decoration: none; 
}

body{

margin:0 0 2.0em 0;
padding: 1.0em; 
text-align: center;
}


a{
text-decoration: underline;
color: #000000;
}

a:hover{
text-decoration: underline;
color: #e67200;
}

h3, h1, h4 {
margin:0;
}

h1{
font-size:1.6em;
}

h2{
font-size:1.4em;
}

h3{
font-size:1.2em;
}

h4{
font-size:1.0em;
}

ul{
list-style-type: none;
}

code{
background-color: #ffc;
padding: 0.2em;
border: inset 1px #ee9;
display: block;
font-family:courier;
}

/***** STRUCTURE *****/

#main-wrap{
width: 100%;
margin: 0 auto;
text-align: left;
padding: 0;
}

#main{
width:100%;
margin:1.0em 0;
clear:both;
}

#main #header {
width:100%;

}


#main #left-bar{
width:15%;
float:left;
overflow: hidden;
}

#main #center{
width:60%;
margin-left: 0%;

padding:0px 0px 0px 20px;
overflow: hidden;
}

#main #right-bar{
width:18%;
float:right;
overflow: hidden;
}



/*** HEADER ***/

#header {
	background-image:url(/images/49.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#header h1 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:26px;
	color:#000;
	padding:0!important;
	margin:0px 5px  5px  150px ;
}
#header h1 a {
	text-decoration:none;
	color:#000;
}
#header h1 a:hover {
	border:none;
}



#header ul {
	margin:0px 0 0px 0 !important;
	padding:0;
	float:right;
}

.logo  {
margin:0px 0px 0px 0px;
}

.logo img {
margin:0px 0px 0px 100px;
}

.titolo_logo {
margin:0px 0px 0px 100px;
padding:0px 0px 0px 0px;

}



/***  Feature (menù Res-Des) ***/

#menu_Res-Des  {

width: 100%;
padding:0px 0px 0px 0px;

}  

/** Titolo feature_menu_Res-Des  **/

#menu_Res-Des .feature {
display:none;
}  

/** Contenuto menù Res-Des **/

div#menu{

width: 100%;

}

ul#nav,ul#nav li{
list-style-type:none;
margin: 5px 0px 20px 15px;
padding:0
}

ul#nav{
padding-left: 10px
}

ul#nav li{
float:left;
width:100px;
margin-right:2px;text-align: center
}

ul#nav a{
float:left;
width:101px;
padding: 2px 0 5px;
text-decoration:none;
background: #f5f5f5;
color: #000
}

ul#nav li.activelink a,ul#nav a:hover{
color: #e67200;
text-decoration:underline;
}


/* Titoli Feature(in evidenza ,in calendario ecc..) */

#left-bar h3.feature,#center h3.feature,#right-bar h3.feature {
text-align: left;
padding: 0 0 0 18px;
font-weight: bolder;
font-size: 12pt;
font-style:italic;
color: #e67200;
font-family: georgia, times, serif;
}

#left-bar h3.feature {
background: url('http://web.resmarche.it/images/3.gif') no-repeat left;
}

#center h3.feature,#right-bar h3.feature {
clear:left;
background: url('http://web.resmarche.it/images/2.gif') no-repeat left;
}


.last_articles ul {
  margin: 0;
  padding: 0;
}

.last_articles ul.items li {
  display: block;
  width: 31%;
  float: right;
  line-height: 1.0em;
  overflow: hidden;
  clear: none;
  margin-right: 4px;
}

.last_articles div.article-item {
  background: #ececec;
}

.last_articles li h3 {
  display: block;
}

#user-info, #user-info a:link, #user-info a:visited  {
color:#666;
}


#search-form {
 TEXT-TRANSFORM: capitalize;
 background-color: #DE7500; 
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 TEXT-ALIGN: right; FONT-VARIANT: small-caps;
 margin: 0; padding: 4px;
}



/* IMMAGINI */
img{
border-width:0;
}

img.right{
float:right;
margin: 1.0em 0em 1.0em 1.0em;
}

img.left{
float:left;
margin: 1.0em 1.0em 1.0em 0em;
}

/**** TOOL- BAR ****/

#tool-bar{
float:right;
width:110px;
border: solid 1px #fff;
padding: 1.5em;
margin: 1.0em 0 1.0em 1.0em;
font-size:0.8em;
}
ul#tool-bar li
{
margin:0.2em 0;
padding:0.1em;
padding-left:0.5em;
background-color:#eef;
}

ul#tool-bar li a
{
text-decoration: none;
color:#000;
}

ul#tool-bar li a:hover
{
color:#f00;
background-color:#fff;
}

/**** TOP BAR ****/



#top-bar{
padding:0px 0px 0px;
}

#top-bar #logo{
float: left;
padding:1%;
}

#top-bar .banner{
float: left;
padding:1% 1% 1% 1%;
margin:0% 0% 0% 0%;
}


#top-nav{
clear:both;
padding: 0.2em 0.5em;
background-color: #DE7500;
margin: 0;
width: 100%;
}

#top-nav h3{
margin:0 1.0em 0 0;
float:left;
}

#top-nav ul.groups a{
text-decoration: none;
}

#top-nav ul.groups a:hover{
text-decoration: underline;
}

#top-nav ul.groups li{
padding: 0.2em 0;
text-align: center;
display:inline;
}

#top-nav ul.groups li.selected{
font-weight: bold;
}

#search-bar{
clear: both;
background-color: #f5f5f5;
color: #dc2828;
text-align: right;
padding: 0.1em;
}

#search-form{
margin: 0;
}

.search-input{
width: 100px;
font-size: 0.9em; 
}

.search-submit{
font-weight: bold;
font-size: 0.9em; 
color: #4C599C;
border-color: #EAEAD5;
}



/*** ARTICOLI ***/

.headings{
margin: 1em 0;
}

.headings .notes,.headings .source{
margin-top:0.5em;
font-size:0.8em;
}

.subhead{
font-style:italic;
}

.text-justify{
text-align: justify;
}


/* * Titoli Articoli * */

    /* Center */

#center .article-item h3 {
text-decoration: none;
text-align:center;
color: #000;
border: 0.5px solid #eeecef;
background-image:url(/images/20.jpg);
background-position:left;
background-repeat:no-repeat;
margin:0px ;
padding: 4px
}


#center .article-item h3 a {
text-decoration: none;
font-weight: bolder;
font-size: 11pt;
font-style:italic;
color: #990;
font-family: Georgia, times, serif;
}

#center .article-item h3 a:hover{
text-decoration: underline;
color:#e67000;
}

    /* left */

#left-bar .article-item h3{
padding: 4px;
}

#left-bar .article-item h3 a {
text-decoration: none;
font-weight: bolder;
font-size: 11pt;
font-style:italic;
color: #000;
font-family: Georgia, times, serif;
}

#left-bar .article-item h3 a:hover{
text-decoration: underline;
color:#e67000;
}

    /* Right */

#right-bar .article-item h3{
text-decoration: none;
text-align:center;
color: #000;
border: 0.5px solid #eeecef;
padding: 4px;
background-image:url(/images/20.jpg);
background-position:left;
background-repeat:no-repeat;
}

#right-bar .article-item h3 a {
text-decoration: none;
font-weight: bolder;
font-size: 11pt;
font-style:italic;
color: #990;
font-family: Georgia, times, serif;
}

#right-bar .article-item h3 a:hover{
text-decoration: underline;
color:#e67000;
}

                         
/**SHARE**/
#share p {
margin:0;
color:#e67000;
}

#share  {
margin:0;
padding:0em 0em 0em 0em;
background-image:url(/images/20.jpg);
background-position:left;
background-repeat:no-repeat;
}

#share ul li a {
background-image:url(/logos/icons-sprite.png);
background-repeat:no-repeat;
padding:0 0 0 20px;
line-height:1.6;
display:block;
text-decoration:none;
}

#share li.digg a {
background-position:0px -1097px;
}

#share li.facebook a {
background-position:0px -1197px;
}

#share li.stumbleupon a {
background-position:0px -897px;
}

#share li.delicious a {
background-position:0px -997px;
}

#share li.reddit a {
background-position:0px -1397px;
}

#share li.googlebookmarks a {
background-position:0px -1297px;
}

#share ul  {
margin:0;
padding:0em 0em 0em 0em;
}

/**** CENTER ****/

#center {
width: 55%;



margin: 0 !important;
float: left;
padding: 0;
text-align: left;
}


/*** BREADCRUMB (barra di pollicino) ***/

.breadcrumb{
margin: 0 0 1em 0;
padding: 0.3em 0.5em;
background: #ececec;
color: #036; 
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
}

.breadcrumb a{
text-decoration: none;
color: #036;
}

/*** SUBTOPIC (menu argomenti-sottoargomenti) ***/

/**Generale **/

ul.subtopics{
margin: 0.5em 0.5em;
padding: 0.5em;
}

ul.subtopics li{
background: #f5f5f5;
font-size: 0.9em;
margin-bottom: 1px;
color: #fff;
border-style: none;
border-left: solid 0px #f5f5f5
}

ul.subtopics li a{
border: 1px solid #f5f5f5;
display: block;

background-image:url(/images/20.jpg);
background-position:left;
background-repeat:no-repeat;
font-size: 1.0em;
font-weight: bold;
padding: .1em 0 .1em 1em;
font-style: italic;
font-family: georgia, times, serif;
text-decoration: none;
color: #000;
}

ul.subtopics li a:hover{
border: 1px solid #e67000;
background: #fff;
color: #000;
text-decoration: none; 
}
 
ul.subtopics li div{
display: none;
}

/*Sommario Articoli */

.subhead {
color: #074665;
font-size: 10pt;
font-style:italic;
padding: 4px;
margin-top: 4px;
font-family:  arial, helvetica, sans-serif;
}

/* div.articles_hp .subhead {BORDER-BOTTOM: #808080 1px dotted;} */


/*** RIGHT BAR ***/



#right-bar {
float: right;
color:#000;
width: 100%;
margin: 0;
padding: 0.5em;
}



#right-bar h3 a {
font-size:0.8em;
font-weight:bold;
font-family: georgia,verdana, Arial, Helvetica, sans-serif;
font-style:normal;
} 

#right-bar .notes{
color: #990; 
text-decoration: none;
font-weight:normal;
font-size:0.9em;
font-family: georgia,verdana, Arial, Helvetica, sans-serif;
}

#right-bar  .event-type{
font-size: 0.8em;
font-family: georgia, times, serif;
color: #e67200;
font-style:italic;
text-transform: uppercase;
}

#right-bar  .event-item {
 font-size: 0.8em;
 padding:0.2em;
 color: #074665;
 border-bottom: #808080 1px dotted; 
 font-family: georgia,verdana, Arial, Helvetica, sans-serif;
 font-style:normal;
}

/***  Feature (Annunci) ***/

.three {
margin:1em 0em 1em 0em;
}


/** Titolo rb_feature_annunci  **/

#rb_annunci .feature {
display:none;
}  

/** Contenuto rb_feature_annunci **/

#rb_annunci  h4 {
color:#e67200 ;
font-style:italic;
font-family: georgia, arial, helvetica, sans-serif;
font-size: 10pt;
text-align:center;
}


#rb_annunci .items {
  background-color: #ff0;
  padding:10px 2px 2px 2px;  
color: #000;
}  

#rb_annunci .article-item h3 a {
text-align: center !important;    
color: #000 !important;
}  

#rb_annunci .article-item h3 a:hover {
text-align: center !important;    
color: #e67200 !important;
}  

#rb_annunci .subhead {
display: none;/**non visualizza i sottotitoli degli articoli  **/
}

#rb_annunci .notes {
display: none;/**non visualizza le note degli articoli  **/
}
/***  Feature (Gas Marche) ***/


#rb_feature {
   background: transparent;
   text-align: left;
   color:#000;   /*  colore testo   */
   width: 90%;
   padding:0.4em;
   
   font-family: georgia, arial, helvetica, sans-serif;
   
}


/***  Feature ( I G.a.s. nelle Marche ) ***/

#rb_feature_gas_nelle_Marche {
   background-color: #fff;
   text-align: left;
   color:#e67200;   /*  colore testo   */
   width: 90%;
   padding: 30px 30px 10px 18px;
   font-style:italic;
   font-family: georgia, arial, helvetica, sans-serif;
   font-size: 10pt;
}



/*** Feature ( Rss Gas Nazionale ) ***/

#rb_feature_rss {
   background-color: transparent;
   text-align: left;
   color:#036;   /*  colore testo   */
   width: 90%;
   padding: 30px 30px 130px 18px;
   font-style:italic;
   font-family: georgia, arial, helvetica, sans-serif;
   font-size: 10pt;

}

/** Titoli Articoli ( Rss Gas Nazionale )**/

#rb_feature_rss h3 {

color: #e67200;

}






/*** LEFT BAR ***/

#left-bar {
margin-right: 5px;
width: 100%;
}

#left-bar h2 {
  display: none;
}

#left-bar #user-info h2 {
  display: block;
}

#left-bar h3 a {
font-size:0.8em;
font-weight:bold;
font-family: georgia,verdana, Arial, Helvetica, sans-serif;
font-style:normal;
}

#left-bar .notes{
color: #990; 
text-decoration: none;
font-weight:normal;
font-size:0.9em;
font-family: georgia,verdana, Arial, Helvetica, sans-serif;
}


#left-bar .event-type{
font-size: 0.8em;
font-family: georgia, times, serif;
color: #e67200;
font-style:italic;
text-transform: uppercase;
}

#left-bar .event-item {
 font-size: 0.8em;
 padding:0.2em;
 color: #074665;
 border-bottom: #808080 1px dotted; 
 font-family: georgia,verdana, Arial, Helvetica, sans-serif;
 font-style:normal;
}

#left-bar .banner{
margin: 1.0em 0;
display:none;
}

#left-bar .menu-footer{
font-size:0.8em;
}

#banner-g6{
  text-align: center;
  margin-top: 1.0em;
}

/*  Feature ( Documenti Gas ) */

#sb_feature_Documenti_gas {
background: transparent;
width: 100%;
padding: 0px 0px 0px 0px;

}

#sb_feature_Documenti_gas .feature {
background: transparent;
width: 100%;
}

/* Titoli Articoli ( Documenti Gas ) */

#sb_feature_Documenti_gas h3 {
text-align:center;
background-color: transparent;

}

#sb_feature_Documenti_gas h3 a {
text-decoration: none;

}

#sb_feature_Documenti_gas h3 a:hover {
text-decoration: underline;

}

#sb_feature_Documenti_gas .article-item h3 {
background-color: #ff0;
border: 1px solid #00f;
}

/*** NAV BAR (Menu Principale) ***/

.menu {
font-size: 10pt;
color: #000;
font-family: arial, helvetica, sans-serif;
background-color: #ececec;
}

.menu li {
border-bottom: #808080 1px solid;
}

ul.menu{
background-image:url(/images/22.jpg);
background-color:none ;
background-position:left;
background-repeat:no-repeat; /*sfondo menu principale */
padding: 0;
margin: 0 0 1em 0;

}

ul.menu li a{
padding: 3px 0 3px 1em;
margin: 1px 0 0 0;
text-decoration: none;
color:#4d4d4d; display: block;
}

ul.menu li a:hover{
text-decoration: none;
color: #fff; 
background: #036;
}

ul.menu li.selected a{
font-weight: bold;
color: #000;
text-align: right;
}

ul.menu li.selected a:hover{
color: #fff;
font-weight: bold;
}

ul.menu li.selected{
font-weight:bold;
}

ul.menu li{
font-weight:normal;
}

/*** EVENTS LIST (calendario) ***/

ul.events{
margin: 0 0 1.0em 0;
padding: 0;
}

ul.events li{
background-color:#eff;
padding: 1px 2px;
font-size: 0.9em;
margin: 1em 0;
color:#074665;
}

ul.events li a{
text-decoration: none;
font-weight: bold;
}

ul.events li a:hover{
text-decoration: underline;
}

.event-type{
font-size: 0.8em;
font-family: georgia, times, serif;
color: #e67200;
font-style:italic;
text-transform: uppercase;
}

.event-item {
 font-size: 0.8em;
 padding:0.2em;
 color: #074665;
 border-bottom: #808080 1px dotted; 
 font-family: georgia,verdana, Arial, Helvetica, sans-serif;
}

.event-item h3 a {
color: #074665; 
text-decoration: none;
font-weight:bold;
font-size:0.9em;
}

.event-item h3 a:hover{
color: #074665; 
text-decoration: underline;
font-size:0.9em;
}



/*** ITEMS LIST ***/

ul.items{
margin: 1.0em 0;
padding: 0;
float:left;
width:100%;
}

ul.items li{
margin: 0 0 0.8em 0;
clear:both;
}

.item-breadcrumb {
 font-size: 0.8em;
}


/*** PAGING ***/

.paging-bar{
float:left;
width:100%;
font-size: 0.8em;
text-align: right;
padding: 2px 0;
border-bottom: 1px solid #4d4d4d;
color: #4d4d4d;
}


/*** FORMS ***/

fieldset {
margin-bottom:0.7em;
}

ul.form-inputs{
float:left;
width:90%;
padding:0;
}

ul.form-inputs li {
margin:0.3em 0;
padding:0.2em;
clear:left;
}

ul.form-inputs li.form-notes{
font-style:italic;
padding:0 1em;
font-size:0.9em;
}

ul.form-inputs li.wrong{
background-color:#FFD1D4;
border:solid 1px #a00;
border-left:solid 6px #a00;
}

ul.form-inputs li label{
float:left;
width:20%;
text-align:right;
}

ul.form-inputs li label.textarea{
margin-top:1em;
}

ul.form-inputs li label.checkbox{
margin-left:25%;
float:none;
width:60%;
text-align:left;
}

label.required{
font-weight: bold;
}

ul.form-inputs li input,
ul.form-inputs li textarea,
ul.form-inputs li select{
font-family: sans-serif; 
margin-left:2%;
}

ul.form-inputs li input.checkbox
{
margin-left:22%;
float:left;
width:2%;
}

ul.form-inputs li input.med,
ul.form-inputs li textarea{
width:20em;
}

ul.form-inputs li input.small{
width:6em;
}

ul.form-inputs li textarea.med{
height:5em;
}

ul.form-inputs li textarea.large{
height:10em;
}

ul.form-inputs li textarea.extralarge{
height:20em;
}

ul.form-inputs li input:focus,
ul.form-inputs li textarea:focus{
background-color:#FFFBCC;
}

ul.form-inputs li.buttons{
padding-left:22%;
}

ul.form-inputs li.buttons input{
margin-left:0;
margin-right:1em;
}


/*** VARIA ***/

.pusher{
clear: both;
border-bottom: solid 1px #fff;
}

.error-msg{
margin: 1em 0;
background-color: #fda;
padding: 0.5em;
border: solid 1px #da8;
}

.notice-msg{
margin: 1em 0;
background-color: #dfa;
padding: 0.5em;
border: solid 1px #ad8;
}

#rss{
text-align:center;
margin: 0.5em 0.2em;
}

/*** BOTTOM ***/

#bottom-bar{
margin:0;
padding:0;
clear:both;
text-align:center;
}


#bottom-bar{
margin:0;
padding: 15px 0 0 30px;
clear:both;
text-align:center;
height: 100%;
background: Transparent;
}

#bottom-bar p{  
height: 4px;
/*background: url(/images/12.gif) no-repeat right;*/

}

#phpeace{
width:100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:1.0em;
color:#000;
border:solid 0px #000;

}

#phpeace a{
color:#000;

}

#phpeace a:hover{
color:#c44;
}



#user-info{
margin:1em 0;
border:dashed 1px #999;
clear:left;
text-align:center;
padding:0.5em;
}

#user-info h2{
margin:0;
font-size:1em;
}

#user-auth{
font-size:0.8em;
}

.hidden{
position:absolute;
left:0;
top:-1000em;
height:1px;
width:1px;
margin:-1000em;
}

  /**** Footer ****/

.footer {
margin-bottom: 50px;
}