@charset "utf-8";

body {

    margin: 0px;

}

.homepage {

    background: url(/site_media/images/sito/bg.png) top left repeat-x;

}

.sezione {

    background: url(/site_media/images/sito/bg_int.png) top left repeat-x;

}

#knowkwrap {

    width: 960px;

    margin: 0 auto;

}

#header {

    float: left;

    width: 960px;

    height: 166px;

    margin: 0px;

}

.logo {

    clear: left;

    background: url(/site_media/images/sito/logo.png) top right no-repeat;

    width: 150px;

    height: 66px;

    margin: 5px 0px 15px 61px;

}

.id_column {

    float: left;

    width: 87px;

    height: 60px;

    padding: 0px 0px 0px 3px;

}

.id_column h2 {

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #999;

    margin: 0px;

}

.id_column span {

    clear: left;

    width: 12px;

    height: 14px;

    border-bottom: solid 1px #666;

    display: block;

}

.menu {
	float:left;
	width:870px;
	height:90px;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#666;
}
.menu a.section {
	float:left;
	padding:0px;
	height:27px;
	border-bottom:solid 1px #D1D1D1;
	margin:0px 0px 0px 20px;
	color:#666;
	text-decoration:none;
}
.menu a.section:hover {
	background:url(/site_media/images/sito/menu_over.png) bottom left repeat-x;
}
.menu .login {
	float:left;
	width:90px;
	margin:0px;
	color:#666;
	text-decoration:none;
	background:url(/site_media/images/sito/lucchetto.png) top right no-repeat;
	display:inline;
}
.menu .login a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
.menu .login a:hover {
	text-decoration:none;
}
.menu .cerca {
	float:left;
	width:190px;
	height:27px;
	border-bottom:solid 1px #D1D1D1;
	margin:15px 0 0px 0px;
	padding:0px;
	display:inline;
}
.menu .cerca input.search {
	float:left;
	width:160px;
	height:14px;
	border:0;
	display:inline;
	margin:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #666;
}
.menu .cerca input.searchbutton {float:right; width:20px; height:15px; background:url(/site_media/images/sito/lente.png) top left no-repeat; border:none; margin:0px; cursor:pointer;}
.menu .cerca input.searchbutton:hover {background:url(/site_media/images/sito/lente.png) bottom left no-repeat; cursor:pointer;}

.footer {

    float: left;

    width: 960px;

    height: 90px;

    margin: 18px 0px 0px 0px;

}

.footer .footer_content {

    float: left;

    width: 870px;

    height: 40px;

    background: url(/site_media/images/sito/logo_footer.png) top right no-repeat;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    font-style: normal;

    line-height: 16px;

    color: #666;

}

.footer .footer_content a {

    color: #666;

    text-decoration: none;

    margin: 0px;

}

.footer .footer_content a:hover {

    text-decoration: underline;

}

.about {

    float: left;

    width: 960px;

    height: 100px;

    margin: 18px 0px 0px 0px;

}

.about .about_content {

    float: left;

    width: 547px;

    height: 100px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    font-style: normal;

    line-height: 16px;

    color: #666;

}

.about .about_content p {

    margin: 0px;

}

.box_content {

    float: left;

    width: 637px;

    margin: 0px 0px 30px 0px;

}

.box_content .box_txt {

    float: left;

    width: 547px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    font-style: normal;

    line-height: 16px;

    color: #666;

}

.box_content .box_txt p {

    margin: 0px;

}

.box_content .box_txt img {

    margin: 0px 10px 5px 0px;

    padding: 5px;

    background: #FFF;

    border: solid 1px #999;

}

.skills .skills_content {

    float: left;

    width: 870px;

    height: 128px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    font-style: normal;

    line-height: 16px;

    color: #666;

}

.skills .skills_content .skillbox {

    float: left;

    width: 185px;

    height: 128px;

    margin: 0px 10px 0px 0px;

}

.skills .skills_content .skillbox .colonna {

    float: left;

    width: 33px;

    height: 128px;

    background: url(/site_media/images/sito/colonna.png) top left repeat;

}

.skills .skills_content .skillbox .colonna .letter {

    float: left;

    width: 33px;

    height: 50px;

    margin: 8px 0px 0px 0px;

    text-align: center;

}

.skills .skills_content .skillbox .colonna h1 {

    font-family: Tahoma, Geneva, sans-serif;

    font-weight: bold;

    font-size: 24px;

    height: 30px;

    padding: 10px 0px;

    text-align: center;

    display: block;

    margin: 0px;

    overflow: visible;

    background: url(/site_media/images/sito/point.png) center bottom no-repeat;

    /* color:#020167; */

    color: #1B4E9B;

}

