@import url('reset.css');

@font-face {
	font-family: 'Open Sans Condensed';
	/*font-style: normal;
	font-weight: 300;*/
	src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url('http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff') format('woff');
}

@font-face {
	font-family: 'Playfair Display';
	/*font-style: italic;
	font-weight: 400;*/
	src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url('http://themes.googleusercontent.com/static/fonts/playfairdisplay/v6/9MkijrV-dEJ0-_NWV7E6N3aqFElqJjV-H5EUExnZgmU.woff') format('woff');
}

html, body {
height: 100%;

}

body{
	margin:0px;
	border:0px;
	padding:0px;
	background-color:white;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	font-size:9pt;
	/*overflow:scroll;*/
}

a {
	text-decoration:none;
	border:none;
	outline: 0;
}

#Intestazione{
	height:100px;
	border-bottom:1px solid #000000;
	/*border:1px solid #0000FF; /* CHECK */
	background-color:white;
	min-width:960px;
}

.bottone{
	vertical-align:middle;
	line-height:24px;
	margin:4px 3px 4px 0px;
	color:black;
	float:left;
	text-align:center;
	width:70px;
	height:24px;
	background:url('../img/bottone.png') top left no-repeat;
	}
.bottone:hover{
	background:url('../img/bottone+.png') top left no-repeat;
	}

/*
.bottone{
	vertical-align:middle;
	line-height:24px;
	margin:4px 3px 4px 0px;
	color:black;
	float:left;
	text-align:center;
	width:70px;
	height:24px;
	background:url('img/bottone.png') top left no-repeat;
	}
	
.bottone:hover{
	background:url('img/bottone+.png') top left no-repeat;
	font-weight:bold;
	}
*/
#Corpo{
	width:960px;
	height:auto;
	min-height:250px;
	margin:1px auto 0px auto;
	clear:both;
	padding-bottom:115px; /* Dimensione del footer */
	padding-left:10px;
	padding-top:30px;
	/*background:url('../img/logocroce.png') bottom left no-repeat;*/
}

#Main{
	position:relative;
	min-height:100%;
	*z-index:10;
	
}

#Footer{
	position:relative;
	margin:0px;
	margin-top:-115px; /*dimensione negativa del footer */
	clear:both;
	height:115px; /*dimensione del footer */
	background-color:#444444;
	/*border:1px solid #00FF00; /* CHECK */
	min-width:960px;
	*z-index:2;
}

#titolo{
	background-color:#666666;
	height:100px;
	border-bottom:1px solid black;
	min-width:960px;


	font-size: 35px;
	line-height: 35px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	color: #FFFFFF;
	
	font-style:italic;
	font-weight:bold;

}

#titolo-fadeout{
	margin:42px 0px 0px 0px;
	width:70px;
	height:35px;
	background:url('../img/titolofadeout.png') bottom right no-repeat;
	float:left;
}

.titolo-over{
	border-bottom:2px solid white; 
	position:absolute;
	bottom:25px;
	left:68px;
	color:white;
	padding-right:10px;
}
.titolo-shadow{
	border-bottom:2px solid black; 
	position:absolute;
	bottom:23px;
	left:70px;
	color:black;
	padding-right:10px;
}

.titolo-testo{
	vertical-align: middle;
	height:35px;
	bottom:10px;
	margin:40px 0px 0px 0px;
	border-bottom:2px solid white;
	float:left;
	padding:0px 10px 0px 30px;
	/*text-shadow: 2px 2px 3px #000;*/
	text-shadow: /* contorno */
				 -1px  0px 0 #444444,
		          1px  0px 0 #444444,
				  0px -1px 0 #444444,
				  0px  1px 0 #444444,
				 
				     /* ombra */ 
				  2px 2px 3px #000;
				     /* glow */
				  /*0px -3px 20px #666666,
				  0px  3px 20px #666666,
				 -3px  0px 20px #666666,
				  3px  0px 20px #666666;*/
				  
				 /*3px -3px 10px #606, 
				  3px -3px 10px #606, 
				 -3px  3px 10px #606, 
				  3px  3px 10px #606;*/
}

