﻿/* riccardo */
body, tr, td
	{
		margin		: 0px 0px 0px 0px;
		padding : 0 0 0 0 ;
		font-size	: 14px;
		font-family 	: Verdana;
		background-color:  #223b4b; /*#446a95;*/
		/*background-image: url(img/sfondo.jpg);background-repeat:inherit;*/
		/*background-image: url(img/back.gif); background-repeat:inherit;*/
		color	: black;	
			
	}
#cssmenu {
	background: #909090;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em;
}



#cssmenu li {
	font: 80% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
       list-style: none;
}
#cssmenu a {
	background: #003366;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: #42aaff  url('img/hover.gif') left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

hr {
	color: black;
	width: 150px;
	
}

table
{ margin: 0 0 0 0;
  padding: 0 0 0 0;
  border-spacing: 0;
  border-collapse: collapse;
  
}
A:link    { text-decoration: none; color: white;}      /* unvisited link */
A:visited { text-decoration: none; color: white;}      /* visited links */
A:active  { text-decoration: none; color: white;}      /* active links */
A:hover   { text-decoration: none; color: white;}  /* mouse selection links */
	

/*h1 usato x titoli*/
h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 160%;
 color: blue;
 text-align: center;
 margin: 15px 0 5px 0;
 padding: 0px;
 vertical-align: middle;

 
}
/*h2 usato x sottotitoli*/
h2{
 font-family:  Verdana,Arial,sans-serif;
 font-size: 120%;
 color:  blue;
 margin: 0px 0 5px 0;
 padding: 0px;
 font-variant:small-caps;
 text-align: center;
}

/*titoli rossi*/
h3{
 font-family:  Verdana,Arial,sans-serif;
 font-size: 120%;
 color:  red;
 margin: 0px;
 padding: 0px;
 font-variant:small-caps;
 text-align: left;
}
/*h4 usato x bottom*/
h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 70%;
 font-weight: normal;
 text-align: center;
 margin-bottom:1px;
 margin-top:1px;
 margin-left:0px;
 margin-right:0px;
 line-height:1.3;
 color: #ffffff;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
	font-size: 70%;
	color: black;
	padding: 0px;
	text-align: left;
	margin-left: 3px;
	margin-right: 3px;
}
h6{
 font-family: Verdana,Arial,sans-serif;
 font-size: 30%;
 font-weight: normal;
 text-align: justify;
 margin-top:5px;
 margin-left:0px;
 margin-right:5px;
 line-height:1.3;
 color: #000000;
 padding: 0px;
}

li
	{   text-align: justify;
		font-size	: 100%;
		list-style-type: circle; 
		color	: black;
		  font-family: Verdana,Arial,sans-serif;
		  margin: 3px 35px 20px 35px;
	}
li a:link, li a:visited, li a:active
{       
    text-align: left;
    text-decoration: none;
    color: Red;}

li a:hover
{      
    color: black;}

p
{   text-align: justify;
	
    margin: 3px 35px 20px 35px;
     font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: black;}
img
{
    border: none;
    vertical-align: middle;
    
}

.soft
{	 background-color: white;
    border: 1px black;
    vertical-align: middle;
    
}

.tdpageright
{  float: right;
    border: none;
    vertical-align: middle;
    margin-right: 35px;
    
}

td.sinistra
{  width: 40%;
    
}

td.destra
{  width: 60%;
    
}


img#sinistro {border: none;
float: left;
margin: 1px 1px 1px 1px;
}

img#destro {
float: right; margin: 15px 15px 15px 5px;
position: fixed;
top: 30%;
}

img#destrohome {
float: right; margin: 15px 15px 15px 15px;

}
img#centro  
{
vertical-align: middle; 
float: none; margin: 0% 10% 0% 10%;
margin-bottom: 15px;

}

img.software  
{width: 250px;
vertical-align: middle; 
float: none; margin: 0% 10% 0% 10%;
margin-bottom: 15px;

}

img.software1  
{width: 180px;
vertical-align: middle; 
float: none; margin: 0% 10% 0% 10%;
margin-bottom: 15px;

}
.tdhomeleft
{width: 25%;
 padding: 0 0 0 25px;
 text-align: center;
 float: none;
 margin-left: 35px;
}

.tdhomecenter
{width: 70%;
padding: 0 0 0 25px;
}

.tdhomeright
{width: 20%;
}

