/*
___________________________________________________

	BICYCLERY
	
___________________________________________________
*/


/*			SEPARATORI
_________________________________________*/

.clear{
	    clear:both;
      }
	  
.sep, 
.sep1, 
.sep2, 
.sep3 {
		float: left;
		background-image: url(../images/sep.jpg);
		background-repeat: repeat-y;
		background-position: center;
     }
						  
.sep1, 
.sep2, 
.sep3 {
	    width: 1%;
      }
					
.sep2, 
.sep3 {
      }

/*			GENERAL
_________________________________________*/

body {
	   margin: 0px 0px;
	   padding: 0;
	   text-align: center;
	   color: #000000;
	   background-image: url(../images/bg.jpg);
	   background-position:center;
	   background-repeat: repeat;
	   background-color: #434343;
	   font-family: Comic Sans MS, Helvetica, sans-serif;
	   font-size: 11px;
	   background-attachment: fixed;
     }


/*			TYPOGRAPHY
_________________________________________*/
	 
p {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-family: Comic Sans MS, Helvetica, sans-serif;
  }
  
td, 
tr  {
    font-size: 11px;
  }
  
ul {
	list-style-type: square;
  }

  
img {
		border: none;
		padding: 0;
		margin: 0;
    }

a:link, 
a:visited {
			color: #8F0E0E;
			text-decoration: none;
}

a:hover {
			text-decoration: underline;
		}

a.readon {
	background-color: #EBEBED;
	color: #8B8B8B;
	font-size: 11px;
	padding: 1px 3px;
}
a.readon:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}


		
/*			CONTAINER MODULI
_________________________________________*/

	 
div#container {
				margin: 0 auto;
				float:center;
				border:none;
				text-align: left;
				background: #FFFFFF;
				border-top: none;
             }
			 
div#header {
		    position:relative;
			z-index:1;
			float:center;
			height: 378px;
			background-image: url(../images/header_bg.jpg);
			background-repeat: repeat-x;
          }

div#topmenu {
            position:relative;
		    z-index:2;
			top:-228px;
			left:10px;
			color: #8B8B8B;
			height: 20px;
			margin-top: 0px;
			line-height: 20px;
			font-size: 12px;
			float: center;
			margin-left: 0px;
        }

div#maincontent {  
                  margin-top: 0px;
				  background-image: url(../images/sfondo_main.jpg);
				  background-repeat: repeat;

               }
			   
div#left_outmiddle, 
div#left_outleft, 
div#left_outright     {
						width: 190px;
						float: left;
                   }
													  
div#right_outmiddle, 
div#right_outleft, 
div#right_outright {
					width: 200px;
					float: right;
                  }

div#left, 
div#right {
	        margin: 0px 5px 5px 5px;
	        width: 190px;
         }
				  
div#content_outmiddle, 
div#content_outleft, 
div#content_outright {
						border-right: 2px solid #E6E6E6;
						border-bottom: 2px solid #E6E6E6;
						margin-bottom: 0px;
						margin-top: 0px;
                    }
															  
div#content_outmiddle {
						margin: 0px 200px;
                     }

div#content_outleft {
						margin-left: 200px;
						border-right: none;
                   }

div#content_outright {
						margin-right: 200px;
						border-left: none;
						
                    }
															  
div#pathway {
				border-bottom: 1px solid #E6E6E6;
				color: #666666;
				font-size: 11px;
				font-weight: bold;
				font-family:  Verdana, Helvetica, sans-serif;
				padding: 5px;
           }
		
div#bannermodul {
	             padding: 5px;
               }
			   
div#content {
			 padding: 10px 10px 10px 10px;

           }
		   
div#user_out {
				margin-top: 0px;
				background-image: url(../images/sfondo_main.jpg);
				background-color: #E6E6E6;
				background-repeat: repeat;
				border-top: 1px solid #CCC;
				padding: 0 4px;
				border-bottom: 1px solid #CCC;
            }
			