.skillbox a.titolo {

    float: left;

    width: 142px;

    height: 25px;

    padding: 0px 0px 0px 10px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 15px;

    font-weight: bold;

    color: #666;

    text-decoration: none;

}

.skillbox a.titolo:hover {

    text-decoration: underline;

}

.skillbox .contenuto {

    float: left;

    width: 142px;

    height: 82px;

    padding: 0px 0px 0px 10px;

}

.skills {

    float: left;

    width: 960px;

    height: 128px;

    margin: 18px 0px 0px 0px;

}

.spacer {

    float: left;

    width: 870px;

    height: 30px;

    margin: 0px 0px 0px 90px;

    border-bottom: solid 1px #d1d1d1;

    display: inline;

}

.spacer_white {

    float: left;

    width: 100%;

    height: 40px;

    margin: 0px;

}

.main_home {

    float: left;

    width: 960px;

    height: 346px;

    margin: 0px;

}

.main_home .carousel {

    float: left;

    width: 870px;

    height: 346px;

    position: relative;

}

.infiniteCarousel {

    width: 870px;

    position: relative;

}

.infiniteCarousel .wrapper {

    width: 870px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */

    height: 346px;

    overflow: auto;

    min-height: 10em;

    position: absolute;

    top: 0;

    margin-top: 0;

    margin-right: 0px;

    margin-bottom: 0;

    margin-left: 0px;

}

