body {

 /*   background-image: url('images/teamcoaching21.jpg'); */

    background-image: url('images/im58-1.jpg');

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: center top;

    background-color: #03050F;

 /*   background-color: #0e100e; antracite #060702 viola libro: #5C3689; viola: #593C62;  rgba(3, 5, 15, 0.5);*/

    margin: 0px;

    background-attachment:fixed;

}



#header {

    background-image: url('images/sfondo14.jpg'); 

    background-repeat: repeat;

    width: 100%;

    height: 50px;

    

    }



#elastic {

 width: 1%;

}



@media screen and (min-width: 20px) {

#elastic {

  width: 1%;

 }

}



@media screen and (min-width: 1200px) {

#elastic {

  width: 21%;

 }

}



#elastic-font {

 font-size: 30px;

}



@media screen and (min-width: 20px) {

#elastic-font {

  font-size: 30px;

 }

}



@media screen and (min-width: 1200px) {

#elastic-font {

  font-size: 48px;

 }

}



#elastic-phead {

 margin-top: -18%;

}



@media screen and (min-width: 80px) {

#elastic-phead {

  margin-top: -18%;

 }

}



@media screen and (min-width: 100px) {

#elastic-phead {

  margin-top: -16%;

 }

}



@media screen and (min-width: 120px) {

#elastic-phead {

  margin-top: -14%;

 }

}





@media screen and (min-width: 200px) {

#elastic-phead {

  margin-top: -14%;

 }

}



@media screen and (min-width: 300px) {

#elastic-phead {

  margin-top: -8%;

 }

}





@media screen and (min-width: 400px) {

#elastic-phead {

  margin-top: -3%;

 }

}



@media screen and (min-width: 500px) {

#elastic-phead {

  margin-top: 1%;

 }

}



@media screen and (min-width: 600px) {

#elastic-phead {

  margin-top: 5%;

 }

}



@media screen and (min-width: 700px) {

#elastic-phead {

  margin-top: 7%;

 }

}



@media screen and (min-width: 800px) {

#elastic-phead {

  margin-top: 9%;

 }

}



@media screen and (min-width: 900px) {

#elastic-phead {

  margin-top: 10%;

 }

}



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

#elastic-phead {

  margin-top: 11%;

 }

}



@media screen and (min-width: 1150px) {

#elastic-phead {

  margin-top: 12.5%;

 }

}



@media screen and (min-width: 1350px) {

#elastic-phead {

  margin-top: 13.5%;

 }

}



@media screen and (min-width: 1480px) {

#elastic-phead {

  margin-top: 14.5%;

 }

}



#elastic-fonthead {

 font-size: 5px;

}



@media screen and (min-width: 20px) {

#elastic-fonthead {

  font-size: 4px;

 }

}



@media screen and (min-width: 400px) {

#elastic-fonthead {

  font-size: 4px;

 }

}



@media screen and (min-width: 500px) {

#elastic-fonthead {

  font-size: 6px;

 }

}



@media screen and (min-width: 600px) {

#elastic-fonthead {

  font-size: 7px;

 }

}



@media screen and (min-width: 700px) {

#elastic-fonthead {

  font-size: 9px;

 }

}



@media screen and (min-width: 800px) {

#elastic-fonthead {

  font-size: 10px;

 }

}



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

#elastic-fonthead {

  font-size: 12px;

 }

}



@media screen and (min-width: 1150px) {

#elastic-fonthead {

  font-size: 14px;

 }

}



@media screen and (min-width: 1350px) {

#elastic-fonthead {

  font-size: 17px;

 }

}



@media screen and (min-width: 1480px) {

#elastic-fonthead {

  font-size: 19px;

 }

}



#elastic-bhome {

 margin-top: -230px;

}



@media screen and (min-width: 500px) {

#elastic-bhome {

  margin-top: -230px;

 }

}



@media screen and (min-width: 700px) {

#elastic-bhome {

  margin-top: -200px;

 }

}



@media screen and (min-width: 800px) {

#elastic-bhome {

  margin-top: -160px;

 }

}



@media screen and (min-width: 900px) {

#elastic-bhome {

  margin-top: -120px;

 }

}



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

#elastic-bhome {

  margin-top: -80px;

 }

}



@media screen and (min-width: 1150px) {

#elastic-bhome {

  margin-top: -40px;

 }

}



@media screen and (min-width: 1350px) {

#elastic-bhome {

  margin-top: 0px;

 }

}



@media screen and (min-width: 1480px) {

#elastic-bhome {

  margin-top: 40px;

 }

}





#elastic-bimg {

 margin-top: -180px;

}



@media screen and (min-width: 500px) {

#elastic-bimg {

  margin-top: -140px;

 }

}



