/* HTML */







body {font-family: Verdana,Arial,sans-serif; color: #333; margin: 0; padding: 0; background: #fff url(grafica/sfondi/sfondo-content2.jpg) 50% center;}







a {color: #069; text-decoration: none;}



a:link {color: #069; text-decoration: none;}



a:visited {color: #069; text-decoration: none;}



a:hover {color: #069; text-decoration: underline;}







h1 {font-family: Verdana,Arial,sans-serif; font-size: 110%;}



h2 {font-family: Verdana,Arial,sans-serif; font-size: 114%; color: #069; margin: 0; padding: 0;}



h3 {font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0; padding: 0;}



h4 {font-family: Verdana,Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333; margin: 0; padding: 0;}



h5 {font-family: Verdana,Arial,sans-serif; font-size: 100%; color: #334d55; margin: 0; padding: 0;}







ul {margin: 0; padding: 0; list-style-type: square;}



ul ul {list-style-type: disc;}



ul ul ul {list-style-type: none;}



.sopra {margin: 12px 0; padding: 0; font: 80% Verdana,Arial, sans-serif; line-height: 14px; text-align: right;}



.sopra a:link, #content .sopra a:visited{color: #069; font-style: normal; text-decoration: none; border-bottom: 1px solid #069;}



.sopra a:hover {color: #069; border-bottom: 3px solid #069;}



.a {background-color: #EFF7FF;}



.b {background-color: #E2ECF7;}







/* header */



#header {height: 115px; padding: 0; color: #005CA9; border-top: 3px double #005CA9; width: 100%; text-align: center; background: #fff url(grafica/loghi/LogoSAPfelce1.jpeg) top center no-repeat;}



#header h1 {position: absolute; width: 600px; height: 115px; margin: -6000px 0 0 -6000px; padding: 0;}



#header h3 {margin:0; padding: 10px 0 1% 4%; font: bold 150% verdana, arial, trebuchet MS, arial, helvetica, sans-serif; letter-spacing: 0.2em;}



#header p {margin:0; padding: 20px 0 0 4%; font:150% arial, trebuchet MS, arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.25em; background-color: #fff;}



#header #logo {width: 100%; margin: 0 auto; padding: 0; color: #005CA9; text-align: center; color: #fff;}



#header #logo img {height: 115px; margin:0 auto; padding:0; background-color: #fff;}







/* slogan */



#slogan {position: absolute; top: 96px; right: 15%; float:right; margin: 0; padding: 0; font: bold 70% Arial; text-transform: uppercase; letter-spacing: 1px; text-align: center;}



#slogan p {margin: 0; padding: 0; color: #005CA9;}







/* navbar */



#navbar {margin: 0; padding: 3px 0; border-top: 3px double #fff; border-bottom: 1px solid #fff; color: #ccc; text-align: center; background: #005CA9 url(grafica/sfondi/sfondo-nav.jpg);}



#navbar img {display: block;}



#navbar a {font: bold 80% Verdana; margin: 0; padding: 0 8px; line-height: 22px; vertical-align: middle; color: #fff;}



#navbar a:hover {font-size: 80%; margin: 0; padding: 0 8px; color: #fc0;}



#navbar a#activelink {color: #fff;}



#navbar a:hover#activelink {color: #fc0;}



#navbar span {display: none;}







#sidebar-sx {float:left; width: 18%; border-bottom: 1px solid #ccc; padding-right: 10px;}



#content {float: left; margin: 0; padding: 0 0 14px 0; text-align: center; line-height: 110%; width: 57%;}



#content .ripristino-float {clear: both; height: 1px; overflow: hidden; margin: -1px;}







/* breadcrumb */



#breadcrumb {margin: 0; padding: 0 0 0 10px; text-align: left; border-top: 1px solid #4787A7; border-bottom: 1px solid #ccc; background: #E6F1FF url(grafica/sfondi/sfondo-breadcrumb.jpg) repeat-x 0 0;}



#breadcrumb p {font-size: 80%; margin: 0 0 3px 0; padding: 0; text-align: left;}







/* feature */



.feature {margin: 0 0 0 3%; padding: 0 0 10px 0; font-size: 95%; background: transparent url(grafica/sfondi/sfondo-content.jp) bottom center no-repeat;}



.feature h2 {margin: 10px 0 0 0; padding: 20px 0 5px 2%; font-size: 140%; letter-spacing: 1px; color: #069; text-align: center; border-bottom: 1px solid #069;}



.feature h3 {margin: 15px 0 30px 0; padding: 5px 0; font-size: 130%; letter-spacing: 1px; line-height: 115%; color: #069; text-align: center; vertical-align: middle; border-bottom: 1px dotted #069;}



.feature h4 {margin: 5px 0 10px 0; padding: 3px 0; font-size: 130%; letter-spacing: 1px; line-height: 17px; color: #069; text-align: left; vertical-align: middle; border-bottom: 1px dotted #069;}



.feature h4 span {margin: 0; padding: 0; font-size: 80%; letter-spacing: .5px; color: #069; text-align: left; border: 0;}



.feature h4 span a {text-decoration: none;}



.feature h4 span a:hover {text-decoration: underline;}



.feature p {margin: 0; padding: 0 0 12px 0; font: 95% Verdana; text-align: justify; line-height: 130%;}



.feature span {margin: 0; padding: 0; font: 85% Verdana; color: #005CA9;}



.feature span a {text-decoration: none;}



.feature img.dx a, .feature img.sx a, .feature img.ct a{border: 1px solid #069;}



.feature img.dx {float: right; margin: 0 14px 6px 0; padding: 0;}



.feature img.sx {float: left; margin: 0 14px 6px 0; padding: 0;}



.feature img.ct {margin: 10px auto; padding: 2px; text-align:center;}



.feature img.dx, .feature img.sx, .feature img.ct{border: 0;}



.feature .spot {margin: 0; padding: 2px 10px; font-size: 95%; letter-spacing: .1px; color: #069; text-align: left; border: 0px #069 solid; background-color: #eee;}



.feature .spot h4 {margin: 5px 0 10px 0; padding: 3px 0; font-size: 130%; letter-spacing: 1px; line-height: 17px; color: #069; text-align: left; vertical-align: middle; border-bottom: 1px dotted #069;}



.feature .spot h4 span {margin: 0; padding: 0; font-size: 80%; letter-spacing: .5px; color: #069; text-align: left; border: 0;}



.feature .spot h4 span a {text-decoration: none;}



.feature .spot h4 span a:hover {text-decoration: underline;}







/* updates */



.updates {clear: both; padding: 10px 0 0 10px; font-size: 80%;}



.updates h3 {margin: 0; padding: 10px 0 5px 0; font: bold 110% Arial, Verdana; text-transform: uppercase; letter-spacing: 1px; color: #069;}







/* footer */



#footer {clear: both; margin: 0 0 10px 0; padding: 0; border-top: 4px solid #005CA9; border-bottom: 4px solid #005CA9; font-size: 75%; color: #000; text-align: center; vertical-align: middle; background-color: #B9DDFD;}



#footer p {margin: 0; padding: 6px 0 8px 0; font-size: 90%; color: #000; line-height: 20px;}



#footer span {display: block; margin: 0; padding: 0;}



#footer img {padding: 4px 4px 4px 10px; vertical-align: middle;}







/* search */



#search {padding: 5px 0 5px 10px; border-bottom: 1px solid #ccc; font-size: 90%;}



#search form {margin: 0; padding: 0;}



#search label {display: block; margin: 0; padding: 0;}







/* modulo contatti */



form {padding: 8px 0 5px 10px; font-family: Verdana,Arial,sans-serif; font-weight: bold; font-size: 85%;}



fieldset {padding-bottom: 10px; border: 0;}



fieldset label {float:left; width:100px; line-height:30px; margin-right:5px; text-align:right; text-transform: uppercase; color: #334d55;}



fieldset input,textarea {float: left; margin:5px 10px; font-family: Verdana,Arial,sans-serif; font-size: 120%; border:1px solid #7EA4D8;}



br{clear:left}



input#go {margin: 4px 0 0 115px; padding: 2px 4px; font-weight: bold; font-size: 92%; color: #FFF; text-transform: uppercase; border-style:solid; border-color: #FFF #333 #333 #FFF; border-width:1px;background: #69c url(grafica/sfondi/sfondo-nav.jpg);}



input#back {margin: 4px 0 0 10px; padding: 2px 4px; font-weight: bold; font-size: 92%; color: #FFF; text-transform: uppercase; border-style:solid; border-color: #FFF #333 #333 #FFF; border-width:1px;background: #69c url(grafica/sfondi/sfondo-nav.jpg);}



#formYIW{



  margin:3em auto;



  width:74%;



}







#formYIW fieldset{



  border:none;



  padding:1.5em;



  padding-top:0;



  position:relative;



}







#formYIW ol{



  list-style:none;



  margin-top:3em;



}







#formYIW li{



  padding-bottom:1em;



  



}







fieldset legend span{



  background-color:#6CA0F6;



  font-size:1.5em;



  padding-left:1em;



  top:0;



  position:absolute;



  width:100%;



}







#formYIW abbr{



  border:none;



  color:#F00;



  cursor:help;



}







#formYIW p.controls{



  border-top:1px solid #6CA0F6;



  padding:1.5em;



}







#formYIW label{



  display:block;



}







input, textarea, select{



  display:block;



}







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







p.error{



  background: #F67E8F url(error.png) 1% 50% no-repeat;



  border:2px solid #F00;



  color:#660D1E;



  font-size:105%;



  margin:3em auto;



  padding:1em 4em;



  width:25%;



}







p.info{



  background-color: #7EF68F;



  border:2px solid #0F0;



  color:#0D661E;



  font-size:105%;



  margin:3em auto;



  padding:1em 4em;



  width:25%;



}











/* sidebar */



#sidebar{float: right; width: 21%; margin: 0; padding: 0; background: #fff url(b5blurs005.jpg);}







/* sidebar link */



#sidebar ul a:link, #sidebar ul a:visited {display: block;}



#sidebar ul {list-style: none; margin: 0; padding: 0;}



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */



#sidebar li {border-bottom: 1px dotted #DDD;}







/* section */



#section {margin: 10px 2px 0 2px; padding: 2px 2px 10px 2px; font-size: 90%;}



#section h3 {margin: 0 0 10px 0; padding: 2px 0 3px 10px; font-size: 80%; text-transform: uppercase; color: #FFF; background: #005CA9 url(grafica/sfondi/sfondo-nav.jpg);}



#section a {margin: 0 0 0 1px; padding: 2px 0 2px 14px; display: block; background: transparent url(grafica/bullet/bullet.gif) left top no-repeat;}



#section a:hover {margin: 0 0 0 1px; padding: 2px 0 2px 14px; display: block; color: #E37E2C; background: transparent url(grafica/bullet/bullet2.gif) left top no-repeat;}



#section li {margin: 0; padding: 0; line-height: 16px;}







/* extra */



.extra {margin: 0 2px; padding: 0 2px 10px 4px; font-size: 90%;}



.extra h3 {margin: 10px 0; padding: 2px 0 3px 10px; font-size: 80%; color: #FFF; text-transform: uppercase; background: #005CA9 url(grafica/sfondi/sfondo-nav.jpg);}



.extra a:link, .relatedLinks a:visited {display: block;}







/* advert */



#advert {margin: 0; padding: 10px 0 0;}



#advert p {margin: 4px; padding: 0; border: 0; text-align: left;}



#advert img {display: block; margin: 0 auto; padding: 0; text-align: center;}







/* sidebar-sx */



#sidebar-sx {margin: 2px 1px 2px 2px; padding: 0; border: 0; background-color: transparent;}



#sidebar-sx h3 {font: bold 90% Verdana; margin: 8px 0 2px 0; padding: 0 10px; line-height: 20px; color: #fff; background: #005CA9 url(grafica/sfondi/sfondo-nav.jpg);}



#sidebar-sx a {margin: 0; padding: 0 0 0 10px; font: bold 90% Verdana; background: transparent url(grafica/bullet/sm_th_b2.gif) no-repeat;}



#sidebar-sx a:hover {color: #069;}



#sidebar-sx ul {margin: 0; padding: 0 0 0 2px; font: bold 80% Verdana; list-style. none; background-color: transparent;}



#sidebar-sx li {width: 92%; margin: 0; padding: 4px 6px 6px 6px; border-bottom: 1px dotted #E2ECF7;}



#sidebar-sx li.a {background-color: #EFF7FF;}



#sidebar-sx li.b {background-color: #E2ECF7;}



#sidebar-sx p {width: 92%; margin: 0; padding: 4px 6px 6px 6px; font: bold 80% Verdana; border-bottom: 1px dotted #E2ECF7;}



#footer p#ZB{margin: 4px 0; padding: 2px 0; font:11px/15px arial, serif; font-variant:small-caps; letter-spacing:3px; border-top:1px dotted #ccc; background-color:#fff; color: #666; }