﻿/* css Comma3 2008 for chefinanziaria */



/* -------------- main elements ------------------ */
html, div {
    margin:auto;
}

body {
	padding:0px ;
	width:995px ;
	margin-top:0px ;
	margin-right:auto ;
	margin-left:auto ;
	margin:auto ;
	/*text-align:center ;*/
	font-family:Arial, Helvetica, sans-serif ;
	font-size:small ;
}

.frame {
    text-align:left;
}

ol, ul {
	list-style-image:none;
	list-style-position:inside;
	list-style:inside;
}

.frame p, .frame td{
	margin:0px;
	padding:2px 0px 2px 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
.frame div {
    color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;
}

.frame img {
	border:0px;
	}

.clearboth, .clearBoth{
	clear:both;
}

.clearright, .clearRight{
	clear:right;
}

.clearleft, .clearleft {
	clear:left;
}

hr {
    border: 0;
    width: 96%;
    color: #ccc;
    background-color: #ccc;
    height: 1px; 
	clear:both
}

/* -------------- structural elements ------------------ */

.frame {
	position:relative;
	text-align:left;
	margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:auto;
    width:995px;
}

#header{
	overflow:hidden;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:5px solid #000000;
	float:left;
	width:995px;
	margin:0;
	padding:0;
}

.logo{
	float:left;
	width:257px;
	margin:25px 0 0 10px;
}

.headermenu {
	float:right;
	width:748px; 
	margin-left:-20px;
}

#navGreenBar {
	width:100%;
	background-color:#147331;
	height:30px;
	background-image:url(../img/bar_home.jpg);
}

#breadcrumb {
	/*height:26px;*/
	float:left;
	font-size:12px;
    padding:4px 0 0 20px;
    width:auto;
    overflow:hidden;
    height:15px;
}

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

#breadcrumb SPAN.youarehere {
	float:left;
}

#breadcrumb UL {
    display:inline;
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#breadcrumb UL LI {
    display:inline;
    list-style-type:none;
    padding:0px !important;
    margin-right:3px;
}

#breadcrumb li {
	 margin: 0;
	 padding: 0;
	 display: inline; /* Horizontal list */
	 list-style: none;
	}

#breadcrumb li {
	 padding: 0 0.125em 0 0.25em !important;
	 background: url(../img/breadcrumb.jpg) no-repeat right center;
	 color:#FFFFFF;
}

#breadcrumb a {
	 margin-right: 11px; /* Width of the arrow */
	 background2: none;
}

#breadcrumb .last {
	 background: none;
}

.youarehere{
	color:#CFCF00;
	margin-right:5px;
}

.activeCrumb{
	font-weight:bold;
}