@media screen and (min-width: 700px) {

#elastic-bimg {

  margin-top: -100px;

 }

}



@media screen and (min-width: 800px) {

#elastic-bimg {

  margin-top: -80px;

 }

}



@media screen and (min-width: 900px) {

#elastic-bimg {

  margin-top: -40px;

 }

}



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

#elastic-bimg {

  margin-top: 0px;

 }

}



@media screen and (min-width: 1150px) {

#elastic-bimg {

  margin-top: 20px;

 }

}



@media screen and (min-width: 1480px) {

#elastic-bimg {

  margin-top: 40px;

 }

}



#elastic-footer {

 width: 1%;

}



@media screen and (min-width: 20px) {

#elastic-footer {

  width: 1%;

 }

}



@media screen and (min-width: 1200px) {

#elastic-footer {

  width: 33%;

 }

}



a#horiz-menuhead-link {

   color: #4F4F4F;

   text-decoration: none;

}  



a#horiz-menuhead-link:hover {

    color: grey;

}



a#horiz-menuhead-link-l {

   color: black;

  /* text-shadow: 2px 2px 4px grey;*/

   text-shadow: 0px 0px 0px black;

   text-decoration: none;

   margin-top: -15px;

}  



a#horiz-menuhead-link-l:hover {

    color: black;

    text-shadow: 2px 2px 4px grey;

    border-bottom: 1px 0 0 0;

}



a#horiz-menuhead-link-f {

   color: white;

   text-shadow: 2px 2px 4px black;

   text-decoration: none;

}  



a#horiz-menuhead-link-f:hover {

    color: black;

    text-shadow: 0px 0px 0px black;

   /* background-color: rgba(104, 124, 244, 0.9);*/

    background-color: rgba(255, 255, 255, 0.8);

    border-bottom: 1px 0 0 0;

}



a#horiz-menu-link {

   color: white;

   text-decoration: none;

}  



a#horiz-menu-link:hover {

    color: #a2a2a2;



}



a#page-link {

   color: #5C3689;

   text-decoration: none;

}  



a#page-link:hover {



color: #4B0082;



 /*   color: #4F4F4F;*/



}



a#img-link {

   color: #ffffcc;

   text-decoration: none;

}



a#img-link:hover {

    opacity: 0.80;

}



a#menu-link {

   color: black;

   text-decoration: none;

}  



a#menu-link:hover {

    color: grey;



}



ul#horiz-menu {

    font-family: Calibri;

    font-size: 18px;

    font-color:  blue;

    margin: 0;

    padding: 0;

    list-style: none;

}



ul#horiz-menu li {

    display: block;

    width: 199px;

    height: 36px;

    margin-top: 14px;

    float: left; 

}



ul#horiz-menu-amm {

    font-family: Calibri;

    font-size: 18px;

    font-color:  blue;

    margin: 0;

    padding: 0;

    list-style: none;

}



ul#horiz-menu-amm li {

    display: block;

    width: 199px;

    height: 25px;

    margin-top: 14px;

    float: left; 

}



ul#horiz-menu-piccolo {

    font-family: Calibri;

    font-size: 18px;

    font-color:  blue;

    margin: 0;

    padding: 0;

    list-style: none;

}



ul#horiz-menu-piccolo li {

    display: block;

    width: 90px;

    height: 36px;

    margin-top: 14px;

    float: left; 

}



ul#horiz-menu-icone {

    font-family: Calibri;

    font-size: 24px;

    font-color:  blue;

    margin: 0;

    padding: 0;

    list-style: none;

    

}



ul#horiz-menu-icone li {

    display: block;

    width: 49px;

    height: 50px;

    margin-top: 14px;

    float: left; 

}



ul#tot {

    font-family: arial;

    font-size: 13px;

    font-color: cyan;

    margin: 0;

    padding: 0;

    list-style: none;

    

}



ul#tot li {

    font-family: arial;

    font-size: 13px;

    font-color: cyan;

    display: block;

    width: 250px;

    height: 50px;

    margin-top: 15px;

    float: left; 

}



/***************** Inizio menu */



/******************* Struttura menu */



.nav {

list-style:none; 

margin:0;

padding: 0;

}



.nav > li, .nav > li > a {

display:inline-block;

*display:inline; /* Per IE7 */

zoom:1; /* Per IE 7 */

}



.stacked > li {display:list-item; color: white;}



.stacked > li > a {display:block; width:210px; background-color: rgba(255, 255, 255, 0.8);}



.flyout, .flyout-alt {position:relative;}



.flyout-content {

position:absolute;

top:100%;

left:-99999px; /* Posizioniamo i sottomenu fuori dallo schermo; alternativa a display:none */

height:0;

overflow:hidden;

}



