/*
COLORI 
- Beige di sfondo #F3E7CC
- Beigiolino #F2E8D5
- Bianco sporco #fbf7ee
- Marrone footer e menu #584D3F
*/

body
    {
    	text-align: center;
    	background-color: #F3E7CC;
    	margin: 0px auto;
    	
    }
    
    /* ----------------------------------------------------------------------------------------------------*/
    /* Styles Intro*/
    /* ----------------------------------------------------------------------------------------------------*/
    
    #IntroBodyContainer
    {
        width: 960px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    	background-color: #fbf7ee;
    }
    
    
    
    #topIntroContainerCell
    {
    	width: 960px;
    	background-color:#ffffff;
    	height: 40px;
    	text-align: center;
    	
    }
    
 
 
    #sxIntroContainerCell
    {
    	width: 480px; 
    	text-align: center;
    	vertical-align: middle;	 	
    	height: auto !important;
    	float: left;
    	padding: 30px 0px 30px 0px;
    	background-color: #F3E7CC;
    	
    }
    
    
    #dxIntroContainerCell
    {
    	width: 380px;
    	text-align: left;
		height: auto !important;
    	height: 100%;
    	float: right;
    	background-color: #fbf7ee;
    	padding: 30px 50px 30px 50px;
    }
    
    
    #sxIntroContainerCell img
    {
		vertical-align: middle;
    }
    
    
    
    
    #bottomIntroContainerCell
    {
    	width: 960px;
    	background-color:#584D3F;
    	height: 20px;
    	text-align: center;
    	vertical-align: middle;
    	
    }
    
    /* ----------------------------------------------------------------------------------------------------*/
     /* Styles Master AppHome*/
    /* ----------------------------------------------------------------------------------------------------*/
    
    div#BodyApplicationContainer
    {
        width: 960px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    	border: solid 0px #cccccc;
    }
    
    
    
    div#BodyApplicationContainer > div {display: table-row;}
    div#BodyApplicationContainer > div > div {display: table-cell;}
    
	div#topApplicationContainerCell
    {
    	width: 920px;
    	background-color:#ffffff;
    	text-align: right;
    	height: 30px;
    	padding: 10px 20px 0px 20px;
    	vertical-align: middle;
    	
    }
    
    div#headerApplicationContainerCell
    {
    	width: 960px;
    	text-align: center;
    }
    
    
    
     /* div tabellare di contenuto*/
    div#contentApplicationContainer
    {
    	width: 960px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    }
    
    
    div#contentApplicationContainer > div {display: table-row;}
    div#contentApplicationContainer > div > div {display: table-cell;}
    
    
    
    
     /* div tabellare SX di contenuto*/
    div#contentSXApplicationContainer
    {
    	width: 580px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    	background-color: #F3E7CC;
    }
    
    div#contentSXApplicationContainer > div {display: table-row;}
    div#contentSXApplicationContainer > div > div {display: table-cell;}
    
    
    
    
     /* div tabellare Menu di contenuto*/
    div#contentMenuApplicationContainer
    {
    	width: 580px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    	
    }
    
    div#contentMenuApplicationContainer > div {display: table-row;}
    div#contentMenuApplicationContainer > div > div {display: table-cell;}
    
    
    /* cella menu application*/
    #menuApplicationContainer
    {
    	width: 190px;
    	text-align: left;
    	float: left;
    	height: auto !important;
    	height: 100%;
    }
    
    /* cella menu application*/
    #logoApplicationContainer
    {
    	width: 390px;
    	text-align: center;
    	float: right;
    	height: auto !important;
    	height: 100%;
    	vertical-align: middle;
    	background-color: #F3E7CC;
    	padding: 50px 0px 0px 0px;
    }
    
    
    
    /* Colonna centrale di SX */
    #sxApplicationContainerCell
    {
    	
    	width: 580px;
    	background-color: #F3E7CC;
    	text-align: left;
    	float: left;
    	height: auto !important;
    	height: 100%;
    	padding-right: 20px;
    	
    }
    
    /* Colonna centrale di SX */
    #ctApplicationContainerCell
    {
    	width: 20px;
    	background-color: #F3E7CC;
    	text-align: left;
    	float: left;
    	height: auto !important;
    	height: 100%;
    	
    }
    
      /* Colonna centrale di DX */ 
    #dxApplicationContainerCell
    {
    	
    	width: 360px;
    	background-color: #fbf7ee;
    	text-align: left;
    	float: right;
    	height: auto !important;
    	height: 100%;
    	
    }
    
    
     /* Footer */
    #footerApplicationContainerCell
    {
    	width: 100%;
    	width: auto !important;
    	width: 960px;
    	background-color: #584D3F;
    	text-align: left;
    	padding: 10px 10px 10px 10px;
    	
    }
    
    
    div#contentTextHomeApplicationContainer
    {
    	width: 580px;
    	background-color: #F3E7CC;
    	text-align: left;
    }
    
    div#contentMenuImagesApplicationContainer
    {
    	width: 580px;
    	background-color: #F3E7CC;
    	text-align: left;
    	padding: 20px 0px 0px 0px;
    }
    
    
    div#contentHomeNewsApplicationContainer
    {
		width: 580px;
    	background-color: #F3E7CC;
    	text-align: left;
    	padding: 20px 0px 20px 0px;
    }
    
    
     /* ----------------------------------------------------------------------------------------------------*/
     /* Styles Master AppHome*/
    /* ----------------------------------------------------------------------------------------------------*/
    
    
     div#sxAppContentsnContainerCell
    {
    	width: 190px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;
        float: left;   /*ripristina l' allineamento*/
    	height: auto !important;
    	height: 100%;
    	background-color: #f2e8d5;
    }
    
    
     div#dxAppContentsnContainerCell
    {
    	width: 770px;
        margin: 0px auto;   /*centra negli altri browsers*/
        text-align: left;   /*ripristina l' allineamento*/
        float: right;
    	height: auto !important;
    	height: 100%;
    	background-color: #f2e8d5;
    }