#content{
	float:right;
	width:733px;
	height:auto !important;
	margin:18px 0px 0px 0px;
	padding:10px 20px 20px 0px;
}

	#mainimage {
		margin:0 0 4px 0;
		padding:0; 
		float:left;
		width:514px;
		height:168px;
	}

	#riservata {
		margin:0 0 4px 0;
		padding:80px 0 10px; 0;
		float:left;
		width:218px;
		height:78px;
		background:url(../img/riservata.gif) no-repeat 0 0;
	}

	#chefinanziaria {
		float:left;
		margin:0 0px 0 0;
		padding:30px 0 0 0;
		width:400px;
		background:url(../img/chefinanziaria.gif) no-repeat 0 0;
		}
	
		#chefinanziaria p {
			font:11px/1.5em Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
			margin:10px 16px 0 4px;
		}

	#news {
		float:left;
		margin:0 0;
		padding:30px 0 0 0;
		width:330px;
		background:url(../img/news.gif) no-repeat  0 0;
		}

		#news p {
			font:11px/1.5em Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
			margin:4px 16px 0 4px;
			border-bottom:1px dashed #ccc;
			}

		#news a {
			color:#157432;
			text-decoration:none;
			}
			
	#banner {
		float:left;
		margin:0 0px 0 0;
		padding:0;
		width:400px;
	}
	
	#press {
		float:left;
		margin:0 0;
		padding:30px 0 0 0;
		width:330px;
		background:url(../img/press.gif) no-repeat  0 0;
		}

		#press p {
			font:11px/1.5em Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
			margin:4px 16px 0 4px;
			border-bottom:1px dashed #ccc;
			}

		#press a {
			color:#157432;
			text-decoration:none;

			}
	#contents {
		float:left;
		margin:0;
		padding:0;
		width:480px;
		}
	
		#contents h1 {
			background:url(../img/h1.gif) no-repeat 0 0;
			width:480px;
			height:28px;
			color:#FFFFFF;
			font:bold 14px Arial, Helvetica, sans-serif;
			padding:7px 0 0 7px;
			margin:0;
		}
		
		#contents p {
			font:11px/1.5em Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
			margin:4px 16px 0 4px;
		}
		
		/*#contents .block {
			background:url(../img/block.gif) no-repeat 0 0;
			margin:0;
			padding:30px 20px 30px 70px;
			text-align:justify;
		}*/
        
		#contents .block {
			background:url(../img/block.gif) no-repeat 0 0;
			margin:0;
			padding:30px 20px 30px 70px;
			text-align:justify;
		}
		
		#contents .block p {
			font:14px Georgia, "Times New Roman", Times, serif;
			font-style:oblique;
		}

		
		#contents ul {
            list-style-type:none;
            width:460px;
            border-bottom:1px dashed #ccc;
            padding:4px 0;
            margin:0;
            font:12px Arial, Helvetica, sans-serif;
        }
        
       #contents ul li {
			display:block;
			width:460px;
			}

		#contents h3 {
			font:bold 14px Arial, Helvetica, sans-serif;
			margin:5px 0 0 0;
			padding:0;
		}	

		#contents ul li a {
			color:#157432;
			text-decoration:none;
			line-height:20px;
			/*display:block;*/
			width:460px;
		}	

		#contents ul li a:hover {
            color:#c6d927;
            /*background:url(../img/tick.gif) no-repeat 0 0;
            padding-left:20px;*/
        } 
    
		#contents a {
			color:#157432;
			text-decoration:none;
		}	

		#contents a:hover {
			color:#c6d927;
		}	
		
		#contents img {
			background:#8cc63f;
			border:1px solid #137431;
			padding:4px;
			float:left;
			margin-right:12px;
			margin-bottom:12px;
		}

		#contents img.noborder {
			border:none;
			padding:0;
			margin:20px 0 0 0;	
			
			}
			
	#latnews {
		float:left;
		margin:0 0;
		padding:0px 0 0 0;
		width:253px;
		}

		#latnews p {
			font:11px/1.5em Tahoma, Arial, Helvetica, sans-serif;
			color:#666;
			margin:0px 16px 0 4px;
			border-bottom:1px dashed #ccc;
			}
			
		#latnews h2 {
			background:url(../img/h2.gif) no-repeat 0 0;
			width:253px;
			height:28px;
			color:#FFFFFF;
			font:bold 14px Arial, Helvetica, sans-serif;
			padding:7px 0 0 10px;
			margin:0;
		}

		#latnews a {
			color:#157432;
			text-decoration:none;
			}

#footer{
	margin:0px;
	background-color:#C4C4C4;
	width:995px;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
    margin-top:10px;
}


#footer a {
	color:#FFFFFF;
	text-decoration:none;
}

#address {
	text-align:center;

}

#address P {
	text-align:center;
	border:0px;
}



/* ----------------- top navigation --------------- */

#topNavigationBar {
	padding:0px 0px 0px 0px;
	margin:87px 0px 0px 100px !important;
	margin:0px 0px 0px 100px;
	height:43px;
	overflow:hidden;
	width:638px;
}

#topNavigationBar.homepage {
    background:url(../img/00.jpg) no-repeat;
} 
   
#topNavigationBar.areariservata {
    background:url(../img/00.jpg) no-repeat;
}    
   
#topNavigationBar.job {
	background:url(../img/00.jpg) no-repeat;
}	

#topNavigationBar.chefinanziaria {
	background:url(../img/01.jpg) no-repeat;
}	

