﻿
html,body		{margin:0; padding:0; vertical-align:middle; font-family:"Times New Roman", Times, serif}
body			{text-align:center;background-color:#464646}

/*TOP PAGINA*/
#top100{clear:both;width:100%; height:80px; background:transparent url('../images/barra-grigia.png') repeat-x left top}

	div.testata{width:900px; height:80px; margin:0 auto; padding:0 }
	
	#login{		float:right; height:50px; width:180px; margin:10px 0 0 0; padding:0; 
				font-size:10px; color:#0066CC; text-align:right;
				border-bottom:1px  solid #DDDDDD;
				border-right:1px  solid #DDDDDD;
				border-left:1px  solid #999999;
				border-top:1px solid #999999;}
				
		#login p{margin:0; padding:0;}	
		#login input{border:1px #0066CC solid;margin:0 5px 2px 0; padding:0; font-size:10px; color:#0066CC; width:100px}
		#login span{width:70px; margin:3px;padding:0;}
		#login p.login-fascia{padding-right:15px; background-color:#0099CC; color:white; font-weight:bold;}
		#login p.login-submit{float:right;width:20px;margin:2px 4px 0 0;padding:0;height:50px;background:transparent url('../images/login.png') no-repeat;cursor:pointer}
		






/* MENU ALTO*/
	#css_menu_top{ padding:8px 0 0 60px;float:left}
		#css_menu_top ul{list-style:none; height:55px; margin:0; padding:0; border:0;}
			#css_menu_top li{display:inline; }
				#css_menu_top li a{
					display:block; 	float:left;	width:80px;	height:20px; margin:15px 2px 0 2px;	color:white; padding:3px 0 0 0 ;
					text-decoration:none; text-align:center; font-family:arial;	font-size:11px; font-weight:bold;
					border-bottom: 3px gray solid; border-top: 3px gray solid; border-left: 3px solid transparent; border-right: 3px solid transparent}
											
					#css_menu_top li a.top-azienda{		background:transparent url('../images/menu-top/azienda.png') no-repeat 15px 20px;}
					#css_menu_top li a.top-software{	background:transparent url('../images/menu-top/software.png') no-repeat 15px 20px;}
					#css_menu_top li a.top-internet{	background:transparent url('../images/menu-top/internet.png') no-repeat 15px 20px;}
					#css_menu_top li a.top-grafica{		background:transparent url('../images/menu-top/grafica.png') no-repeat 15px 20px;}
					#css_menu_top li a.top-assistenza{	background:transparent url('../images/menu-top/assistenza.png') no-repeat 15px 20px;}

					#css_menu_top li a:hover{	height:51px; color:#0099CC; background-position: 15px 10px; border:3px solid #0099CC }
		
		
		
		
		
/*CORPO PAGINA*/
#contenitore{background:white url('../images/Sfuma-alto.jpg') no-repeat center 60px;width:100%;margin:0 auto;padding:0}

	/*home page*/
#corpo-homepage{background:transparent url('../images/quadro-satinato.png') no-repeat left top; width:947px; height:530px; margin:10px auto; padding:0}
	#logo-tekso{float:left;width:317px; height:500px; background:transparent url('../images/TI_3.png') no-repeat left top; margin:15px 0 0 20px; padding:0}

	#quadro-destro{float:right; width:585px; padding:0; margin:15px 15px 0 0; height:500px; border-bottom:1px #808080 solid; border-left:1px #808080 solid; border-right:1px #808080 solid;border-top:0}
	#quadro-destro h3{margin:18px 0 2px 5px; padding:0}
	#quadro-destro p.quadro-testo{margin:0; padding:0; font-weight:normal; text-align:left; margin:3px; font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:10px}
	#quadro-destro a{color:black;text-decoration:none}	
	#quadro-destro a:hover, #quadro-destro a:focus {color:#0099CC;}	

	#quadro-news{float:right; width:100%; padding:0; margin:270px 0 0 0; height:230px; border-bottom:1px #808080 solid; border-left:1px #808080 solid; border-right:1px #808080 solid;border-top:0}		
	#quadro-news p{text-align:left;color:#0099CC; font-size:12px; margin:0; padding:0} 
	#quadro-news p.testo-news{margin:3px 0 8px 0; color:black;text-align:justify}
	#quadro-news a{color:#0099CC;text-decoration:none}	
	#quadro-news a:hover, #quadro-destro a:focus {color:silver;}
	#quadro-news img {padding:0; margin:0;}
				 
	#quadro-download{float:left; height:125px; width:250px; padding:0; margin:20px 0 0 25px; border-bottom:1px #808080 solid; border-left:1px #808080 solid; border-right:1px #808080 solid; border-top:0}	
		#quadro-download div{width:100%; height:33px; background:transparent url('../images/top-azzurro-grigio.gif') no-repeat center -5px;padding:0; margin:0}	
		#quadro-download img{margin:5px;float:left;vertical-align:text-top;border:0;}
		#quadro-download p{text-align:justify; color:#808080; font-size:14px; font-weight:normal; margin:0; padding:4px}
		
	p.pBlue{color:#003366; font-size:14px; text-align:justify!important; margin:5px!important 0}

	/*Altre pagine*/
	#corpo-pagina{width:1012px; margin:10px auto; padding:0; font-family:"Times New Roman", Times, serif; height:100%}
		#dovesei{width:100%; height:15px; margin:0; padding:3px 0 0 10px; background:transparent url('../images/cornice-top-grigio.png') no-repeat left top;
				text-align:left; color:black; font-size:10px}
			#dovesei a{color:#0099CC;text-decoration:none}
			#dovesei a:hover, #dovesei a:focus {color:white;}
			#dovesei span{color:gray;padding:0; margin:0 8px}
		
		p.titolo-pagina{text-align:left; color:black; font-size:18px; font-weight:bold; margin:10px 0 0 15px; padding:0}
		p.sottotitolo-pagina{text-align:left; color:black; font-size:14px; font-weight:bold; margin:0 0 0 15px; padding:0}
			p.sottotitolo-pagina span{margin:0 3px}
			
		p.testo-pagina{text-align:justify; color:black; font-size:14px; font-weight:bold; margin:0 15px 5px 15px; padding:0; font-weight:normal}

	#capitolo-pagina{padding:10px; margin:5px; text-align:left; font-size:14px;vertical-align:top}
		#capitolo-pagina img {float:left; vertical-align:text-top; margin:0; padding:0; border:0;}
		#capitolo-pagina a, #capitolo-pagina a:link, #capitolo-pagina a:visited{font-size:12px; color:#808080; text-decoration:none}
		#capitolo-pagina a:hover, #capitolo-pagina a:focus, #capitolo-pagina a:active {color:#0066CC; text-decoration:none}
		#capitolo-pagina ul {list-style-image:url('../images/ul-image.gif');color:#0066CC;font-size:12px;font-weight:bold;cursor:pointer}
		#capitolo-pagina li.interno {list-style-image:url('../images/li-image.gif'); }