#Int-Centro{
	padding:0px;
	border:0px;
	width:960px;
	margin:auto;
	height:100px;
	/*border:1px solid yellow; /* CHECK */
	vertical-align: baseline;
}

#Int-Logo{
	padding:0px;
	margin:0px;
	border:0px;
	float:left;
	width:260px;
	height:100px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 34px;
	/*background-color:red; /* CHECK */
	vertical-align: middle;
}

#Int-Access{
	margin-top:3px;
	height:26px;
	width:262px; /* 21 */ /*262*/
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	float:right;
	background-color:#EEE;
	vertical-align:middle;
	line-height:26px;
	/* overflow:hidden; */
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#Int-Access:hover{
	margin-top:3px;
	height:26px;
	width:262px; /*262*/
	border-left:1px solid #AAA;
	border-right:1px solid #AAA;
	float:right;
	background-color:#DDD;
	vertical-align:middle;
	line-height:26px;
	/*overflow:hidden;*/
	-moz-border-radius: 5px;
	border-radius: 5px;
}



#Int-Menu{
	padding:0px;
	margin:26px 0px 0px 0px;
	border:0px;
	float:left;
	height:20px;
	width:700px;
}

.Foot-Centro{
	width:960px;
	margin:auto;
}

#Foot-Dati{
	padding:10px;
	height:100%;
	float:left;
	color:white;
	font-size:7pt;
}

#Foot-Dati a{
	color:#AAA;
	}

#Foot-Dati a:hover{
	color:#EE1C25;
	}

#Foot-Altro{
	padding-top:10px;
	height:100%;
	float:right;
}

#Foot-Croce{
	top:-320px;
	left:0px;
	/*bottom:150px;*/
	width:250px;
	height:250px;
	position:absolute;
	/*position:relative;*/
	z-index:-100;
	*z-index:0;
	background:url('../img/croce.png') top left no-repeat;
}

#Foot-Logo{
	background-color:#FFF;
	height:60px;
	border-bottom:1px solid black;
	font-size:30pt;

}

#BarraOpzioni{
	height:32px;
	/*background: url('../img/barra.png') top left repeat-x;*/
	background-color:#EEE;
	margin-bottom:5px;
	border-bottom:1px solid #666;
	min-width:960px;
}

#FotoProgetto{
	float:left;
	width:261px;
	min-height:250px;
	padding: 5px;
}

#InfoProgetto{
	float:left;
	width:670px;
	padding-top:5px;
	padding-left:10px;
}

.Aforisma {
	margin:auto;
	font-family:'Times New Roman';
	font-size:12pt;
	font-style:italic;
	text-align:justify;
}

.fornitore{
	width:160px;
	
	padding:5px;
	float:left;
	text-align:center;
}

.immaginefornitore{
	border:1px solid #666666;
}

.immaginefornitore:hover{
	border:1px solid #000000;
}

.titolofornitore{
	margin:auto;
	text-align: center;
	width:150px;
}
.cellaprogetto{
	background:url('../img/rules.png') bottom center no-repeat; 
	height:116px; 
	width:960px; 
	clear:both;
	/*border:1px solid #FFFFFF;*/
	padding:1px;

}

.cellaprogetto a {
	text-decoration:none;
	border:none;
	outline: 0;
	color:black;
}

.cellaprogetto:hover{
	/*color:#EE1C25;*/
	/*background-color:#EEE;*/
	background:url('../img/progettiover.png') top left repeat-x;
	border:1px solid #AAA;
	/*padding-left:20px;*/
	height:116px; 
	width:958px; 
	padding:0px;
	}
	
.iconaprogetto{
	position:relative;
}	

