body{
  border:0;
  margin:0;
  padding:0;
  font:16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  line-height:1.5em;
  text-align:center;
  background-image:url(../img/bg_top.jpg);
  background-repeat:repeat-x;
  background-position:top left;
  background-color:#F2F2F2;
}

a, a:link, a:visited, a:active{
  color:#E3941C;
  text-decoration:none;
}

a:hover{text-decoration:underline}

a:hover{}

.clean{
  font-size:0;
  line-height:0;
  width:100%;
  clear:both;
}

tbody{border:0}

#top{
  width:100%;
  min-height:600px; /*TODO:fixare su IE */
  background-image:url(../img/top.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  margin:0 auto;
  overflow:hidden;
}

div.columm{
  width:964px;
  margin:0 auto;
}


#columm{
  background-image:url(../img/bg.jpg);
  background-repeat:repeat-y;
  background-position:top left;
  margin-top:178px;
}


#header{
  height:178px;
  width:964px;
  display:block;
  margin:0 auto;
  padding:0;
}

#main{
  width:964px;
  background-image:url(../img/main_top.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  margin:0 auto;
  text-align:left;
  overflow:hidden;
}

#main_content{
  padding:15px;
  width:640px;
  float:left;
}

#main_content_full{
  padding:15px;
  width:940px;
}

#sidebar{
  width:260px;
  float:right;
  padding:15px 15px 15px 0;
}

#bottom{
  height:173px;
  width:100%;
  background-image:url(../img/footer_bg.jpg);
  background-repeat:repeat-x;
  background-position:center bottom;
  margin:0 auto;
}

#bottom .column{
  height:173px;
  background-image:url(../img/footer.jpg);
  background-repeat:no-repeat;
  background-position:top center;
}

h1,h2{margin:0}

h1{color:#E19420}

h2{color:#82B13B}

h1.title{margin-bottom:20px}

h1{font-size:24px}

h2{
  font-size:18px;
  font-weight:normal;
}

.node h3{
  font-size:17px;
  font-weight:normal;
  color:#82B13B
}

h2 strong,
h3 strong{font-weight:normal}

#primary{
  text-align:center;
  padding-top:10px;
}

a, a:link, a:visited, a:active{
  color:#E3941C;
  text-decoration:none;
}

#primary a, #primary a:link,#primary a:visited,#primary a:active,#primary a.active{
  color:#2476A2;
  font-size:1.2em;
  font-weight:bold;
}

#primary a:active,
#primary a.active{text-decoration:underline}

/* EXTRA  */

/* Animated throbber */
html.js input.form-autocomplete{
  background-image:url(../../misc/throbber.html);
  background-repeat:no-repeat;
  background-position:100% 2px;
}
html.js input.throbbing{
  background-position:100% -18px;
}

fieldset{
  margin:1em 0;
  padding:1em;
  border:1px solid #d9eaf5;
}

fieldset legend{
  /* Fix disappearing legend in FFox */
  display:block;
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed{
  border-bottom-width:0;
  border-left-width:0;
  border-right-width:0;
  margin-bottom:0;
  height:1em;
}
html.js fieldset.collapsed *{
  display:none;
}
html.js fieldset.collapsed legend{
  display:block;
}
html.js fieldset.collapsible legend a{
  padding-left:2em;
  background:url(../img/menu-expanded.html) no-repeat 0% 50%;
}
html.js fieldset.collapsed legend a{
  background:url(../img/menu-collapsed.gif) no-repeat 0% 50%;
}
/* Note:IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table *{
  display:inline;
}
html.js fieldset.collapsible legend a{
  display:block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper{overflow:auto}

/*
** Resizable text areas
*/
.resizable-textarea{width:95%}
.resizable-textarea .grippie{
  height:9px;
  overflow:hidden;
  background:#eee url(https://www.finex.org/misc/grippie.png) no-repeat center 2px;
  border:1px solid #ddd;
  border-top-width:0;
  cursor:s-resize;
}
html.js .resizable-textarea textarea{
  margin-bottom:0;
  width:100%;
  display:block;
}

/*
** Progressbar styles
*/
.progress{font-weight:bold}
.progress .bar{
  background:#fff url(../../misc/progress.html);
  border:1px solid #00375a;
  height:1.5em;
  margin-top:0.2em;
}
.progress .filled{
  background:#0072b9;
  height:1em;
  border-bottom:0.5em solid #004a73;
  width:0%;
}
.progress .percentage{float:right}

/* ************************************** */

#sidebar_top{
  width:260px;
  background-image:url(../img/sidebar_top.png);
  background-repeat:no-repeat;
  background-position:top left;
  height:20px;
  display:block;
}

#sidebar_content{
  width:260px;
  background-image:url(../img/sidebar_bg.png);
  background-repeat:repeat-y;
  background-position:top left;
  padding:5px;
}