/*MENU BASSO PAGINA*/	
#bottom100{clear:both;width:100%; height:220px; background:#464646 url('../images/riga-grigia-bassa.jpg') repeat-x left top; margin:0;padding:0}

#contenitore-menu{width:900px; margin:0 auto;color:white;padding-top:3px}
	
	p.titolomenu{margin:0 !important ; padding:45px 0 11px 60px !important }
	
	#menu{width:150px;float:left;text-align:left}
	#menu a, #menu a:link, #menu a:visited{font-size:10px; color:#CCCCCC; text-decoration:none}
	#menu a:hover, #menu a:focus, #menu a:active {color:white; text-decoration:none}
	#menu p{margin:0;padding:0;line-height:95%;font-weight:bold}

	div.settore-menu {	background-color:transparent;background-repeat: no-repeat; background-position: 0 0 54px 62px;
				    margin:5px 0; padding:0; height:62px; color:white; font-weight:bold; font-size:12px;color:#CCCCCC}				
	div.settore-menu:hover{background-position:0 -62px; color:white}


	#mazienda 	{background-image:url('../images/menu/azienda.png')}
	#msoftware	{background-image:url('../images/menu/software.png')}
	#minternet	{background-image:url('../images/menu/internet.png')}
	#mgrafica	{background-image:url('../images/menu/grafica.png')}
	#massistenza{background-image:url('../images/menu/assistenza.png')}


/*QUADRO DESCRIZIONE*/
div.someworks {
	color: #000000; width:390px; padding-left:160px;
	font-family: Tahoma; font-size: 11px;
	vertical-align:middle; text-align:justify;}
		
	div.someworks a{font-weight:bold; color:#808080!important; font-size:12px}
	div.someworks a:hover{font-weight:bold; color:#0099CC!important}
	

/*GUIDA EASY GEST*/
div.guida-descrizione{padding:0px;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#003366}
img.guida-immagini{float:left; margin:10px}
p.guida-titolo{font-weight:bold;margin:10px 0 0 0;padding:0}
p.guida-titolo-rosso{color:red;font-size:16px;text-align:center;font-weight:bold;}

.caratteristiche-titolo{background-color:white;height:36px;font-weight:bold;margin:0;padding:0; float:left; width:90px; text-align:center}
.caratteristiche-descrizione{background-color:#FFFFCC;height:28px;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#003366; float:left; width:85px; text-align:center}

div.elenco-guida{width:54px; height:62px; float :left; margin:5px; background-color:transparent; background-repeat:no-repeat;}
div.elenco-guida-container{padding:4px 5px; margin:0; cursor:pointer}
div.elenco-guida-container a{font-weight:bold;font-size:12px}
div.elenco-guida-container a.attuale{font-weight:bold;font-size:14px;color:red!important}

#easygest-logo{float:right;width:298px;height:49px;margin:11px 20px 0 10px;padding:0 10px;border:0;background:transparent url('../images/easygest.png') no-repeat;cursor:pointer}

p#SottoTitoloMarrone{background-color:transparent;margin-left:4px;margin-bottom:15px;font-family:Arial, Helvetica, sans-serif;color:#660066;font-size:10pt;}
a.Cornice, a:active.Cornice, a:visited.Cornice{color:#9933FF;font-size:10pt;font-style:oblique;}
a:hover.Cornice{background-color:#6600FF;color:#FFFFFF}


	a.a-arancio {color:#FF9900;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding-top:5px}	
	a.a-arancio:hover {color:#FFFFFF;;background-color:#FF9900;}	

	a.a-navy {color:#0066CC;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:5px 0 0 0;margin:0}
	a.a-navy:hover {color:#FFFFFF;;background-color:#0066CC;}	

div.easygest-acquisto {height:30px;width:100%;clear:both;margin:0;padding:0}
p.easygest-acquistoEti{margin:0; padding:5px 0 0 0; text-align:right; float:left; width:100px}
p.easygest-acquistoInput{margin:0; padding:0; text-align:left; float:left}


