/**

*** A Free Template by joomlajunkie.com

*** @version 1.0

*** @copyright (C) 2005-2006 by - Joomla Junkie

*** @web http://www.joomlajunkie.com

**/



/***This css file seperates the actual styling

from the layout, it contains all colors, links and

specific Joomla styling***/



/*global resets - eliminates cross browser inconsistancies*/



* { margin:0; padding:0; }



h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; }



li,dd { margin-left:1em;}



fieldset { padding:.5em; }



img {border: 0;}



a img {border: 0;}



table {

    font-size: 1em;

}



/*end global resets*/



/*layout styles seperated from

layout.css as they are not structural

but graphical*/



body {

background: #FFF url(../images/header_all.jpg) top center no-repeat;

color: #272727;

font: 76.1%/1.3em Arial, Verdana, Helvetica, sans-serif;

}



#top_shadow {



}



#top_a {

background: transparent;

}



#top_a_left {

font-size: 12px;

color: #2D2D2D;

font-weight: bold;

text-align: right;

}



#top_a_center {

  padding: 0;

  margin: 0;

  width: 970px;

}



#top_a_center_logo{

 margin: 0;

 padding: 0;

 float: left;

 text-align: center;

 /*width: 410px;*/

 width: 950px;

 margin-top: 15px;

 margin-bottom: 0px;

}



#top_a_center_news{

 margin: 0;

 padding: 0;

 text-align: right;

 /*width: 550px;*/

 width: 0px;

 margin-top: 3px;

}



#top_a_right {

font-size: 12px;

color: #2D2D2D;

font-weight: bold;

text-align: right;

height: 22px;

}



#top_a_right div.module{

 padding-top: 3px;

}



#top_a_right div.module table tr td{

 font-weight: bold;

 text-align: right;

}



#top_a_right a {

font-size: 12px;

padding: 0 5px 0 5px;

color: #2D2D2D;

text-decoration: none;

}



#top_a_right a#active_menu {

color: #567090;

border: 0px;

}



#top_a_right a:hover {

color: #5A5A5A;

}



#top_nav {

background: transparent;

}



#top_separator {

background: transparent;

}



#content_wrap {

background: transparent; /*url(../images/content_bg.gif) repeat-y*/

}



#pathway {

background:#F7F9E8;

}



#footer_shadow a {

color: #232323;

}





/*Typography -->

These control the general, asthetic, typographical/text

elements of the css*/



h1 {

color: #859DD2;

font-size: 1.4em;

font-weight: bold;

}



h2 {

color: #859DD2;

font-size: 1.3em; 

font-weight: bold;

}



h3 {

color: #859DD2; 

font-size: 1.2em; 

font-weight: bold;

}



h4 {

color: #859DD2; 

font-size: 1.1em; 

font-weight: bold;

}



h5 {

color: #859DD2; 

font-size: 1em; 

font-weight: bold;

}



h6 {

color: #859DD2; 

font-size: 0.9em;

font-weight: bold;

}



blockquote {

background: #EEF2D0;

border: 2px solid #DFE7A9;

border-left: 4px solid #DFE7A9;

margin: 10px;

padding: 0.5em;

color: #666;

line-height: 140%;

}



pre {

background: #fff;

color: #333;

padding: 10px;

border: 1px solid #EEF2D0;

border-left: 5px solid #EEF2D0;

}



/*General link Styling*/

a:link, a:visited {

color: #012F50;

text-decoration: none;

}



a:hover, a:active {

color: #000;

text-decoration: none;

}



/*List item Styling*/

li {

list-style-type: none;

padding-left: 13px;

margin-left: 5px;

}



ul {

margin: 10px;

}



/*Graphical Elements

These styles provide management 

of content's appearences.

*/



hr {

/*many components use this as a seperator line */

background: transparent; 

height:1px; 

border: 1px solid #ccc;

}



.pagenav {

/* this is for formatting texts where you

see "<< Start < Previous 1 Next > End >>" links

within content*/

font-weight: normal;

margin: 5px;

}



a.pagenav, a.pagenav:visited {

/* as above but specifically if they are links */

font-weight: bold;

color: #859DD2;

}



a.pagenav:hover {

/* as above but specifically when the links are hovered over */color: #FF9900;

color: #666;

}



.pagenav_prev a {

float: left;

width: 430px;

font-weight: bold;

color: #859DD2;

}

.pagenav_next a {

float: right;

width: 40px;

font-weight: bold;

color: #859DD2;

} 



.back_button  {

background: #859DD2;

padding: 1px 0 2px 7px;

width: 39px;

margin: 5px 0 5px 0;

color: #fff;

} 



