@font-face {
    font-family: 'Ubuntu';
	src: url('font-face/ubuntu-r-webfont.eot') format('embedded-opentype'),
         url('font-face/ubuntu-r-webfont.woff') format('woff'),
         url('font-face/ubuntu-r-webfont.ttf') format('truetype'),
         url('font-face/ubuntu-r-webfont.svg') format('svg');
	font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'Journal';
	src: url('font-face/journal-webfont.eot') format('embedded-opentype'),
         url('font-face/journal-webfont.woff') format('woff'),
         url('font-face/journal-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;	
}
@font-face {
    font-family: 'Opificio';
	src: url('font-face/opificio-webfont.eot') format('embedded-opentype'),
         url('font-face/opificio-webfont.woff') format('woff'),
         url('font-face/opificio-webfont.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;	
}

* {
    margin: 0px;
    padding: 0px;
}

.clearer {
    clear : both !important;
    display: block !important;
    height : 0px !important;
	float : none !important;	
}

body, a, td, input, textarea {
    font-family: Opificio, Ubuntu, Jornal, Arial, Helvetica;
    color : #58585a;
    line-height: 100%;
}

a.piccolo  {
    font-family: Ubuntu, Arial, Helvetica;
}

img, fieldset, input, textarea {
    border : 0px;
}

body{
    background: #a32c34;
}
#content {
    width: 1021px;
    height: 720px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -360px;
    margin-left: -511px;
    background: trasparent;
}
#boxlandingpage {
    width: 540px;
    height: 540px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    padding:0;
    margin-top: -270px;
    margin-left: -270px;
    background: url(images/img-home.jpg) repeat;
    }
    
#chisonopiccolo {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 380px;
    left: 190px;
    background-color: trasparent;
}
#portfoliopiccolo {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 380px;
    left: 300px;
    background-color: trasparent;
}


#spicchio-chisono {
    width: 270px;
    height: 270px;
    position: absolute;
    top: 0;
    right: 0;
    background: trasparent;
}

#contentinterne {
    width: 1000px;
    height: 720px;
    position:absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    background-color: trasparent;
    border: 1px solid #000;
}

#contentTestoInterne {
	width:630px;
	background-color: transparent;
	font-family: 'Ubuntu';
	font-size: 15px;
	line-height: 20px;
	color : #58585a;
	margin-top : 10px;
	margin-left: 320px;
	text-align : justify;
	font-weight : normal;
	padding-top:1px;
}	
	
#fasciasopra{
    width: auto;
    height: 72px;
    top: 0;
    left: 0;
    background: url(images/img-header.png) repeat;
}

#fasciasotto{
    width: auto;
    height: 300px;
    position: relative;
    top: 575px;
    left: 0;
    background: url(images/img-footer.png) repeat;
}

/* FASCIA SX */
.fasciaSx{   
    float : left;     
    width : 234px;
    height: 570px;
    position: absolute;
    top: 50%;
    margin-top: -285px;
    margin-left : 60px;
    background: url(images/img-colonnasx.png) no-repeat;
}
.fasciaSx .logo{   
    margin : 0 auto;
    width : 158px;
    height : 148px;
    margin-top: 50px;
    background : url(images/logo.png) no-repeat left top;
}
.fasciaSx  .menu{ 
    width : 234px;
    height: auto;
    text-align : right; 
    margin-top : 70px;
}    
.fasciaSx  .menu a{ 
    float : left; 
    width : 234px;
    height : 54px;
    font-family: 'Opificio';
    font-size: 25px;
    color : #fb6481;
    text-decoration: none;
    line-height: 54px;
}
.fasciaSx  .menu a.chisono:hover,.fasciaSx  .menu a.chisono.sel{   
    color : #ffffff;
    background : url(images/chisono-on.png) no-repeat left top;
}
/*
.voceMenuHomeChiSiamo a{ 
    float : left; 
    width : 234px;
    height : 54px;
	background : url(images/sez-chisono-of2.png) no-repeat left top;
}
.voceMenuHomeChiSiamo a:hover,.voceMenuHomeChiSiamo a.sel{   
    background : url(images/sez-chisono-on.png) no-repeat left top;
}
*/

