BODY { 
       height: 100%:
       width: 100%;
       background-color: #252850 ; 
       margin: 0px 0px 0px 0px;
       background-repeat: repeat;
     }

.flex {max-width: 100%}

/* ----------------*/
/* ---  Colori --- */
/* --Porpora scuro : #990000 
/*  -- Rosso cardinale: #C41E3A
/*  colore menu verticale: #ff0055*/
/* ----------------*/

/* ----------------*/
/*Layout di pagina*/
/* ----------------*/

DIV.intestazione 
   {
    width:100%;
    height:580px;
    margin:0 auto;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color:transparent;
    background-image: url("ViaLattea05_DoppioHoriz_VertHoriv_ver01.jpg");
    background-repeat:repeat;
    BORDER: 0px solid #000000;
    } 

.flex {max-width: 100%}

DIV#MenuPrinc
   {
    width:100%;
    height:50px;
    margin:0 auto;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color:#C41E3A;
    BORDER: 0px solid #000000;

    } 

div#MenuPrinc ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#MenuPrinc li
{
	width:12.00%;
        height: 50px;
        overflow: visible;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px 0px 0px 0px;
        border-right: 0px solid black;
	color:blue;
	background-color:transparent;
        vertical-align: middle;
        font-weight: bold;
}


div#MenuPrinc p
{
	width:100%;
        height:100%;
        overflow: visible;
	margin: 3px 0px 0px 0px;
	padding: 0px;
        border: 0px;
        vertical-align: middle;
	background-color:transparent;
        text-align: center;
	letter-spacing: 5px;
	line-height: 32px;
	/* font-family:papyrus; */
        font-family: Impact, Charcoal, sans-serif;
        color: #FFFFFF;
	font-size: 16PX;
        font-weight:normal;
}

div#MenuPrinc a
{
	display: block;
        height: 30px;
	padding: 5px;
	background-color: transparent;
	color: #252850;
	text-decoration: none;
}

div#MenuPrinc a:hover
{
	background-color: #252850;
	text-color: black;
        height: 50px;
	text-decoration: none;
}


div#MenuPrinc li ul { display: none }

div#MenuPrinc li:hover ul
{
	position: absolute;
	display: block;
	z-index:1;
	width:100px;
        height: 50px;
	padding: 0;
	margin: 0 0 0 0px;
	border:0px solid black;
	background: #252850;
}

div#MenuPrinc li li   
{border-top: 0px solid black; width: 130px; height: 40px}

div#MenuPrinc li li p
{
	width:100%;

	margin: 0px;
	padding: 0px;
        border: 0px;
        vertical-align: middle;
	background-color:transparent;
        text-align: center;
	letter-spacing: 2px;
	line-height: 35px;
	font-family:tahoma;
        color: black;
	font-size: 100%;
}
	
div#MenuPrinc li li a { padding:2px 2px 2px 2px; }




DIV.MenuSocial
   {
    position: relative; 
    width:100%;
    height:35px;
    margin:0px;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    BORDER: 0px solid #000000;

    } 

DIV.MSLeft
   {
    position: absolute; 
    float:left;
    width:50px;
    height:32px;
    margin:0px 0px 0px 35px;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: transparent;
    BORDER: 0px solid #000000;

    } 

DIV.MSCenter
   {
    position: absolute; 
    float:left;
    width:180px;
    height:25px;
    margin:7px 0px 0px 43.5%;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: transparent;
    BORDER: 0px solid #000000;

    } 

/* lista del menu delle lingue */
ul#menulingue
{
	font-family: Tahoma;
	font-size: 18px;

        position: absolute; 
	right: 30px;
	top: 0px;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#menulingue li
{
	border: none;
        text-align: center;
	background-color: transparent;
        overflow: visible;
	
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin: 0px;

	float: left;
}

ul#menulingue li a#white
{
		background-color: transparent;
	        text-decoration: none;
		color: white
	
}

ul#menulingue li a#black
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent;
	
}
ul#menulingue li a:hover
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent;
	
}

ul#menulingue li:hover
{
	background-color: transparent;
	color: transparent;
}


ul#menulingue li.active
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent;
	
}

DIV.MSRight
   {
    position: absolute; 

    width:125px;
    height:32px;
    margin:0px 0px 0px 1115px;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: transparent;
    BORDER: 0px solid #000000;

    } 