.back_button a  {

color: #fff;

}



.small {

/* a symantic style to allow you to add text with this class, that

is used for small text, like date/written by etc */

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size: 9px;

color: #999;

letter-spacing: 0.1em;

margin: 0;

padding: 0;

text-decoration: none;

font-weight: normal;

}



.inputbox {

/* the look of input boxes in forms */

font-size: 12px;

color: #666;

background: #DFECF7;

border: 1px solid #BDCAD5;

padding: 1px 0px 1px 3px;

margin: 0;

}



.button {

/* button style for Joomla component, form and module buttons*/

background: url(../images/button_bg.gif) repeat-x;

border: 1px solid #BDCAD5;

color: #FFFFFF;

margin: 0;

padding: 0;

margin-top: 5px;

width: 98%;

font-weight: normal;

text-align: center;

padding: 1px auto;

}



#main_content .inputbox {

/* the look of input boxes in forms */

font-size: 12px;

color: #666;

background: #DFECF7;

border: 1px solid #BDCAD5;

padding: 1px 0px 1px 3px;

margin: 0;

width: 530px;

margin-bottom: 5px;

}



#main_content .button {

/* button style for Joomla component, form and module buttons*/

background: url(../images/button_bg.gif) repeat-x;

border: 1px solid #BDCAD5;

color: #FFFFFF;

margin: 0;

padding: 0;

margin-bottom: 5px;

margin-top: 5px;

width: 538px;

font-weight: normal;

text-align: center;

}



#sidebar .inputbox {

/* the look of input boxes in forms */

font-size: 12px;

color: #666;

background: #DFECF7;

border: 1px solid #BDCAD5;

padding: 1px 0px 1px 3px;

margin: 2px 0 5px 0;

width: 160px;

}



#sidebar .button {

/* button style for Joomla component, form and module buttons*/

background: url(../images/button_bg.gif) repeat-x;

border: 1px solid #BDCAD5;

color: #FFFFFF;

margin: 0;

padding: 0;

margin-bottom: 5px;

margin-top: 5px;

width: 168px;

font-weight: normal;

text-align: center;

}



#rightbar .button {

/* button style for Joomla component, form and module buttons*/

background: url(../images/button_bg.gif) repeat-x;

border: 1px solid #BDCAD5;

color: #FFFFFF;

margin: 0;

padding: 0;

margin-left: 6px;

margin-top: 5px;

width: 160px;

font-weight: normal;

text-align: center;

}



/**

Joomla General styling

*/



.createdate {

background:url(../images/date.png) no-repeat 0 5px;

font-size: 11px;

color:  #666;

text-indent:21px;

font-weight: normal;

margin:0;

margin: 0px 0 0px 0px;

padding: 5px 0 5px 0;

}



.createdate a, .createdate a:visited {

background: /*url(../images/date.png) no-repeat 0 5px*/ transparent;

color: #666;

text-indent:21px;

margin: 0;

padding: 0 0 0 0;

}



.createdate a:hover {

color: #333;

}



.modifydate {

/*Styles the "Last updated on" text

at the end of articles/contents */

text-indent: 12px;

font-size: 10px;

color: #666;

text-decoration: none;

font-weight: normal;

}



.readon {

display:block;

background:url(../images/read_more.gif) no-repeat;

text-align: center;

width:74px;

height:18px;

line-height: 18px;

margin: 1em 0;

}



a.readon:link, a.readon:visited, a.readon:hover {

/* formatting the "Read on..." link on blog layout pages */

color: #fff;

text-decoration: none;

font-size: 11px;

}



/*Default styling for the pathway

displayed by the mosPathWay()*/



.pathway {

margin-left: 4px;

color: #666;

font-size: 11px;

}



a.pathway:link, a.pathway:visited {

color: #859DD2;

text-decoration: none;

}



a.pathway:hover {

color: #666;

text-decoration: none;

}



/*

Joomla Styling for Contents

These are all the styles for content

*/



.contentpane {

/* This is used mainly for Table that holds all non-article information (components, category lists, contact forms, etc).

all contained within a single table*/

background-color : #fff;

font-size: 1em;

}



.contentpaneopen {

background-color : #FFFFFF;

font-size: 1em;

}



.moduletable .contentpaneopen {

background-color : #eff2ce;

font-size: 1em;

margin-top: 10px;

}



.contentheading {

/* Used as the Title of the content, article, etc. being displayed,

it is also used for Section's heading*/

/*padding: 0;

margin: 0;

font-size: 12px;

font-weight: bold;

color: #012F50;

line-height: 25px;*/

margin: 0;

padding: 0;

font-size: 14px;

margin-bottom: 5px;
margin-top: 10px;

border-bottom: 0px solid #859DD2;

font-weight: bold;

color: #859DD2;

}

