@charset "utf-8";
/* CSS Document */

* {
    border: 0 none;
    margin: 0;
    padding: 0;
}
body {
    background-color: white;
    color: #4D4C4C;
    font-family: "Trebuchet MS",sans-serif;
    font-size: 100%;
}
.hide {
    display: none !important;
}
a {
    color: #307FC5;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #307FC5;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3 {
    color: #006199;
    font-size: 1em;
    margin: 0 0 0.7em;
}
h2 {
    margin: 0 0 0.7em;
}
h3 {
    color: #4D4C4C;
    font-size: 0.85em;
    font-weight: bold;
    margin: 0.6em 0 0.3em;
}
.huge {
}
p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 0.6em;
}
.indent {
    text-indent: 2em;
}
.noIndent {
    text-indent: 0;
}
.center {
    text-align: center;
}
img {
    border: 0 none;
}
ul, ol {
    font-size: 0.75em;
    margin-bottom: 1em;
    margin-left: 2em;
    padding: 0;
}
li {
    line-height: 1.6em;
    list-style-type: square;
    margin: 0.2em 0;
    padding: 0;
}
dt {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.3em;
    margin: 1.3em 0 0.6em;
}
dd {
    font-size: 0.75em;
    line-height: 1.6em;
    margin: 0.6em 0;
    text-indent: 2em;
}
pre {
    font-family: monospace;
    font-size: 1em;
}
strong {
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
em {
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.spacing {
    letter-spacing: 0.3em;
}
.smallCaps {
    font-variant: small-caps;
}
.allCaps {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.lineThrough {
    text-decoration: line-through;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: bold;
}
table, td {
    border: 1px solid #4D4C4C;
    border-collapse: collapse;
    font-size: 1em;
}
td {
    padding: 0.2em 0.3em;
    text-align: center;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted #4D4C4C;
    cursor: help;
    font-variant: normal;
}
.cleaner {
    clear: both;
    content: "";
    height: 0;
    overflow: hidden;
}
.cleaner-visible {
    clear: both;
}
.horizontal-line {
    background: url("img/horizontal-line.jpg") no-repeat scroll center top transparent;
    height: 1px;
    margin: 27px 0;
}
#wrapper {
    border: 1px solid #A0A0A0;
    margin: 20px auto 0;
    padding: 0;
    position: relative;
    width: 920px;
}
#header {
    background: url("img/new_header.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 369px;
    margin: 0;
    padding: 0;
    width: 920px;
}
#header #title, #header #title a, #header #title a span {
    border: 0 none;
    display: block;
    height: 70px;
    left: 0;
    /*margin: 0;*/
	margin:2px;
    overflow: hidden;
    padding: 0;
    position: absolute;
   
    width: 259px;
}
#header #title a, #header #title a span {
    top: 0;
}
#header #title a span {
	background: url("img/logo.png");
    /*background: url("img/title.gif") no-repeat scroll 0 0 transparent;*/
}
#left-wrapper {
    float: left;
    width: 66.6%;
	
}
#left {
    margin: 39px;
	
}
#left p.move-up { 
float:left;

}
h1.home {
    float: left;

}
h1.home span.text, h1.home span.text span {
    display: block;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 70px;
	
}
h1.home span.text span {
    background: url("img/loghetto.png") no-repeat scroll 0 0 transparent;
    position: absolute;
}
#left .img-home {
    float: right;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 33.4%;
}
#left .img-home img {
}
h1.azienda, h1.azienda span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.azienda span {
    background: url("img/profilo_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.background, h1.background span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.background span {
    background: url("img/background_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.mission, h1.mission span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.mission span {
    background: url("img/mission_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.offering, h1.offering span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.offering span {
    background: url("img/offering_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.struttura, h1.struttura span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.struttura span {
    background: url("img/struttura_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.collaborazioni, h1.collaborazioni span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 497px;
}
h1.collaborazioni span {
    background: url("img/collaborazioni_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
h1.servizi, h1.servizi span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 75px;
}
h1.servizi span {
    background: url("img/services_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
h1.logenius, h1.logenius span {
    display: block;
    height: 53px;
    overflow: hidden;
    position: relative;
    width: 190px;
}
h1.logenius span {
    background: url("img/logenius_hd.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
h1.computer_vision, h1.computer_vision span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 325px;
	
}
h1.computer_vision span {
   background: url("img/computer_vision_service_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.medicale, h1.medicale span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 325px;
	
}
h1.medicale span {
   background: url("img/medicale_service_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.app, h1.app span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 325px;
	
}
h1.app span {
   background: url("img/app_service_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}





h1.monitoraggio, h1.monitoraggio span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 481px;
	
}
h1.monitoraggio span {
   background: url("img/monitoraggio_service_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.business, h1.business span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 480px;
}
h1.business span {
    background: url("img/business_service_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

h1.clienti, h1.clienti span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 98px;
}
h1.clienti span {
    background: url("img/clienti_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
h1.contatti, h1.contatti span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 83px;
}
h1.contatti span {
    background: url("img/contatti_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
h1.dovesiamo, h1.dovesiamo span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 113px;
}
h1.dovesiamo span {
    background: url("img/dovesiamo_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
#left .img {
    float: right;
    height: 81px;
    margin: 0 10px 10px;
    width: 222px;
}
#left h2.home, #left h2.home span {
    display: block;
    height: 12px;
    overflow: hidden;
    position: relative;
    width: 271px;
}
#left h2.home span {
    background: no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
.column-wrapper {
    float: left;
    margin-top: 10px;
    width: 33.3%;
}
.column {
    padding: 0 30px 0 0;
}
.column img {
    margin: 10px 0;
}
.column h3 {
}
#left h3.column1, #left h3.column1 span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 113px;
}
#left h3.column1 span {
    background: url("img/business_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
#left h3.column2, #left h3.column2 span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 74px;
}
#left h3.column2 span {
    background: url("img/opensource_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
#left h3.column3, #left h3.column3 span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
#left h3.column3 span {
    background: url("img/marketing_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
#right-outer-wrapper {
    background: url("img/vertical-line-middle.gif") repeat-y scroll 0 0 transparent;
    border-right: 1px solid white;
    margin: 13px 13px 13px 66.6%;
    padding: 0;
    position: relative;
}
#right-wrapper {
    background: url("img/vertical-line-top.jpg") no-repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}
#right {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("img/vertical-line-bottom.jpg");
    background-origin: padding-box;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 26px;
    padding-left: 39px;
    padding-right: 26px;
    padding-top: 26px;
}
#right h2.contact, #right h2.contact span {
    display: block;
    height: 13px;
    overflow: hidden;
    position: relative;
    width: 115px;
}
#right h2.contact span {
    background: url("img/timesys_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

#right h2.contact2, #right h2.contact2 span {
    display: block;
    height: 13px;
    overflow: hidden;
    position: relative;
    width: 190px;
}



#right h2.contact2 span {
    background: url("img/timesys_news.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}

#right h2.servizi, #right h2.servizi span {
    display: block;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 113px;
}
#right h2.servizi span {
    background: url("img/services_text.png") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
#right p.date {
    font-size: 0.7em;
    margin: 0.3em 0;
}
#right ul, #right ol {
    margin: 0;
}
#right li {
    height: 1.6em;
    list-style: none outside none;
   /* overflow: hidden; */
}
#right li a, #right li span {
    
    font-weight: normal;
  
}
#right .subnavigation li a, #right .subnavigation li span {
    text-transform: uppercase;
}
#right .subnavigation li a:hover, #right .subnavigation li span.active {
    background-color: #307FC5;
    background-position: -286px center;
    color: #FFFFFF;
    text-decoration: none;
}
/* relativo alla pagina dei contatti
#right h2.quick-links, #right h2.quick-links span {
    display: block;
    height: 15px;
    overflow: hidden;
    position: relative;
    width: 106px;
}
#right h2.quick-links span {
    background: url("img/sensors-quick-links.gif") no-repeat scroll 0 0 transparent;
    left: 0;
    position: absolute;
    top: 0;
}
*/
#navigation {
    background: url("img/blank.jpg") no-repeat scroll 140px 0 transparent;
    border: 0 none;
    height: 40px;
    left: 13px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
	top: 320px;
    /*top: 189px;*/
    width: 920px;
}
#navigation a, #navigation a:hover {
   /* background: url("img/transparent.gif") repeat scroll 0 0 transparent; */
}
#navigation .active, #navigation a, #navigation .active span, #navigation a span {
    display: block;
    height: 40px;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 140px;
}
#navigation .index span {
    background: url("img/home.png") no-repeat scroll 0 0 transparent;
}
#navigation .azienda {
    left: 334px;
}
#navigation .azienda span {
    background: url("img/azienda.png") no-repeat scroll 0 0 transparent;
}
#navigation .servizi {
    left: 474px;
}
#navigation .servizi span {
    background: url("img/servizi.png") no-repeat scroll 0 0 transparent;
}
#navigation .clienti {
    left: 614px;
}
#navigation .clienti span {
    background: url("img/clienti.png") no-repeat scroll 0 0 transparent;
}
#navigation .contatti {
    left: 754px;
}
#navigation .contatti span {
    background: url("img/contatti.png") no-repeat scroll 0 0 transparent;
}
#navigation .active span, #navigation a:hover span {
    background-position: 0 -40px;
}
#navigation a:hover span {
}
#footer {
    color: #A0A0A0;
    font-size: 0.7em;
    margin: 8px 0 0;
    padding: 0 0 50px;
    text-align: center;
}
#footer a {
    color: #949494;
}