.fasciaSx  .menu a.portfolio:hover,.fasciaSx  .menu a.portfolio.sel{   
    color : #ffffff;
	background : url(images/portfolio-on.png) no-repeat left top;
}
.fasciaSx  .menu a.contatti:hover,.fasciaSx  .menu a.contatti.sel{   
    color : #ffffff;
	background : url(images/contatti-on.png) no-repeat left top;
}

#titolopagina{
    height : 60px;
    width : 630px;
    margin-top: 180px;
    margin-left: 320px;
    text-align: right;
    font-family: 'Journal';
    font-size: 50px;
    line-height: 50px;
}

#titolopagina.blu{
    color: #277896;
}
#titolopagina.rosa{
    color: #fb6480;
}
#titolopagina.azzurro{
    color: #76bcbc;
}
/*PORTFOLIO*/
#boxPortfolio{ 
    float : left;
    margin-top: 15px;
    width : 210px;
    height : 155px;
    background : url(images/basefoto.png) no-repeat left top;
}
#contenutobox{
    width : 172px;
    height : 129px;
    margin-left: 15px;
    margin-top: 5px;
    background-color: #76bcbc;
    border: 1px solid #58585a;
    }
    
#sfondoDidascalia{
    position: relative;
    margin-top:-129px;
    width : 172px;
    height : 30px;
    background : url(images/sfondoDidascalia.png) repeat-x left top;
}
.scritta{
    padding-left: 3px;
    padding-top: 3px;
    line-height: 30px;
    font-size : 12px;
    color: #fdfdfd;
}
.finestraContenuto.lavori{ 
    width : 760px;
    margin-right : 5px;
}
.finestraContenuto.lavori .sfondoLavori{
    width : 650px;
    height : 400px;
    margin-top : -30px;
    margin-left : -10px;
    padding-top : 10px;
    background : url(images/sfondoLavori.png) no-repeat;
}
.finestraContenuto.lavori .sfondoLavori .immagineLavori{
    position : relative;
    margin : 0 auto;
    width : 630px;
    height : 380px;
    overflow : hidden;
}
.finestraContenuto.lavori .sfondoLavori .immagineLavori .attesa{
    margin : 180px auto;
    width : 70px;
    height : 70px;
    background : url(images/attesaPiccola.gif) no-repeat left top;
}
.finestraContenuto.lavori .sfondoLavori .immagineLavori .lavoro{	
    position : absolute;
    width : 100%;
    height : 100%;
    text-align : center;
    overflow : hidden;	
}	
.finestraContenuto.lavori .sfondoLavori .immagineLavori .lavoro img{	
    margin : 0 auto;		
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa{
    margin : 10px auto;
    width : 630px;
    height : 30px;
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa .didascalia{
    float : left;
    width : 572px;
    height : 30px;
    overflow : hidden;
    font-size : 11px;
    line-height : 13px;
    color : rgb(9,4,5);
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa .frecce{
    float : right;
    width : 58px;
	height : 17px;
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa .frecce a.prev{
    float : left;
    width : 10px;
	height : 13px;
	background : url(images/frecciaIndietro.png) no-repeat left top;
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa .frecce a.last{
    float : right;
    width : 10px;
	height : 13px;
	background : url(images/frecciaAvanti.png) no-repeat left top;
}
.finestraContenuto.lavori .sfondoLavori .fasciaBassa .frecce .numeroImmagine{
    float : left;
    width : 30px;
	height : 13px;
	margin-left : 5px;
	text-align : center;
	font-family: 'aftasans';
	font-size : 12.65px;
	line-height : 15px;
	color : rgb(9,4,5);
}

.imgProgetto{
    width : 630px;
	height : 380px;
}