/* @override http://rotary.sofositalia.it/templates/Rotary/stile.css */

html {
border: 0px;
margin: 0px;
padding: 0px;
height: 100%;
background: #002e66 url(images/bg.gif) repeat-x;
}

body {
background: url(images/mainbg_pattern.gif) repeat-y top;
color:#444444;
font-family:Arial,sans-serif;
font-size:78%;
margin: 0px;
padding: 0px;
}

#page {
background: url(images/mainbg.gif) no-repeat center top;
padding: 0px;
9width:890px;
}

.mainbg {
background: url(images/mainbg_pattern.gif) repeat-y center top;
padding: 0px;
width:890px;
}



#page .home {
background:url(images/home.gif) top no-repeat;
clear:both;
margin:auto;
width:780px;
}

#page .homebody {
width:760px;
padding:10px;
background:url(images/homebody.gif) bottom no-repeat;
}





#page .content {
background:url(images/content.gif) repeat-x;
padding:0px;
width:800px;
}



#page .header {
height:80px;
width:790px;
}
#page .search {
background:url(images/searchbg2.gif) no-repeat;
color:#ffffff;
position: relative;
top: 0px;
left: 265px;
_left: 125px; 	/* HACK PER IE */
margin:0;
width:250px;
height:55px;
}

*:first-child+html .search	/* solo IE 7.0 ma non FIREFOX */ {
    left: 125px!important;
}

#page .search a {
color:#ffffff;
font-weight:normal;
}







#page .maintop {
background:url(images/maintop.gif) bottom no-repeat;
margin:auto;
width:780px;
height:45px;
}

#sottoMenu {
	display:  block;
	height: 28px;
	line-height: 24px;

}

.main {
display: block;
background:url(images/mainbody.gif) repeat-y;
margin:auto;
width:780px;
}

.padder {
	display: block;
	width:  750px;
	text-align: justify;
}

#page .mainbot {
background:url(images/mainbot.gif) no-repeat;
margin:auto;
width:780px;
height:35px;
}

.footer {
background:url(images/footer.gif) no-repeat;
width:890px;
height:80px;
}


#page .announce {
float:left;
width:480px;
}

#page .announceWide {
float:left;
margin-left:10px;
width:730px;
}

#page .news {
float:left;
width:150px;
margin-right: 10px;
padding-right: 10px;
border-right:1px solid #dcd7c8;
}

#page .banners {
float:right;
width:205px;
margin-right: 15px;
_margin-right: 7px;	/* HACK PER IE */
_width: 205px;	/* HACK PER IE */
}










#page h1 {
color:#284973;
font:normal 2em Arial,sans-serif;
line-height:1.1em;
margin:0px 0px 10px 0px;
padding:0;
width:360px;
letter-spacing: -1px;
}
#page h2 {
color: #284973;
font:bold 1.7em Georgia,"Times New Roman",Times,serif;
line-height:1.2em;
margin:10px 0px 0px 0px;
padding:0px 0px 10px 0px;
letter-spacing: -1px;
}
#page h3 {
color:#284973;
font:bold 1.3em Georgia,"Times New Roman",Times,serif;
margin: 10px 0px 0px;
padding: 0px 0px 0;
letter-spacing: -1px;
}

#page .contentheading {
color: #8c8c8c;
font:bold 1.3em Georgia,"Times New Roman",Times,serif;
margin: 10px 0px 0px;
padding: 0px 0px 0;
letter-spacing: -1px;
}
#page h4 {
color:#284973;
font: bold 14px/1.4em Arial,Helvetica,sans-serif;
margin:0;
letter-spacing: -1px;
padding:10px 0px 10px 0px;
}
#page .byline {
color:#777777;
font:normal .85em Arial,Helvetica,sans-serif;
line-height:1.4em;
margin:0;
padding:10px 0px 5px 0px;
}
#page h5 {
color:#444444;
font:normal .85em Arial,sans-serif;
line-height:1.4em;
margin:0;
padding:10px 0px 5px 0px;
}
#page h5 strong {
color:#777777;
}
#page h5 img {
vertical-align:middle;
}














/* -- Tables -- */

#page table {
font:normal 1em Arial,sans-serif;
}
#page tr {
font:normal 1em Arial,sans-serif;
}
#page td {
font:normal 1em Arial,sans-serif;
}
#page td p {
font:normal 1em Arial,sans-serif;
}
#page td strong {
color:#777777;
font-weight:bold;
}
#page table a {
	text-decoration: none;
	color: #2b8bba;
}
#page table a:hover {
	text-decoration: underline;
	color: #52b0dd;
}