/* lista del menu di navigazione multimediale e social di progetto e delle lingue */
ul#menummspr
{
	font-family: Tahoma;
	font-size: 18px;

        position: relative; 

	letter-spacing: 2px;
	margin: 3px 0px 0px 3px;
	padding: 0;
	list-style: none
}

ul#menummspr li
{
	border: none;
        text-align: center;
	background-color: transparent;
	display: block;
	width: 20px;
	height: 30px;
	line-height: 20px;
	margin: 0px;

	float: left
}

ul#menummspr li a
{
		background-color: transparent;
	        text-decoration: none;
		color: white
	
}

ul#menummspr li a:hover
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent
	
}

ul#menummspr li:hover
{
	background-color: transparent;
	color: transparent
}


ul#menummspr li.active
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent
	
}

/* lista del menu di navigazione multimediale e social di Fiamma Velo */
ul#menumms
{
	font-family: Tahoma;
	font-size: 18px;

        position: relative; 

	letter-spacing: 2px;
	margin: 3px 0px 0px 0px;
	padding: 0;
	list-style: none
}

ul#menumms li
{
	border: none;
        text-align: center;
	background-color: transparent;
	display: block;
	width: 40px;
	height: 30px;
	line-height: 20px;
	margin: 0px;

	float: left
}

ul#menumms li a
{
		background-color: transparent;
	        text-decoration: none;
		color: white
	
}

ul#menumms li a:hover
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent
	
}

ul#menumms li:hover
{
	background-color: transparent;
	color: transparent
}


ul#menumms li.active
{
		background-color: transparent;
	        text-decoration: none;
		color: transparent
	
}

/********************************************************************************/
/******************   AREA CENTRALE PRINCIPALE CON SFONDO MARINO    *************/
/*****************   Contiene tre aree :                    *********************/
/******************            1) Area dei contenuti        *********************/
/******************            2) Area degli sponsors       *********************/
/******************            3) Area di chiusura          *********************/


DIV.centrale
   {
    width:100%;
    min-height:1430px;
    margin:0 auto;   
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color:#00FFB2;
    background-image: url("AcquaMareVerde01_VertSimmHorizSimm_ver01.jpg");
   
    background-repeat: repeat;
    background-size: cover;
    BORDER: 0px solid #000000;
    } 


/*********************************************************************/
/*****************  AREA DEI CONTENUTI           *********************/
/*************** E' organizzata in aree a caselle su   ***************/
/*************** righe e colonne; lo standard sarą     ***************/
/*************** 2 righe e 3 colonne, ovvero 6 sottoaree    **********/
/*************** dei contenuti                         ***************/

DIV.contenuti
   {
    position: absolute;
    width:96%;
    height:610px;
    margin-top: 20px;
    margin-left: 30px;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #C41E3A;
    BORDER: 0px solid #000000;
    opacity: 0.7;
    border-radius:15px;
    } 

div.cont01
    {
    position: relative;
    float:left;
    width:29.5%;
    height:250px !important;
    margin-top: 5px;
    margin-left: 3%;
    margin-bottom:15px;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    opacity: 1;
    border-radius:15px;
    }

div.cont01_Interno
    {
    position: absolute;
    float:left;
    width:98%;
    height:100% !important;
    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    overflow: auto;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #FF00000;
    scrollbar-track-color: #0000FF;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    opacity: 1;
    border-radius:15px;
    }

div.cont01_Interno_video
    {
    position: absolute;
    
    width:90%;
    height:90% ;
    
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    scrollbar-base-color: #FFFFFF;
    scrollbar-arrow-color: #FF00000;
    scrollbar-track-color: #0000FF;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    opacity: 1;
    border-radius:15px;
    }

/**********  Aree dei contenuti interne ad 1 colonna e pił righe, *******************/
/**********  utilizzate, per esempio nella pagina CALENDARIO  ***********************/

div.cont01_1col
    {
    position: relative;

    width:94%;
    height:250px !important;
    margin-top: 15px;
    margin-left: 3%;
    margin-bottom:0px;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    opacity: 1;
    border-radius:15px;
    }

/***************************************************************************************/
/*****************************************/
/*****************************************/
/**********  AREA DEGLI SPONSORS *********/

div.sponsor 
    {
    position: absolute;

    width:96%;
    min-height:250px;
    margin-top: 650px;
    margin-left: 30px;

    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #252850;
    opacity: 0.8;
    border-radius:15px;
    } 

/**********  Prima riga di caselle banner sponsors *********/

