@import url(skel.css); 

img {border:0}
img.null {float:right }
img.pic {float: right; margin: 1em 1em 1em 1em }        
img.picleft { float: left; margin:0.5em 2em 1em 1em }
img.piclefthome { float: left; margin:0em 1em 0em 0em }
img.picright { float: right; border:0;  margin:1em 1em 1em 1em }
img.picrighttop {float: right; margin:0em 1.5em 1.5em 1.5em }
img.picrightnomg {float: right;margin-right:20px; }
img.border { border-right: 3px double; border-top: 3px double; border-left: 3px double; border-bottom: 3px double }
img.topmain { top: -20px; }

/* html - body */
html, body { width: 100%; line-height: 1.2em; }

body {font: 12px verdana, arial, sans-serif; color: rgb(58,58,58); margin: 0; padding: 0;
      background: #fff url(../images/ips_back.jpg) /*-1.5em 2.5em no-repeat fixed*/; position:relative;/* text-align:center*/}

/* link */ 
a.null, a.null:link, a.null:visited  {color:#004a95; text-decoration: none;}
a.null:hover   {color:navy; }
a.null:active  {background-color:white; }   

a, a:link, a:visited {color: navy; text-decoration: underline;
			/*background-color: rgb(231,231,236);*/ border: 0px solid; }
a:hover   {color: #5c5c5c; background-color: rgb(231,231,236); border-color:#66667f }
a:active  {color: white; background-color:#ff8040;  /* border-color: rgb(102,102,127)*/}


p {font: 12px  verdana, arial, sans-serif; text-align: left; line-height: 1.4;
	margin: 0em 0px 1.5em 1.5em; padding: 0}
p.msg { color:red; background:white; /*#8cadcc;*/ font-size:120%; font-weight:bold; text-align: center; margin-left:10em; margin-right:10em}
span.evidenza {color:red; font-weight: bold;}
.ptable {font: 12px verdana, arial, sans-serif;  text-align: left; line-height: 1.4; margin: 0em 0px 1.5em 1.5em;
    padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; }  

/* ul{ margin-bottom: 0.33em; margin-left: -2em; list-style:square;}*/
li { margin-bottom: 0.33em; margin-left: 0em; list-style:square; line-height: 1.1;  /*background:#ccc;*/ }

dl { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0.75em 0px 0.75em 1.25em; padding-top: 0px }
dt { font-style: italic }
dd { margin-top: 0.33em; margin-bottom: 0.66em }


h1 { margin: 1em 0px 0px 0px;border: 0px solid; padding: 0.3em; position: relative;}
h1.header {display:none; color:navy; }
h1.robo { font-size: 80%; margin: 1em 0px 0px 0px; color:white;border: 0px solid; padding: 0.3em; position: relative;} 
h1 a:link,  h1 a:visited {text-decoration: none; color: white; border:0px }   
h1 a:hover {color: navy; border:0px }    
h1.page {font-size: 1.5em; font-weight: bold; text-align:right; font-style:italic; color:whitesmoke  /*#ffffff #004a95*/; margin:0em 0.5em 1em 0; 
		line-height: 1; /* border-top: 2px solid; border-color:#8cadcc; */
		background: url(../images/h1_title.jpg); padding-right:25px;}


h2 {position: relative; font-weight: bold; font-style:italic; color:#004a95; margin: 1em +5em 1em 0;  border-bottom: 1px solid; }
h2.title { text-align:left; border-color: rgb(102,102,127);   border: 1px solid; }
h2.page { font-size: 150%; font-style:italic;  font-weight: bold; letter-spacing:0.2em;
    text-align:left; line-height: 1; border-bottom: 1px solid;  /*padding-left: -0.5em; */}
h2 a:link, h2 a:visited{ text-decoration: none; border:0px }            
h2 a:hover { color: #5c5c5c; background-color: rgb(231,231,236); border:0px }        
    

h3 {font-size:1.4em; font-weight:bold; font-style:italic; margin: 0.25em 0.25em 0.5em 0em; color:#004a95; text-shadow:  2px 2px 5px navy; 
     /* border-bottom: 1px solid;  border-color: rgb(102,102,127); */
     padding-right: 1em; padding-left: 1em; padding-bottom: 1px; padding-top: 1px; }
h3.title { font-size: 1.3em; width:20%; font-weight: bold; color:#004a95; background-color: rgb(231,231,236);
    border-color: rgb(102,102,127);  text-shadow: black 0px 0px 4px ;
    border-right: 2px solid; border-bottom: 1px solid; border-top: 1px solid; border-left: 1px solid; }
h3.section { font-weight: bold; color:red;   padding-right: 1em;
    border-color: rgb(102,102,127);  border-right: 2px solid; border-bottom: 1px solid; }
h3.sectionsub { font-size:1.1em; font-weight: bold; color:red; border-bottom:0px;}
h3.sidebar { display: none! important }
h3.row { font-weight: bold; color:rgb(63,63,63); margin:0px;padding-left:10px;
    border-color: #f4f4f4;  border-bottom: 0px solid; }


h3 a:link, h3 a:visited {color:#004a95; font:16px arial,verdana, sans-serif; font-weight: bold; text-decoration: none;
	padding-right:1em; padding-left:0em; border-bottom: 0px solid;}
h3 a:hover { color: #5c5c5c; background-color: rgb(231,231,236) }


h4 { font-weight: bold; font-size: 115%; margin: 0em 0px 1.5em 1.5em; }
h4.red {font-weight: bold; color:red;}
h4 a:link {font-size: 1.1em; border: 1px solid; border-color: red; text-decoration: none; border:0px }
h4 a:visited {font-size: 1.1em;text-decoration: none; border:0px; }
h4 a:hover {color: #5c5c5c; background-color: rgb(231,231,236)}        


.myforminput { font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; font-weight: 200;
    text-align: left;  line-height: 150%; color: #000000;   }

/* header */
#header { position:relative; width: 825px; height: 135px; 
         background:#edf2f2 url(../images/barra_ips2005n1.jpg) no-repeat; /*red;#004262;*/ padding: 0 0 0 0 }
#header h1 { margin: 0 15% 0 0; padding: 0.5em 0 0 0.25em;
             border-bottom: 2px solid rgb(50%,30%,30%);
             font: bold 200%/0.99em verdana, sans-serif; }
#header h1 a { color: rgb(35%,20%,20%); }
#header h1 span { color: rgb(50%,30%,30%); }
/* #header h5.titlepage  */


#header h5 { font-weight: bold; color: red; text-align: left;
    background-color: rgb(231,231,236);
    border-top: 1px solid; border-right: 2px solid; border-bottom: 1px solid;
    border-left: 1px solid; border-color: rgb(102,102,127);  
    padding-right: 0.5em; padding-left: 0.5em; padding-bottom: 1px; padding-top: 0px;
    position: absolute; margin: 0px -1px 0px 600px; top:+105px; }    /* top only with absolute */
#header h5.titlepage {font-size: 1.1em; font-weight: bold; color: rgb(63,63,63);
    background-color: rgb(231,231,236);  border-color: rgb(102,102,127);  
    border-right: 2px solid; border-bottom: 1px solid; border-top: 1px solid; border-left: 1px solid; 
    padding-right: 0.5em; padding-left: 0.5em; padding-bottom: 1px; padding-top: 1px;
    position:absolute; left:0.5em; top : 90px; float:right }
	    
#header h5.date { font-weight: normal; float: right; margin: -1.2em 0px 0px; text-align: right; color: rgb(153,153,165);
    position:absolute; top: +0.5em }


/* title page */
#titlepage { position:absolute; display:none; color:white;  width:24%; height: 15px; background-color:#004a95;
    top:105px; right:0px;  padding: 0 0 0 0 }

/* main */
#main {margin: 23px 220px 50px 25px; /* background:green;*/ width:565px;
		min-height:350px;
		height: auto !important;
	    height:350px;}


/* sidebar */
#sidebar { position: absolute; top: 160px; left:635px; /* right: 0px; */
    width: 210px; font-size: 1em; padding:3px; padding-left:5px; line-height: 1.4;
    /*  border-top: 1px solid #d5f1ff; 
    	border-bottom: 2px solid  whitesmoke;
    	border-left: 1px solid  whitesmoke; */
    background: #d4e6ff/* #d5f1ff url(../images/barra-menu.jpg) */; background-repeat:no-repeat;}

#sidebar div.sublinks { margin: 0 0 0 1em; 
		    padding-left: 5px; padding:0px; display:block }
div#sidebar div.sublinks2 { background: none transparent scroll repeat 0% 0%; margin: 0 0 0 1em; 
		      display:block; }
#sidebar div.sublinks3 { background: none transparent scroll repeat 0% 0%; margin: 0 0 0 1em; 
                      padding:0px; display:block; }

#sidebar h4 {margin: 0; padding: 0.2em 0.25em 0;
    font: bold 1em arial, verdana, sans-serif; text-align: center;
    background: white; color: rgb(8%,5%,5%);}