#page .table {
border-collapse:collapse;
border-top:1px solid #dcd7c8;
margin:10px 0px 0px 0px;
width:100%;
}
#page .table td {
border-bottom:1px solid #dcd7c8;
border-space:0px; /* HACK PER IE */
line-height:1.7em;
padding:2px 5px 4px 7px;
vertical-align:top;
}
#page .table2 {
border-collapse:collapse;
margin:10px 0px 0px 0px;
width:100%;
}
#page .table2 td {
border:1px solid #dcd7c8;
border-space:0px;	/* HACK PER IE */
line-height:1.7em;
padding:2px 5px 4px 7px;
vertical-align:top;
}
#page .table td form {
padding:5px 0px 0px 0px;
}
#page .label {
background-color:#f8f7ef;
color:#786e64;
}
#page .label td {
font:bold 1em Arial,sans-serif;
}
#page .label td strong {
color:#786e64;
}
#page .row1 {
border-space:0px;	/* HACK PER IE */
font:normal 1em Arial,sans-serif;
}
#page .row2 {
background-color:#fafaf8;
border-space:0px;	/* HACK PER IE */
font:normal 1em Arial,sans-serif;
}
#page .event {
background:url(images/buttoncalendar.gif) 7px 7px #fafaf8 no-repeat;
color:#777777;
font-size:.95em !important;
font-weight:bold;
text-indent:22px;
vertical-align:bottom;
}
#page .eventlabel {
background-color:#fafaf8;
color:#777777;
font:bold 1em Arial,sans-serif;
padding:5px 0px 0px 0px;
}
#page .date {
background-color:#fafaf8;
color:#777777;
font:bold 1em Arial,sans-serif;
padding:5px 0px 0px 0px;
text-align:right;
}
#page table table div {
font:normal 1em Arial,sans-serif;
}















/* Tabs */

#container {
height:220px;
}
.tabs-hide {
display:none;
}
.tabs-nav {
list-style:none;
font:.85em Arial,sans-serif;
margin:195px 0px 0px 0px;
padding:0;
position:absolute;
height:25px !important;
overflow:hidden !important;
}
.tabs-nav:after {
display:block;
clear:both;
content:" ";
}
.tabs-nav li {
float:left;
margin:0px 5px 0px 0px;
padding:0;
}
.tabs-nav a, .tabs-nav a span {
display:block;
background:url(images/tabs.gif) no-repeat;
padding:0px 0px 0px 8px;
margin:0;
}
.tabs-nav a {
position:relative;
color:#777777;
font-weight:bold;
text-align:center;
text-decoration:none;
}
.tabs-nav .tabs-selected a {
color:#aa8c46;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
background-position:left -50px;
}
.tabs-nav a, .tabs-nav .tabs a:hover {
background-position:left -75px;
}
.tabs-nav a span {
padding:5px 8px 8px 0px;
}
.tabs-nav .tabs-selected a span {
color:#aa8c46;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
background-position:right 0px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
background-position:right -25px;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
cursor:pointer;
text-decoration:none;
}
.tabs-container {
padding:0;
}
















.nav1 #mainlevel {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 32px;
}

#mainlevel li {
  float: left;
  background: url(images/menuright.gif) no-repeat right top;
  margin-right: 3px;
}

#mainlevel li a {
  display: inherit;
  height: 16px;
  margin-right: 1px;
  padding: 5px;
  padding-left: 9px;
  padding-right: 9px;
  color: #fff;
  text-decoration: none;
  background: url(images/menuleft.gif) no-repeat left top;
}

*:first-child+html #mainlevel li /* solo IE 7.0 ma non FIREFOX */ {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}

#mainlevel li a:hover {
  background: url(images/menuleft.gif) no-repeat left -100px;
  text-decoration: underline;
}

#mainlevel li:hover {
  background: url(images/menuright.gif) no-repeat right -100px;
}


#mainlevel li #active_menu {
  color: gold;
  font-weight: bold;
  padding-left: 7px;
  padding-right: 7px;
 
}











#subMenuLevel1 {
	height: 30px;
}



#page .lev1 {
  display: inherit;
background:url(images/subMenuLevel1.gif) top no-repeat;
clear:both;
margin:auto;
width:780px;
}


#subMenuLevel1 .moduletablesubMenuMod ul {
	list-style: none;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
	padding-left: 16px;
}

#subMenuLevel1 .moduletablesubMenuMod li {
	float: left;
}

#subMenuLevel1 .moduletablesubMenuMod a {
  display: inherit;
	padding-left: 7px;
	padding-right: 7px;
	height:  30px;
	color: #886c17;
	text-decoration: none;
}

