@charset "utf-8";

/* CSS Document */

body,ul,h1,form
		{
			margin:0;
			padding:0;
			list-style-type:none;
		}
body
	{
		font-size:80%;
		font-family:Arial, Helvetica, sans-serif;
		color:#595959;
		background:url(../Immagini/stripes.png);
	}

/* Regole generali     */

h1
	{
		font-size:1.3em;
		font-weight:bold;
	}
h2
	{
		font-size:1.1em;
		font-weight:bold;
	}
u
	{
		font-weight:bold;
		margin-left:19px;
	}
.separatore
		{
			clear:both;
			border-top:1px solid #dbdbdb;
			margin:30px 0;
		}
hr
	{
		height:1px;
		background:#dbdbdb;
		border:0;
	}
#main
	{
		width:990px;
		margin:0 auto;
		background-color:#ffffff;
	}

.list li
	{
		background:url(../Immagini/list.png) left center no-repeat ;
		padding:4px 0 4px 20px;
	}
a 
	{
		color:#000000;
		text-decoration:none;
	}
a:hover
	{
		text-decoration:underline;
		}


#navigation-top
		{
			height:40px;
			width:100%;		
			background:#0f18f2 url(../Immagini/barra-top.png) left top repeat-x;
			width:990px;
		}

#navigation-top #Nav-Top-sx
		{
			float:left;
			text-align:left;
			width:420px;
			color:#cccccc;
		}

#navigation-top #Nav-Top-sx p, #navigation-top #Nav-Top-sx p a
		{
			margin:0;
			padding-top:10px;
			color:#cccccc;
		}
#navigation-top #Nav-Top-dx
		{
			float:left;
			text-align:right;
			width:570px;
		}

#navigation-top  ul
			{
				padding:8px 0 0 0;
				float:right;
			}

#navigation-top li
			{
				display:block;
				background:url(../Immagini/nav-sp.jpg) right center no-repeat;
				float:left;
				width:140px;
				padding:0 10px 0 10px;
				text-align:right;
			}

#navigation-top  li a
				{
					color:#cccccc;
					text-decoration:none;
				}

#navigation-top .main li.current a
					{
						font-weight:bold;
					}
/* Header */


#main .HeaderSX
			{
			float:left;
			width:45%;
			background-color:#ffffff;
			margin-left:20px;
			}
#main .HeaderDX
			{
			float:left;
			width:52%;
			margin-top:10px;
			text-align:right;
			background-color:#ffffff;
			}
#main .Logo
		{
			border:0; 
			margin-top:20px;
		}

#main .box1 
		{
			margin:40px 0 10px 0;
			width:500px;
		}

/* Page : corpo pagina */

#page
	{
		width:990px;
		margin:0 auto;
		padding:0 0 10px 0px;
		background:#ffffff url(../Immagini/Erba.png) left bottom no-repeat;
		min-height:650px;
	}



/*Elenco puntato da mettere nei box*/
ul 
	{
		list-style-image: url('../Immagini/list.png');

	}


.boxDx ul.Elenco
	{
		list-style-image: url('../Immagini/list.png');
		margin-left:50px;
	}

#main ul
	{
		list-style-image: url('../Immagini/list.png');
		margin-left:15px;
		margin-top:10px;
	}


/*Fine elenco puntato da mettere nei box*/

/* Box n°1  Siti Statici*/

#page .box1
		{
			float:left;
			width:19%;
			height:200px;
			padding-left:15px;
			margin:19px;
			border:2px solid  #ffbf32;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background:transparent url(../Immagini/Ethernet1.png) left bottom no-repeat;
		}

#page .box1:hover
		{
			background-color:#ffbf32;
			color:#000000;
		}
#page .box1 h2
		{

			font-size:15px;
		}
#page .box1:hover h2
		{
			color:#000000;
			font-size:15px;
		}

/* Box n°2  Siti Dinamici*/
#page .box2
		{
			float:left;
			width:19%;
			height:200px;
			padding-left:15px;
			margin:19px;
			border:2px solid  #ad45ce;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background:#ffffff url(../Immagini/Ethernet3.png) left bottom no-repeat;
		}

#page .box2:hover
		{
			background-color:#ad45ce;
			color:#000000;
		}
#page .box2 h2
		{

			font-size:15px;
		}
#page .box2:hover h2
		{
			color:#000000;
			font-size:15px;
		}

