/* ================================
    CSS STYLES FOR LESSMORE
   ================================  
*/ 
body {
	font: 85%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFFFFF;
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
}
h6 {
	margin: 1.5em 0px 0.5em; font-size: 0.8em;
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}
a:link {
	color:#414958;
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
}
.clearFloats {
	CLEAR: both
}
/*.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
 .clearfix {
     zoom: 1;
 }*/
hr{
    margin: 20px 0;
    display: block;
}
/* LAYOUT */

#container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. Non è necessario se impostate la larghezza del .container su 100%. */
	/*position: relative;*/
}

#header {
	background: #FFF;
	height: 90px;
}
#header #logo {
	left: 0px;
	top: 0px;
	position: relative;
	height: 90px;
}
#header #social{
	width: 400px;
	height: 27px;
	bottom: 80px;
	position: relative;
	z-index: 200;
	text-align: right;
	left: 540px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}
#header #languages{
	width: 400px;
	height: 27px;
	bottom: 67px;
	position: relative;
	z-index: 200;
	text-align: right;
	left: 540px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#headeInt #languages {
	width: 400px;
	height: 27px;
	bottom: 50px;
	position: relative;
	z-index: 200;
	text-align: right;
	left: 550px;
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	background-color: #6F6;
}

#header #languages a.lang {
	line-height: 20px;
	float: right;
	padding-right: 3px;
	padding-left: 3px;
}
#headerInt #languages a.lang {
	line-height: 20px;
	float: right;
	padding-right: 3px;
	padding-left: 3px;
}


#Nav {/* ok */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	z-index: 9999;
	width: 960px;
}
#content {
	text-align: center;

}
#principale {
	background-color: #FFF;
}
/* ~~ slide  ~~ */
#wrapper {
	padding: 0px;
	text-align: center;
	width: 100%;
}
.slider-wrapper {
	width: 925px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#wrapper img {

}

#PagTit{
	font-weight: bold;
	color: #5C5456;
	line-height: 1.2;
	clear: left;
	text-align: left;
	background-color: #E2E2E2;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7D7D7;
	font-size: 0.9em;
	font-variant: small-caps;
}
/* ~~ colonne  ~~ */

#sidebar1 {
	float: right;
	width: 192px;
	padding-bottom: 10px;
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	float: right;
}

#sidebar1 .box{
	clear: left;
	text-align: left;
	color: #333333;
	background-color: #C0C682;
	margin-top: 90px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	}
#sidebar1 .boxvuoto {
	clear: left;
	text-align: left;
	color: #333333;
	margin-top: 60px;
	margin-left: 5px;
	padding: 5px;
}

#sidebar1 .ico{
	clear: left;
	border: 1px solid #333;
	margin-top: 5px;
	margin-right: 5px;
	}

#corpo {
	padding: 20px;
	width:728px;
	background-color: #FFF;
}
#corpo .title{
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	background-color: #D1CBC7;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#corpo .testo{
	font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
}

#CHLights {
	WIDTH: 950px;
	BACKGROUND: #efefef;
	CLEAR: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 5px;
}
.firstColumn {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	WIDTH: 312px;
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	FLOAT: left;
	PADDING-TOP: 2px
}
.secondColumn {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	WIDTH: 312px;
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	FLOAT: left;
	PADDING-TOP: 2px
}
.thirdColumn {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	WIDTH: 312px;
	PADDING-RIGHT: 0px;
	DISPLAY: inline;
	FLOAT: left;
	PADDING-TOP: 2px
}
.firstColumn H3.titolo {
	MARGIN: 0px;
	COLOR: #ffffff;
	background-color: #333;
	line-height: 16px;
	padding: 5px;
	font-variant: small-caps;
	font-size: 0.9em;
	width: 300px;
}
.secondColumn H3.titolo {
	MARGIN: 0px;
	COLOR: #ffffff;
	background-color: #333;
	line-height: 16px;
	padding: 5px;
	font-variant: small-caps;
	font-size: 0.9em;
	width: 300px;
}
.thirdColumn H3.titolo {
	MARGIN: 0px;
	COLOR: #ffffff;
	background-color: #333;
	line-height: 16px;
	padding: 5px;
	font-variant: small-caps;
	font-size: 0.9em;
	width: 300px;
}
.firstColumn .box {
	BORDER-BOTTOM: #efefef 1px solid;
	HEIGHT: 180px;
	background-color: #FFFFFF;
	padding: 5px;
	position: relative;
	width: 300px;
}
.secondColumn .box {
	BORDER-BOTTOM: #ffffff 1px solid;
	HEIGHT: 180px;
	padding: 5px;
	position: relative;
	width: 300px;
	background-color: #FC7603;
}
.secondColumn .boxHL {
	BORDER-BOTTOM: #ffffff 1px solid;
	HEIGHT: 220px;
	padding: 5px;
	position: relative;
	width: 300px;
	background-color: #FF9900;
}