.contentheading a {

margin: 0;

padding: 0;

font-size: 14px;

margin-bottom: 5px;

border-bottom: 0px solid #859DD2;

font-weight: bold;

color: #859DD2;

}

.contentheading span.category a {

margin: 0;

padding: 0;

font-size: 12px;

margin-bottom: 5px;

border-bottom: 0px solid #859DD2;

font-weight: bold;

color: #859DD2;

}



.contentpagetitle {

/*Title of articles*/

/*font-size: 13px;

font-weight: bold;

color: red;

text-align:left;*/

margin: 0;

padding: 0;

font-size: 14px;

margin-bottom: 0.7em;

border-bottom: 0px solid #859DD2;

font-weight: bold;

color: #859DD2;

}



.componentheading {

/* Used to format a components heading or title */

margin: 0;

padding: 0;

font-size: 14px;

margin-bottom: 0.7em;

border-bottom: 2px solid #859DD2;

font-weight: bold;

color: #859DD2;

}



table.contenttoc {

margin: 10px;

padding: 0px;

float:right;

}



/*

Joomla Sections Styles

Styling of sections tables

*/



.sectiontableheader {

/* This is for styling the section table headers on a SECTION's page.*/

background-color : #F7F9E8;

background-repeat: repeat;

padding: 2px 0 2px 10px;

color : #859DD2;

font-weight : bold;

}



.sectiontableentry1 {

/* this is used when there's a whole list of data to provide and

you need to create alternate colors for each row of data. This is

the first color */

background-color : #f7f9e8;

padding: 1px 0 1px 10px;

}



.sectiontableentry2 {

/* this is the second color for the row*/

background-color : #F3F3F3;

padding: 1px 0 1px 10px;

}



/*  Polls  */
.poll {
/* polls texts */
font-size: 1em;
line-height: 14px;
padding-left: 5px;
}

/*this helps make the poll
look better as it removes the
section and table entry lines*/
.poll .sectiontableentry1, .poll .sectiontableentry2 {
background: none;
}

.pollstableborder {
/* set the border properties of the polls voting table */
border: none;
width: 178px;
border: none;
}

.poll td {
/* set the table data properties of the polls voting table */
font-size: 1em;
color: #000; /*#859DD2;*/
font-weight: normal;
padding-left: 4px;
padding-bottom: 8px;
}

/*
MODULE STYLING
These stylings are to format the way modules are
displayed.
*/
.moduletable {/*generic for all modules*/
/* well.. for formatting the table cells of the module table */
font-size: 1em;
margin: 0;
}

.moduletable_sponsors {/*generic for all modules*/
/* well.. for formatting the table cells of the module table */
font-size: 1em;
margin: 0;
margin-top: 10px;
text-align: center;
}


/*only top 3 modules*/
#top_shelf .moduletable h3 {

font-size: 12px;

font-weight: bold;

background: #E6E8D7;

color: #fff;

height: 25px;

margin: 0;

padding: 0;

margin-left: -5px;

margin-right: -5px;

line-height: 25px;

width: 190px;

text-indent: 10px;

}



#main_content {

text-align: justify;

}



/*all rightbar modules*/
#rightbar .moduletable h3 {
background: transparent url(../images/box_bg_top.gif) no-repeat left top;
font-size: 12px;
height: 30px;
margin-left: 0px;
margin-right: 0px;
font-weight: bold;
color: #012F50;
line-height: 25px;
width: 190px;
text-indent: 30px;
}

#rightbar .moduletable
{
 background: transparent url(../images/box_bg_bottom.gif) no-repeat left bottom;
 padding: 0;
 margin: 0;
 padding-bottom: 20px;
 border-left: 0px solid #012F50;
}

#rightbar .moduletable ul
{
 padding: 0;
 margin: 0 10px 0 10px;
 list-style: none;
}

#rightbar .moduletable ul li
{
 padding: 0;
 margin: 5px 0 0 0;
}

/*all sidebar modules*/
#sidebar .moduletable h3, .moduletable_stats h3, .moduletable-leftnav h3 {

background: transparent url(../images/box_bg_top.gif) no-repeat left top;

font-size: 12px;

height: 30px;

margin-left: 0px;

margin-right: 0px;

font-weight: bold;

color: #012F50;

line-height: 25px;

width: 190px;

text-indent: 30px;

}

.moduletable_stats table {
/*font-size: 1em;
margin: 0;
margin-top: 10px;*/
padding-left: 10px;
padding-right: 10px;
}




#sidebar .moduletable-leftnav h3 {

margin-bottom: 0;

}