div#bottom {
			background-image: url(../images/sfondo_main.jpg);
			background-repeat: repeat-;
			text-align: left;
			color: #8B8B8B;
			border-top: 1px solid #FFF;
			height: 50px;
			line-height: 50px;
}

div#copy {
			float: center;
			font-size: 10px;
			font-weight: bold;
			font-family: Verdana, Helvetica, sans-serif;
			padding-top: 25px;
			width: 100%;
        }

div#othermenu_left {
				float: left;
				overflow: hidden;
				font-size: 12px;
				width: 50%;
             }

div#othermenu_right {
				float: right;
				overflow: hidden;
				font-size: 12px;
				width: 50%;
             }
			 
#othermenu_in {
				margin-right: -2px;
				height: 50px;
				line-height: 50px;
              }
		  
		  
div#footer {
			height: 430px;
			background: #000 url('../images/footer.jpg');
			background-repeat:no-repeat;
			background-position:top;
			padding: 0px 0 0px 0;
			font-size: 10px;
			color: #999;
			clear: both;
          }

/*	    TYPOGRAPHY CONTAINER MODULI
_________________________________________*/

div#topmenu ul, 
div#topmenu li{
				list-style-type: none;
				padding: 0px;
				margin: 0px;
				display: inline;
            }
						  
div#topmenu li{
			 float: left;
            }
			
div#topmenu a:link, 
div#topmenu a:visited {
						height: 20px;
						line-height: 20px;
						display: block;
						float: left;
						text-align: center;
						color: #8B8B8B;
						padding: 0px 30px;
						background-image: url(../images/topmenu_bg.jpg);
						background-repeat: no-repeat;
						background-position: left;
						font-size: 12px;
                    }
										
div#topmenu a:hover{
					text-decoration: none;
					background-image: url(../images/topmenu_over.jpg);
					background-repeat: repeat-x;
                  }


div#left_outmiddle h3, 
div#left_outleft h3, 
div#left_outright h3, 
div#right_outmiddle h3, 
div#right_outleft h3, 
div#right_outright h3 {
						background-image: url(../images/h3.jpg);
						background-repeat: repeat-x;
						color: #FFFFFF;
						font-size: 15px;
						line-height: 30px;
						height: 30px;
						text-align: left;
						margin: 5px 0px;
						text-indent: 10px;
						font-weight: normal;
					}


div#left ul, 
div#right ul, 
div#left li, 
div#right ul {
				list-style-type: none;
				padding: 0;
				margin: 0;
           }

div#left a.mainlevel:link, 
div#left a.mainlevel:visited, 
div#right a.mainlevel:link, 
div#right a.mainlevel:visited,
div#left .menu a:link, 
div#left .menu a:visited, 
div#left .menu a:active,
div#right .menu a:link, 
div#right .menu a:visited, 
div#right .menu a:active {
							border-left: 3px solid #0E8FB9;
							height: 25px;
							line-height: 25px;
							display: block;
							margin: 2px 0px;
							color: #000000;
							width: auto;
							text-indent: 5px;
							font-size: 12px;
						}

div#left a.mainlevel:hover, 
div#left  #active_menu, 
div#right a.mainlevel:hover, 
div#right #active_menu, 
div#left .menu a:hover, 
div.moduletable_menu ul.menu li#current a,
div#right .menu a:hover, 
.moduletable_menu ul.menu li#current a {
										background-color: #68B9D3;
										text-decoration: none;
										border-left: 3px solid #68B9D3;
										color: #FFFFFF;
                                     }
									 
div#left a.sublevel:link, 
div#left a.sublevel:visited, 
div#right a.sublevel:link, 
div#right a.sublevel:visited,
div#left ul.menu ul a:link, 
div#left ul.menu ul a:visited,
div#right ul.menu ul a:link, 
div#right ul.menu ul a:visited {
							color: #666666;
							height: 18px;
							line-height: 18px;
							padding-left: 14px;
							background-image: url(../images/sublevel.png);
							background-repeat: no-repeat;
							background-position: left;
							padding-right: 5px;
                          }

