@charset "utf-8";
/* CSS Document */


/* ----- testi ----- */

@font-face {
    font-family: 'Swis721 LtCn BT';
    src: url('../fonts/Swiss721BT-LightCondensedItalic.eot');
    src: url('../fonts/Swiss721BT-LightCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-LightCondensedItalic.woff2') format('woff2'),
        url('../fonts/Swiss721BT-LightCondensedItalic.woff') format('woff'),
        url('../fonts/Swiss721BT-LightCondensedItalic.ttf') format('truetype'),
        url('../fonts/Swiss721BT-LightCondensedItalic.svg#Swiss721BT-LightCondensedItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-ItalicCondensed.eot');
    src: url('../fonts/Swiss721BT-ItalicCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-ItalicCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-ItalicCondensed.woff') format('woff'),
        url('../fonts/Swiss721BT-ItalicCondensed.ttf') format('truetype'),
        url('../fonts/Swiss721BT-ItalicCondensed.svg#Swiss721BT-ItalicCondensed') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 BlkCn BT';
    src: url('../fonts/Swiss721BT-BlackCondensed.eot');
    src: url('../fonts/Swiss721BT-BlackCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-BlackCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-BlackCondensed.woff') format('woff'),
        url('../fonts/Swiss721BT-BlackCondensed.ttf') format('truetype'),
        url('../fonts/Swiss721BT-BlackCondensed.svg#Swiss721BT-BlackCondensed') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 LtCn BT';
    src: url('../fonts/Swiss721BT-LightCondensed.eot');
    src: url('../fonts/Swiss721BT-LightCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-LightCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-LightCondensed.woff') format('woff'),
        url('../fonts/Swiss721BT-LightCondensed.ttf') format('truetype'),
        url('../fonts/Swiss721BT-LightCondensed.svg#Swiss721BT-LightCondensed') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-BoldCondensedItalic.eot');
    src: url('../fonts/Swiss721BT-BoldCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-BoldCondensedItalic.woff2') format('woff2'),
        url('../fonts/Swiss721BT-BoldCondensedItalic.woff') format('woff'),
        url('../fonts/Swiss721BT-BoldCondensedItalic.ttf') format('truetype'),
        url('../fonts/Swiss721BT-BoldCondensedItalic.svg#Swiss721BT-BoldCondensedItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-RomanCondensed.eot');
    src: url('../fonts/Swiss721BT-RomanCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-RomanCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-RomanCondensed.woff') format('woff'),
        url('../fonts/Swiss721BT-RomanCondensed.ttf') format('truetype'),
        url('../fonts/Swiss721BT-RomanCondensed.svg#Swiss721BT-RomanCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 BdCnOul BT';
    src: url('../fonts/Swiss721BT-BoldCondensedOutline.eot');
    src: url('../fonts/Swiss721BT-BoldCondensedOutline.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-BoldCondensedOutline.woff2') format('woff2'),
        url('../fonts/Swiss721BT-BoldCondensedOutline.woff') format('woff'),
        url('../fonts/Swiss721BT-BoldCondensedOutline.ttf') format('truetype'),
        url('../fonts/Swiss721BT-BoldCondensedOutline.svg#Swiss721BT-BoldCondensedOutline') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-BoldCondensed.eot');
    src: url('../fonts/Swiss721BT-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-BoldCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-BoldCondensed.woff') format('woff'),
        url('../fonts/Swiss721BT-BoldCondensed.ttf') format('truetype'),
        url('../fonts/Swiss721BT-BoldCondensed.svg#Swiss721BT-BoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Swis721 BlkCn BT';
    src: url('../fonts/Swiss721BT-BlackCondensedItalic.eot');
    src: url('../fonts/Swiss721BT-BlackCondensedItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Swiss721BT-BlackCondensedItalic.woff2') format('woff2'),
        url('../fonts/Swiss721BT-BlackCondensedItalic.woff') format('woff'),
        url('../fonts/Swiss721BT-BlackCondensedItalic.ttf') format('truetype'),
        url('../fonts/Swiss721BT-BlackCondensedItalic.svg#Swiss721BT-BlackCondensedItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}

h1{
	font-family: 'Swis721 LtCn BT';
	font-weight: normal;
    font-style: normal;
	font-size:42px;
	color:#325080;
	margin:0px;
}

h2{
	font-family: 'Swis721 LtCn BT';
	font-weight: normal;
    font-style: normal;
	font-size:24px;
	color:#325080;
	line-height:1.2;
	margin:0px;
}

h3{
	font-family: 'Swis721 LtCn BT';
	font-weight: normal;
    font-style: normal;
	font-size:18px;
	color:#5d5c5d;
	line-height:1.6;
	margin:0px;
	text-align:justify;
}

h4{
	font-family: 'Swis721 Cn BT';
	font-weight: normal;
    font-style: normal;
	font-size:14px;
	line-height:1.6;
	color:#CCC;
}


/* ----- pagine ----- */

body{margin:0;padding:0;text-decoration:none;}

a {text-decoration:none; color:inherit;}
a:visited {text-decoration:none; color:inherit;}

p { margin: 0; }

#header{
	margin:0 auto;
	width:100%;
  height:60px;
  padding-top: 60px;
  position: fixed;
  background-color:#FFF;
}

.fascia{
	width:100%;
	border-top:1px solid #999;
}

.fascia h3{
	margin:0 auto;
	text-align:right;
	padding-right: 5px;
}

#banner{
	width:100%;
	height:450px;
	background-image:url(../img/layout/img_luca_conca.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#contenuti{
	margin:0 auto;
	max-width:990px;
	height:450px;
	margin-top:50px;
	margin-bottom:50px;
}


.page{
	margin:0 auto;
	width:990px;
	min-height:100px;
}
.page3{
	float:left;
	width: calc(100% * 1 / 3.001);
	min-height:100px;
}
.page2{
	float:left;
	width:50%;
	min-height:100px;
}

.page4{
	float:left;
	width:25%;
	min-height:100px;
}

.page5{
	float:left;
	width:20%;
	min-height:100px;
}

#anteprime_progetti{
	width:48%;
	height:140px;
	margin:0% 0% 2% 2%;
 	float:right;
	overflow:hidden;
}
#anteprime_progetti img{width:100%; }

#footer{
	margin:0 auto;
	margin-top:30px;
	width:100%;
	min-height:200px;
	background-color:#282828;
	padding-top:50px;
}


/* -------------------------- form contatti ------------------------------------- */

label, input, textarea { /* Stili comuni agli elementi del form */
    color: #333; /* Colore del testo */
    float: left; /* Float a sinistra */
    font-family: Verdana, sans-serif; /* Tipo di carattere per il testo */
}
label { /* Stili per la label */
    display: block; /* Impostiamo la label come elemento blocco */
    line-height: 30px; /* Altezza di riga */
    width: 130px; /* Larghezza */
}
input, textarea { /* Stili per il campo di testo e per la textarea */
    background: #fff; /* Colore di sfondo */
    border: 1px solid #d2d2d2; /* Bordo */
    color: #333; /* Colore del testo */
    height: 30px; /* Altezza */
    line-height: 30px; /* Altezza di riga */
    width: 400px; /* Larghezza */
    padding: 0 10px; /* Padding */
}
input {
	padding-left: 15px;
	textarea { /* Stili specifici per la teaxtarea */
    background: #fff url('images/social_balloon.png') no-repeat 235px 95px; /* Sfondo con immagine */
    font-size: 12px;
    height: 200px;
    width: 330px;
    overflow: hidden; /* disabilitare la scrollbar in IE */
}



@media screen and (max-width:1000px){

.fascia h3{
	text-align:center;
	width:100%;
}

}