.thirdColumn .box {
	BORDER-BOTTOM: #efefef 1px solid;
	HEIGHT: 180px;
	padding: 5px;
	float: left;
	background-color: #FFFFFF;
	position: relative;
	width: 300px;
}
.firstColumn .images {
	POSITION: relative
}
.secondColumn .images {
	POSITION: relative
}
.thirdColumn .images {
	POSITION: relative
}
div.box a.box {
	Z-INDEX: 400;
	DISPLAY: block;
	WIDTH: 300px;
	FLOAT: left;
	HEIGHT: 180px;
	TEXT-DECORATION: none;
	TOP: 0px;
	LEFT: 0px;
	padding: 0px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div.boxHL a.box {
	Z-INDEX: 400;
	DISPLAY: block;
	WIDTH: 300px;
	FLOAT: left;
	HEIGHT: 220px;
	TEXT-DECORATION: none;
	TOP: 0px;
	LEFT: 0px;
	padding: 0px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


div.box span.titolo {
	position: absolute;
	display: block;
	Z-INDEX: 200;
	COLOR: #333333;
	CURSOR: pointer;
	TEXT-DECORATION: none;
	TOP: 12px;
	LEFT: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.4;
	font-weight: bold;
	float: left;
	clear: both;
	width: 280px;
	bottom: 2px;
}

DIV.box SPAN.descrizione {
	Z-INDEX: 200;
	position: absolute;
	display: block;
	WIDTH: 180px;
	COLOR: #333333;
	CURSOR: pointer;
	TEXT-DECORATION: none;
	TOP: 47px;
	LEFT: 4px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.4;
	bottom: 1px;
	
}
DIV.box SPAN.descrizExt {
	Z-INDEX: 200;
	display: block;
	COLOR: #333333;
	CURSOR: pointer;
	TEXT-DECORATION: none;
	float: left;
	TOP: 47px;
	LEFT: 10px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.4;
	WIDTH: 280px;

	
}
DIV.box SPAN.img {
	Z-INDEX: 200;
	POSITION: absolute;
	WIDTH: 99px;
	HEIGHT: 99px;
	CURSOR: pointer;
	TEXT-DECORATION: none;
	TOP: 42px;
	right: -5px;
	padding: 0px;
}


/*DIV.images SPAN.titolo {
	POSITION: absolute; WIDTH: 90%; DISPLAY: block; FONT-FAMILY: Arial; MARGIN-BOTTOM: 5px; FLOAT: left; COLOR: #232520; CLEAR: both; FONT-SIZE: 12px; CURSOR: pointer; FONT-WEIGHT: bold; TEXT-DECORATION: none; TOP: 13px; LEFT: 14px
}
DIV.images SPAN.image {
	POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 203px; PADDING-RIGHT: 3px; DISPLAY: block; BACKGROUND: url(../images/home/sfondo-images-total.jpg) no-repeat; FLOAT: left; HEIGHT: 88px; CLEAR: both; CURSOR: pointer; TEXT-DECORATION: none; PADDING-TOP: 3px; TOP: 35px; LEFT: 13px
}
DIV.images SPAN.descrizione {
	POSITION: absolute;
	WIDTH: 260px;
	DISPLAY: block;
	FONT-FAMILY: Arial;
	FLOAT: left;
	COLOR: #484848;
	CLEAR: both;
	FONT-SIZE: 13px;
	CURSOR: pointer;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	TOP: 40px;
	LEFT: 14px
}*/

#contentbox {
	padding: 0px;
	width: 960px;
	clear: both;
}
#contentbox .box{
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #F63;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 33%;
	float: left;
}
#contentbox .box2{
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #F93;
	width: 29%;
	float: right;
}
#contentbox #nota{
	font-size: 0.9em;

}
/* ~~ Il piè di pagina ~~ */
#footer {
	position: relative;/* Fornisce hasLayout a IE6 per ottenere un clearing corretto.  */
	clear: both; /* Questa proprietà clear obbliga il .container a tenere conto di dove terminano le colonne e a contenerle. */
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	font-size: 0.8em;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#info {
	position: relative;/* Fornisce hasLayout a IE6 per ottenere un clearing corretto.  */
	clear: both; /* Questa proprietà clear obbliga il .container a tenere conto di dove terminano le colonne e a contenerle. */
	background-color: #FFFFFF;
	font-size: 0.9em;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#footer .certificazioni {
	/*text-transform: uppercase;*/
	padding-top: 10px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 4px;
	WIDTH: 312px;
	PADDING-RIGHT: 0px;
	/*text-decoration: underline;*/
	width: 300px;
	DISPLAY: inline;
	FLOAT: left;
}
#footer .certificazioni img {
	margin-top: 10px;
}