.titoloprogettoappare{ 
	display: none;
	width:141px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:12;
	padding:5px 5px 5px 5px;
	color:white;
	text-align:center;
		
    
	background:rgba(0, 0, 0, 0.7);
	
	 
}


.iconaprogetto:hover .titoloprogettoappare{
	display : block;
}

#distanziatore-progetti{
	background:url('../img/rules.png') bottom center no-repeat; 
	height:1px; 
	width:960px; 
	clear:both;
}

#distanziatore-footer{
	clear:both;
	height:30px;
	width:100%;
	z-index:2;
}
	
.fornitore:hover{
	/*color:#EE1C25;*/
	background-color:#EEE;
	border:1px solid #666666;
	margin:0px;
	/*padding-left:20px;*/
	}
	
.fornitore{
	/*color:#EE1C25;*/
	margin:1px;
	/*border:1px clear #ffffff;*/
	/*padding-left:20px;*/
	}
	
	
.e1:after { 
	/*unicode-bidi:bidi-override;
	direction: rtl;*/
	/*content: "email lello";*/
	content: "\74\69\2E\67\6E\69\74\68\67\69\4C\44\44\40\65\73\65\6E\61\44";            /*"\74\69\2E\65\6E\6F\69\7A\61\6E\69\6D\75\6C\6C\69\65\73\65\6E\61\64\40\6F\66\6E\69";*/
}

.e2:after { 
	/*unicode-bidi:bidi-override;
	direction: rtl;
	content: "email mimmo";*/
	content: "\74\69\2E\67\6E\69\74\68\67\69\4C\44\44\40\61\6E\6F\42\61\6C\6C\65\44";           /*"\74\69\2E\6F\72\65\62\69\6C\40\61\6E\6F\62\61\6C\6C\65\64\2E\6F\6D\6D\69\6D";*/
}

.e3:after { 
	/*unicode-bidi:bidi-override;
	direction: rtl;
	content: "info";*/
	content: "\74\69\2E\67\6E\69\74\68\67\69\4C\44\44\40\6F\66\6E\49";        /*"\74\69\2E\67\6E\69\74\68\67\69\4C\44\44\40\6F\66\6E\69";*/
}

.n1:after { 
	/*unicode-bidi:bidi-override; 
	direction: rtl;*/
	/*content: "cell lello";*/
	content: "\39\36\32\2E\39\36\2E\34\37\20\2D\20\35\33\33\20\28\39\33\2B\29";
}

.n2:after { 
	/*unicode-bidi:bidi-override; 
	direction: rtl;
	content: "cell mimmo";*/
	content: "\38\35\37\2E\34\37\2E\35\30\20\2D\20\39\32\33\20\28\39\33\2B\29";
}

.datinascosti{
	unicode-bidi:bidi-override; 
	direction: rtl;
}

.s1{
	width:9px;
	height:9px;
	background: url("../img/s1.png") top left no-repeat;
	float:left;
}

.s2{
	height:9px;
	background: url("../img/s2.png") top left repeat-x;
	float:left;
}

.s3{
	width:9px;
	height:9px;
	background: url("../img/s3.png") top left no-repeat;
	float:left;
}

.s4{
	width:9px;
	background: url("../img/s4.png") top left repeat-y;
	float:left;
}

.s5{
	width:9px;
	height:9px;
	background: url("../img/s5.png") top left repeat-y;
	float:left;
}

.s6{
	width:9px;
	height:9px;
	background: url("../img/s6.png") top left no-repeat;
	float:left;
}

.s7{
	height:9px;
	background: url("../img/s7.png") top left repeat-x;
	float:left;
}

.s8{
	width:9px;
	height:9px;
	background: url("../img/s8.png") top left no-repeat;
	float:left;
}

