/* INDEX_CSS.PHP ============================================================================================================ */

/* CSS3 PERSONALIZZAZIONE NO VIEWPORT ============================================================================================================ */


			

/* CONTENITORI TOP */

        #container_top { 

            width: 100%;  

			border: 1px solid black;

			box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-box-sizing: border-box;

            float: center;

                position: absolute; 

                z-index: 60;

				top: 15px;   }					

							

/* CONTENITORI X */				

        #container_cx_large {

            width: 960px; 

			box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-box-sizing: border-box;

            margin: 0 auto;

            overflow: hidden;

                position: relative; 

                z-index: 3;   }	

				

        #container_cx {

            width: 480px; 

			box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-box-sizing: border-box;

            margin: 0 auto;

            overflow: hidden;

                position: relative; 

                z-index: 3;   }	

				

        #container_sx {

			box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-box-sizing: border-box;

            margin: 5px 0px 0px 0px;

			padding: 0px 0px 0px 1px;

            overflow: hidden;

            float: left;

                position: relative; 

                z-index: 3;   }	

				

        #container_sx_tx {

			box-sizing: border-box;

			-webkit-box-sizing: border-box;

			-moz-box-sizing: border-box;

            margin: 8px 0px 0px 0px;

			padding: 0px 0px 0px 1px;

            overflow: hidden;

            float: left;

                position: relative; 

                z-index: 3;   }	

				

					.container_logo {	

						width: 250px;

						height: auto;

						overflow: hidden;

						float: left;

							position: relative; 

							z-index: 3;   }	

		

			

		

		





	

/* CSS3 PERSONALIZZAZIONE VIEWPORT 240PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

					

/* CONTENITORI TOP */

        #container_top { 

				top: 1px;   }

							

/* CONTENITORI CX */				

        #container_cx_large {

            width: 238px;   }

			

        #container_cx {

            width: 238px;   }	

				

					.container_logo {	

						width: 140px;   }



	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 320PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

		

/* CONTENITORI TOP */

        #container_top { 

				top: 9px;   }

							

/* CONTENITORI CX */		

        #container_cx_large {

            width: 316px;   }

			

        #container_cx {

			width: 316px;   }

				

					.container_logo {	

						width: 185px;   }



		



/* CSS3 PERSONALIZZAZIONE VIEWPORT 360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

					

/* CONTENITORI TOP */		

        #container_top_cx {

            width: 358px;   }		

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 356px;   }

			

        #container_cx {

            width: 356px;   }	

				

					.container_logo {	

						width: 213px;   }



	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 400PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

					

/* CONTENITORI TOP */		

        #container_top_cx {

            width: 398px;   }			

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 396px;   }

			

        #container_cx {

            width: 396px;   }	

				

					.container_logo {	

						width: 236px;   }



	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 480PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

			

/* CONTENITORI TOP */		

        #container_top_cx {

            width: 478px;   }			

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 476px;   }

			

        #container_cx {

            width: 476px;   }	

				

					.container_logo {	

						width: 250px;   }

	

	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 640PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

		

/* CONTENITORI TOP */

        #container_top { 

				top: 15px;   }

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 636px;   }

			

        #container_cx {

            width: 480px;   }	

	

	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 768PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

				

/* CONTENITORI TOP */		

        #container_top { 

				top: 15px;   }

							

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 764px;   }

			

        #container_cx {

            width: 480px;   }	



	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 960PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

				

/* CONTENITORI TOP */		

        #container_top { 

				top: 15px;   }

							

/* CONTENITORI CX */	

        #container_cx_large {

            width: 956px;   }

			

        #container_cx {

            width: 480px;   }	







/* CSS3 PERSONALIZZAZIONE VIEWPORT 1280PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

			

/* CONTENITORI TOP */

        #container_top { 

				top: 15px;   }

	

	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 1360PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

					

/* CONTENITORI TOP */

        #container_top { 

				top: 15px;   }



			

			

/* CSS3 PERSONALIZZAZIONE VIEWPORT 1550PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

				

/* CONTENITORI TOP */

        #container_top { 

				top: 15px;   }	

	

	



/* CSS3 PERSONALIZZAZIONE VIEWPORT 1800PX - ORIENTAMENTO PORTRAIT ============================================================================================================ */

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

					

/* CONTENITORI TOP */

        #container_top { 

				top: 15px;   }