#sidebar ul, #sidebar .sublinks ul, #sidebar .sublinks2 ul{margin: 0; padding: 1px 0 1px 0.5em; list-style: none;
    font-size: 90%;}
#sidebar ul ul {border: none;}
#sidebar ul li {margin: 0.10em 0; font-size:90%;}
#sidebar ul ul li {margin: 0.1em 0;}

#sidebar a, #sidebar a:link, #sidebar a:visited {font-size:13px; color: #5c5c5c;  text-decoration: none;  line-height: 1.4;
	  border-bottom: 0px solid white; color:#004a95;}
#sidebar a:hover {color:white;  border: 1px solid; border-color:red; background-color: navy;}
#sidebar a:active {color:white;}

#sidebar .sublinks a, #sidebar .sublinks2 a, #sidebar .sublinks3 a 
	{ padding-left: 0.5em; padding-right: 0.5em; padding-top: 0px; }
#sidebar .sublinks a:hover, #sidebar .sublinks2 a:hover, #sidebar .sublinks3 a:hover{color:white; ;}
#sidebar .sublinks a:active, #sidebar .sublinks2 a:active, #sidebar .sublinks3 a:active 
		{color:white; background-color:red;}
		
#sidebar .alinksel { /*background-color:#d9ecff;*/ border-left:1px solid red; margin-left:5px;  }

