html,body {
font-size: 100%;
height: 100%;
font-family: 'Open Sans', Arial, serif;
}
body {
min-height: 100%;
}
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* N
egative indent footer by its height */
margin: 0 auto -340px;
/* Pad bottom by footer height */
padding: 0 0 340px;
}
.navbar-brand {
padding: 15px 0 0 0;
}
/* GROUP BAR */
#groupbar {
min-height: 26px;
height: 26px;
background: #063872;
color: #cdd7e3;
padding: 0;
margin: 0;
border: 0;
}
#groupbar i {
font-size: 1.2em;
}
#groupbar .nav > li > a {
display: inline;
padding: 0;
font-size: 0.8em;
}
#groupbar .nav > li > a:link,#groupbar .nav > li > a:visited {
color: #99a7b6;
background: none;
}
#groupbar .nav > li > a:hover,#groupbar .nav > li > a:active {
color: #fff;
background: none;
}
ul.socialicons li {
display: inline;
padding: 2px 0 0 22px;
}
/* MENUS */
.istit {
background-color: #f9f9f9;
border-color: #e8e8e8;
z-index: 999;
}
.istit span.navbar-toggle.text {
color: #063872;
border: none;
background: none;
}
.istit .navbar-nav > li > a {
font-size: 0.8em;
color: #063872;
}
.istit .navbar-nav > li > a:hover,
.istit .navbar-nav > li > a:focus {
color: #1254a2;
background-color: transparent;
}
.istit .navbar-nav > .active > a,
.istit .navbar-nav > .active > a:hover,
.istit .navbar-nav > .active > a:focus {
color: #1254a2;
background-color: #e8e8e8;
}
.istit .navbar-nav > .disabled > a,
.istit .navbar-nav > .disabled > a:hover,
.istit .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.istit .navbar-toggle {
border-color: #dddddd;
}
.istit .navbar-toggle:hover,
.istit .navbar-toggle:focus {
background-color: #dddddd;
}
.istit .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.istit .navbar-collapse,
.istit .navbar-form {
border-color: #e7e7e7;
}
.istit ul.dropdown {
}
.istit .navbar-nav > .dropdown > a:hover .caret,
.istit .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #1254a2;
border-bottom-color: #1254a2;
}
.istit .navbar-nav > .open > a,
.istit .navbar-nav > .open > a:hover,
.istit .navbar-nav > .open > a:focus {
background-color: #e8e8e8;
color: #1254a2;
}
.istit .navbar-nav > .open > a .caret,
.istit .navbar-nav > .open > a:hover .caret,
.istit .navbar-nav > .open > a:focus .caret {
border-top-color: #1254a2;
border-bottom-color: #1254a2;
}
.istit .navbar-nav > .dropdown > a .caret {
border-top-color: #063872;
border-bottom-color: #063872;
}
.istit .navbar-link {
color: #063872;
}
.istit .navbar-link:hover {
color: #1254a2;
}
.istit i.icon-search {
color: #828282;
}
.istit form.navbar-form button.btn {
border: none;
background: none;
color: #828282;
}
.istit input.form-control {
height: 24px;
}
#targetmenu.navbar-collapse {
padding: 0;
}
.nav2cont {
z-index: 998;
background-color: #d7dbe0;
padding: 0;
margin: 0;
}
.nav2cont ul.nav.nav-justified li {
margin: 0;
}
.nav2cont div.navbar-collapse, .navbar-collapse {
max-height: none;
}
.nav2cont .navbar-text {
color: #ffffff;
}
.nav2cont .nav.nav-justified > li > a {
margin-right: 2px;
margin-bottom: 0;
font-weight: 700;
color: #ffffff;
background-color: #a4afbd;
line-height: normal;
}
.nav2cont .nav.nav-justified > li > a:hover
/*ul#nav2cont.nav.nav-justified > li > a:focus*/ {
color: #fff;
background-color: #466993;
}
.nav2cont .nav.nav-justified > li > a.disabled {
outline: none;
/* get rid of dotted borders in FireFox */
font-family: 'Helvetica Ext',Helvetica, sans-serif;
color: #063872;
font-weight: normal;
background: none;
cursor: pointer;
margin: 0;
}
.nav2cont .nav.nav-justified > .active > a,
.nav2cont .nav.nav-justified > .active > a:hover
/*ul#nav2cont.nav.nav-justified > .active > a:focus*/ {
color: #ff0000;
background-color: #919ead;
}
.nav2cont .nav.nav-justified > .disabled > a,
.nav2cont .nav.nav-justified > .disabled > a:hover
/*ul#nav2cont.nav.nav-justified > .disabled > a:focus*/ {
cursor: pointer;
color: #063873;
background-color: transparent;
}
.nav2cont .navbar-toggle {
border: none;
background: #fff;
}
.nav2cont .navbar-toggle:hover
/*ul#nav2cont .navbar-toggle:focus*/ {
background: none;
}
.nav2cont .text {
background: none;
}
.nav2cont .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.nav2cont .navbar-collapse,
.nav2cont .navbar-form {
border-color: #909dac;
}
.nav2cont .nav.nav-justified > .dropdown > a:hover .caret
/*ul#nav2cont.nav.nav-justified > .dropdown > a:focus .caret */ {
}
.nav2cont .nav.nav-justified > .open > a,
.nav2cont .nav.nav-justified > .open > a:hover
/*ul#nav2cont.nav.nav-justified > .open > a:focus*/ {
background-color: #919ead;
color: #fff;
}
.nav2cont .nav.nav-justified > .open > a .caret,
.nav2cont .nav.nav-justified > .open > a:hover .caret
/*ul#nav2cont.nav.nav-justified > .open > a:focus .caret*/ {
border-top-color: #ff0000;
border-bottom-color: #ff0000;
}
.nav2cont .nav.nav-justified > .dropdown > a .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.nav2cont .navbar-link {
color: #ffffff;
}
.nav2cont .navbar-link:hover {
color: #ff0000;
}
.nav2cont .panel {
border: none;
background: none;
}
.nav2cont .panel-heading {
background: none;
padding:2px 2px 2px 0;
}
.nav2cont .panel-title {
font-size: 1.1em;
}
.nav2cont .panel ul {
padding-left: 0;
list-style-type: none;
}
.nav2cont .panel ul ul {
padding-left: 10px;
}
.megamenucntr .panel-group {
margin-left: 1.2em;
}
.megamenucntr .panel-body {
padding: 5px 0 15px 0;
}
.megamenucntr .panel-body ul li {
font-weight: 700;
font-size: 0.95em;
}
.megamenucntr .panel-body ul li a {
color: #777;
}
.megamenucntr .panel-body ul li a:hover {
text-decoration: none;
color: #063872;
}
.megamenucntr .panel-body ul li ul li {
font-weight: normal;
}
.megamenucntr .panel-body ul li ul li a {
color: #222;
}
.megamenucntr .panel-body ul li ul li ul li a {
color: #777;
}
.casecredem {
background: url(../images/case/credemheader.jpg) no-repeat top center;
height: 128px;
margin: 0;
padding: 0;
}
div.col-sm-4.megamenucntr {
border-left: solid 1px #cbcbcb;
margin-bottom: 12px;
}
li.megamenuli {
margin: 0;
padding: 30px 30px 10px 30px;
}
.caseboxlist{
min-height: 170px;
}
#targetmenu .megamenuli .casebox {
margin: 0;
padding: 0;
background: #fff;
}
#targetmenu .megamenuli .casebox img {
width: 100%;
}
#targetmenu .megamenuli div.media.casebox {
padding: 20px;
margin: 0;
}
#targetmenu .megamenuli .casebox h4 {
color: #063872;
font-weight: 700;
text-transform: uppercase;
}
.megamenuli span.icon-caret-up {
font-size: 2.4em;
color: #063872;
}
.megamenuli a span.icon-caret-up, .megamenuli a:hover span.icon-caret-up {
text-decoration: none;
}
#targetmenu .casebox div.media-body {
color: #696969;
font-size: 0.9em;
}
#targetmenu .casebox div.media-body h4 a {
font-size: 0.8em;
font-weight:700;
color: #063872;
}
.casebox div.media-body {
color: #fff;
font-size: 0.9em;
}
.casebox div.media-body h4 a {
font-weight:normal;
color: #fff;
}
.casebox div.media-body h4 a:hover {
text-decoration: none;
}
/* COMPANIES MENU */
ul#companies {
margin-top: 24px;
padding: 0;
}
ul#companies li a {
outline: none;
/* get rid of dotted borders in FireFox */
display: block;
width: 128px;
height: 30px;
}
ul#companies li a span {
display: none;
visibility: hidden;
}
ul#companies li a:hover,
ul#companies li a:active,
ul#companies li a.current {
background-position: 0 0;
}
li.listcedacri a {
background: url("../images/gr_cedacri-logo-sm.png") 0 -30px no-repeat;
}
li.listoasi a {
background: url("../images/gr_oasi-logo-sm.png") 0 -30px no-repeat;
width: 75px !important;
}
li.listcadit a {
background: url("../images/gr_cadit-logo-sm.png") 0 -30px no-repeat;
}
li.listcglobal a {
background: url("../images/gr_cglobal-logo-sm.png") 0 -30px no-repeat;
}
li.listsigrade a {
background: url("../images/gr_sigrade-logo-sm.png") 0 -30px no-repeat;
}
li.listdocugest a {
background: url("../images/gr_docugest-logo-sm.png") 0 -30px no-repeat;
}
/* MEGA MENU */
/*
.banchearea {
padding: 20px;
width: 100%;
}
*/
.megamenucntr h5 {
margin: 0 0 6px 16px;
text-transform: uppercase;
color: #657f9e;
font-size: 1.2em;
font-weight: 700;
padding: 0;
}
.yamm h3 {
font-family: 'Helvetica Ext',helvetica,sans-serif;
font-size: 2.0em;
color: #063872;
margin-top: 0;
padding-top: 0;
}
.yamm-fullwidth .dropdown-menu {
margin: 0;
border: none;
background: #eceef0 url(../images/megamenugrad.png) repeat-x bottom;
}
li.megamenuli p {
display: none;
}
/* CAROUSEL */
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 4;
}
#carousel-home {
margin-bottom: 10px;
background-color: #040b25;
}
#carousel-home .focal-point {
position: relative;
z-index: 9;
}
#carousel-home.carousel .item {
height: 480px;
}
div.carouselpic img {
position: absolute;
top: 0;
margin-left: -960px;
left: 50%;
min-width: 100%;
height: 480px;
max-width: none;
}
/*
#carousel-home.carousel .item img {
position: absolute;
top: 0;
margin-left: -960px;
left: 50%;
min-width: 100%;
height: 350px;
max-width: none;
}
*/
.carousel-inner .item .carousel-caption {
/*position: absolute;*/
}
.carousel-caption {
/*width: 41%;*/
text-align: left;
/* position: absolute;*/
top: 0;
/*right: 0px;*/
/*bottom: 0px;*/
left: 15%;
padding: 0;
/* background-color: #063873;*/
/*opacity: 0.6;*/
/* transparency */
/*filter: alpha(opacity=60);*/
/* IE transparency */
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.carousel-caption .headbox img {
max-width: 620px;
}
/*
.carousel-caption h1 {
font-family: 'Helvetica Ext',helvetica,sans-serif;
text-transform: uppercase;
font-size: 1.2em;
margin: 0px 0px 5px;
}
.carousel-caption h1 a, .carousel-caption h1 a:hover {
color: #fff;
text-decoration: none;
}
.carousel-caption p {
font-size: 1.8em;
line-height: 1.1em;
}
*/
.carousel-caption .copybox {
margin-top: 4em;
/*background: #fff;*/
padding: 0px;
}
.carousel-caption .copybox img {
margin: 0 auto;
max-width: 500px;
/*display: block;*/
}
#carousel-home .carousel-control {
top: 0;
width: 10%;
background: none;
background-image: none;
opacity: 1;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
#carousel-home .carousel-control.left {
background: none;
background-image: none;
}
#carousel-home .carousel-control.right {
background: none;
background-image: none;
}
#carousel-home a.left.carousel-control {
background: none;
background-image: none;
}
#carousel-home a.right.carousel-control {
background: none;
background-image: none;
}
#carousel-home a.left.carousel-control:focus {
background: none;
background-image: none;
}
#carousel-home a.right.carousel-control:focus {
background: none;
background-image: none;
}
.carousel-caption .btn-default {
color: #fff;
position: relative;
z-index: 2;
padding: 6px;
background: #cc1042;
border: none;
}
.carousel-indicators {
display: none;
position: absolute;
top: 400px;
}
#carousel-home span {
color: #fff;
font-size: 1.4em;
position: absolute;
top: 50%;
left: 50%;
z-index: 8;
display: inline-block;
}
.navbar {
margin-bottom: 0;
padding: 0;
min-height: 40px;
border: 0;
}
.navbar-nav>li>a {
/*
line-height: 50px; */
font-size: 14px;
}
/* ELEMENTI COMUNI */
.spacedown {
margin-top: 40px;
margin-bottom: 40px;
}
.container.spaced {
margin-top: 40px;
margin-bottom: 40px;
}
.firstblock {
border-right: 1px solid #b3b3b3;
}
.navbar-default .navbar-nav > .active > a {
background: #fff;
}
.centrborder {
}
.homebox {
border: 8px solid #d4dee8;
padding: 18px;
width: 222px;
height: 222px;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.homebox h3 {
font-family: 'Helvetica Ext', helvetica, sans-serif;
margin-top: 0;
padding-top: 0;
font-size: 0.9em;
}
.homebox h3 a:link, .homebox h3 a:visited {
color: #063872;
}
.homebox h3 a:hover, .homebox h3 a:active {
color: #3366cc;
text-decoration: none;
}
.homebox p {
font-size: 0.75em;
margin-bottom: 2px;
color: #777;
}
div.boxpreview img {
padding:0;
}
div.boxpreview h3 {
font-size: 1.4em;
font-weight: normal;
}
.homebnnr {
margin-bottom: 28px;
padding: 0;
}
.homebnnr img {
display: block;
margin: 0 auto;
width: 222px;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
margin: 0;
border-style: solid none;
border-width: 2px 0;
}
span.newsdata {
padding-bottom: 0;
font-size: 0.9em;
}
.detailtitle h2 {
margin-top: 0;
margin-bottom: 0;
padding: 30px 0 30px 0;
font-family: 'Helvetica Ext', Helvetica, sans-serif;
}
div.detailpage hr {
margin: 16px 0 16px 0;
color: #ccc;
-moz-border-bottom-colors: none;
border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-style: solid none;
border-width: 1px 0px;
}
.detailpage p {
font-size: 0.9em;
color: #717171;
line-height: 1.6em;
}
div.detailpage ul{
font-size: 0.9em;
color: #717171;
}
div.panel.panel-default.innerboxblue {
border: none;
}
.innerboxblue div.panel-heading {
background: #063872;
}
.innerboxblue div.panel-heading h3 {
color: #fff;
font-family: 'Helvetica Ext',helvetica,sans-serif;
font-size: 1.0em;
}
.innerboxblue div.panel-body {
font-size: 0.8em;
background: #eaeaea;
}
/* PAG LINEA BUSINESS */
.firstblock img {
width: 76px;
}
.innerpages h2 {
margin-top: 10px;
font-family: 'Helvetica Ext', Helvetica, sans-serif;
}
.innerpages .symbol {
margin: 0;
padding: 0;
}
.innerpages .linename {
padding: 0;
margin: 0;
}
.innerpages p {
display: none;
color: #898989;
font-size: 1.5em;
line-height: 1.1em;
}
.casebox {
padding: 0;
background: #fff;
}
.detailpage .casebox {
margin-bottom: 26px;
}
div.media.casebox {
margin-top: 0;
padding: 22px;
background: url('../images/case-study/backgr_cyan.jpg') repeat center;
background-size: 100%;
}
.case-outsourcing{
background: url('../images/case-study/backgr_blueoutsourcing.jpg') repeat center !important;
}
.case-facilitymanagement{
background: url('../images/case-study/backgr_cyan.jpg') repeat center !important;
}
.case-default{
background: url('../images/case-study/backgr_graydef.jpg') repeat center !important;
}
.case-bpo{
background: url('../images/case-study/backgr_greenbpo.jpg') repeat center !important;
}
.case-system{
background: url('../images/case-study/backgr_orangesystem.jpg') repeat center !important;
}
div.casebox img {
width: 100%;
padding: 0;
}
.casebox div.media-body h4 {
font-weight: 700;
text-transform: uppercase;
}
.casebox .bottomcase {
padding: 10px 18px 10px 18px;
background: #eaeaea;
width: 100%;
}
.casebox .bottomcase i {
padding-right: 5px;
color: #c90039;
}
.casebox .bottomcase a {
font-size: 0.8em;
}
.casebox .bottomcase a:link, .casebox .bottomcase a:visited {
color: #063872;
}
.casebox .bottomcase a:hover, .casebox .bottomcase a:active {
color: #a4afbb;
text-decoration: none;
}
.centrborder .panel-heading {
padding-top: 0;
padding-bottom: 3px;
padding-left: 0;
background: none;
}
.centrborder i {
font-size: 0.4em;
padding-bottom: 12px;
padding-right: 6px;
padding-top:5px;
float: left;
}
.centrborder h4 {
font-weight: normal;
font-size: 1.0em;
}
.centrborder h5 {
font-size: 1.1em;
font-weight: 700;
}
.centrborder .panel-default {
border: none;
}
.centrborder div.panel-body {
padding: 0;
margin-left:0;
}
.centrborder .panel-group {
margin-left: 1.2em;
}
.centrborder .panel-body {
padding: 5px 0 15px 0;
}
.centrborder .panel-body ul {
margin-left: 14px;
padding-left: 0;
}
.centrborder .panel-body ul ul {
margin-left: 14px;
}
.centrborder .panel-body ul ul ul {
margin-left: 14px;
}
.centrborder .panel-body ul li {
margin-left: 0;
list-style-type: none;
font-weight: 700;
font-size: 0.9em;
}
.centrborder .panel-body ul li a {
color: #999;
}
.centrborder .panel-body ul li a:hover {
text-decoration: none;
color: #063872;
}
.centrborder .panel-body ul li ul li {
font-weight: normal;
}
.centrborder .panel-body ul li ul li a {
color: #555;
}
.centrborder .panel-body ul li ul li ul li a {
color: #777;
}
/*
.centrborder div.panel-body ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.centrborder div.panel-body ul ul {
margin-left: 20px;
}
.centrborder div.panel-body ul li a {
font-size: 0.8em;
}
*/
/* PAG SOLUZIONI */
.row.fourcolsgrid {
margin-bottom: 26px;
}
.row.fourcolsgrid img {
width: 68px;
}
.row.fourcolsgrid h3 {
font-family: 'Helvetica Ext', helvetica, sans-serif;
font-size: 1.1em;
}
.row.fourcolsgrid .panel-default {
border: none;
}
.row.fourcolsgrid .col-sm-3 {
border-left: 1px solid #dadbdd;
}
.row.fourcolsgrid .panel-heading {
padding-top: 0;
padding-bottom: 3px;
padding-left: 0;
border: none;
background: none;
margin: 0;
}
.row.fourcolsgrid h4 {
font-weight: normal;
font-size: 0.9em;
margin-bottom: 2px;
padding-bottom: 0;
}
.row.fourcolsgrid h4 a {
color: gray;
}
.row.fourcolsgrid h4 a:hover {
color: #444;
text-decoration: none;
}
.row.fourcolsgrid div.panel-body {
padding: 0;
}
.row.fourcolsgrid div.panel-body ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
.row.fourcolsgrid div.panel-body ul ul {
margin-left: 14px;
margin-bottom: 10px;
}
.row.fourcolsgrid div.panel-body ul li {
font-weight: 700;
font-size: 0.85em;
}
.row.fourcolsgrid div.panel-body ul li a {
color: #999;
}
.row.fourcolsgrid div.panel-body ul li a:hover {
color: #a4afbb;
text-decoration: none;
}
.row.fourcolsgrid div.panel-body ul li ul li {
font-weight: normal;
font-size: 0.85em;
}
.row.fourcolsgrid div.panel-body ul li ul li a {
}
.row.fourcolsgrid div.panel-body ul li ul li a:hover {
color: #a4afbb;
text-decoration: none;
}
/*
#accordion .panel-title {
border: none;
padding: 0;
background: none;
font-size: 1.0em;
font-weight: normal;
}
*/
.centrborder {
}
/* RASSEGNA */
.linebox {
padding: 16px 0 16px 0;
border-top: 1px solid #dadada;
}
/* SEZIONE NEWSROOM */
.gallery h3 {
font-family: 'Helvetica Ext', helvetica, arial, sans-serif;
font-size: 1.2em;
background: #f1f1f1;
color: #063872;
padding: 4px;
margin-top: 0;
margin-left: 20px;
margin-bottom: 24px;
margin-right: 20px;
}
a i {
}
a:hover i {
text-decoration: none;
}
.gallerydet p {
border-top: 1px solid #cecece;
font-size: 0.8em;
color: gray;
margin-bottom: 0.2em;
}
.gallerydet img {
margin: 0 auto;
display: block;
}
.gallery .clearfix {
margin-bottom: 26px;
}
/* CASE STUDY */
.container.casestudybox {
max-width: 970px;
}
.casestudybox h2 {
margin: 0;
font-family: 'Helvetica Ext',helvetica,sans-serif;
color: #888888;
}
.casestudybox h4 {
margin-top: 0;
font-family: 'Helvetica Ext',helvetica,sans-serif;
}
.row.casecaption {
border-bottom: 1px solid #b5b5b5;
margin-bottom: 24px;
}
.casestudybox .casecaption img {
width: 34px;
}
.container.casestudybox .row {
}
.casestudybox div.tab-content ul {
padding-left: 2.2em;
}
.casestudybox div.tab-content ul li {
background: none;
/*list-style-type: square;*/
font-size: 0.8em;
color: #333;
}
.casestudybox div.tab-content ul li :before{
content:"─";
position:relative;
margin-left: -10px;
left: -5px;
}
.casetext {
margin-top: 10px;
margin-left: 2%;
height: 260px;
width: 92%;
float: left;
overflow: auto;
}
/* Scrollbar & content css */
.casestudybox .col-md-4 {
padding: 0;
}
.casestudybox ul li {
background: url(../images/graygradienttabs.png) repeat-x bottom;
}
.casestudybox ul li a {
font-family: 'Helvetica Ext', Helvetica, sans-serif;
margin: 0;
padding-top: 24px;
padding-bottom: 30px;
padding-left: 24px;
color: #797979;
}
.casestudybox ul li.active a:hover, .casestudybox ul li.active a:focus {
color: #063872;
background: url(../images/graygradienttabs_on.png) repeat-x top;
}
#caseStudy li.active a {
color: #063872;
background: url(../images/graygradienttabs_on.png) repeat-x top;
}
.casestudybox .tab-content {
height: 412px;
padding: 20px;
background: url(../images/graybackcase.jpg) no-repeat;
}
.casestudybox div.col-md-8 {
padding-left: 0;
padding-right: 0;
}
.casestudybox .tab-content h3 {
font-family: 'Helvetica Ext', Helvetica, sans-serif;
color: #063872;
margin-top: 0;
margin-left: 0;
}
.casestudybox .tab-content p {
font-size: 0.9em;
line-height: 1.5em;
}
.casestudybox .tab-content ul {
font-size: 0.9em;
line-height: 1.5em;
}
/* BOX PAGINA LINEE */
.titlebox {
background: #d8dbe0;
color: #063873;
padding: 0;
}
.titlebox h3 {
font-size: 1.4em;
color: #063872;
margin-top: 0;
padding: 18px 18px 0 18px;
font-weight: 400;
}
.titlebox p {
display: none;
font-size: 0.9em;
margin: 0;
padding: 0 0 0 18px;
}
div.innerbox {
padding: 0;
}
div.description {
position: absolute;
/* absolute position (so we can position it where we want)*/
bottom: 0px;
/* position will be on bottom */
left: 0px;
width:
100%;
/* styling bellow */
background-color: #063873;
opacity: 0.6;
/* transparency */
filter: alpha(opacity=60);
/* IE transparency */
}
div.innerbox h4 {
padding: 10px;
margin: 0px;
}
div.innerbox h4 a {
font-family: 'Helvetica Ext', Helvetica, sans-serif;
color: #fff;
font-size: 0.8em;
text-transform: uppercase;
}
div.innerbox h4 a:hover {
text-decoration: none;
}
/* SEZIONE NEWS */
.archivelist img.media-object {
width: 64px;
}
.archivelist .media-body {
font-size: 0.7em;
}
/* PAGINA DETTAGLIO SOLUZIONE */
.breadcrumb > li {
display: inline;
}
.row.detailtitle {
background: #ededed;
margin-left: 0px;
margin-right: 0px;
}
img.titlesymb {
width: 50px;
border: none;
}
nav#detailnav {
z-index: 997;
height: auto;
}
nav#detailnav.navbar-default {
background: none;
min-height: inherit;
}
nav#detailnav ul.dropdown-menu {
width: 220px;
}
nav#detailnav li a {
white-space: normal;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
ul.breadcrumb {
font-size: 0.8em;
background: none;
padding-top: 0;
padding-left: 0;
}
.detailpage h3 {
margin-top: 0.4em;
color: #063872;
font-family: 'Helvetica Ext', Helvetica, sans-serif;
}
.detailpage h5 {
color: #8c8c8c;
font-family: 'Helvetica Ext', Helvetica, sans-serif;
text-transform: uppercase;
}
.detailpage h2 {
margin-top: 0;
font-family: 'Helvetica Ext', Helvetica, sans-serif;
}
.detailpage img {
padding: 20px 0 20px 0;
}
/* COLORS */
.blueistit {
color: #063872;
}
.blueout {
color: #0073b0;
}
.cyanfac {
color: #5ec5ed;
/* color: #53dfff;*/
}
.greenbpo {
color: #99b433;
}
.orangesys {
color: #eb6a26;
}
.grayblue {
color: #a4afbb;
}
.blueaml {
color: #004f85;
}
/* FOOTER */
.footer {
background: url(../images/footer-gradient.png) repeat-x top #f6f6f6;
height: 340px;
clear: both;
padding-top: 20px;
font-weight: 400;
}
.footer ul {
margin-left: 0;
padding-left: 0;
}
.footer ul li {
margin-left: 0;
padding-bottom: 2px;
padding-left: 0;
list-style-type: none;
font-size: 0.7em;
}
.footer ul li strong {
color: #063872;
}
.footer a:link,.footer a:visited {
color: #5a5a5a;
}
.footer a:hover,.footer a:visited {
color: #3e3f3f;
text-decoration: none;
}
.footer span.address {
color: #86a2bf;
font-size: 0.75em;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (min-width: 1200px) {
.container {
width: 970px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
float: left;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-12 {
width: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333333333333332%;
}
.col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.col-md-offset-11 {
margin-left: 91.66666666666666%;
}
}
@media only screen and (device-width: 768px) {
#carousel-home.carousel .item, div.carouselpic img {
height: 480px;
}
}
@media (max-width: 992px) {
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* N
egative indent footer by its height */
margin: 0 auto -440px;
/* Pad bottom by footer height */
padding: 0 0 440px;
}
/* COMPANIES MENU */
#companies.list-inline > li {
padding-right: 0;
padding-left: 0;
}
ul#companies {
margin-top: 18px;
}
ul#companies li a {
width: 122px;
height: 30px;
}
.nav2cont .nav.nav-justified > li > a.disabled {
font-size: 0.8em;
padding: 4px;
font-weight: normal;
}
.nav2cont .nav.nav-justified > li > a {
font-size: 0.9em;
margin-bottom: 2px;
}
/* CAROUSEL */
#carousel-home.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel-caption {
/*width: 38%;
top: 40%;*/
padding: 0;
}
#carousel-home.carousel .item {
height: 235px;
}
div.carouselpic img {
position: absolute;
top: -10%;
margin-left: -960px;
left: 50%;
min-width: 100%;
height: 300px;
max-width: none;
}
/*
#carousel-home.carousel .item img {
position: absolute;
top: 0;
margin-left: -960px;
left: 50%;
min-width: 100%;
height: 350px;
max-width: none;
}
*/
.carousel-inner .item .carousel-caption {
/*position: absolute;*/
}
.carousel-caption {
/*width: 41%;*/
text-align: left;
/* position: absolute;*/
top: 0;
/*right: 0px;*/
/*bottom: 0px;*/
left: 10%;
/* padding: 16px;*/
/* background-color: #063873;*/
/*opacity: 0.6;*/
/* transparency */
/*filter: alpha(opacity=60);*/
/* IE transparency */
}
.carousel-caption img {
width: 440px;
}
/*
.carousel-caption h1 {
font-family: 'Helvetica Ext',helvetica,sans-serif;
text-transform: uppercase;
font-size: 1.2em;
margin: 0px 0px 5px;
}
.carousel-caption h1 a, .carousel-caption h1 a:hover {
color: #fff;
text-decoration: none;
}
.carousel-caption p {
font-size: 1.8em;
line-height: 1.1em;
}
*/
.carousel-caption .copybox {
margin-top: 2em;
/*background: #fff;*/
}
.carousel-caption .copybox img {
width: 100%;
max-width: 440px;
margin: 0 auto;
/*display: block;*/
}
div.carouselpic img {
height: 350px;
margin-left: -600px;
left: 50%;
}
/*
#carousel-home.carousel img {
height: 300px;
margin-left: -823px;
left: 50%;
}
*/
.homebox {
margin-bottom: 28px;
}
/* PAG LINEA BUSINESS */
.casebox {
margin-top: 0;
}
div.innerbox {
margin-bottom: 20px;
}
.firstblock {
margin-bottom: 18px;
}
.firstblock img {
width: 56px;
}
.innerpages h2 {
font-size: 1.8em;
}
.titlebox h3 {
padding: 16px;
margin-bottom: 28px;
}
/* CASE STUDY */
.casestudybox ul li {
height: 40px;
}
.casestudybox h4 {
padding-top: 6px;
padding-left: 16px;
}
.row.casecaption {
padding-bottom: 10px;
}
.casestudybox ul li a {
padding: 10px;
}
.casestudybox div.tab-content ul li {
height: auto;
}
/* ELEMENTI COMUNI */
.firstblock {
padding-bottom: 0;
border-right: none;
}
.centrborder {
margin-top: 0;
}
/* FOOTER */
.footer {
background: #f6f6f6 url(../images/footer-gradient.png) repeat-x top;
height: 440px;
clear: both;
padding-top: 20px;
}
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
/* N
egative indent footer by its height */
margin: 0 auto -220px;
/* Pa
d bottom by footer height */
padding: 0 0 220px;
}
.navbar-brand {
padding: 10px 0 10px 0;
}
.navbar-brand img {
display: block;
margin: 0 auto;
}
#groupbar {
height: 36px;
background: #f5f5f5;
padding-top: 6px;
margin: 0;
border: 0;
}
#groupbar div.container ul.nav li a:hover {
color: #063872;
}
#groupbar i {
font-size: 1.4em;
}
ul#companies li a {
display: block;
}
.istit span.navbar-toggle.text {
padding: 4px;
margin-left: 8px;
}
.nav2cont span.navbar-toggle.text {
padding: 4px;
margin-left: 8px;
color: #063872;
}
.istit .navbar-nav .open .dropdown-menu > li > a {
color: #063872;
}
.istit .navbar-nav .open .dropdown-menu > li > a:hover,
.istit .navbar-nav .open .dropdown-menu > li > a:focus {
color: #1254a2;
background-color: transparent;
}
.istit .navbar-nav .open .dropdown-menu > .active > a,
.istit .navbar-nav .open .dropdown-menu > .active > a:hover,
.istit .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #1254a2;
background-color: #e8e8e8;
}
.istit .navbar-nav .open .dropdown-menu > .disabled > a,
.istit .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.istit .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.istit .navbar-form {
margin: 0;
}
.yamm-fullwidth .dropdown-menu {
position: static;
top: auto;
float: none;
max-width: none;
}
.nav2cont .nav.nav-justified > li > a.disabled {
display: none;
}
.dropdown-backdrop {
position: static;
}
/*
#nav2cont .nav-justified .open .dropdown-menu > li > a {
color: #ffffff;
}
#nav2cont .nav-justified .open .dropdown-menu > li > a:hover,
#nav2cont .nav-justified .open .dropdown-menu > li > a:focus {
color: #ff0000;
background-color: transparent;
}
#nav2cont .nav-justified .open .dropdown-menu > .active > a,
#nav2cont .nav-justified .open .dropdown-menu > .active > a:hover,
#nav2cont .nav-justified .open .dropdown-menu > .active > a:focus {
color: #ff0000;
background-color: #919ead;
}
#nav2cont .nav-justified .open .dropdown-menu > .disabled > a,
#nav2cont .nav-justified .open .dropdown-menu > .disabled > a:hover,
#nav2cont .nav-justified .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}*/
/* CAROUSEL */
#carousel-home.carousel {
width: 105%;
}
#carousel-home span {
font-size: 1.0em;
}
#carousel-home.carousel .item {
height: 250px;
}
#carousel-home .carousel-control {
width: 12%;
}
div.carouselpic img {
position: absolute;
top: -10%;
margin-left: -600px;
left: 50%;
min-width: 100%;
height: 300px;
max-width: none;
}
/*
#carousel-home.carousel .item img {
position: absolute;
top: 0;
margin-left: -960px;
left: 50%;
min-width: 100%;
height: 350px;
max-width: none;
}
*/
.carousel-inner .item .carousel-caption {
/*position: absolute;*/
}
.carousel-caption {
/*width: 41%;*/
text-align: left;
/* position: absolute;*/
top: 14%;
/*right: 0px;*/
/*bottom: 0px;*/
left: 12%;
/* padding: 16px;*/
/* background-color: #063873;*/
/*opacity: 0.6;*/
/* transparency */
/*filter: alpha(opacity=60);*/
/* IE transparency */
}
.carousel-caption img {
width: 100%;
}
/*
.carousel-caption h1 {
font-family: 'Helvetica Ext',helvetica,sans-serif;
text-transform: uppercase;
font-size: 1.2em;
margin: 0px 0px 5px;
}
.carousel-caption h1 a, .carousel-caption h1 a:hover {
color: #fff;
text-decoration: none;
}
.carousel-caption p {
font-size: 1.8em;
line-height: 1.1em;
}
*/
.carousel-caption .copybox {
margin-top: 2em;
/*background: #fff;*/
max-width: 500px !important;
}
.carousel-caption .copybox img {
width: 100%;
max-width: 220px;
margin: 0 auto;
/*display: block;*/
}
/*
#carousel-home.carousel img {
height: 250px;
margin-left: -684px;
left: 30%;
}
*/
/*
.carousel-caption {
top: 60%;
width: 48%;
left: 14%;
padding: 8px;
}
.carousel-caption p {
display: none;
}
.carousel-caption h1 {
font-size: 1.0em;
}
.carousel-caption .btn-default {
display: none;
}
*/
/*
.carousel-caption {
padding-top: 6px;
padding-bottom: 6px;
}
.carousel-caption h1 {
font-size: 0.9em;
}
.carousel-caption p {
display: none;
margin-bottom: 0px;
font-size: 1.3em;
line-height: 1.0em;
}
.carousel-caption .btn-lg {
font-size: 0.6em;
}
*/
/* PAG LINEA BUSINESS */
.centrborder {
margin-bottom: 20px;
}
/* SOLUZIONI */
.row.fourcolsgrid .col-sm-3 {
margin-top: 20px;
}
.row.fourcolsgrid h3 {
margin-top: 6px;
}
/* PAGINA DETTAGLIO SOLUZIONE */
.detailtitle h2 {
font-size: 1.5em;
}
/* FOOTER */
.footer {
background: #f6f6f6 url(../images/footer-gradient.png) repeat-x top;
height: 240px;
clear: both;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
.footer ul {
display: none;
}
}
@media all
{
div#cookieChoiceInfo {
background-color:#b4b4b4;
color:#fff;
font-size:15px;
font-family:arial
}
#cookieChoiceInfo span {
width:986px;
display:block;
margin:0 auto;
padding:10px 0
}
#cookieChoiceInfo .dismissButton {
position:absolute;
top:11px;
color:#fff!important;
right:18px;
width:10px;
height:10px
}
}