/******* CSS Comune Tematica Res PU *******/
                  
 /****** Generale *******/
body, td, input, textarea {
font-family: "Lucida Grande", Verdana, sans-serif; 
font-size: 12px; 
text-decoration: none;
text-align: left;
}

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


a{
text-decoration: none;
color: #f60;
}

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

h3, h1, h4 {
margin:0;

}

h1{
font-size:1.4em;
color: #333;
}

h2{
font-size:1.2em;
}

h3{
font-size:1em;
}

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: 1000px;
margin: 0 auto;
text-align: left;
padding: 0;
}

#main{
width:95%;
margin:1.0em 0;
padding-top: 10px;
clear:both;
}

#main #left-bar{
width:20%;
float:left;
}

#main #center{
margin-left: 21%;
}

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


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

#left-bar h3.feature,#center h3.feature {
text-align: left;
padding: 0 0 0 18px;
font-weight: bolder;
font-size: 16px;
font-style:italic;
color: #f60;
font-family: "Lucida Grande", Verdana, sans-serif;
}

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

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

#right-bar h3.feature{
text-align: left;
padding: 15px 0 0 0px;
font-weight: bolder;
font-size: 13px;
font-style:italic;
color: #f60;
font-family: "Lucida Grande", Verdana, sans-serif;
}

/* ARTICOLI */


.articoli_homepage li {
clear: left;
list-style-type: none;
font-size: 12px;
}

.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: #fff; 
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 TEXT-ALIGN: right; FONT-VARIANT: small-caps;
 margin: 0; padding: 4px;
}

/**SHARE**/
#share h4 {
margin:0;
}

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

#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;
}


/* 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{
float:right;
width:80px;
border: solid 1px #888;
padding: 0.5em;
margin: 1.0em 0 1.0em 1.0em;
font-size:0.8em;
}


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

#top-bar{
padding:0;
}

#top-bar #logo{
float: left;
}

#top-bar .banner{
float: left;
padding-top: 5px;
}

#top-menu_pu .banner {
float: left;
padding:10px 20px 5px 20px !important;
}

#top-nav{
clear:both;
padding: 0.2em 0.5em;
background-color: #fff;
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;
}

/*** BOTTOM ***/

#bottom-bar{
margin:0;
padding: 15px 0 0 15px;
clear:both;
text-align:center;
font-size: 0.9em;
color: #333;
height: 100%;
background: #fff;
}


/*** ARTICOLI ***/

.headings{
margin: 1em 0;
font-size: 1em;
}

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

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


/* Titoli Articoli */

#center .article-item h3 a {
text-decoration: none;
font-weight: bolder;
font-size: 12pt;
color: #046;
background-color: #ececec;
font-family: "Lucida Grande", Verdana, sans-serif;
}

#center .article-item h3 a:hover{
color: #f60;
font-size: 12pt;
background-color: #ececec;
}

#center .article-item h3{
padding: 4px;
background-color: #ececec;
}

.articles_hp h3 {
text-align: left;
padding: 5px;
font-weight: bolder; 
font-size: 12pt;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}



/**** 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: #f60;
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}

.header{
padding-top: 15px;
color: #444;
}

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

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

/**Generale **/

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

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

ul.subtopics li a{
border: 1px solid #666;
display: block;
background: #fff;
font-size: 1.0em;
font-weight: bold;
padding: .1em 0 .1em 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
}

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

/*Sommario Articoli */

.subhead {
color: #333;
font-size: 1em;
padding: 5px;
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;
background-color: #ffffff;
width: 20%;
margin: 0;
padding: 0.5em;
}

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

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

#right-bar  .event-type{
font-size: 1em;
font-family: verdana, Arial, Helvetica, sans-serif;
color: #666;
font-style:italic;
text-transform: uppercase;
}

#right-bar  .event-item {
 font-size: 1em;
 padding:0.2em;
 color: #000;
 border-bottom: #666 1px dotted; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style:normal;
}


/*** LEFT BAR ***/

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

#left-bar h2 {
  display: none;
}

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

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

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


#left-bar .event-type{
font-size: 1em;
font-family: verdana, Arial, Helvetica, sans-serif;
color: #666;
font-style:italic;
text-transform: uppercase;
}

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

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

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

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


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

.menu {
font-size: 12px;
color: #fff;
font-family: arial, helvetica, sans-serif;
background-color: #f84;
}

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

ul.menu{
margin: 0 0 1.0em 0;
background-color: #f84; /*sfondo menu principale */
padding: 0;
}

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

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

ul.menu li.selected a{
font-weight: bold;
color: #fff;
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;
background-color:#fff;
}

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

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

ul.events li a:hover{
text-decoration: underline;
background-color:#fff;
}

.event-type{
font-size: 1em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
color: #666;
background-color:#fff;
font-style:italic;
text-transform: uppercase;
}

.event-item {
 font-size: 1em;
 padding:0.2em;
 color: #000;
 background-color: #fff;
 border-bottom: #808080 1px dotted; 
 font-family:  Verdana, Arial, Helvetica, sans-serif;
}

.event-item h3 a {
color: #000;
background-color: #fff;
text-decoration: none;
font-weight:bold;
font-size:1em;
}

.event-item h3 a:hover{
color: #000;
background-color: #fff;
text-decoration: underline;
font-size:1em;
}



/*** 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:#fff;
}

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;
}

#phpeace{
font-size:0.8em;
color:#555;
}

#phpeace a{
color:#555;
}

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

#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;
float: none;
}

#footnote-bar {
width:95%;
margin-bottom: 8px;
}