#topNavigationBar.prodotti {
	background:url(../img/02.jpg) no-repeat;
}	

#topNavigationBar.news {
	background:url(../img/03.jpg) no-repeat;
}	

#topNavigationBar.press {
	background:url(../img/04.jpg) no-repeat;
}	

#topNavigationBar.modulistica {
	background:url(../img/05.jpg) no-repeat;
}	

#topNavigationBar.contatti {
	background:url(../img/06.jpg) no-repeat;
}	

ul#topNavTabs {
	list-style-type:none;
	font:12px Arial, Helvetica, sans-serif;
	width:638px;
	margin:0;
	padding:0;
}

ul#topNavTabs li {
	font:12px Arial, Helvetica, sans-serif;
	float:left;
	margin:0;
	padding:0;
	width:50px;
}

ul#topNavTabs li a {
	color:#147331;
	text-decoration:none;
}

ul#topNavTabs li a.active, ul#topNavTabs li a:hover {
	color:#fff;
	text-decoration:none;
}

ul#topNavTabs li.Chefinanziaria {
	padding:14px 0px 0 50px;
}

ul#topNavTabs li.Prodotti {
	padding:14px 0px 0 85px;
}

ul#topNavTabs li.News {
	padding:14px 0px 0 45px;
	}

ul#topNavTabs li.Press {
	padding:14px 0px 0 50px;
}

ul#topNavTabs li.Modulistica {
	padding:14px 0px 0 35px;
}

ul#topNavTabs li.Contatti {
	padding:14px 0px 0 50px;
}

/* ----------------- left navigation --------------- */

#leftNav {
	clear:both;
	float:left;
	width:222px;
	padding:30px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.leftNavigation ul {
	padding:0px;
	margin:0px;
	/*border-bottom:1px solid #CAC801;*/
}

.leftNavigation li {
	padding:4px 0px 4px 0px ;
	border-bottom:1px solid #CAC801 ;
	list-style-type: none;
	list-style-position:outside; 
	color:#909090 ;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:14px ;
	font-weight:normal;
	/*padding-left:30px;*/
	display:block;
}

.leftNavigation li a {
    color:#909090;
    text-decoration:none;
    font-size:12px;
}

.leftNavigation li a.child {
    padding-left:30px;
}

.leftNavigation li.box {
    /*border-bottom: 1px solid #CAC801;*/
    margin: 0;
    padding: 0;
}

.leftNavigation li.box.selected h3.toggler{
    border-bottom: 1px solid #CAC801;
    color: #000;
}


.head {border: none;}


/* ----------------- form --------------- */

#riservata input {
	border:none;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
	margin:2px;
	float:left;
	background:#fff;
}

#riservata input.go {
	background:url(../img/go.gif) no-repeat 0 0;
	width:67px;
	height:22px;
	cursor:pointer
}

/********* form *********/ 

form {
	display:inline;
}

.button {
	color: #fff;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	border: none;
	background-color: #A6CE38;
	padding:4px 20px;
	background:url(../img/h2.gif);
}

input, textarea {
	background-color: #EDF5D7;
	border: none;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	padding:4px;
}


/* form per la registrazione */

fieldset {
	margin: 20px;
	width: 540px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:none;
	border-right:none;
}

legend {
	margin-bottom: 5px;
	padding: 0px 4px;
	font: bold 11px Verdana, arial, sans-serif;
	color: #A6CE38;
	margin-top:20px;
}	

/* accordion style - left menu */
#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	font-size: 14px;
	color: #939597;
	/*border-bottom:1px solid #c4d725;*/
	margin: 0 0 4px 0;
	padding: 3px 5px 1px 15px;
	font-family:"Lucida sans unicode", Arial, Helvetica, sans-serif ;
	/*background:url(../img/dot.gif)
	border-bottom:1px solid #cac801;*/
	
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

#printheader {
	display:none;
}

.red {
    color: #f00;
}

ul.list,ul.list li {
    margin:20px 20px;
    padding:0 10px;;
    list-style:circle;
    text-align: left;  
}


