@charset "UTF-8"; /* CSS Document */ .boxPMIhome{ display: block; padding: 20px; background-color: #3acfe9; color: #000000; width: 94%; margin-top: -40px; margin-bottom: 60px; border-radius: 4px; -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); } .boxPMIhome img{ float: left; margin-right: 10px; } .boxPMIhome h2{ color: #000000 ; } .btnCertificatoHome{ color: #ffffff; background-color: #ff610f; display: inline-block; padding: 2px 12px; border-radius: 4px; } .btnCertificatoHome:hover{ color: #ffffff; background-color: #4f17a8; text-decoration: none; } .boxKnowledge{ background-color: #f6f6f6; padding: 20px; margin-top: -40px; margin-bottom: 10px; border-radius: 4px; background: rgb(254,255,255); background: -moz-linear-gradient(top, rgb(254,255,255) 0%, rgb(230,230,230) 100%); background: -webkit-linear-gradient(top, rgb(254,255,255) 0%,rgb(230,230,230) 100%); background: linear-gradient(to bottom, rgb(254,255,255) 0%,rgb(230,230,230) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e6e6e6',GradientType=0 ); -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.3); display: inline-block; width: 53%; vertical-align: top; } .boxKnowledge h1{ font-size: 20px; } .boxCameos{ margin-left: 2%; width: 33%; } @media (min-width: 979px) and (max-width: 1200px) { .boxKnowledge{ margin-top: -20px; width: 51%; vertical-align: top; } .boxKnowledge h1{ font-size: 18px; } .boxCameos{ margin-left: 2%; width: 33%; } } @media (max-width: 767px) { .boxKnowledge, .boxCameos{ width: 80% !important; margin-top: 0px; margin-left: 0px; } } .linkKnowledge{ background-image: url(../img/menu/02.jpg); background-position: left center; background-repeat: no-repeat; background-size: contain; display: block; padding: 5px 0px 25px 40px; font-size: 14px; border-bottom: 1px solid #e6e6e6; margin-top: 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .linkKnowledge:hover{ background-position: 10px 0px; text-decoration: none; color: #000000; } .boxValori{ display:none; position:absolute; top:0px; left:0px; height:100%; z-index:9999; text-align:center; padding:40px; background-image:url(../img/main/fondoNero70.png); } .boxValoriAperto{ display:block; } .bx-wrapper .bx-controls-direction a { z-index: 8000; } html{ margin:0px; padding:0px; } body{ margin:0px; padding:0px; font-size:12px; color:#999; background-color:#ffffff; font-family:'Raleway', sans-serif; font-weight:600; } .logo img{ margin-bottom:25px;} .testata{ padding-left:10px; padding-right:10px; padding-top:3px; border-top:5px solid #e70022; } .lingue{ text-align:right; min-height:30px; } .navbar { margin-bottom:0px; } .menu{ font-size:15px; font-weight:900; } .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-image:none; background-color:transparent; border: 0px solid #D4D4D4; -webkit-border-radius: 4px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065); } .menu .nav > li > a { color:#000000; text-shadow: 0 0px 0px #111; background-image:url(../img/menu/01.jpg); background-repeat:no-repeat; background-position:0 5px; line-height:20px; padding-left:37px; padding-right:0px; padding-top:75px; padding-bottom:40px; margin:0px; margin-left:10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .menu .nav > li > a:hover { color:#e60021; text-shadow: 0 0px 0px #fff; background-position:0 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .menu .nav li.dropdown.active > .dropdown-toggle, .menu .nav > .active > a, .menu .nav > .active > a:hover, .menu .nav > .active > a:focus { color:#e60021; text-shadow: 0 0px 0px #fff; text-decoration: none; background-color: #fff; } .menu .nav li.dropdown.open > .dropdown-toggle, .menu .nav li.dropdown.open.active > .dropdown-toggle { color: #e60021; } .navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle { color: #e60021; background-color: #fff; } .menu .nav-pills .dropdown-menu { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .dropdown-menu li a { display: block; padding: 5px; padding-right:20px; clear: both; line-height: 20px; color: #000; font-size:14px; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { color: #ffffff; text-decoration: none; background-color: #e70022; background-color: #e70022; background-image: -moz-linear-gradient(top, #e70022, #e70022); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e70022), to(#e70022)); background-image: -webkit-linear-gradient(top, #e70022, #e70022); background-image: -o-linear-gradient(top, #e70022, #e70022); background-image: linear-gradient(to bottom, #e70022, #e70022); background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e70022', endColorstr='#e70022', GradientType=0); } .navbar .nav > li > .dropdown-menu:before { display:none; } .navbar .nav > li > .dropdown-menu:after { display:none; } .contenuto{ padding-bottom:50px; padding-left:10px; padding-right:10px; min-height:300px; } .contenuto .container{ background-color:#FFF; padding-top:0px; padding-bottom:20px; } .colonnaSx{ border-right:1px solid #f5f5f5; padding-right:30px; } .piede{ padding-left:10px; padding-right:10px; font-size:12px; line-height:20px; padding-bottom:20px; padding-top:20px; border-top:5px #e70022 solid; } .piede address{ line-height:20px; } /*--------------------------ELEMENTI VARI--------------------------*/ a{ color:#e70022; } a:hover{ color:#999; } p{text-align:justify;} .affix {position: fixed;} .messaggioNascosto { display: none; } .messaggioErrato { display: inline-block; font-size:12px; color:#000 !important; font-weight:normal; } h1, h2, h3, h4{ font-weight:900; margin:0px; padding:0px; margin-bottom:5px; } h1{ color:#e70022; font-size:28px; line-height:30px; margin-bottom:5px; } h2{ color:#666; font-size:26px; line-height:28px; } h3{ color:#e70022; font-size:20px; line-height:22px; } h4{ color:#666; font-size:16px; line-height:18px; } .rosso{ color:#e70022; } h3 a{ font-size:18px; line-height:18px; color:#999; text-decoration:none; } h3 a:hover{ color:#e70022; text-decoration:none; } .breadcrumb { padding: 10px 0px; margin:0px; margin-bottom:25px; list-style: none; border-bottom:1px solid #f5f5f5; background-color: #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #e70022; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e70022), to(#e70022)); background-image: -webkit-linear-gradient(top, #e70022, #e70022); background-image: -o-linear-gradient(top, #e70022, #e70022); background-image: linear-gradient(to bottom, #e70022, #e70022); background-image: -moz-linear-gradient(top, #e70022, #e70022); background-repeat: repeat-x; border-color: #e70022 #e70022 #e70022; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e70022', endColorstr='#e70022', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .btn-success:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #333333; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#333333)); background-image: -webkit-linear-gradient(top, #333333, #333333); background-image: -o-linear-gradient(top, #333333, #333333); background-image: linear-gradient(to bottom, #333333, #333333); background-image: -moz-linear-gradient(top, #333333, #333333); background-repeat: repeat-x; border-color: #333333 #333333 #333333; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } /*--------------------------HOME--------------------------*/ .testoQuadroHome{ position:absolute; bottom:40px; font-size:12px; line-height:14px; width:150px; left:40px; color:#000; } .immagineQuadroHome{ position:absolute; width:345px; height:265px; top:78px; right:80px; background-size:cover; background-position:center; cursor:pointer; } .bx-wrapper .bx-pager.bx-default-pager a { background: #d2d4d5; font-size:2px; color:#d2d4d5; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0px 10px 0px 0px; outline: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e70022; color:#e70022; } .titoloSlider{ position:absolute; top:280px; color:#FFF; left:10px; text-shadow: 1px 1px 2px #000; } .slide{ border-bottom:1px solid #f5f5f5; padding-bottom:10px;} .slide h3{ background-color:#f5f5f5; padding:5px; font-size:18px;} .blogHome h3{ font-size:14px; color:#666; font-weight:600; } /*-----------------------------CHI SIAMO------------------------*/ .nav-list > .active > a, .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #e70022; } /*-----------------------------PAGINE e NEWS------------------------*/ .fotoBlog { border: 1px solid #f5f5f5; background-color: #FFF; padding: 15px; float: right; margin-left: 20px; margin-bottom: 10px; display: table-cell; } .fotoBlogGrande { border: 1px solid #f5f5f5; background-color: #FFF; padding: 15px; margin-right: 0px; margin-bottom:15px; width: 36%; float:right; margin-left:10px; } /*-----------------------------CLIENTI------------------------*/ .elencoClienti{ list-style:none; margin-left:15px;} .elencoClienti li{ float:left; width:250px; padding-left:0px; } @media (max-width: 767px) { .immagineQuadroHome { position: absolute; width: 162px; height: 129px; top: 35px; right: 46px; background-size: cover; background-position: right; cursor: pointer; } .menu .nav > li > a { color:#000000; text-shadow: 0 0px 0px #111; background-image: none !important; line-height:20px; padding-left:5px !important; padding-right:0px; padding-top:5px; padding-bottom:4px; margin-left:0px; } .menu .nav > li > a:hover { color:#e60021; text-shadow: 0 0px 0px #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .nav-collapse .dropdown-menu { position: relative; } .dropdown-menu li a { display: block; padding: 5px; padding-right: 20px; clear: both; line-height: 20px; color: #000; font-size: 14px; white-space: nowrap; z-index:9999; } .logo { float:left; width:140px; } .logo img { margin-bottom: 5px; width: 125px; } } @media (min-width: 768px) and (max-width: 979px) { .immagineQuadroHome{ position:absolute; width:225px; height:160px; top:50px; right:45px; background-size:cover; background-position:center; } } @media (min-width: 979px) and (max-width: 1200px) { .menu{ font-size:12px; } .menu .nav > li > a { margin-left:0px; } .immagineQuadroHome{ position:absolute; width:275px; height:215px; top:58px; right:65px; background-size:cover; background-position:center; } } @media (min-width: 1200px) { .menu{ } }