#sidebar .alinkasel { margin-left:5px; padding-right: 0.1em; padding-left:3px;}



/* footer */
#footer { width:825px ; height:30px; padding: 30px 15px 15px 0px;  /*background:  #e1f5ff; */ color:#004a95; }
#footer p {font-family: tahoma,arial, sans-serif; font-size: 0.85em; margin-left:20px;}
/*
#footer a { font-family: tahoma,aril,sans-serif ;  text-decoration: underline;
    background-color: #e1f5ff;  border-bottom: 0px dotted; margin: 0px; line-height: 1.5;
    padding-right: 0.5em; padding-left: 0.5em; padding-bottom: 1px; padding-top: 1px; }
#footer a:link, a:visited  {color: #004a95; }
#footer a:hover  {color:#5c5c5c; background-color: rgb(231,231,236); border: 1px solid; border-color:#66667f}
*/

/* special */

/* home page */
a.home { color: red;  text-decoration: none;
    display:inline; background-color: rgb(231,231,236);border: 0px;
    /* border: 0px ;  border-top: 1px solid;  border-bottom: 1px solid; border-top: white; */margin: 0px; line-height: 1.8;
    padding-right: 0.5em; padding-left: 0.5em; padding-bottom: 1px; padding-top: 1px; }    
a.home:link, a.home:visited     {color: navy; border: 0px; /* border-color: yellow;*/}
a.home:hover   {color: #5c5c5c; background-color: rgb(231,231,236);border: 1px solid; border-color:#66667f }
a.home:active  {color: white; background-color:#ff8040;  border-color: rgb(102,102,127)}


/* SCHEDA PRODOTTI */                     
#NameProduct {position:relative; margin: 0.3em 0.5em 0.3em 0.5em; padding: 0.5em;      /* top=1em, right=2em, bottom=3em, left=2em */
    /* border-top: 1px solid; border-color: #9999a5; */   }
#ProductLine {position:relative; font-weight: bold; font-size: 115%;font-style:italic; margin:1.3em 2em 0em -2em;
    float:right; /* text-align: left; */ color: rgb(153,153,165)}
