/*
	*	Shared styles for BN-related web applications

	*	Authors:	Stefano Bonzi, Juri Strumpflohner
	*	Date:			August 2010
	
	HTML basic structure:

	<container>
		<header>
			<user-controls/>
			<corporate-nav>
				<view-controls/>
				<corporate-links/>
			</corporate-nav>
			<logo>
				<main-search/>
			</logo>
		</header>
		<wrap>
			<main-nav>
				<udm/>
			</main-nav>
			<content>
				<sub-nav/>
				<main>
					<breadcrumbs/>
				</main>
				<context-nav/>			
			</content>
		</wrap>
		<footer/>
	</container>
*/
/*********************************
VERSION HISTORY
----------------
For the version history information please refer to versioninfo.txt
*********************************/
@import url('print.css');
@media screen {
/* basic elements styling */
	html{height:100.01%;}
	body{font:62.5% Arial,Helvetica,sans-serif;color:#000;padding:0 0 1px;margin:0;height:100%;}
	p,li,dt,dd,label,th,td,code,pre,caption{font-size:1.3em;line-height:1.4615;} /* Corpo 10/14pt = 13/19px */
	p{margin:0 0 1.4615em;}
	pre{font-family:inherit;margin:0;padding:0;}
	li,dt{margin:0;padding-left:0;}
	ul{margin:0 0 1.9em 1.5em;padding:0;}
	ol{margin:0 0 1.9em 2em;padding:0;}
	ul ul,ol ul{margin-left:1.2em;margin-bottom:0;list-style-type:disc;}
	ol ol,ul ol{margin-left:1.5em;margin-bottom:0;}
	dl{margin:0 0 1.9em;padding:0;}
	dt{font-weight:bold;}
	dd{margin:0 0 1.4615em}
	a{color:#0539bb;}
	a:hover,a:active,a:focus{background-color:#ffd5ac;color:#000;outline:none;}
	.hover,.hover a{background-color:#ffd5ac;color:#000;outline:none;cursor:pointer;}
	a img{border:0;vertical-align:text-bottom;margin:0;padding:0;}
	a small{color:#000;text-decoration:none;}
	h1{font-size:1.9em;line-height:1;margin:2em 0 1em;}
	h2{font-size:1.5em;line-height:1.2667;margin:1.2667em 0 0;}
	h3,h4,h5,h6{font-size:1.3em;line-height:1.4615;margin:1.4615em 0 0;}
	legend{font-weight:normal;font-size:1.3em;line-height:1.4615;color:#000;padding:0 2px 5px;}
	input:active,input:focus{outline:none;}
	textarea,input,select{font:1.3em Arial,Helvetica,sans-serif;}
	table{border-collapse:collapse;}
	caption{text-align:left;font-weight:bold;}
	th,td{text-align:left;vertical-align:top;}
	blockquote{margin:0 0 1.9em 2em;}
		blockquote p{font-style:italic;}
	p *,li *,dt *,dd *,label *,th *,td *,code *,pre *{font-size:100%!important;}
	small,sup,sub{font-size:85%;}
	big{font-size:125%;}

/* miscellaneous */
	.current,.current a{color:#000;font-weight:bold;}
	#quick-access a,#quick-access a:hover,#quick-access a:visited{position:absolute;left:0px;top:-1500px;width:1px;height:1px;overflow:hidden;}
	#quick-access a:active,#quick-access a:focus{position:static;width:auto;height:auto;}
	
/*	header	*/
	#header{padding:0;position:relative;}
		#header a{text-decoration:none;border:none;}
		#logo{clear:both;padding:0;margin:0;position:relative;}
			#logo img{display:block;}
			#logotext{display:block;font-size:1.9em;line-height:1;padding:10px 1px;margin:0;}
		
		#header #corporate-nav{margin:0;padding:2px 10px;float:left;background:#d6e9f2;border:1px solid #006194; z-index:100 !important;}
			#corporate-nav li{float:left;list-style:none;padding:0;line-height:1.2;}
			#corporate-nav a{margin:0;padding:1px 5px;color:#000;}
		
		#user-controls{margin:0;padding:2px 15px;text-align:right;background:#fff;}
			#user-controls li{display:inline;font-size:1.1em;line-height:1.7273;padding:0 0 0 10px;}
		#view-controls{float:left;margin:0;padding:0;}
			#view-controls #smalltext {font-size: 0.75em !important;}
			#view-controls #middletext {font-size: 1em !important;}
			#view-controls #largetext {font-size: 1.25em !important;}
		#corporate-links{float:right;margin:0;padding:0;}
		
/*	body	*/
	#wrap{background:#fff;color:#000;padding-bottom:10px;}

	/*	main-nav	*/
		#main-nav{float:left;width:100%;}
			#main-nav a{padding:3px 7px;background:#006194;color:#fff;text-decoration:none;border-right:1px solid #0096e5;}
			#main-nav a:last-child{border-right:none;}
			#main-nav li a:hover,#main-nav li a:active,#main-nav li a:focus{background:#ffd5ac;color:#000;}
			#main-nav .current a{background:#d6e9f2;/*#006194;*/color:#000;/*ffcb99*/}
				#main-nav li li a{border-color:#0096e5;}

	/*	content	*/
		#content{clear:left;margin:0;padding:0;}
		
		/*	sidebars (left & right)	*/
			.sidebar{display:table-cell;vertical-align:top;}
				.sidebar h1{font-size:1.6em;line-height:1.1875;margin:0 0 1.1875em;}
				.sidebar h2{font-size:1.3em;line-height:1.4615;margin:0 0 1.4615em;}
				.sidebar ul,.sidebar ol{margin:0 0 3.8em;}
				.sidebar li{margin:0 0 .7308em;list-style:none;border-bottom:1px dotted #c9d0d4;}
					.sidebar li a{text-decoration:none;display:block;}
				.sidebar li li{margin:.3077em 0 .3077em 1em;}
				.sidebar li ul{margin:0 0 -.3846em;}
				.sidebar li em{display:block;font-style:normal;border-bottom:1px solid #0096e5;margin-bottom:-1px;}
/*				.sidebar p + ul,#main p + ul{margin-top:-1.9em;}*/
				.cartaservizi{margin-top:4px; text-align:center; }
					
		/*	left sidebar */
			#sub-nav{border-right:1px dotted #0096e5;width:220px;padding:0 9px 10px 10px;}
			
		/*	main content	*/
			#main{display:table-cell;vertical-align:top;padding:0 20px 10px;}
				#breadcrumbs{font-size:1.1em;line-height:1;}
				
		/*	right sidebar	*/
			#context-nav{border-left:1px dotted #0096e5;width:180px;padding:0 10px 10px 9px;}
				#context-nav h2{font-size:1.6em;line-height:1.1875;margin:0 0 1.1875em;}

	/*	footer	*/
		#footer{padding:1.9em 0;text-align:center;}


/*	forms	*/

	/* form fields sizes */
	.xxs{width:20px;}
	.xs{width:40px;}
	.s{width:80px;}
	.m{width:160px;}
	.l{width:240px;}
	.xl{width:320px;}
	.xxl{width:400px;}
	.xxxl{width:480px;} 
	
	/*	basic forms	*/
	fieldset table.cols{border-collapse:collapse;}
		fieldset .cols td{vertical-align:top;padding:0 1em .5em 0;}
		fieldset .label{text-align:right;}
	.form-grid{border-collapse:collapse;width:100%;}
		.form-grid td{border:none;padding:0 10px 10px 0;}
	.basic-form fieldset{padding:10px;margin:0 0 1.9em;}
	.basic-form legend{font-weight:bold;}
	.basic-form label{width:9em;vertical-align:top;}
	.basic-form fieldset div{padding:.5em 0;}
	.basic-form fieldset fieldset legend{margin:0;padding:0 0 .5em;font-weight:normal;}
	.basic-form em{color:#c00;font-weight:bold;}
	.basic-form abbr{border:0;text-decoration:none;outline:none;}
	.basic-form .day,.basic-form .month,.basic-form .year{display:none!important;}
	.basic-form input.error{background:#fff2f2;border:1px solid #c00;}
	.basic-form label.instructions {font-size: 1.1em;font-weight: normal;width: auto;}
	.basic-form .checks label {width: auto;}
	.basic-form  #antispamnumber{font-size:1.5em; }
	
	.full{float:left;width:100%;margin-bottom:0.5em;background-color:#f9fafb;}
	label.description_left{width:100px;display:block;float:left;padding:0 .5em;text-align:right;}
	.mandatory label{font-weight:bold;}
	.viewvalue{font-size:1.3em;}
	
	/*	tables and lists	*/
	table.list{width:100%;margin:0;border:1px solid #c9d0d4;margin-top:10px;}
	.rowHeader,table.list th{background-color:#d6e9f2;}
	.rowOdd{background-color:#eef1f3;}
	.rowEven{background-color:#f9fafb;}
	table.list .rowEven:hover,table.list .rowOdd:hover{border-style:none;background-color:#c9d0d4;}
	
		/*	data types	*/
		.numeric,.currency{text-align:right;}

	/*	filter	*/
	.filter fieldset{margin:1em 0;padding:0;border:1px solid #c9d0d4;background-color:#f9fafb;}
	.filter h1{padding:3px 5px;margin:0 0 1em 0;background-color:#d6e9f2;font-size:13px;font-weight:bold;}
	.filter .buttons{clear:both;margin:1em 0 1em 11.5em;}
	
	/*	messaging	*/
	.msg{padding:9px;margin:1em 0;font-size:1.3em;}
	.info{border:1px solid #036c46;border-style:solid none;background:#e8f6f1;}
	.warn{border:1px solid #d9d900;border-style:solid none;background:#ffc;}
	.error{border:1px solid #ffc0c0;border-style:solid none;background:#fff2f2;}
	.error h1,.error h2,.error h3{color:#c00;margin:0 0 1em;line-height:1;}
	.basic-form .error-list{padding:9px;border:1px solid #c00;background:#fff2f2;margin:0 0 1.9em;}
	.basic-form .error-list p,.basic-form .error-list ol{margin:0;list-style-position:inside}
	.error-msg{margin:0 0 0 10.8em;clear:left;display:block;color:#c00;font-size:1.1em;text-transform:uppercase;}

	/*	validation	*/
	.errors{border:1px dotted #cc0000;border-style:dotted none;}
	.errors label{background:transparent;color:#cc0000;}
	.errors input[type="text"]{border:2px solid #cc0000 !important;}
	.validation-list{padding:9px;margin:0 0 1.9em;}
	.validation-list ul,.validation-list ol{list-style-position:inside;margin-bottom:0;}
	.validation-list li label{color:#0539bb;text-decoration:underline;cursor:pointer;}
	.validation-list p,.basic-form .validation-list ol,.basic-form .validation-list ul{margin:0;list-style-position:inside;}

/*	floating objects	*/
	.sx{float:left;margin:.4em 19px 1em 0;}
	.dx{float:right;margin:.4em 0 1em 19px;}

/*	news	*/
	.news-list li{list-style:none;}
	.news-list li img{float:left;margin:.5em 1em 1.9em 0;}
	.source{color:#65686a;}

/*	downloadables	*/
	.download .docsize{display:block;padding:0 0 0 24px;background-position:left center;background-repeat:no-repeat;color:#000;}
		.audio .docsize{background-image:url(img/icons/filetypes/audio.png);}
		.xls .docsize{background-image:url(img/icons/filetypes/excel.png);}
		.flv .docsize{background-image:url(img/icons/filetypes/flash.png);}
		.htm .docsize{background-image:url(img/icons/filetypes/html.png);}
		.ai .docsize{background-image:url(img/icons/filetypes/illustrator.png);}
		.img .docsize{background-image:url(img/icons/filetypes/image.png);}
		.indd .docsize{background-image:url(img/icons/filetypes/indesign.png);}
		.mdb .docsize{background-image:url(img/icons/filetypes/msaccess.png);}
		.other .docsize{background-image:url(img/icons/filetypes/other.png);}
		.odt .docsize{background-image:url(img/icons/filetypes/opendoc.png);}
		.psd .docsize{background-image:url(img/icons/filetypes/photoshop.png);}
		.eps .docsize{background-image:url(img/icons/filetypes/postscript.png);}
		.ppt .docsize{background-image:url(img/icons/filetypes/powerpoint.png);}
		.mov .docsize{background-image:url(img/icons/filetypes/quicktime.png);}
		.pdf .docsize{background-image:url(img/icons/filetypes/reader.png);}
		.txt .docsize{background-image:url(img/icons/filetypes/text.png);}
		.wmv .docsize{background-image:url(img/icons/filetypes/windows-media.png);}
		.doc .docsize{background-image:url(img/icons/filetypes/word.png);}
		.zip .docsize{background-image:url(img/icons/filetypes/zip.png);}
		
li.pdf2 {background-image:url(img/icons/filetypes/reader.png);list-style:none;padding:0 0 0 24px;background-position:left center;background-repeat:no-repeat;margin-bottom:8px;}	
li.html{background-image:url(img/icons/filetypes/html.png);list-style:none;padding:0 0 0 24px;background-position:left center;background-repeat:no-repeat;margin-bottom:8px;}	


#content .downloads ol { margin-top:10px;}
#content .downloads ol li{list-style:none;padding:0 0 0 24px;background-position:0 4px;background-repeat:no-repeat;}

#content .downloads ol li.xls{background-image:url(img/icons/filetypes/excel.png);}
#content .downloads ol li.pdf{background-image:url(img/icons/filetypes/reader.png);}
#content .downloads ol li.doc{background-image:url(img/icons/filetypes/word.png);}
#content .downloads ol li.img{background-image:url(img/icons/filetypes/image.png);}
#content .downloads ol li.ai{background-image:url(img/icons/filetypes/illustrator.png);}
#content .downloads ol li.odt{background-image:url(img/icons/filetypes/opendoc.png);}
#content .downloads ol li.ppt{background-image:url(img/icons/filetypes/powerpoint.png);}
#content .downloads ol li.zip{background-image:url(img/icons/filetypes/zip.png);}
#content .downloads ol li.htm{background-image:url(img/icons/filetypes/html.png);}
#content .downloads ol li.other{background-image:url(img/icons/filetypes/other.png);}
#content .downloads ol li.audio{background-image:url(img/icons/filetypes/audio.png);}
#content .downloads ol li.eps{background-image:url(img/icons/filetypes/postscript.png);}

/* verificare se questo viene usato */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}
.clearfix {
		display: inline-block;
}

image-right{float:right;margin:0 0 1.7em 1em;background:#efefef;padding:.75em;border:1px dotted #ccc; }

.imgBox{/*padding:15px 25px 10px 0;*/max-width:300px;float:right;margin:1em 0 1.7em 1em;background:#efefef;padding:.75em;border:1px dotted #ccc; }
.imgBox span.didascalia{font-size:.92em;text-align:left;}
.imgBox img{max-width:300px;}
span.didascalia {
    background: none repeat scroll 0 0 #efefef;
    display: block;
    font-size: 0.9em;
    line-height: 1.2;
    padding: 5px;
    text-align: left;
}
.detail{ margin-top:1em;}
/* Hides from IE-mac \*/
* html .clearfix{
		height: 1%;
}
.clearfix {
		display: block;
}
/* End hide from IE-mac */