div#pathway a {
	          color: #666;
		    }	
		  
div#user_out .topmodule_user th, 
div#user_out .topmodule_user1 th, 
div#user_out .topmodule_user2 th, 
div#user_out .topmodule_user3 th,
div#user_out .topmodule_user h3, 
div#user_out .topmodule_user1 h3, 
div#user_out .topmodule_user2 h3, 
div#user_out .topmodule_user3 h3, 
div#bannermodul th, 
div#bannermodul h3 {
					height: 25px;
					line-height: 25px;
					color: #FFF;
					font-size: 15px;
					background-color: #8B8B8B;
					padding: 0px 5px;
					text-align: left;
					font-weight: normal;
					margin: 0;
                }
																															
			   
div#user_out .topmodule_user, 
div#user_out .topmodule_user1, 
div#user_out .topmodule_user2, 
div#user_out .topmodule_user3 {
								background-image: url(../images/box_bg.jpg);
								background-repeat: repeat-x;
								float: left;
							}
																													 
div#user_out .topmodule_user1 {
	                          width: 100%;
                            }

div#user_out .topmodule_user2 {
	                          width: 49%;
                            }

div#user_out .topmodule_user3 {
	                          width: 32%;
                            }

div#user_out .topmodule_inside {
								margin: 4px;
								overflow: hidden;
							 }

div#user_out .moduletable, 
div#user_out .moduletable td {
							width: 100%;
						  }

div#user_out  .topmodule ul, 
            .topmodule li {
	                      margin: 0px;
	                      padding: 0px;
                        }
						
div#othermenu_in ul, 
div#othermenu_in li {
					list-style-type: none;
					margin: 0;
					padding: 0;
					display: inline;
                 }
				 
div#othermenu_in a {
					color: #8B8B8B;
					border-right: 1px solid #8B8B8B;
					padding: 0px 10px;
                 }
				 
/*	    CLASSI GENERALI
_________________________________________*/				 

.contentheading {
	color: #0E8FB9;
	font-size: 18px;
	font-weight:bold;
}
.contentpane {


}
.contentpaneopen {


}
.contentdescription {
	padding: 10px 0px;
}
.componentheading {
	height: 26px;
	line-height: 26px;
	color: #FFFFFF;
	font-size: 15px;
	padding: 0px 5px;
	background-color: #0E8FB9;
	
}

.sectiontableheader {
	padding: 3px 5px;
	background-color: #666;
	color: #FFFFFF;
	font-size: 15px;
	color: #FFFFFF;
}
.sectiontableentry1, .sectiontableentry2 {
	background-image: url(../images/sectiontableentry.jpg);
	background-repeat: repeat-x;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-indent: 5px;
	background-position: bottom;
	background-color: #FFFFFF;
}
.button {
	background-image: url(../images/button.jpg);
	color: #FFFFFF;
	font-size: 15px;
	border: 1px solid #9ABC57;
	margin: 5px 0px;
	background-color: #9ABC57;
	padding: 2px 3px;
}
.button:hover, .button:focus {
	border: 1px solid #9ABC57;
	background: #9ABC57;
}
.input {
	border: none;
	padding: 0;
	margin: 0;
}
.inputbox {
	border: 2px solid #E0E0E0;
	padding: 2px;
}
.small {
	color: #8B8B8B;
	font-size: 11px;
}

.back_button a {
	background-color: #EBEBED;
	color: #8B8B8B;
	border: 1px solid #8B8B8B;
	font-size: 12px;
	padding: 2px 4px;
}
.back_button a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
}
.createdate {
	color: #8B8B8B;
	font-size: 11px;
	margin-bottom: 10px;
}
.search {
	margin: 5px 0px;
	padding: 2px;
}

/*	    CONTENITORE  2 SCOTCH
_________________________________________*/	