/* Box n°3  Web Marketing*/
#page .box3
		{
			float:left;
			width:19%;
			height:200px;
			padding-left:15px;
			margin:19px;
			border:2px solid  #1bc258;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background:#ffffff url(../Immagini/Ethernet3.png) left bottom no-repeat;
		}
#page .box3:hover
		{
			background-color:#1bc258;
			color:#000000;
		}
#page .box3 h2
		{

			font-size:15px;
		}
#page .box3:hover h2
		{
			color:#000000;
			font-size:15px;
		}

/* Box n°4 Servizi vari*/
#page .box4
		{
			float:left;
			width:19%;
			height:200px;
			padding-left:15px;
			margin:19px;
			border:2px double #10badb;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			background:#ffffff url(../Immagini/Ethernet4.png) left bottom no-repeat;
		}
#page .box4:hover
		{
			background-color:#10badb;
			color:#000000;
		}
#page .box4 h2
		{

			font-size:15px;
		}
#page .box4:hover h2
		{
			color:#000000;
			font-size:15px;
		}

/*Nelle pagine interne layout parte centrale*/
	
	/*Parte variabile con i testi dei vari servizi*/
#page .Cont_Centrale
			{
				margin:0;
				padding-top:20px;
			}

#page .Cont_Centrale h2
			{
				margin:0;
			}

#page .boxSx
		{
			float:left;
			width:180px;
			height:250px;
			padding-left:15px;
			background-color:#ffffff;
		}

#page .boxDX
		{

			float:left;
			background-color:#ffffff;
		}
#page .Cont_Centrale .boxDX ul li
		{

			margin:20px;
		}

	/*Parte fissa con il menù di navigazione*/
#page .boxSx  ul.MenuBox
				{
					list-style:none;
				}

/*Box 1 Piccolo siti vetrina*/
#page .boxSx  ul.MenuBox li.box1Piccolo
		{
			width:140px;
			border:2px solid  #ffbf32;
			color:#000000;
			padding:5px;
			margin:5px 0 5px 0;
			cursor:pointer;
		}

#page .boxSx  ul.MenuBox li.box1Piccolo:hover
		{
			background-color:#ffbf32;
			color:#ffffff;
		}


/*Box 2 Piccolo siti vetrina*/
#page .boxSx  ul.MenuBox li.box2Piccolo
		{
			width:140px;
			border:2px solid  #ad45ce;
			color:#000000;
			padding:5px;
			margin:5px 0 5px 0;
		}

#page .boxSx  ul.MenuBox li.box2Piccolo:hover
		{
			background-color:#ad45ce;
			color:#ffffff;
		}

/*Box 3 Piccolo siti vetrina*/
#page .boxSx  ul.MenuBox li.box3Piccolo
		{
			width:140px;
			border:2px solid  #1bc258;
			color:#000000;
			padding:5px;
			margin:5px 0 5px 0;
		}

#page .boxSx  ul.MenuBox li.box3Piccolo:hover
		{
			background-color:#1bc258;
			color:#ffffff;
		}
/*Box 4 Piccolo siti vetrina*/
#page .boxSx  ul.MenuBox li.box4Piccolo
		{
			width:140px;
			border:2px solid  #10badb;
			color:#000000;
			padding:5px;
			margin:5px 0 5px 0;
		}

#page .boxSx  ul.MenuBox li.box4Piccolo:hover
		{
			background-color:#10badb;
			color:#000000;
		}





/* Box n°5 intro Contatti*/
#page .boxContatti
		{
			float:left;
			width:19%;
			height:200px;
			padding-left:15px;
			margin:19px;


		}

#page .box5
		{
			float:left;
			width:75%;
			background:transparent url(../Immagini/Nuvole.png) right center no-repeat;
		}
.text-email
		{
			font-size:27px;
			text-align:center;
			padding:100px 0;
		}

#page .box5 form{}
#page .box5 form label
			{
				display:block;
				padding:5px 0;
			}

#page .box5 form input , #page .box5 form textarea
							{
								border:0;
							}
#page .box5 form input.text
				{
					width:350px;
					height:15px;
					border:#d2d2d2 1px solid;
					background-color:#f2f2f2;
					margin:0;
					padding:5px;
				}
#page .box5 form textarea
				{
					width:360px;
					height:98px;
					background-color:#f2f2f2;
					border:#d2d2d2 1px solid;
				}

#page .box5 form input.submit
				{
					margin:10px 0;
					width:84px;
					height:25px;
					background-color:#f2f2f2;
					border:#d2d2d2 1px solid;
				}
/* Footer */
#footer
	{
		background:transparent;
	}