div.sp01
    {
    position: relative;
    float:left;
    width:16%;
    min-height:80px;
    margin-top: 5px;
    margin-left: 4%;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #000000;
    opacity: 1;
    border-radius:10px;
    }

div.sp01a
    {
    position: relative;
    float:left;
    width:16%;
    min-height:80px;
    margin-top: 5px;
    margin-left: 3%;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #000000;
    opacity: 1;
    border-radius:10px;
    }

/**********  Seconda riga di caselle banner sponsors *********/

div.sp02
    {
    position: relative;
    float:left;
    width:16%;
    min-height:80px;
    margin-top: 5px;
    margin-left: 4%;
    margin-bottom: 20px:
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #000000;
    opacity: 1;
    border-radius:10px;
    }


div.sp02a
    {
    position: relative;
    float:left;
    width:16%;
    min-height:80px;
    margin-top: 5px;
    margin-left: 3%;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #000000;
    opacity: 1;
    border-radius:10px;
    }

/***** FINE DELL'AREA DEGLI SPONSORS *****/
/****************************************/


div.chiusura 
    {
    position: absolute;
    width:96%;
    min-height:190px;
    margin-top: 930px;
    margin-left: 30px;
    margin-bottom: 20px;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color: #000000;
    opacity: 0.7;
    border-radius:15px;
    } 

div.chiusuraLeft 
    {
    position: relative;
    float:left;
    width:25%;
    height:390px;
    margin-top: 40px;
    margin-left: 3%;
    margin-bottom: 20px;
    /*temporary text styles below*/

    text-align:center;
    font-weight:bold;
    background-color:#252850;
    opacity: 0.7;
    border-radius:15px;
    } 

div.chiusuraTesto 
    {
    position: relative;
    float:left;
    width:44%;
    min-height:320px;
    margin-top: 40px;
    margin-left: 0%;
    margin-bottom: 20px;
    margin-right: 0%;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color:#000000;
    opacity: 0.7;
    border-radius:15px;
    } 

div.chiusuraRight
    {
    position: relative;
    float:left;
    width:25%;
    height:390px;
    margin-top: 40px;
    margin-left: 0%;
    margin-bottom: 20px;
    /*temporary text styles below*/
    text-align:center;
    font-weight:bold;
    background-color:#252850;
    opacity: 0.7;
    border-radius:15px;
    } 

a.caso1:link {color:white; font-weight: bold; text-decoration: underline;}
a.caso1:hover {color:white; font-weight: bold; text-decoration: none; background-color: red;}
a.caso1:visited {color:white; font-weight: bold;text-decoration: underline;}
a.caso1:active {color:white; font-weight: bold;text-decoration: underline;}

P.titolosmall01
      { 
       font-family: Serif;
       font-size: 18;
       color: white ; 
       opacity: 1;
       text-align:center;
      } 

P.TitConten
      { 
       font-family: Helvetica;
       font-size: 20;
       color: white ; 
       opacity: 1;
       text-align:center;
       margin-right: 10px;
       } 

P.conten01
      { 
       font-family: Helvetica;
       font-size: 18;
       color: white ; 
       opacity: 1;
       text-align:justify;
       margin-right: 10px;
       margin-left:10px;
       } 

P.conten01c
      { 
       font-family: Helvetica;
       font-size: 18;
       color: white ; 
       opacity: 1;
       text-align:center;
       margin-top: 20px;
       margin-left: auto;
       margin-right: auto;
      
       } 

P.conten01tit01
      { 
       font-family: Helvetica;
       font-size: 16;
       color: white ; 
       opacity: 1;
       text-align:justify;
       margin-left:10px;
       margin-right: 10px;

       } 


P.conten01tit01c
      { 
       font-family: Helvetica;
       font-size: 16;
       color: white ; 
       opacity: 1;
       text-align:center;
       margin-left:10px;
       margin-right: 10px;

       } 
P.fine
      { 
       font-family: Helvetica;
       font-size: 18;
       color: white ; 
       opacity: 1;
      } 

P.titolo1
      { 
      margin: 0px 0px 0px 0px;
      color: white ;
      font-size: 40;
      font-family: Serif;
      font-style: italic;
      font-weight: 900;
      } 

P.titolo2
      { 
      color: white ;
      font-size: 30;
      } 

P.distanza01
      { 
      margin: 10px 0px 10px 0px;
      color: white ;
      font-size: 5;
      } 

P.distanza02
      { 
      margin: 0px 0px 0px 0px;
      color: white ;
      font-size: 10;
      }