#sidebar_bottom{
  width:260px;
  background-image:url(../img/sidebar_bottom.png);
  background-repeat:no-repeat;
  background-position:top left;
  height:20px;
  display:block;
}

#sidebar p{margin:0}

#sidebar .item-list ul li{
  list-style-image:none;
  list-style-type:none;
  margin:0;
}

#sidebar .block ul{padding:0}

#sidebar li.leaf, li.collapsed{
  list-style-image:none;
  list-style-type:none;
  padding:0;
}

/**************************************/

.node{margin-bottom:40px}

#welcome_blocks{
  display:block;
  width:940px;
  padding:0;
  margin:0 auto;
  height:180px;
  padding-top:20px;
  padding-bottom:50px;
  text-align:center;
  border-bottom:2px dotted white;
}

#welcome_blocks .welcome_block{
  display:block;
  float:left;
  height:180px;
  background-position:top left;
  background-repeat:no-repeat;
}

#welcome_blocks #block_1{
  background-image:url(../img/block_green.png);
  width:320px;
}

#welcome_blocks #block_2{
  background-image:url(../img/block_orange.png);
  width:320px;
}

#welcome_blocks #block_3{
  background-image:url(../img/block_magenta.png);
  width:300px;
}

#welcome_blocks .welcome_big{
  background-color:white;
  padding-left:2px;
  padding-right:2px;
  margin-right:1px;
}

#welcome_blocks #color_1{color:#82b13b}

#welcome_blocks #color_2{color:#e3911d}

#welcome_blocks #color_3{color:#b162c5}

.welcome_blocks_title{
  color:#30A4E2;
  font-weight:bold;
  padding:0;
  text-align:left;
}

#main_content .welcome_blocks_title{
  padding-bottom:0;
  padding-top:0;
}

.welcome_blocks_title .big{
  background-color:#30A4E2;
  color:white;
  padding-left:2px;
  padding-right:2px;
  margin-right:1px;
}

#welcome_blocks .welcome_title{
  color:white;
  padding:15px 0 0 0;
  font-weight:bold;
  display:block;
}

#welcome_blocks .welcome_image{
  display:block;
  width:120px;
  padding-top:15px;
  margin-right:15px;
}

#welcome_blocks #color_3 .welcome_image{margin-right:5px}

#welcome_blocks .welcome_image img{border:1px solid white}

.views-view-grid .node{
  width:300px;
  text-align:center;
  margin-bottom:15px;
}

.views-view-grid .node h2{
  margin-bottom:15px;
  font-size:18px;
  font-weight:normal;
}

.views-view-grid .node .submitted{display:none}

.views-view-grid .node img{border:1px solid white}

#comments span.title{
  color:#82B13B;
  font-size:18px;
  font-weight:normal;
}

#comments{border-top:2px dotted white}

#comments{padding-top:40px}

#comments .comment{
  border-left:10px solid #30A7E2;
  padding-left:5px;
}

#comments .comment_reply{display:none}

.comment .submitted{font-size:0.8em}

#sidebar{font-size:16px}

#sidebar .block{margin-bottom:30px}

.block-comment{
  font-size:12px;
  color:#676767;
  line-height:normal;
}

.block-comment a{font-size:14px}

#sidebar .block-comment .item-list ul li{padding-bottom:6px}
.block h2{margin-bottom:15px}


/* */

h2 .node_title{
  color:#E3941C;
  font-weight:bold;
  padding:0;
}


h2 .node_title .big{
  background-color:#E3941C;
  color:white;
  padding-left:2px;
  padding-right:2px;
  margin-right:1px;
}

.item-list .pager li{padding:0}

.item-list ul.pager li{margin:2px}

.feed-icon{}

.taxonomy, .links{font-size:14px}

.taxonomy{
  background-image:url(../img/tag.gif);
  background-position:0 50%;
  background-repeat:no-repeat;
  padding-left:90px;
}

.node_infos{
  border-left:2px solid #F3E4DC;
  padding-left:5px;
  margin-top:30px
}

.block-tagadelic .content{width:250px}

#sidebar h2{font-size:18px}

#sidebar li{list-style-type:none}

/* BLOCCO "CHI SONO" */

div#block-block-2 div.content p{
  font-size:12px;
  line-height:18px;
  text-align:justify;
  padding-right:10px;
}

.img_left{
  float:left;
  padding:1px;
  margin-right:5px;
  border:1px solid #808080;
}

/* BLOCCO AGGREGATOR */

#sidebar #block-aggregator-category-1 .item-list ul li{
  list-style-position:inside;
  list-style-type:disc;
  color:#A0B4CE;
  font-size:13px;
}

#block-aggregator-category-1 .more-link{
  margin-right:10px;
  font-size:13px;
}