.infiniteCarousel ul a img {

    border: 5px solid #000;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}

.infiniteCarousel .wrapper ul {

    width: 9999px;

    list-style-image: none;

    list-style-position: outside;

    list-style-type: none;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

}

.infiniteCarousel ul li {

    display: block;

    float: left;

    padding: 0px;

    height: 346px;

    width: 870px;

}

.infiniteCarousel ul li a img {

    display: block;

}

.infiniteCarousel .arrow {

    display: block;

    height: 346px;

    width: 40px;

    text-indent: -999px;

    position: absolute;

    top: 0px;

    cursor: pointer;

}

.infiniteCarousel .forward {

    background: url(/site_media/images/sito/arrow_right.png) top left no-repeat;

    right: -1px;

}

.infiniteCarousel .back {

    background: url(/site_media/images/sito/arrow_left.png) top right no-repeat;

    left: 0;

}

.infiniteCarousel .forward:hover {

    background-position: top right;

}

.infiniteCarousel .back:hover {

    background-position: top left;

}

a.next {

    float: right;

    width: 37px;

    height: 39px;

    background: url(/site_media/images/sito/next.png) top left no-repeat;

    display: block;

    margin: 35px 40px 0px 0px;

}

a.next:hover {

    background: url(/site_media/images/sito/next.png) 0px -39px no-repeat;

}

a.next:active {

    background: url(/site_media/images/sito/next.png) bottom left no-repeat;

}

.textcarousel {

    float: left;

    width: 341px;

    height: 156px;

    margin: 160px 10px 0px 50px;

    padding: 10px;

    /* background-color:#020167; */

    background-color: #1B4E9B;

    font-family: Verdana, Geneva, sans-serif;

    display: inline;
    opacity: 0.7;
    filter: alpha(opacity = 70);

}

.textcarousel h3 {

    margin: 0px;

    color: #FFF;

    font-size: 18px;

    font-weight: bold;

}

.textcarousel h2 {

    margin: 0px;

    /* color:#9a9a9a; */
    color: white;

    font-size: 10px;

    font-weight: normal;

}

.textcarousel p {

    margin: 10px 0px 0px 0px;

    /* color:#b9b9b9; */
    color: white;

    font-size: 11px;

    line-height: 14px;

    font-weight: normal;

}

.textcarousel a {

    margin: 10px 0px 0px 0px;

    display: block;

    color: #fff;

    text-decoration: underline;

    font-size: 11px;

    line-height: 14px;

    font-weight: normal;

}

.textcarousel p a {

    display: inline;

}

.textcarousel a:hover {

    color: #b9b9b9;

}

.titolo_sezione {

    float: left;

    width: 870px;

    height: 60px;

}

.titolo_sezione h3 {

    font-family: Tahoma, Geneva, sans-serif;

    font-size: 26px;

    /* color:#020167; */

    color: #1B4E9B;

    margin: 0px;

}

.titolo_sezione span {

    display: block;

    margin: 10px 0px 0px 0px;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    color: #666;

}

.titolo_sezione span a {

    color: #666;

    text-decoration: none;

}

.titolo_sezione span a:hover {

    text-decoration: underline;

}

.contcol_left {

    float: left;

    width: 637px;

    margin: 0px;

}

.contcol_right {

    float: right;

    width: 287px;

    margin: 0px 0px 0px 0px;

    display: inline;

}

.secondary {

    float: left;

    width: 190px;

    display: inline;

    voice-family: "\"}\"";

    voice-family: inherit;

}

.secondary a.menu {

    float: left;

    width: 190px;

    height: 45px; /* 38 */

    border-bottom: solid 1px #666;

    margin: 0px 0px 10px 0px;

    color: #666;

    text-decoration: none;

    padding: 0px;

    display: inline;

}

.secondary a.menu:hover {

    background: url(/site_media/images/sito/menu_over.png) bottom left repeat-x;

}

.secondary a.menu strong {

    display: inline;

}

.secondary a.menu span {

    display: inline;

}

.carousel_int {

    float: left;

    width: 547px;

    height: 125px;

    position: relative;

}

.infiniteCarousel_int {

    width: 547px;

    position: relative;

}

.infiniteCarousel_int .wrapper {

    width: 547px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */

    height: 105px;

    overflow: auto;

    min-height: 5em;

    position: absolute;

    top: 0;

    margin-top: 0;

    margin-right: 0px;

    margin-bottom: 0;

    margin-left: 0px;

}

.infiniteCarousel_int ul a img {

    border: 5px solid #000;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

}

.infiniteCarousel_int .wrapper ul {

    width: 9999px;

    height: 105px;

    list-style-image: none;

    list-style-position: outside;

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    position: absolute;

    top: 0px;

}

.infiniteCarousel_int ul li {

    display: block;

    float: left;

    padding: 0px;

    height: 105px;

    width: 153px;

}

.infiniteCarousel_int ul li a img {

    display: block;

}

.infiniteCarousel_int .arrow {

    display: block;

    height: 105px;

    width: 20px;

    text-indent: -999px;

    position: absolute;

    top: 0px;

    cursor: pointer;

}

.infiniteCarousel_int .forward {

    background: url(/site_media/images/sito/arrowint_right.png) top left no-repeat;

    right: -1px;

}

.infiniteCarousel_int .back {

    background: url(/site_media/images/sito/arrowint_left.png) top right no-repeat;

    left: 0;

}

.infiniteCarousel_int .forward:hover {

    background-position: top right;

}

.infiniteCarousel_int .back:hover {

    background-position: top left;

}

.infiniteCarousel_int .textcarousel {

    float: left;

    width: 100px;

    height: 30px;

    margin: 0px;

    padding: 0px;

    background-color: #020167;

    font-family: Verdana, Geneva, sans-serif;

}

.infiniteCarousel_int .textcarousel h3 {

    margin: 0px;

    color: #FFF;

    font-size: 18px;

    font-weight: bold;

}

.infiniteCarousel_int .textcarousel h2 {

    margin: 0px;

    color: #9a9a9a;

    font-size: 10px;

    font-weight: normal;

}

.infiniteCarousel_int .textcarousel p {

    margin: 10px 0px 0px 0px;

    color: #b9b9b9;

    font-size: 11px;

    line-height: 14px;

    font-weight: normal;

}

.infiniteCarousel_int .textcarousel a {

    margin: 10px 0px 0px 0px;

    display: block;

    color: #fff;

    text-decoration: underline;

    font-size: 11px;

    line-height: 14px;

    font-weight: normal;

}

.infiniteCarousel_int .textcarousel a:hover {

    color: #b9b9b9;

}

.box_txt a.download {

    float: left;

    width: 537px;

    height: 13px;

    background: url(/site_media/images/sito/bg_download.png) top left repeat;

    text-decoration: none;

    margin: 10px 0px 0px 0px;

    padding: 6px 0px 10px 10px;

}

.box_txt a.download span {

    display: block;

    padding: 0px 0px 0px 20px;

    background: url(/site_media/images/sito/arrow_download.png) center left no-repeat;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

    color: #666;

}

.box_txt a.download:hover {

    text-decoration: underline;

    color: #666;

}

/** Aggiunta */

.jcarousel-skin-knowk .jcarousel-container-horizontal {

    width: 479px;

    padding: 0px 30px;

}

.jcarousel-skin-knowk .jcarousel-container-vertical {

    width: 13px;

    height: 145px;

    padding: 20px 10px;

}

.jcarousel-skin-knowk .jcarousel-clip-horizontal {

    width: 479px;

    height: 105px;

}

.jcarousel-skin-knowk .jcarousel-clip-vertical {

    width: 153px;

    height: 105px;

}

.jcarousel-skin-knowk .jcarousel-item {

    width: 153px;

    height: 105px;

}

.jcarousel-skin-knowk .jcarousel-item-horizontal {

    margin-right: 10px;

}

.jcarousel-skin-knowk .jcarousel-item-vertical {

    margin-bottom: 10px;

}

.jcarousel-skin-knowk .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}