#contatti-foggia{
	background-color:white;
	/*margin-top:3px;*/
	/*border:1px solid #666;*/
	width:320px;
	height:120px;
	line-height:20px;
	overflow: hidden; 
	/* ... 
	-moz-box-shadow:  0px  0px 5px #808080;
	-webkit-box-shadow:  0px  0px 5px #808080;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
	box-shadow: 0px 0px 5px #808080;
	 
	-moz-border-radius: 5px;
	border-radius: 5px;
	 .. */
	
}

#contatti-foggia-titolo{
	line-height:15px;
	background-color:#73BFBF;
	text-align:center;	
	vertical-align:middle;
	font-weight:bold;
	border-bottom:1px solid #365f5f;
	height:16px;
	
}

#contatti-lecce{
	background-color:white;
	margin-top:10px; /*18px*/
	/*border:1px solid #666;*/
	width:320px;
	height:120px; 
	line-height:20px;
	overflow: hidden; 
	/* ... 
	-moz-box-shadow:  0px  0px 5px #808080;
	-webkit-box-shadow:  0px  0px 5px #808080;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=3);
	box-shadow: 0px 0px 5px #808080;
	-moz-border-radius: 5px;
	border-radius: 5px;
	 .. */
}

#contatti-lecce-titolo{
	line-height:15px;
	background-color:#FFD799;
	text-align:center;	
	vertical-align:middle;
	font-weight:bold;
	border-bottom:1px solid #806b4c;
	height:16px;
}

.contatti-sede{
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	width:650px;
	margin:auto;
}

.contatti-sede h1{
	font-size:10pt;
	font-style:normal;
	font-weight:bold;

}

.contatti-sede a{
	color:#000;
	}

.contatti-sede a:hover{
	color:#EE1C25;
	}

#contatti-email{
	width:400px;
	padding:10px;
	border:1px solid #666;
	background-color:#EEE;
	clear:both;
	margin:auto;
	margin-top:3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.contatti-email-dato{
	padding-right:100px;
	text-align:right;
	margin:5px 0px 5px 0px;
	color:black;
}

.contatti-email-dato input {
	color:black;
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	width:190px;
}

.contatti-email-dato input:focus {
	border:1px solid #000;
}


#contatti-email textarea { /* Stili specifici per la teaxtarea */
    /*background: #1C1C1C url('images/social_balloon.png') no-repeat 235px 95px;*/
    height: 100px;
	min-height:100px;
	max-height:100px;
	width:380px;
    max-width: 380px;
    min-width: 380px;
    /*overflow: hidden; disabilitare la scrollbar in IE */
	border:1px solid #b0b0b0;
}

#contatti-email textarea:focus { /* Stili specifici per la teaxtarea */
	border:1px solid #000;
}

.contatti-risposta-email{
	width:450px;
	height:50px;
	padding:10px;
	vertical-align:middle;
	border:1px solid #666;
	background-color:#EEE;
	clear:both;
	margin:auto;
	margin-top:3px;
	margin-bottom:20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.preload
{
    width: 312px;
    height: 460px;
    padding: 0px;
	margin:0px;
    border: solid 0px #000000;
}

div.preload img
{
    display: block;
    background-image: url("img/loading.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

.piro-link:hover{
	color:#EE1C25;
}

.piro-link{
	color:#AAA;
}

.profilo-descrizione{
	font-size:12pt;
	margin:0px auto 30px auto;
	width:500px;
	line-height:24px;
}

.note-legali{
	font-size:10pt;
	margin:0px auto 30px auto;
	width:700px;
	/*line-height:24px;*/
	text-align:justify;
}


.note-legali H1{
	font-size:20pt;
	font-weight:bold;
	/*font-variant:small-caps;*/
	/*text-align:center;*/
	border-bottom:1px dotted black;
}

.note-legali H2{
	font-size:12pt;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:10px;
	/*font-variant:small-caps;*/
	font-style:italic;
}

.note-legali H3{
	font-size:10pt;
	font-weight:bold;
	/*font-variant:small-caps;*/
	margin-top:10px;
	margin-bottom:5px;
	margin-left:10px;
}