body {
		font-family:Verdana, Geneva, sans-serif;
		
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #000000;
	   background-color:#0f1a25;
		
		
}

.twoColHybRtHdr #container {
		width: 880px;  /* this will create a container 80% of the browser width */
		background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
		text-align: center; /* this overrides the text-align: center on the body element. */
		margin: 2px auto;
		font-size:10pt;
		margin-left: auto;
		height:95%;
		font-family: 'Open Sans', sans-serif;
		font-size:11pt;
}

.twoColHybRtHdr #header {
		height: 1px;
		width: 880px;
		
		
}


.twoColHybRtHdr #mainContent {
		/*background-image: url(/img/header_cdf.png);
		background-repeat: no-repeat;*/
		background-image: url(/img/header_cdf.png);
		background-repeat: no-repeat;
		height: 600px;
		width: 880px;
		margin:0 auto;
		text-align:center;
		padding-top: 105px;
		
}

.twoColHybRtHdr #footer {
		padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
		background:#DDDDDD;
}

* {
		margin: 0;
		padding: 0
}

/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p {
		text-align: left;
		margin: 15px 0;
		line-height:140%;		
}

p, ul {
		font-size: 13px;
		line-height: 1.4em
}



p.intro {
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
		padding: 20px 0 30px 0;
		text-align: center;
		width: 100%
}

p#cross-links { text-align: center; margin:0 auto; }

p#cross-links {
		margin-bottom: 3px;
		padding-bottom: 3px
}



noscript ol { margin-left: 25px; }

a:focus { outline:none; }

img { border: 0 }

h3 {
		margin-bottom: 5px;
		padding-bottom: 3px;
		text-align: left;
		font-size:180%;
		text-transform:lowercase;
		width:99%;
		text-indent:40px;
		background-color:#fff;
		font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
				
				
}

.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin-top: 0;
		margin-right: 4px;
		margin-left: 4px;
		
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		padding-top:25px;
		margin: 4px;
		position: relative;
		
	
	
}

/* These 2 lines specify style applied while slider is loading */
#slider1.csw {
		width: 1px;
		height: 1px;
		border-bottom:3px double #333;
		background: #fff;
		overflow: scroll;
				
}

.csw .loading {
		margin: 100px 0 100px 0;
		text-align: center
}

.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden;
		padding-top:0px;
		border: 1px dotted #ccc; /* this is the border. should have the same value for the links */
		margin: auto;
		width: 820px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 480px;
		clear: both;
		background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		width: 98%;
		
		list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 820px; /* Also specified in  .stripViewer  above */
		background-image: url(/img/gradiente-celeste-bianco1x500.jpg);
		background-attachment: fixed;
		background-repeat: repeat-x;
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 5px; }

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */ 
margin:0 auto;
width:98%;
text-align:center;
margin-bottom:55px;}

.stripNav ul { /* The auto-generated set of links */ list-style: none; 

font-family: 'Open Sans', sans-serif;
		text-transform:uppercase;
 }

.stripNav ul li {
		float: left;
		color:#fff;		
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
		text-align: right;
		line-height: 20px;
		color: #fff;
		font-size:11pt;
		font-weight:bolder;
		text-decoration: none;
		display: block;
		padding-left:9px;
}



.stripNav li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a29161;
}

.stripNav li a.current {
		color: #fff;
		border-bottom: 2px solid #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
}

.stripNavL { left: 0; }

.stripNavR { right: 0; }

.stripNavL {
		background-image: url(/img/arrow_orange_sin.gif);
		background-repeat: no-repeat;
		background-position: center;
}

.stripNavR {
		background-image: url(/img/arrow_orange.gif);
		background-repeat: no-repeat;
		background-position: center;
}

/*  FORM e JQUERY 		*/

fieldset.free {
		border:1px solid #666;
		word-spacing:2px;
		letter-spacing:1px;
		padding:4px;
		background-image:url(/img/gradient.lightblue-white.jpg);
		background-position:bottom;
		background-repeat:repeat-x
}

fieldset.occupied {
		border:2px solid #666;
		word-spacing:2px;
		letter-spacing:1px;
		padding:4px;
		background-image:url(/img/pattern1.gif);
		background-position:top;
		background-repeat:repeat;
}

fieldset {		border:1px solid #666;}
#formstable fieldset {	border:1px solid #ddd; height:200px; margin-bottom:10px; margin-right:5px}

#formstable label { width:300px; float:left; border-bottom:1px solif #eee; text-align:right; padding-right:2em;}

.formposto label.error {
		
		color:#F63;
		font-size:80%;
		clear:left;
		font-weight:400;		
		page-break-before:always;
}
h2 a:hover{ text-decoration:underline}

.formposto label.checked, #moduloprofilo label.valid {
		background-image: url(/img/yes2.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
}

.adestra {
		border-bottom:1px dotted #ccc;
		text-align:right
}

.titoletto {
		font-weight: bolder;
		margin-bottom: 2px;
		text-align: left;
		text-indent: 0px;
		width:100%;
		background-image: url(/img/sfondoriga2009.gif);
		background-repeat: repeat-x;
		font-size: 110%;
		height: 18px;
}

.titolone {
		font-weight: bolder;
		margin-bottom: -2px;
		text-align: left;
		width:100%;
		margin-top:5px;
		padding:3px;
		font-size: 150%;
		color: #000;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
}

.testoblu { color: #06367E }

.testo, .datanasc {
		text-align: left;
		text-indent: 1px;
		margin-left: 3px;
		background-image:url(/img/gradient.gray-white2.jpg);
		background-repeat:repeat-x;								
}
.testo:hover, .testo:focus, .datanasc:hover, .datanasc:focus {
			background-image:url(/img/gradient.white-lightblue.jpg);
			background-repeat:repeat-x;
								
}
input {margin:2px; border:2px outset #333}
.accordionsin {
		text-transform: lowercase;
		color: #FFFFFF;
		background-color: #063673;
		margin: 2px;
		text-align:left;
		text-indent:3px;
		padding:2px;
		width:80%;
		height:20px;
}

#maincontainer {
		width: 1000px; /*Width of main container*/
		text-align:center;
		margin: 0 auto; /*Center container on page*/
}

#topsection { height: 120px; /*Height of top section*/ }

#topsection h1 {
		margin: 0;
		padding-top: 15px;
}

#contentwrapper {
		float: left;
		width: 100%;
}

#contentcolumn { margin: 0 240px 0 270px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }

#leftcolumn {
		float: left;
		width: 270px; /*Width of left column in pixel*/
		margin-left: -980px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn {
		float: left;
		width: 235px; /*Width of right column*/
		margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
}

#footer {
		clear:both;
		text-align: center;
		margin: 0 auto;
		padding: 1px 0;
		background-color: #FFFFFF;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #ccc;
}



/** stile */


.sfondogrigio {
		background-color: #e0e0e0;
		font-style: normal;
}

.sfondogiallo { background-color: #f6dc00 }

.sfondoblu { background-color: #214284 }

.sfondonero { background-color: #000000 }

.sfondoverde { background-color: #006600 }

.sfondoceleste { background-color: #f0f0ff }

.sfondocelestescuro {
		background-color: #aaaaff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12pt;
}

.sfondobianco { background-color: #ffffff }

div.tabellaposti {
		clear: both;
		width: 1010px;
		background-position: center top;
		border-right-width: 3px;
		border-right-style: double;
		border-right-color: #CCCCCC;
}