#sidebar .moduletable-leftnav {

padding: 0px;

margin: 0;


border-left: 0px solid #000;

}



#sidebar .moduletable, .moduletable_stats

{

 padding-bottom: 20px;

 background: transparent url(../images/box_bg_bottom.gif) no-repeat left bottom;

 border-left: 0px solid #012F50;

}



#sidebar table.poll

{

 padding: 0;

 margin: 0 0 0 10px;

 width: 180px;

}



#sidebar table.login

{

 padding: 0;

 margin: 0 0 0 10px;

 width: 180px;

}



/*SIDEBAR MENU STYLING STARTS*/



#sidebar a.mainlevel {

color: #6297BC/*#286ea0*/;

font-weight: bold;

font-size: 12px;

display: block;

height: 16px;

padding: 3px 3px 3px 5px;

background-color: transparent;

text-decoration: none;

border-left: 4px solid #6297BC;

margin-left: 10px;

margin-top: 3px;

}



#sidebar a.mainlevel:hover {

color: #274282;

border-left: 4px solid #274282;

text-decoration: none;

}



#sidebar a.sublevel {

font-weight: bold;

font-size: 12px;

display: block;

height: 16px;

padding: 3px 3px 3px 15px;

background: transparent url(../images/readon.gif) no-repeat 5px 6px;

color: #6297BC;

text-decoration: none;

border-left: 4px solid #274282;

margin-left: 6px;

margin-top: -1px;

}



#sidebar a.sublevel:hover {

color: #6297BC;

border-left: 4px solid #274282;

text-decoration: none;

}



* html body #mainlevel a { width: auto; }



a#active_menu:link,

a#active_menu:visited {

color: #274282;

border-left: 4px solid #274282;

text-decoration: none;

}



/*TOPMENU STYLING STARTS*/



div#top_nav ul {

margin: 0;

padding: 0;

line-height: 21px;

float: left;

padding-left: 3px;

}



/* Style per il menu della selezione lingua */

ul.jflanguageselection {

position: absolute;

top: 4px;

left: 5px;

}



#top_nav ul li {

float: left;

width: auto;

margin: 0;

padding: 0px 0px 0px 0px;

list-style-type: none;

background: transparent;

}



#top_nav ul li a {

      font-weight: bold;

      float:left;

      background:url(../images/tableft.gif) no-repeat 0% -84px;

      margin:0 0 0 2px;

      padding:0 0 0 4px;

      text-decoration:none;

      cursor: pointer;

}



div#top_nav ul#mainlevel-nav li a.mainlevel-nav span,

div#top_nav ul#mainlevel-nav li a.mainlevel-nav:link span,

div#top_nav ul#mainlevel-nav li a.mainlevel-nav:visited span {

      float:left;

      display:block;

      background:url(../images/tabright.gif) no-repeat 100% -84px;

      padding:5px 27px 4px 23px;

      color:#FFF;

}



div#top_nav ul#mainlevel-nav li a.mainlevel-nav:hover {

       background: url(../images/tableft.gif) no-repeat 0% -42px;

       cursor: pointer;

}



div#top_nav ul#mainlevel-nav li a.mainlevel-nav:hover span {

       color: #272727;

       background: url(../images/tabright.gif) no-repeat 100% -42px;

}



div#top_nav ul#mainlevel-nav a#active_menu-nav {

      float:left;

      display:block;

      background: url(../images/tableft.gif) no-repeat left top;

      color:#FFF;



      margin-bottom: -5px;

      border-bottom: 5px solid #FFF;

}



div#top_nav ul#mainlevel-nav a#active_menu-nav span {

      color: #272727;

      background:url(../images/tabright.gif) no-repeat right top;

      padding-bottom: 8px;

}



/***

Search box styling

***/

.search {

position: absolute;

top: 4px;

left: 55px;

}



.search input {

background: #373737;

border: 1px solid #404040;

color: #eef2d0;

}



.search input:hover {

background: #373737;

border: 1px solid #505050;

color: #eef2d0;

}



/***

Elenco tipo Blog style

***/

#main_content table.blog tbody tr td div.news

{

 margin: 0px 0 0 0;

 /*background: url(../images/news_bg.gif) no-repeat top left;

 padding: 15px 0 0 20px;*/

 background: transparent;

 padding: 11px 2px 0 2px;

 text-align: justify;

}



td.sectioncategory a

{

  color: gray;

}



#images-page .button, #images-page .inputbox{

 width: 520px;

 padding: 1px 0px 1px 3px;

}



#main_content img.top-left{

  border: 0px;

  padding: 0;

  margin: 0px 5px 5px 0px;

  float: left;

}