.certificazioni H3.titolo {
	MARGIN: 0px;
	COLOR: #999900;
	line-height: 1.4em;
	padding: 5px;
	font-variant: normal;
	font-size: 1.2em;
	width: 300px;
	text-transform: uppercase;
	text-decoration: underline;
}










/* LAYOUT INT*/
#headerInt {
	background: #FFF;
	height: 140px;
	font-size: 80%;
}
/*------------------------ Project --------------------------*/
#Project {
	color: #6b6666;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
#Project .title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 1.2;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3B176;
}
.Project-thumbnails {
	width: 940px;
}


.Project-thumbnails img {
	transition:0.2s ease-in-out; width: 180px; display: block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
}
.Project-thumbnails .thumbnail {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FLOAT: left;
	MARGIN-BOTTOM: 4px;
	PADDING-BOTTOM: 4px;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	border: 1px solid #990000;
}
.Project-intervista {
	width: 940px;
	FLOAT: none;
	background-image: url(../images/bkg/bosco.jpg);
	height: 517px;
	font-family: Verdana, Geneva, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
}
.Project-intervista .testo {
	FLOAT: none;
	height: 180px;
	width: 600px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #DCDBC0;
	margin-left: 200px;
}


#Project a:link {
	color:#FF6600;
	text-decoration: none;
}
#Project a:visited {
	color: #CC7E59;
	text-decoration: none;
}
#Project a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #666;
}

#Project .col_left {
	width: 730px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 90%;
}

#Project .col_right {
	padding: 0;
	width: 200px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 10px;
	background-color: #EDEBE9;
	font-size: 80%;
}
/*#Project ul {
	text-align: left;
	list-style-type: none;
	background-color: #CC0;
}
#Project ul li a
{
	text-decoration: none;
	color: #333333;
}
#Project ul li a:hover
{
	color: #FB862D;
}*/
/*------------------------ catalogo --------------------------*/
#Catalog {
	color: #6b6666;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#Catalog .title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	background-color: #D1CBC7;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#Catalog .text {
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: small;
}
#Catalog-Text {
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: small;
}

#Catalog .brand {
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: small;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #B3B176;
}
#Catalog-brand {
	font-weight: normal;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: small;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #B3B176;
}