#Description {position:relative; font-weight: bold; font-size: 1.15em;  color:red; font-style:italic; padding-right:2em;
    margin: -1.75em 3em 1em 1em; text-align: left;}
#GeneralDescription {position:relative;}
#Features {display: block; position:relative;padding:3px }
#Specification {display: block; position:relative; padding:3px }
#CodeProduct {}
#Allegati  {}
	
/* menu bottom */


td.menuheader { width:110px; height:14px; padding: 2px; background: #edf2f2; text-decoration:none;
		  border-bottom: 1px solid #ddd; border-top: 1px solid #fff;border-right: 1px solid #ddd; }

td.menuheaderselected { width:110px; height:14px; padding: 2px; background: #e0e9e9; font-weight: bold; 
		  text-decoration:none;  border-bottom: 1px solid #fff; border-top: 1px solid #ddd; border-right: 1px solid #fff; }

td.homedown {height:55px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; 
		  border-top: 1px solid #ddd; border-left: 1px solid #ddd; background:whitesmoke; }
td.homeup { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; 
		  border-top: 1px solid #fff; border-left: 1px solid #fff; background:whitesmoke; }
		  	
/* Sidebar */
#nav:before {
	line-height: 0.1;
	font-size: 1px;
	/* background: transparent url("../../images/menu_tr.gif") no-repeat top right;*/
	margin: 0;
	height: 9px;
	display: block;
	border-bottom: 1px solid #ddd;
	/* content: url("../../images/key-point_tl.gif"); */
}
#nav { background: #E0E9E9 /* url("../../images/menu_back.gif") right repeat-y*/;}

#nav:after { display: block;
	padding-top: 0;
	line-height: 0.1;
	font-size: 1px;
	/*content:  url("../../images/key-point_bl.gif");*/
	margin: 0 0 0 0;
	height: 8px;
	/* background: transparent url("../../images/menu_br.gif") scroll no-repeat bottom right ; */
	border-top: 1px solid #fff; }

#nav, #nav ul { margin: 0;	padding: 0;	list-style: none;}
	
#nav {	margin-bottom: 1em;}

#nav li {display: inline;	padding: 0;	margin: 0;}

#nav li span { /* used for un-linked menu items */
	display: block;
	padding: 6px 20px;
	font-weight: bold;
	color: #666;}

#nav li a, #nav li a:link, #nav li a:visited, #nav li a:active{
	display: block; 
	padding: 3px;
	text-decoration: none;
	background: #EDF2F2;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;}	

#nav li a:hover {
	display: block; 
	padding: 3px;
	text-decoration: none;
	background: #E0E9E9;color:navy;
	border-left: 1px solid navy;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #fff;
	border-right: 1px solid #ddd;}
	
#nav li a:active{background:white;}
	
#nav li ul, #nav li ul a {margin-left:10px;} 
	
/* #nav ul li span,#nav ul li a {padding: 3px 10px; }

 #nav li a:hover {background: #E0E9E9;color:navy;} */