.flyout:hover > .flyout-content {left:0;}



.flyout-alt:hover > .flyout-content {

top:0;

left:100%;

}



.flyout:hover > .flyout-content,

.flyout-alt:hover > .flyout-content {

height:auto;

overflow:visible;

}



/* Fine struttura menu */



/* Aspetto menu */



.site-nav a {

margin-top: -20px;

line-height:0.7;

padding:1em;

background-color: ; /* Colore di sfondo iniziale */

color:black; /* Colore del testo dei link */

white-space:nowrap;

width: 173px;

}



.flyout:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

}



.site-nav:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

}



.flyout-content:hover > a

{

background-color: #D0D0D0; /* Colore di sfondo sull'hover */

}



.site-nav .flyout-alt > a:after {content:" »";} /* Inseriamo l'indicatore di presenza del sotto-menu */



.site-nav a,

.site-nav .flyout-content {

border: 0px solid #000; /* Colore e stile dei bordi; azzeriamo lo spessore con 0px */

border-bottom-width:1px 0 0 0;

}



.site-nav > li > a {border-left-width:0px;} /* Bordo sinistro sulle voci del menu principale */



.site-nav > li:first-child > a {border:none;} /* Eliminiamo il bordo dalla prima voce del menu */



.site-nav {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.flyout-content {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.site-nav {border-bottom-width:1px 0 0 0;} /* Bordo inferiore per le singole voci del sottomenu */



.flyout-content >li:first-child > a {border-top-width:1px;border-bottom-width:1px;}



.flyout-content a {border-bottom-width:1px; border-top-width:1px;width: 150px;} /* Bordo inferiore per le singole voci del sottomenu */



.site-nav .flyout-alt:hover > .flyout-content {top:-1px;} /* Un piccolo aggiustamento per la posizione del sottomenu sull'hover */



/*************************** Fine aspetto menu */



/**************************** Fine menu */





/**********************************************************/

/*******************  MENU i  *****************************/

/**********************************************************/



/***************** Inizio menu */



/******************* Struttura menu */



.navi {

list-style:none; 

margin:0;

padding: 0;

}



.navi > li, .navi > li > a {

display:inline-block;

*display:inline; /* Per IE7 */

zoom:1; /* Per IE 7 */

}



.stackedi > li {display:list-item;}



.stackedi > li > a {display:block; width:173px; background-color: rgba(255, 255, 255, 0.8);}



.flyouti, .flyout-alti {position:relative;}



.flyout-contenti {

position:absolute;

top:100%;

left:-99999px; /* Posizioniamo i sottomenu fuori dallo schermo; alternativa a display:none */

height:0;

overflow:hidden;

}



.flyouti:hover > .flyout-contenti {left:0;}



.flyout-alti:hover > .flyout-contenti {

top:0;

left:100%;

}



.flyouti:hover > .flyout-contenti,

.flyout-alti:hover > .flyout-contenti {

height:auto;

overflow:visible;

}



/* Fine struttura menu */



/* Aspetto menu */



.site-navi a {

margin-top: -20px;

line-height:0.7;

padding:1em;

background-color: ; /* Colore di sfondo iniziale */

color:#4F4F4F; /* Colore del testo dei link */

white-space:nowrap;

width: 60px;

}



.flyouti:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

color: white;

}



.site-navi:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

}



.flyout-contenti:hover > a

{

background-color: #D0D0D0; /* Colore di sfondo sull'hover */

color: white;

}



.site-navi .flyout-alti > a:after {content:" »";} /* Inseriamo l'indicatore di presenza del sotto-menu */



.site-navi a,

.site-navi .flyout-contenti {

border: 0px solid #000; /* Colore e stile dei bordi; azzeriamo lo spessore con 0px */

border-bottom-width:1px 0 0 0;

}



.site-navi > li > a {border-left-width:0px;} /* Bordo sinistro sulle voci del menu principale */



.site-navi > li:first-child > a {border:none;} /* Eliminiamo il bordo dalla prima voce del menu */



