/* site wide */
	/* other resets */
	html a, html a:link, html a:visited, html a:hover {
		text-decoration: none;	
		color: inherit;
	}


	/* Layout *****************************************************************/
	/*
	The computed values of ‘overflow-x’ and ‘overflow-y’ are the same as their specified values, 
	except that some combinations with ‘visible’ are not possible: if one is specified as ‘visible’ 
	and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’. 
	The computed value of ‘overflow’ is equal to the computed value of ‘overflow-x’ if ‘overflow-y’ is the same; 
	otherwise it is the pair of computed values of ‘overflow-x’ and ‘overflow-y’.
	Short Version:
	If you are using visible for either overflow-x or overflow-y and something 
	other than visible for the other. The visible value is interpreted as auto.	
	*/
	html {
		position: relative;
	}
	body {
		position: relative;
		/*padding: 1px 0; /*prevent collapsing margins*/
		/*border: 1px solid red; /**/
		/* overflow can't be hidden, body is needed to scroll */
	}

	.mainbg_clipper {
		position: relative;
		width: 800px; /**/
		padding: 20px 220px 80px 220px; 
		margin: 0 auto 0 auto;
		overflow: hidden; /**/
	}
	.mainbg_clipper { /* contains mainbg and main */
		position: relative;
		margin: 0 auto 0 auto;
	}
	.main {
		position: relative;
		width: 750px; /* take away the padding */
		padding: 10px 25px;
	}

	.mainbg_holder, .mainbg_holder img{
		width: 2900px;
   		height: 2015px;		
	}

	.mainbg_holder {
		position: absolute;
		z-index:-1; /* put it behind content, otherwise it ghosts it */
		left: -860px;
		top: -550px;
	}
	
	
	.logo { 
		margin: 13px 0px; 
		text-align: center; /**/
	}

	.menu1 {
		margin: 13px 0 13px 0;
	}

	#splashlogo {
		position: absolute;
		top: 250px;
		left: 0;
		width: 100%; /*750px;*/
		text-align: center; /**/
		/*border: 1px solid green;/**/
	}
	#splashposter {
		padding: 40px 0;
	}
	#splashposter img {
		width: 100%; /*750px;*/
	}

	.content {
		width: 100%; 
    	position: relative;
	}	
    .content .left{
    	position: absolute;
    	left: 0;
    	z-index:1;
    	padding: 20px 0px;
	}
    .content .right{
    	margin-left: 350px;
    	position: relative;
    	width: 350px;
    	padding: 50px 25px;
    	z-index:2;
    	min-height: 380px;
	}

	
	/*	COLORS and shadows *****************************************************************/
	.ielt8 a, .ielt8 a:link, .ielt8 a:visited, .ielt8 button, .ielt8 input{
		color: white;  /* no support for inherit */
	}	
	
	html a:hover, html .pseudoahover *{   /* pseudohover is a javscript manageble class to make non anchorable things like tr or columns to have a mouse hover*/
		color: #e9e9ff;
	}

	html, .ielt8 a, .ielt8 a:link, .ielt8 a:visited, .ielt8 button, .ielt8 input {   /* no support for inherit */
		color: white;
	}	
	html {
		background-color: rgb(22.3%, 27.7%, 33%);
	}
	body {
	}
	
	
	/* not for ie...
	.main::before { 
		content: " ";
	}
	*/

	.mainbg_holder {
		/* background-image: url("../images/mainbg_02.jpg"); /* added an img in markup instead, so that it can be enlarged */	
				opacity: 0.15;
	}
	.ielt9 .mainbg_holder {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); /* For IE8 and earlier */
	}

	
	
	    .main {
		background-color: rgba(100%, 100%, 100%, 0.125);
	}
	.ielt9 .main {
		background-color: transparent; /* needed for filter to work, else it would show -transparently- the opaque bgcolor*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#20ffffff,endColorstr=#20ffffff);
		zoom: 1; /*trigger hasLayout for 6,7*/ 
	}
	 
	/*
	.ielt7 .main {
		color: red !important; 
	}
	.ie7 .main {
		color: green !important;
	}
	.ie8 .main {
		color: blue !important;
	}
	*/
	
	.logo img {
		box-shadow: 7px 7px 5px rgba(0%, 0%, 0%, 0.15);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	}

	.content .immagine_sx img{
		box-shadow: 7px 7px 5px rgba(0%, 0%, 0%, 0.15);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	}
    .content .right {
		box-shadow: 7px 7px 5px rgba(0%, 0%, 0%, 0.15);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	
	}

	    .content .right {
		background-color: rgba(43.9%, 8.2%, 8.2%, 0.88);
	}
	.ielt9 .content .right {
		background-color: transparent; /* needed for filter to work, else it would show -transparently- the opaque bgcolor*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0701515,endColorstr=#e0701515);
		zoom: 1; /*trigger hasLayout for 6,7*/ 
	}
	 

	
	hr {
		color: silver;
		background: silver;
		border: 0;
		height: 1px;
	}

	
	/* FONT *****************************************************************/
	@font-face {
	    font-family: 'dejavu_sansbook';
	    src: url('dejavusans-webfont.eot');
	    src: url('dejavusans-webfont.eot?#iefix') format('embedded-opentype'),
	         url('dejavusans-webfont.woff') format('woff'),
	         url('dejavusans-webfont.ttf') format('truetype'),
	         url('dejavusans-webfont.svg#dejavu_sansbook') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	html {
		font-size: 100.01%; 
	}
	body {
		line-height: 1.4;
	}
	body, body input{ /* */
		font-family:  'dejavu_sansbook', Verdana, ARIAL, 'Gill Sans', 'Humanist 521', Helvetica, sans-serif;
	}
	body {
		/*font-size: 100%;   /* which is 13px if base is 16px as usual */
		/*font-size: 81.25%;   /* which is 13px if base is 16px as usual */
		font-size: 90%;
	}		
	/* UNreset of fonts */
	h1 {
		/*font-size: 261%;
		margin-bottom: .5em; */
	} 
	h2 {
		/*font-size: 161%;
		margin-bottom: .5em; */
	}

	
	
	/* STYLE */
	.content .text {
	}
	.content .text p {
		margin-bottom: .5em;
	}
	
	.content .text h1 {
		font-weight: bold;
		/*text-align: center; /**/
		margin-left: 3em;
		margin-bottom: 1.5em;
	}

	.avvocati .avvocato_listitem {
		padding: 13px 0;
		text-align: center;
		text-transform: uppercase;
	}
	.avvocati .content hr {
		width: 80%;
		margin: 0 auto;
	}

	.avvocato .right {
    	padding-left: 30px;
	}
    .avvocato .right h1 {
    	margin-bottom: 3em;
    }
	.avvocato .immagine_sx {
		margin-top: 25px; 
		margin-left: 70px;
	}
	.avvocato .adjacents {
		font-size: 150%; 
		text-align: right;
		padding: 50px 70px;
		position: absolute;
		right: 0;
		bottom: 0;
		/*border: 1px solid red; /**/
	}

	
	.codice_bottone {
		padding: 30px 0;
		margin: auto;
		text-align: center;
		color: black; 
	}
	.codice_bottone a {
		display: inline-block;
		vertical-align: middle;
		padding: 6px 13PX;
		background-color: white;
		border-top: 6px solid silver;
		border-left: 6px solid silver;
		border-right: 6px solid gray;
		border-bottom: 6px solid gray;
	}
	.codice_bottone a:hover {
		color: gray;
	}
	.codice_bottone img {
		vertical-align: middle;
	}
	.codice_reader {
		margin-top: 20px;
		text-align: right;
		font-style: italic;
	}
		
	.link .text p { 
		margin: 1em 0;
	}
	
	.contatti .text {
		margin-left: 30px;
	}
	.contatti .immagine_sx {
		width: 350px;
		text-align: center;
	}
	
	
	/* MENU SETTINGS */
	
	/* main menu */
	.menu1 {
		display: table;
		width: 100%; 
		text-align: center;
	}
	.menu1-item-wrapper {
		display: table-cell;
	}
	.ielt8 .menu1-item-wrapper, .ielt8 .menu1-item{
		display: inline; /* backup for browser that don't support display:table-cell */
	}
	.ielt8 .menu1-item-wrapper {
		margin: 0 1em;
	}
	.menu1-item {
		display: inline-block; 
		min-width: 4em;
		text-align: center;
		padding: 2px 8px;
		font-size: 1em;
		font-weight: bold; 
		text-transform: uppercase;
	}
	.menu1-item a{
		text-decoration: none; /**/
	}
	.menu1-item a:hover {
	}
	.menu1-item a:focus, .menu1-item a:active {
	}
	.menu1-item.selected, .menu1-item.selected a{ /*both classes toghether */
	}
	    .menu1-item.selected, .menu1-item.selected a {
		background-color: rgba(43.9%, 8.2%, 8.2%, 0.88);
	}
	.ielt9 .menu1-item.selected, .ielt9  .menu1-item.selected a {
		background-color: transparent; /* needed for filter to work, else it would show -transparently- the opaque bgcolor*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e0701515,endColorstr=#e0701515);
		zoom: 1; /*trigger hasLayout for 6,7*/ 
	}
	 
	                                                                             
	.menu1-item.selected a:hover, .menu1-item.selected a:focus, .menu1-item.selected a:active {
	}				
	
	
	
	/* bottomline *************************************************************/
	.bottomline {
		display:table;
		margin-top: 3em;
		padding: 3px 0;
		border-top: 1px solid silver; /**/
		border-bottom: 1px solid silver; /**/
		width: 100%;
	}
	.ielt8 .bottomline { 
		display: block;
	}  
	.bottomline > span {
		display: table-cell;
		text-align: center;
		/*border: 1px solid red; /**/
	}
	.ielt8 .bottomline span { /* not exactly the same selector */ 
		display: inline-block;
		margin: 0 6px;
		/* border: 1px solid blue; /**/
	}  

	.bottomline .first {
		text-align: left;
	}
	.bottomline .last {
		text-align: right;
	}

	
	.bottomline, .bottomline a, .bottomline a:link, bottomline a:visited {
		font-size: 90%;
		font-weight: bold;
	}
	.bottomline .brandlink {
		font-family: ARIAL, Helvetica, sans-serif;
		font-size: 100%;
	}
	.bottomline .brandlink .brandprefix{ }
	.bottomline .brandlink .brandsuffix{ }
	.bottomline .brandlink .brandname{
		font-weight:bold; 
	}