﻿
/* OGGETTI DELLA PAGINA */
html, body, form {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
/**********************************************************************************************************************************************************************************************/

/* PROPRIETA' UTILI A TUTTI I CONTROLLI */
.NON_VISUALIZZARE       {display: none;}
.IMPOSTA_CURSORE        {cursor: pointer;}
.CENTRA_IN_DIV          {margin: 0 auto;} /* OPPURE margin: 0 auto 0 auto */
/**********************************************************************************************************************************************************************************************/

/* HEADER E FOOTER */
.HEADER_PAGINA          {position: fixed; margin-top: 0px; margin-left: 0px; width: 100%; z-index: 99999; background-color: white;}
.FOOTER_PAGINA          {width: 100%; height: 100%;}
/**********************************************************************************************************************************************************************************************/

/* PADDING */
.PADDING_SPAZIO_03      {padding: 3px 3px 3px 3px;}
.PADDING_SPAZIO_05      {padding: 5px 5px 5px 5px;}
.PADDING_SPAZIO_10      {padding: 10px 10px 10px 10px;}
.PADDING_SPAZIO_15      {padding: 15px 15px 15px 15px;}
.PADDING_SPAZIO_20      {padding: 20px 20px 20px 20px;}
.PADDING_SPAZIO_30      {padding: 30px 30px 30px 30px;}
/**********************************************************************************************************************************************************************************************/

/* BORDI X TABELLE */
/* 1 PX NERO */
.BORDO_SINGOLO_SOPRA_01_NERO            {border-top: 1px solid black;}
.BORDO_SINGOLO_SINISTRA_01_NERO         {border-left: 1px solid black;}
.BORDO_SINGOLO_DESTRA_01_NERO           {border-right: 1px solid black;}
.BORDO_SINGOLO_SOTTO_01_NERO            {border-bottom: 1px solid black;}
.BORDO_SINGOLO_TUTTO_01_NERO            {border: 1px solid black;}

/* 2 PX NERO */
.BORDO_SINGOLO_SOPRA_02_NERO            {border-top: 2px solid black;}
.BORDO_SINGOLO_SINISTRA_02_NERO         {border-left: 2px solid black;}
.BORDO_SINGOLO_DESTRA_02_NERO           {border-right: 2px solid black;}
.BORDO_SINGOLO_SOTTO_02_NERO            {border-bottom: 2px solid black;}
.BORDO_SINGOLO_TUTTO_02_NERO            {border: 2px solid black;}

/* 3 PX NERO */
.BORDO_SINGOLO_SOPRA_03_NERO            {border-top: 3px solid black;}
.BORDO_SINGOLO_SINISTRA_03_NERO         {border-left: 3px solid black;}
.BORDO_SINGOLO_DESTRA_03_NERO           {border-right: 3px solid black;}
.BORDO_SINGOLO_SOTTO_03_NERO            {border-bottom: 3px solid black;}
.BORDO_SINGOLO_TUTTO_03_NERO            {border: 3px solid black;}

/* 3 PX ARANCIONE */
.BORDO_SINGOLO_SOPRA_03_ARANCIONE       {border-top: 3px solid #FF7D01;}
.BORDO_SINGOLO_SINISTRA_03_ARANCIONE    {border-left: 3px solid #FF7D01;}
.BORDO_SINGOLO_DESTRA_03_ARANCIONE      {border-right: 3px solid #FF7D01;}
.BORDO_SINGOLO_SOTTO_03_ARANCIONE       {border-bottom: 3px solid #FF7D01;}
.BORDO_SINGOLO_TUTTO_03_ARANCIONE       {border: 3px solid #FF7D01;}

/* 3 PX GRIGIO_SCURO */
.BORDO_SINGOLO_SOPRA_03_GRIGIO_SCURO    {border-top: 3px solid #595959;}
.BORDO_SINGOLO_SINISTRA_03_GRIGIO_SCURO {border-left: 3px solid #595959;}
.BORDO_SINGOLO_DESTRA_03_GRIGIO_SCURO   {border-right: 3px solid #595959;}
.BORDO_SINGOLO_SOTTO_03_GRIGIO_SCURO    {border-bottom: 3px solid #595959;}
.BORDO_SINGOLO_TUTTO_03_GRIGIO_SCURO    {border: 3px solid #595959;}

/* 5 PX NERO */
.BORDO_SINGOLO_SOPRA_05_NERO            {border-top: 5px solid black;}
.BORDO_SINGOLO_SINISTRA_05_NERO         {border-left: 5px solid black;}
.BORDO_SINGOLO_DESTRA_05_NERO           {border-right: 5px solid black;}
.BORDO_SINGOLO_SOTTO_05_NERO            {border-bottom: 5px solid black;}
.BORDO_SINGOLO_TUTTO_05_NERO            {border: 5px solid black;}

/* 10 PX NERO */
.BORDO_SINGOLO_SOPRA_10_NERO            {border-top: 10px solid black;}
.BORDO_SINGOLO_SINISTRA_10_NERO         {border-left: 10px solid black;}
.BORDO_SINGOLO_DESTRA_10_NERO           {border-right: 10px solid black;}
.BORDO_SINGOLO_SOTTO_10_NERO            {border-bottom: 10px solid black;}
.BORDO_SINGOLO_TUTTO_10_NERO            {border: 10px solid black;}
/**********************************************************************************************************************************************************************************************/

/* BORDI ARROTONDATI */
/* 5 PX TONDO */
.BORDO_ARROTONDATO_SOPRA_SINISTRA_05    {border-top-left-radius: 5px;}
.BORDO_ARROTONDATO_SOPRA_DESTRA_05      {border-top-right-radius: 5px;}
.BORDO_ARROTONDATO_SOTTO_SINISTRA_05    {border-bottom-left-radius: 5px;}
.BORDO_ARROTONDATO_SOTTO_DESTRA_05      {border-bottom-right-radius: 5px;}
.BORDO_ARROTONDATO_TUTTO_05             {border-radius: 5px;}

/* 10 PX TONDO */
.BORDO_ARROTONDATO_SOPRA_SINISTRA_10    {border-top-left-radius: 10px;}
.BORDO_ARROTONDATO_SOPRA_DESTRA_10      {border-top-right-radius: 10px;}
.BORDO_ARROTONDATO_SOTTO_SINISTRA_10    {border-bottom-left-radius: 10px;}
.BORDO_ARROTONDATO_SOTTO_DESTRA_10      {border-bottom-right-radius: 10px;}
.BORDO_ARROTONDATO_TUTTO_10             {border-radius: 10px;}

/* 15 PX TONDO */
.BORDO_ARROTONDATO_SOPRA_SINISTRA_15    {border-top-left-radius: 15px;}
.BORDO_ARROTONDATO_SOPRA_DESTRA_15      {border-top-right-radius: 15px;}
.BORDO_ARROTONDATO_SOTTO_SINISTRA_15    {border-bottom-left-radius: 15px;}
.BORDO_ARROTONDATO_SOTTO_DESTRA_15      {border-bottom-right-radius: 15px;}
.BORDO_ARROTONDATO_TUTTO_15             {border-radius: 15px;}

/* 20 PX TONDO */
.BORDO_ARROTONDATO_SOPRA_SINISTRA_20    {border-top-left-radius: 20px;}
.BORDO_ARROTONDATO_SOPRA_DESTRA_20      {border-top-right-radius: 20px;}
.BORDO_ARROTONDATO_SOTTO_SINISTRA_20    {border-bottom-left-radius: 20px;}
.BORDO_ARROTONDATO_SOTTO_DESTRA_20      {border-bottom-right-radius: 20px;}
.BORDO_ARROTONDATO_TUTTO_20             {border-radius: 20px;}
/**********************************************************************************************************************************************************************************************/

/* CONTENITORE PAGINE RESPONSIVE */
.DIV_CONTAINER_RESPONSIVE               {width: 100%; margin-left: auto; margin-right: auto;}
/**********************************************************************************************************************************************************************************************/

/* STRUTTURA PER PC (2048) */
@media (min-width: 1025px) and (max-width: 2048px) {    

    /* NON VISUALIZZO */
    .NON_VISUALIZZARE_PC_2048               {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:75%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:50%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 150px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 75%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 40%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 33%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 34%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 25%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 20%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 10%; border: 0px solid red;}

}

/* STRUTTURA PER PC (1680) */
@media (min-width: 1025px) and (max-width: 1680px) {    

    /* NON VISUALIZZO */
    .NON_VISUALIZZARE_PC_1680               {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:75%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:50%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 150px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 75%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 40%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 33%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 34%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 25%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 20%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 10%; border: 0px solid red;}

}

/* STRUTTURA PER PC (1440) */
@media (min-width: 1025px) and (max-width: 1440px) {    

    /* NON VISUALIZZO */
    .NON_VISUALIZZARE_PC_1440               {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:85%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:60%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 150px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 75%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 40%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 33%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 34%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 25%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 20%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 10%; border: 0px solid red;}

}

/* STRUTTURA TABLET VERTICALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    /* NON VISUALIZZO */
    .NON_VISUALIZZARE_TABLET_VERTICALE      {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:96%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:70%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 150px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 100%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 50%; border: 0px solid yellow;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 50%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 50%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 50%; border: 0px solid white;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 50%; border: 0px solid red;}

}

/* STRUTTURA TABLET ORIZZONTALE */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    /* NON VISUALIZZO */
    .NON_VISUALIZZARE_TABLET_ORIZZONTALE    {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:85%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:60%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 150px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 50%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 50%; border: 0px solid yellow;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 50%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 50%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 50%; border: 0px solid white;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 50%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 30%; border: 0px solid red;}

}

/* STRUTTURA SMARTPHONE VERTICALE */
@media (max-width: 767px) and (orientation: portrait) {

	/* NON VISUALIZZO */
    .NON_VISUALIZZARE_SMART_VERTICALE	    {display: none}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:96%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:96%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 250px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 100%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 100%; border: 0px solid yellow;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 100%; border: 0px solid white;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 100%; border: 0px solid red;}

}

/* STRUTTURA SMARTPHONE ORIZZONTALE */
@media (max-width: 812px) and (orientation: landscape) {

    /* NON VISUALIZZO */
	.NON_VISUALIZZARE_SMART_ORIZZONTALE	    {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:96%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:96%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 100px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 100%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 100%; border: 0px solid yellow;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 100%; border: 0px solid white;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 100%; border: 0px solid red;}

}

@media (max-width: 767px) and (orientation: landscape) {

    /* NON VISUALIZZO */
	.NON_VISUALIZZARE_SMART_ORIZZONTALE	    {display: none;}
    /* LARGHEZZA TABELLA IMPAGINAZIONE */
    .LARGHEZZA_TABELLA_PAGINA               {width:96%}
    .LARGHEZZA_TABELLA_PAGINA_MEZZO         {width:96%}
    /* ALTEZZA HADER E fOOTER */
    .PER_ALTEZZA_HEADER                     {height: 100px;}
    .PER_ALTEZZA_FOOTER                     {height: 100px;}
    /* LOGO HOME */
    .PER_LOGO_HEADER                        {width: 200px;}
    /* CONTENITORI REPONSIVE ADPTIVE */
    .DIV_SINGOLI_CONTENITORI_100            {float: left; width: 100%; border: 0px solid green;}
    .DIV_SINGOLI_CONTENITORI_75             {float: left; width: 100%; border: 0px solid blue;}
    .DIV_SINGOLI_CONTENITORI_50             {float: left; width: 100%; border: 0px solid yellow;}
    .DIV_SINGOLI_CONTENITORI_40             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_33             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_34             {float: left; width: 100%; border: 0px solid black;}
    .DIV_SINGOLI_CONTENITORI_25             {float: left; width: 100%; border: 0px solid white;}
    .DIV_SINGOLI_CONTENITORI_20             {float: left; width: 100%; border: 0px solid red;}
    .DIV_SINGOLI_CONTENITORI_10             {float: left; width: 100%; border: 0px solid red;}

}