.catalog-thumbnails {
	width: 940px;
}
.catalog-thumbnails img {
	transition:0.2s ease-in-out; width: 300px; display: block; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;
}
.catalog-thumbnails .project-title {
	width: 90%;
	text-align: left;
	font-weight: bold;
	display: block;
	margin-top: 0.7em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
}

.catalog-thumbnails .project-title:hover {
	color: rgb(51,51,51);
}
.catalog-thumbnails .project-description {
	width: 90%;
	text-align: left;
	font-weight: normal;
	display: block;
	margin-top: 0.7em;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	text-decoration: none;
	font-size: 0.8em;
}
.catalog-thumbnails a.project-thumb {
	border: 0px currentColor; transition:none ease-in-out; width: 312px; margin-bottom: 8px; float: left; display: block; position: relative; -webkit-transition: none 0 ease-in-out; -moz-transition: none 0 ease-in-out; -o-transition: none 0 ease-in-out;
}
.catalog-thumbnails a.project-thumb:hover {
	border: 0px currentColor;
}
.catalog-thumbnails .project-thumb-inside {
	padding: 7px; border: 1px solid rgb(255, 255, 255); transition:border 0.3s ease-in-out; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out;
}
.catalog-thumbnails .project-thumb-inside:hover {
	border-color: rgb(250, 150, 119);
}
.catalog-thumbnails .project-thumb-inside:hover img {
	opacity: 0.7;
}

/*------------------------ evento --------------------------*/
.thumbnail {
BORDER-RIGHT: #2a2a2a 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2a2a2a 1px solid; PADDING-LEFT: 2px; FLOAT: left; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 6px; BORDER-LEFT: #2a2a2a 1px solid; MARGIN-RIGHT: 8px; PADDING-TOP: 2px; BORDER-BOTTOM: #2a2a2a 1px solid}
#BodyEvento {
	background-color: #CCC;
}
#Evento  {
	padding: 20px;
	width:728px;
	background-color: #FFF;
	color: #6b6666;
}

#Evento img {
	border: 1px solid #666666;
	margin-right: 10px;
}
#Evento .title{
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	background-color: #D1CBC7;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}


#Evento .testo{
	font: 90%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
}
#Evento .Hlight{
	color: #8C705E;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: oblique;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 10px;
}

#Evento .Link {
	clear: both;
	padding-left: 8px;
	margin-left: 16px;
	width: 620px;
}
#foto {
	width: 748px;
	margin-left: 20px;
	clear: both;
	float: left;
}

#Colophon  {
	padding: 20px;
	width:728px;
	background-color: #FFF;
	color: #6b6666;
	float: left;
	clear: right;
}
#Colophon .testo{
	color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.4;
}
/*------------------------ Evento 2014 --------------------------*/
#Pprinc {
	color: #6b6666;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#Pprinc #event {
	margin-left: 10px;
}

#Pprinc #event .title {
    font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
	clear: left;
	text-align: left;
	background-color: #D1CBC7;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#Pprinc #event .subtitle_HL {
	color: #333333;
	clear: left;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #B3AF72;
	border-right-color: #B3AF72;
	border-bottom-color: #B3AF72;
	border-left-color: #B3AF72;
}

#Pprinc #event img {
	border: 1px solid #666666;
	margin-right: 10px;
}

#Pprinc #event .col_left {
	width: 730px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 90%;
}
#Pprinc #event .col_left_HL {
	width: 730px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 10;
	padding-right: 5;
	padding-bottom: 10;
	font-size: 90%;
	font-weight: normal;
	background-color: #FEC292;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #FC7603;
	border-right-color: #FC7603;
	border-bottom-color: #FC7603;
	border-left-color: #FC7603;
	padding-left: 5px;
}

#Pprinc #event .Hlight {
	width: 730px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 90%;
}

#Pprinc #event .col_right {
	padding: 0;
	width: 200px;
	float: left;
	overflow: hidden;
	margin-top: 17px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 10px;
	background-color: #EDEBE9;
	font-size: 80%;
}
#Pprinc #photo {
	clear: both;
	float: left;
	margin-left: 10px;
	width: 900px;
}