/**

*  Horizontal Buttons

*/

.jcarousel-skin-knowk .jcarousel-next-horizontal {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 20px;

    height: 105px;

    cursor: pointer;

    background: url(/site_media/images/sito/arrowint_right.png) top left no-repeat;

}

.jcarousel-skin-knowk .jcarousel-next-disabled-horizontal,
.jcarousel-skin-knowk .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-knowk .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}

.jcarousel-skin-knowk .jcarousel-prev-horizontal {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 20px;

    height: 105px;

    cursor: pointer;

    background: url(/site_media/images/sito/arrowint_left.png) top left no-repeat;

}

.jcarousel-skin-knowk .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-knowk .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-knowk .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}

.box_txt a.download {

    float: left;

    width: 537px;

    height: 13px;

    background: url(/site_media/images/sito/bg_download.png) top left repeat;

    text-decoration: none;

    margin: 10px 0px 0px 0px;

    padding: 6px 0px 10px 10px;

}

.box_txt a.download span {

    display: block;

    padding: 0px 0px 0px 20px;

    background: url(/site_media/images/sito/arrow_download.png) center left no-repeat;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

    color: #666;

}

.box_txt a.download:hover {

    text-decoration: underline;

    color: #666;

}

.box_carousel_int {

    float: left;

    width: 153px;

    height: 105px;

}

.txt_carousel_int {

    float: left;

    width: 143px;

    height: 35px;

    background: url(/site_media/images/sito/bg_carousel_int.png) top left no-repeat;

    margin: 62px 0px 0px 0px;

    padding: 5px;

}

.txt_carousel_int p {

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    color: #FFF;

    line-height: 16px;

    text-decoration: none;

    margin: 0px;

}

#mycarousel li a {

    text-decoration: none;

    cursor: pointer;

}

.rollover {

    border: 0 none;

}

/** -- */

.jcarousel-skin-knowk-short .jcarousel-container-horizontal {

    width: 220px;

    padding: 0px 30px;

}

.jcarousel-skin-knowk-short .jcarousel-container-vertical {

    width: 13px;

    height: 145px;

    padding: 20px 10px;

}

.jcarousel-skin-knowk-short .jcarousel-clip-horizontal {

    width: 260px;

    height: 105px;

}

.jcarousel-skin-knowk-short .jcarousel-clip-vertical {

    width: 153px;

    height: 105px;

}

.jcarousel-skin-knowk-short .jcarousel-item {

    width: 153px;

    height: 105px;

}

.jcarousel-skin-knowk-short .jcarousel-item-horizontal {

    margin-right: 10px;

}

.jcarousel-skin-knowk-short .jcarousel-item-vertical {

    margin-bottom: 10px;

}

.jcarousel-skin-knowk-short .jcarousel-item-placeholder {

    background: #fff;

    color: #000;

}

/**

*  Horizontal Buttons

*/

.jcarousel-skin-knowk-short .jcarousel-next-horizontal {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 20px;

    height: 105px;

    cursor: pointer;

    background: url(/site_media/images/sito/arrowint_right.png) top left no-repeat;

}

.jcarousel-skin-knowk-short .jcarousel-next-disabled-horizontal,
.jcarousel-skin-knowk-short .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-knowk-short .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}

.jcarousel-skin-knowk-short .jcarousel-prev-horizontal {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 20px;

    height: 105px;

    cursor: pointer;

    background: url(/site_media/images/sito/arrowint_left.png) top left no-repeat;

}

.jcarousel-skin-knowk-short .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-knowk-short .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-knowk-short .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background-position: -96px 0;

}


.lettere_int {
	float:left;
	padding:0px;
	display:block;
	margin:0px 0px 20px 0px;
	position:relative;
}
.lettere_int .lettere_box {
	float:left;
	width:60px;
	height:65px;
	margin-right:10px;
	padding:0px;
	display:block;
	background:url(/site_media/images/sito//bg_lettere.png) repeat;
	text-decoration:none;
	position: relative;   /* this is key */
}
.lettere_int .lettere_box h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:24px;
	height:30px;
	padding:10px 0px;
	text-align:center;
	display:block;
	margin:0px;
	overflow: visible;
	background:url(/site_media/images/sito/point.png) center bottom no-repeat;
	color:#020167;
	text-decoration:none;
}
/* css/tooltip.css -- fancy tooltips */

.lettere_int .lettere_box span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */

.lettere_int .lettere_box:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  left: 0px;
  top:-30px;
  padding: 4px 15px;
  border: 1px solid #336;
  background-color: #333;
  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}