#edit-search-block-form-1-wrapper label{display:none}

blockquote{
  padding:10px;
  font-family:serif;
  font-size:14px;
  margin:10px 0 10px 10px;
  border-left:10px solid #82B13B;
}

blockquote p{margin:0}

#footer_logos h4{margin-top:0}


ul.links li.node_read_more a{
  text-align:center;
  font-size:1.1em;
  font-weight:bold;
  display:block;
  width:632px;
  padding:2px 0 2px 0;
  background-color:#E6E6E6;
  border:1px solid #E3941C;
  margin-bottom:5px;
  margin-top:5px;
}
ul.links li.node_read_more a:hover{
  color:white;
  background-color:#E3941C;
}

code, tt, pre{
  background-color:#e6e6e6;
  font-size:0.9em;
  padding:1px;
}

#content pre,
#content div.codeblock{
  line-height:1.2em;
}

html pre,
html div.codeblock{
  background-color:#eee;
  border:1px solid #d7d7d7;
  padding:5px;
  overflow:auto
}

.status{
  background-color:#ddffdd;
  border:1px solid #53A653;
  padding:5px;
}

.error{
  background-color:#ffcccc;
  border:1px solid #D77;
  padding:5px;
}

.scarica-immagine{
  background-color:#CFEE9D;
  border:1px solid #557423;
  color:#557423;
  padding:0 5px 0 40px;
  margin-bottom:20px;
  background-image:url(../img/scarica-wallpaper.jpg);
  background-repeat:no-repeat;
  background-position:2px 50%;
  height:40px;
  line-height:40px
}

.imgLeft{
  float:left;
  margin-right:5px;
  padding:5px;
  border:1px solid #e6e6e6;
  background-color:white;
}

.imgRight{
  float:right;
  margin-left:5px;
  padding:5px;
  border:1px solid #e6e6e6;
  background-color:white;
}


#webform-component-nome label,
#webform-component-email label{
  width:150px;
  display:block;
  float:left;
}

#webform-component-privacy label{
  width:80px;
  display:block;
  float:left;
}

#webform-component-privacy label.option{
  width:300px;
}

#webform-component-privacy .description{
  width:100%;
  clear:both;
  font-size:10px;
  line-height:13px;
}

#edit-submitted-nome,
#edit-submitted-email{
  padding:5px;
  border:1px solid #999999;
  margin:0
}
#edit-submitted-messaggio{
  width:620px;
  padding:5px;
  border:1px solid #999999
}
.webform-container-inline{
  clear:both;
  overflow:hidden;
  margin-bottom:10px
}
.social-box{
  clear:both;
}
.click-tweet{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  margin-bottom: 20px;
  padding: 20px;
}
.tweettitle{
  font-size:1.8em;
  clear:both;
  color:#777!important
}
.tweetbtn{
  margin-top:5px;
  display:block;
  font-size:0.85em;
  text-transform:uppercase;
  clear:both;
  text-align:right;
  color:#777!important
}


/*
 * EU COOKIE BAR D6 Style
 */
#sliding-popup{
  background:black;
  color:white;
  font-size:11px;
  font-weight:normal;
  font-family:"Arial", sans-serif;
}

#sliding-popup .popup-content #popup-text{
  font-family:"Arial", sans-serif;
  font-weight:normal;
  font-size:11px;
  max-width:80%;
  margin:0;
  padding:0;
}

#sliding-popup .popup-content #popup-text p{
  font-weight:normal;
  font-size:11px;
  margin:0;
  padding:0;
  line-height:20px;
}

#sliding-popup .popup-content #popup-buttons{
  max-width:20%;
}

#sliding-popup .popup-content #popup-buttons button{
  margin-top:0;
  border-radius:0;
  box-shadow:none;
  box-shadow:0;
  text-shadow:none;
  text-shadow:0;
  font-size:11px;
  border:0;
  background:#ddd;
  padding:2px 4px;
  font-weight:normal;
}

#sliding-popup .popup-content #popup-buttons button.find-more-button{
  background:transparent;
  color:white;
  padding-right:0;
}


@media screen and (max-width: 959px)  {

  div.columm{
    width:100%;
  }
  #main{
    width:100%;
  }
  #main_content{
    padding:15px;
    float:none;
    width:auto;
  }
  ul.links li.node_read_more a{
    width:auto;
  }

  .node .content img{
    width:100%;
    clear:both;
  }
  #sidebar{
    width:auto;
    padding:15px;
  }
  #sidebar_top,
  #sidebar_bottom{
    background:none;
    display:none;
  }
  #sidebar_content{
    width:100%;
    background:#E6E6E6;
    border:1px solid #b9b9b9;
    border-radius: 10px;
  }

  #top{
    background-position:-160px top;
  }

}