#Pprinc #photoBig {
	clear: both;
	float: left;
	margin-left: 10px;
	width: 940px;
}

#Pprinc #photoBig .thumbnail {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FLOAT: left;
	MARGIN-BOTTOM: 4px;
	PADDING-BOTTOM: 4px;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	border: 1px solid #B0B176;
}

/*------------------------ Press --------------------------*/
#Press  {
	padding: 20px;
	width:728px;
	background-color: #FFF;
	color: #6b6666;
}

#Press .titoletto {
	MARGIN-TOP: 15px;
	DISPLAY: inline;
	FLOAT: left;
	COLOR: #616161;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold
}
#Press .item {
	DISPLAY: inline;
	FLOAT: left;
	OVERFLOW: hidden;
	padding: 0px;
	clear: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #F4F4F2;
	width: 700px;
}

#Press .item IMG {
	BORDER-BOTTOM: #dbdbdb 5px solid;
	BORDER-LEFT: #dbdbdb 5px solid;
	MARGIN-TOP: 15px;
	WIDTH: 150px;
	DISPLAY: inline;
	MARGIN-LEFT: 15px;
	BORDER-TOP: #dbdbdb 5px solid;
	BORDER-RIGHT: #dbdbdb 5px solid;
	float: left;
	margin-bottom: 15px;
}
#Press .item .blocco {
	PADDING-BOTTOM: 10px;
	MARGIN-TOP: 15px;
	WIDTH: 500px !important;
	DISPLAY: inline;
	FLOAT: right;
	MARGIN-LEFT: 15px;
	OVERFLOW: hidden;
}
#Press .item .blocco H3 {
	LINE-HEIGHT: 17px;
	WIDTH: 500px;
	FLOAT: left;
	COLOR: #CC7E59;
	display: inline;
	padding: 0px;
	font-size: 90%;
}
#Press .item .blocco SPAN.text {
	FLOAT: left;
	COLOR: #616161;
	FONT-SIZE: 90%;
	display: inline;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 500px;
}
#Press a:link {
	color:#CC7E59; 
	text-decoration: none;
}
#Press a:visited {
	color: #CC7E59;
	text-decoration: none;
}
#Press a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #666;
}
/*------------------------ EventsList --------------------------*/
#EvList  {
	padding: 20px;
	width:728px;
	background-color: #FFF;
	color: #6b6666;
}

#EvList .titoletto {
	MARGIN-TOP: 15px;
	DISPLAY: inline;
	FLOAT: left;
	COLOR: #616161;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold
}
#EvList .item {
	DISPLAY: inline;
	FLOAT: left;
	OVERFLOW: hidden;
	padding: 0px;
	clear: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #F4F4F2;
	width: 700px;
}

#EvList .item IMG {
	BORDER-BOTTOM: #dbdbdb 5px solid;
	BORDER-LEFT: #dbdbdb 5px solid;
	MARGIN-TOP: 15px;
	WIDTH: 150px;
	DISPLAY: inline;
	MARGIN-LEFT: 15px;
	BORDER-TOP: #dbdbdb 5px solid;
	BORDER-RIGHT: #dbdbdb 5px solid;
	float: left;
	margin-bottom: 15px;
}
#EvList .item .blocco {
	PADDING-BOTTOM: 10px;
	MARGIN-TOP: 15px;
	WIDTH: 500px !important;
	DISPLAY: inline;
	FLOAT: right;
	MARGIN-LEFT: 15px;
	OVERFLOW: hidden;
}
#EvList .item .blocco H3 {
	LINE-HEIGHT: 17px;
	WIDTH: 500px;
	FLOAT: left;
	COLOR: #CC7E59;
	display: inline;
	padding: 0px;
	font-size: 90%;
}
#EvList .item .blocco SPAN.text {
	FLOAT: left;
	COLOR: #616161;
	FONT-SIZE: 90%;
	display: inline;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 500px;
}
#EvList a:link {
	color:#CC7E59; 
	text-decoration: none;
}
#EvList a:visited {
	color: #CC7E59;
	text-decoration: none;
}
#EvList a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #666;
}
/*------------------------ CaseHistory --------------------------*/
.contenitore{
	padding-bottom: 20px;
	padding-top: 20px;
	background-color: #F3F3F3;
	padding-right: 3px;
	padding-left: 8px;
}