.site-navi {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.flyout-contenti {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.site-navi {border-bottom-width:1px;} /* Bordo inferiore per le singole voci del sottomenu */



.flyout-contenti >li:first-child > a {border-top-width:1px;border-bottom-width:1px;}



.flyout-contenti a {border-bottom-width:1px; border-top-width:1px;width: 150px;} /* Bordo inferiore per le singole voci del sottomenu */



.site-navi .flyout-alti:hover > .flyout-contenti {top:-1px;} /* Un piccolo aggiustamento per la posizione del sottomenu sull'hover */



/*************************** Fine aspetto menu */



/**************************** Fine menu */



/***************************************************************/

/*******************  FINE MENU I  *****************************/

/***************************************************************/



/**********************************************************/

/*******************  MENU U  *****************************/

/**********************************************************/



/***************** Inizio menu */



/******************* Struttura menu */



.navu {

list-style:none; 

margin:0;

padding: 0;

}



.navu > li, .navu > li > a {

display:inline-block;

*display:inline; /* Per IE7 */

zoom:1; /* Per IE 7 */

}



.stackedu > li {display:list-item;}



.stackedu > li > a {display:block; width:210px; background-color: rgba(255, 255, 255, 0.8);}



.flyoutu, .flyout-altu {position:relative;}



.flyout-contentu {

position:absolute;

top:100%;

left:-99999px; /* Posizioniamo i sottomenu fuori dallo schermo; alternativa a display:none */

height:0;

overflow:hidden;

}



.flyoutu:hover > .flyout-contentu {left:0;}



.flyout-altu:hover > .flyout-contentu {

top:0;

left:100%;

}



.flyoutu:hover > .flyout-contentu,

.flyout-altu:hover > .flyout-contentu {

height:auto;

overflow:visible;

}



/* Fine struttura menu */



/* Aspetto menu */



.site-navu a {

margin-top: -20px;

line-height:0.7;

padding:1em;

background-color: ; /* Colore di sfondo iniziale */

color:#4F4F4F; /* Colore del testo dei link */

white-space:nowrap;

width: 60px;

}



.flyoutu:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

color: white;

}



.site-navu:hover > a

{

background-color: rgba(255, 255, 255, 0.8); /* Colore di sfondo sull'hover */

}



.flyout-contentu:hover > a

{

background-color: #D0D0D0; /* Colore di sfondo sull'hover */

color: white;

}



.site-navu .flyout-altu > a:after {content:" »";} /* Inseriamo l'indicatore di presenza del sotto-menu */



.site-navu a,

.site-navu .flyout-contentu {

border: 0px solid #000; /* Colore e stile dei bordi; azzeriamo lo spessore con 0px */

border-bottom-width:1px 0 0 0;

}



.site-navu > li > a {border-left-width:0px;} /* Bordo sinistro sulle voci del menu principale */



.site-navu > li:first-child > a {border:none;} /* Eliminiamo il bordo dalla prima voce del menu */



.site-navu {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.flyout-contentu {border-width:1px 0 0 0;} /* Bordo superiore per il sottomenu */



.site-navu {border-bottom-width:1px;} /* Bordo inferiore per le singole voci del sottomenu */



.flyout-contentu >li:first-child > a {border-top-width:1px;border-bottom-width:1px;}



.flyout-contentu a {border-bottom-width:1px; border-top-width:1px;width: 150px;} /* Bordo inferiore per le singole voci del sottomenu */



.site-navu .flyout-altu:hover > .flyout-contentu {top:-1px;} /* Un piccolo aggiustamento per la posizione del sottomenu sull'hover */



/*************************** Fine aspetto menu */



/**************************** Fine menu */



/***************************************************************/

/*******************  FINE MENU U  *****************************/

/***************************************************************/



#span-banner {

    margin-left: 20px;

}



#subheader {

    background-color: #000099;

    height: 21px;

    } 



#horiz-navigation {

    height: 21px;

	}



#vertical-nav {

	float:left;

	background-color: ;

        height: 400px;

	width: 15%;

	}

	

#menu-nav {

	float:left;

	background-color: #000099;

        height: 21px;

	width: 120px;

	text-align:center;

        line-height: 21px;

	}

   	

#menu-ute {

	float:left;

	background-color: #99F;

    	height: 21px;

	width: 312px;

	text-align:center;

	}

	

#menu-nav-amm {

	float:left;

	background-color: orange;

        height: 21px;

	width: 180px;

	text-align:center;

	}

	

#menu-logout {

	float:left;

	background-color: orange;

    height: 21px;

	width: 130px;

	text-align:center;

	}

	

#menu-nav-sel {

	float:left;

	background-color: #000099;

        height: 21px;

	width: 120px;

	text-align:center;

        line-height: 21px;

	}

	

#sep-menu-nav {

	float:left;

	background-color: white;

    height: 21px;

	width: 2px;

	}

	

#navigation {

    float: left;

    height: 600px;

    width: 13em;

    } 



#content {

    margin-left: 13em;

    height: 500px

    }



#footer {

    background-color: black;

    background-size: 100% 100%;

    width: 100%;

    height: 200px;

    

    }



#p-navigation_black {

    width: 208px; 

    height: 21px; 

    margin-left: 0px;

    margin-top: 5px;

    margin-right: 0px;

    margin-bottom: 5px; 

    background-color: blue;

}



#p-navigation {

    margin:5px 0px; 

    width: 208px; 

    height: 21px; 

}