.contenitore2sc{
   width: 100%;
   color: #000;
   background-color: #CC0000;
}

.topleft2sc { background: url(../images/top_left2sc.jpg) no-repeat top left; }

.topright2sc { background:  url(../images/top_right2sc.jpg) no-repeat top right; }

.topcenter2sc { background:  url(../images/top_center2sc.jpg) repeat-x top center; }

.centerleft2sc{ background: url(../images/center_left2sc.jpg) repeat-y center left; }

.centerright2sc { background:  url(../images/center_right2sc.jpg) repeat-y center right; }

.centercenter2sc { background: url(../images/center_center2sc.jpg) repeat center center; }

.bottomleft2sc { background: url(../images/bottom_left2sc.jpg) no-repeat bottom left; }

.bottomright2sc { background: url(../images/bottom_right2sc.jpg) no-repeat bottom right; }

.bottomcenter2sc { background: url(../images/bottom_center2sc.jpg) repeat-x bottom center; }

.contenuto2sc { padding: 30px }


/*	    CONTENITORE  CURL SX
_________________________________________*/	

.contenitoresx{
   width: 100%;
   color: #000;
   background-color: #CC0000;
}

.topleftsx { background: url(../images/top_leftsx.gif) no-repeat top left; }

.toprightsx { background:  url(../images/top_rightsx.gif) no-repeat top right; }

.topcentersx { background:  url(../images/top_centersx.gif) repeat-x top center; }

.centerleftsx{ background: url(../images/center_leftsx.gif) repeat-y center left; }

.centerrightsx { background:  url(../images/center_rightsx.gif) repeat-y center right; }

.centercentersx{ background: url(../images/center_center.gif) repeat center center; }

.bottomleftsx { background: url(../images/bottom_leftsx.gif) no-repeat bottom left; }

.bottomrightsx { background: url(../images/bottom_rightsx.gif) no-repeat bottom right; }

.bottomcentersx { background: url(../images/bottom_centersx.gif) repeat-x bottom center; }

.contenutosx { padding: 50px }


/*	    CONTENITORE  CURL DX
_________________________________________*/	

.contenitoredx{
   width: 100%;
   color: #000;
   background-color: #CC0000;
}

.topleftdx{ background: url(../images/top_leftdx.gif) no-repeat top left; }

.toprightdx { background:  url(../images/top_rightdx.gif) no-repeat top right; }

.topcenterdx { background:  url(../images/top_centerdx.gif) repeat-x top center; }

.centerleftdx{ background: url(../images/center_leftdx.gif) repeat-y center left; }

.centerrightdx { background:  url(../images/center_rightdx.gif) repeat-y center right; }

.centercenterdx { background: url(../images/center_center.gif) repeat center center; }

.bottomleftdx { background: url(../images/bottom_leftdx.gif) no-repeat bottom left; }

.bottomrightdx{ background: url(../images/bottom_rightdx.gif) no-repeat bottom right; }

.bottomcenterdx { background: url(../images/bottom_centerdx.gif) repeat-x bottom center; }

.contenutodx { padding: 40px }



/*	    OUTER CONTAINER

_________________________________________*/
							 
#sitename {
	float: left;
	padding-left: 10px;
	color: #CCCCCC;
	font-size: 18px;
	line-height: 42px;
	height: 42px;
}
#user4 {
	float: right;
	height: 34px;
	width: 185px;
	margin: 4px 0px;
	vertical-align: middle;
}
#user4 input, #user4 .input, #user4 .inputbox {
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border: 1px solid #666;
	padding-left: 30px;
	margin: 0;
	height: 20px;
	float: left;
	background-color: #FFFFFF;
}
#banner {
	background-color: #E2E2E2;
	background-image: url(../images/banner.jpg);
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}



#login {

	position:absolute;
	z-index=2;
	margin: 0px 5px 5px 600px;
	width: 190px;
	visibility:visible;
}