.cols{
    -moz-column-count:3;
    -moz-column-gap: 10px;
    -webkit-column-count:3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

.blocco{
    display: inline-block;
    width: 300px;
    margin-bottom: 20px;
    -webkit-transition-property: left,right,top;
    -moz-transition-property: left,right,top;
    -ms-transition-property: left,right,top;
    -o-transition-property: left,right,top;
    transition-property: left,right,top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.blocco.one{
	/*	width: 140px;*/
	padding-bottom: 0px;
	margin-bottom: 10px;
	border-bottom-color: currentColor;
	border-bottom-width: medium;
	border-bottom-style: none;
	background-color: #FFF;
}
.category{
	color: black;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: underline;
}
.date {
	color: rgb(66, 66, 66);
	font-size: 12px;
	margin-bottom: 5px;
}
.summary {
	color: rgb(66, 66, 66);
	font-size: 12px;
	margin-bottom: 5px;
}
.blocco.two{
    height: 300px;
    background-color: #dcbc4c;
}
.blocco.three{
    background-color: #a3ca3b;
    height: 400px;
}   
.blocco.four{
    background-color: #3daee3;
    height: 500px;
}
.blocco.five{
    background-color: #bb8ed8;
    height: 600px;
}
.blocco.six{
    background-color: #baafb1;
    height: 200px;
}


/*------------------------ Publications --------------------------*/
#Press .testo {
	DISPLAY: inline;
	FLOAT: left;
	OVERFLOW: hidden;
	padding: 0px;
	clear: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color: #F4F4F2;
	width: 700px;
	font-size: 80%;
}
.Pcategory {
	font-weight: bold;
	color: #FB862D;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.PMag {
	text-transform: uppercase;
	line-height: 12px;
	padding-top: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
}

p.mag {
	margin-top: 3px;
	margin-left: 30px;
	margin-bottom: 3px;

}
#MagCover {
	color: #6b6666;
	float: left;
	margin-left: 6px;
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 16px;
	width: 650px;
}

.MagCover .thumbnail {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FLOAT: left;
	MARGIN-BOTTOM: 4px;
	PADDING-BOTTOM: 4px;
	MARGIN-RIGHT: 4px;
	PADDING-TOP: 2px;
	border: 1px solid #990000;
	}

/* ~~ Questo selettore raggruppato fornisce spazio agli elenchi dell'area .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Questa spaziatura rispecchia la spaziatura destra nella regola di intestazione e paragrafo riportata sopra. La spaziatura è stata applicata al lato inferiore per garantire uno spazio tra gli altri elementi negli elenchi e a sinistra per creare il rientro. Può essere regolata a piacere. */
}

/* ~~ Gli stili dell'elenco di navigazione (rimovibili se scegliete di utilizzare un menu flyout reimpostato come Spry) ~~ */
ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco */
	border-top: 1px solid #666; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 15px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
}
ul.nav li {
	border-bottom: 1px solid #666; /* Crea la separazione tra i pulsanti */
}
ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	text-decoration: none;
	background: #8090AB;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #6F7D94;
	color: #FFF;
}



/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

[if lte IE 7]>

.content { margin-right: -1px; } /* Questo margine negativo da 1 px può essere posizionato in qualsiasi colonna di questo layout ottenendo lo stesso effetto correttivo. */
ul.nav a { zoom: 1; }  /* La proprietà zoom fornisce il trigger hasLayout a IE per correggere lo spazio vuoto supplementare tra i collegamenti. */



/* Caporaso Design
   Updated:  09.07.13 @ 2:30 p.m.
   Author:   Mara Giacomelli
   ----------------------------------------------------*/