/* 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/logo-sap.gif) 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: 80%; 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;}