#formYIW{
 margin: 0px 0px 0px 0px; width:530px;
}

#formYIW fieldset{
  border:none;
  padding:0;
  padding-top:0;
  position:relative;
}
#formYIW input {border:#999999 1px solid; background:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:6px 8px 6px 10px;outline: medium none;width: 480px; height:13px; float:left;}


#formYIW button {text-transform:uppercase; text-decoration:underline; font-size:11px; line-height:18px; font-weight:bold; display:inline-block; border-bottom:none; background-color:transparent; cursor:pointer;}

#formYIW ol{
  list-style:none;
  margin-top:3em;
}

#formYIW li{
  padding-bottom:1em;
  list-style:none;
}

#formYIW label strong {float:left; display:block; padding-top:8px; line-height:15px; width:70px; white-space:nowrap;} 
#formYIW label{
  position:relative;display: block; min-height:35px; overflow:hidden;
}
#formYIW textarea {border:#999999 1px solid; background:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; height: 120px;outline: medium none;overflow: auto; padding: 6px 0px 0px 10px;width:488px;resize:none;margin:0px 0 0 0;float:left;}

.btns {text-align:right; overflow:hidden; width:66.6%; padding-top:10px; }
.btns a {display:inline-block; margin-left:31px;}

input.error, textarea.error {border: 2px solid #F3B628;}

p.error{
  background: #F3B628 1% 50% no-repeat;
  border:2px solid #000;
  color:#000000;
  font-size:100%;
  margin:3em auto;
  padding:1em 4em;
  width:21%;
}