*:first-child+html #subMenuLevel1 .moduletablesubMenuMod a /* solo IE 7.0 ma non FIREFOX */ {
  padding-top: 7px!important;
  padding-bottom: 7px!important;
}

#subMenuLevel1 .moduletablesubMenuMod a:hover {
  display: inherit;
	background: url(images/btn_subLevel1_hover.gif) repeat-x left top;
}

#subMenuLevel1 #active_menu {
  display: inherit;
	background: url(images/btn_subLevel1_active.gif) repeat-x left top;
	color: #515151;
	text-decoration: none;
}







#subMenuLevel2 {

}

#page .lev2 {

}


#subMenuLevel2 .moduletablesubMenuMod ul {
	list-style: none;
	line-height: 26px;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
}

#subMenuLevel2 .moduletablesubMenuMod li {
	float: left;
}

#subMenuLevel2 .moduletablesubMenuMod a {
 	display: inherit;
	height: 20px;
	padding-left: 7px;
	padding-right: 7px;
	color: #909090;
	text-decoration: none;
}

#subMenuLevel2 .moduletablesubMenuMod a:hover {
	display: inherit;
	color: #353535;
	text-decoration: none;
}

#subMenuLevel2 #active_menu {
	display: inherit;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}




.pINDENT {
	padding-left: 15px;
}

.copyright {
	text-align: right;
	padding-top: 10px;
	padding-right: 58px;
	font-size: 10px;
}

.copyrightLink {
	text-decoration: none;
	color: black;
}

.copyrightLink:hover {
	text-decoration: underline;
	color: #2f557d;
}

.divBoxed80 {
	width: 80%;
	background-color: #ebf5fe;
	border: 1px solid #b7d6e4;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
}

.divBoxed {
	background-color: #ebf5fe;
	border: 1px solid #b7d6e4;
	padding: 8px;
}

.clubTable {
	border-collapse: collapse;
	border: 0px;
	background: url(/images/bgTable.jpg) no-repeat bottom center;
}

.titoloSottocommissioneProgetto {
	display: block;
	height: 24px;
	line-height: 22px;
	font-weight: bold;
	border-bottom: 1px solid #003d7f;
}

.hr {
	clear: both;
}

.coloredCell {
	background: #f8fcff;
	font-weight: bold;
}

.coloredCell ul{
	list-style-type: square;
	list-style-position: outside;
}


.coloredRo {
	font-weight: bold;
	background-color: #afd9ff;
	padding-left: 32px;
	padding-right: 0;
	padding-bottom: 0;
	color: #00294f;
}



/* CLASSI GAGLIARDETTI */


      div.tooltip{
        padding: 5px;
        margin: 5px;
		width: 450px;
		height: 270px;
/*        background-color: #f6f6f6;
		border: 1px solid #537dad;*/
      }
		div.fenionBox {
			display: block;
		}


html>body .outerpair1 {
background: url(/images/upperrightfade.png) right top no-repeat;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url(/images/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
background: url(/images/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/ 

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
margin: 130px 0 0 450px;
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */ 
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox { 
border: 1px solid #ccc;
background: #ffffff; 
/*width: 330px;
height: 210px;*/
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to 
div.inner, div.outerpair1, or an external wrapper element. */ 

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox { 
display: block; 
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}


/* LOGIN STYLEZ */

#loginBox {
	width: 205px;
	background-color: #fff;
	text-align: center;
	padding: 0px;
}

#mod_login_username, #mod_login_password {
	border: 1px solid #c2ad80;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #524a37;
	padding: 3px;
	width:  170px;
}

#mod_login_remember {
	
}

#btnLOGIN {
	width: 176px;
}






#boxed {
	width: 185px;
	padding: 10px;
	padding-top: 1px;
	background: url(images/bgBoxed.jpg) no-repeat center top;
}

#boxedDark {
	width: 185px;
	padding: 10px;
	padding-top: 1px;
	background: url(images/bgBoxedDark.jpg) no-repeat center top;
}

.bgCellClub {
	background: url(/images/bg_cell_club.jpg) top center no-repeat;
}

.errorMsg {
	display: block;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	color: white;
	background-color: #c22000;
	text-align: center;
	text-shadow: #5c2e2e 2px 2px 0;
	font-size: 16px;
}




#riunioni {
	border: 0px;
	width: 100%;
}

.clubRiunione {
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #002e66;
	color: #002e66;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
}

.dettRiunione {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #002e66;
	
}

.clubRiunione_lunedi {
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #008166;
	color: #008166;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
}

.dettRiunione_lunedi {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #008166;
	
}