#tdtop
{width: 100%;
}

#tablemenu
{width: 780px;
   /* border-top:2px solid black;
    border-left:2px solid black;
    border-right:2px solid black;
    border-bottom: none;*/
	 border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;

}

#tdmenu
{ 
  /* border-top: 3px solid gray;
  border-bottom: 3px solid gray;*/
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color:#5d89a4;
  background-image: url(img/menu.gif);
  border-collapse:inherit;
  font-weight:bold;
  
  font-size: 0.85em;
  color:blue;
  text-align:center;
  vertical-align: middle;
  
  
}

#tdmenuleft
{ 
	
  /* border-top: 3px solid gray;
  border-bottom: 3px solid gray;*/
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color:#909090;
  background-image: url(img/bg_sx.gif);
  border-collapse:inherit;
  font-weight:bold;
  font-size:12px;
  color:Gray;
  text-align:center;
  vertical-align: middle;
  
}

#tdmenuright
{ 
	
  /* border-top: 3px solid gray;
  border-bottom: 3px solid gray;*/
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background-color:#131c22;
 
  border-collapse:inherit;
  font-weight:bold;
  font-size:12px;
  color:Gray;
  text-align:center;
  vertical-align: middle;
  
}

#tdmenu a:link /*non visitati*/
{
    text-decoration: none;
    font-style: inherit;
    color: red;
}

#tdmenu a:visited /*visitati*/
{
    text-decoration: none;
    color: red;
}

#tdmenu a:hover /*passaggio del mouse*/
{
    text-decoration: none;
    color: darkblue;
}

#tdmenu a:active /*attivi*/
{
    text-decoration: underline;
    color: #33cc33;
}

#top
{
    
}

#tabletop2
{
 width: 780px;
 background-color: Black;
    
    
}

#tabellacontenuti
{	 padding: 0 30px 0 30px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: none;
    width: 780px;
    text-align: center;
    margin-bottom:0;
	background-image: url(img/sfondohome.jpg);
	background-repeat: no-repeat;
	background-color: #909090;
   
    
}

#tabellacontenuti tr,td
{background: transparent;
vertical-align: top;
}

table.bottom
{	 padding: 0 30px 0 30px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: none;
    width: 780px;
    text-align: center;
    margin-bottom:1px;
    background-color: #909090;
    
    
}

tr.bottom,td.bottom
{background-color: #909090;
vertical-align: top;
}

#forminvio
{
    width:400px;
    height:400px;
    }

 .allineasinistra
  {
    text-align: left;
    float: left;
    
    }     
.destra
{
    text-align: right;
    }

.sinistra
{
    text-align: left;
    
    }    
    
.giustifica
{
    text-align:justify;
    margin-right: 50px;
    margin-left: 50px;
   
}

.rosso
{
    color: red;
}
.centra
{
    text-align:center;
    margin-right: 50px;
    margin-left: 50px;
     margin-bottom: 35px;
}
.sottolinea
{
    text-decoration:underline;
}   
.meta
{
    width:50%;
}

.bold 
{
    font-weight:bold;}

       
.title {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

.title a:link {
	text-decoration: none;
	color: #000000;
}

.title a:visited {
	text-decoration: none;
	color: #000000;
}

.title a:hover {
	text-decoration: none;
	color: #ffffff;
}

img.expando{ 
border: none;
vertical-align: bottom; 
width: 200px;
margin: 15px 0 15px 15px;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 1px 7px;
	background: -moz-linear-gradient(
		top,
		#42aaff 0%,
		#003366);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#42aaff),
		to(#003366));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

























#menu-bar {width: 730px;
  margin: 0px 0px 0px 16px;
  padding: 6px 6px 0px 6px;
  height: 34px;
  line-height: 100%;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #8B8B8B;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A9A9A9, endColorstr=#7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#A9A9A9), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #A9A9A9,  #7A7A7A);
  border: solid 1px #6D6D6D;
}
#menu-bar li {
  margin: 0px 3px 0px 3px;
  padding: 0px 0px 3px 0px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: bold;
  font-family: arial;
  font-style: normal;
  font-size: 12px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 8px 6px 8px 6px;
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-shadow: 2px 2px 3px #000000;
}
#menu-bar .current a, #menu-bar li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #0399D4 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 2px #FFFFFF;
}
#menu-bar ul {
  background: #DDDDDD;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}

