html
{
height:100%;
}
body
{
height:100%;
font-family: 'Muli', sans-serif;
font-size:14px;
color:#1A171B;
font-weight:400;
background-color:#fff;
line-height:23px;
}
div.page-area-riservata div.wrapper-avviso {
background-color:rgba(0,208,24,0.3);
border-radius:10px 10px;
padding-top:15px;
padding-bottom:15px;
}
div.page-area-riservata div.wrapper-avviso span {
font-size:18px;
color:#000;
line-height:28px;
}
div.page-area-riservata a.btn-servizio {
padding-top: 50px;
padding-bottom: 50px;
font-size: 18px;
background-color: rgba(241,241,241,1);
color: #000;
box-shadow: 0 0 15px #b5b5b5;
}
div.page-area-riservata a.btn-servizio i {
color: #000;
}
div.page-area-riservata a.btn-servizio:hover {
background-color: rgba(241,241,241,1);
}
div.page-area-riservata a.btn-servizio:visited, div.page-area-riservata a.btn-servizio:active {
background-color: rgba(241,241,241,1);
}
div.page-area-riservata a.btn-servizio img {
max-width:70px;
margin:0 auto;
}
div.page-area-riservata a.btn-servizio i.fa {
font-size: 70px;
}
ul.list-group.list-group-flush li {
/*border-top-style:none;*/
border-right-style: none;
border-left-style: none;
border-radius: 0;
}
ul.list-group.list-group-flush li:first-child {
border-top-style:none;
}
div.page-ticket-diagnosi-remota a.guida-carico-allegati,
div.page-ticket-3dinforma a.guida-carico-allegati {
font-size: 15px;
color: rgba(0,42,255,0.8);
font-weight: bold;
}
.lblMesaggioChatNonAttiva {
font-size: 25px;
line-height: 35px;
color: #000;
font-weight: bold;
}
div.content-messaggio-chat-non-attiva{
padding-top:100px;
max-width:600px;
}
div.page-scelta-funzione ul.listaFunzioni {
list-style-type: none;
padding: 0;
margin: 0;
}
div.page-scelta-funzione ul.listaFunzioni li div.descrizione a {
font-size: 20px;
display: inline-block;
color: #fff;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
div.page-scelta-funzione ul.listaFunzioni > li {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom:20px;
}
div.page-scelta-funzione ul.listaFunzioni > li div.descrizione {
text-align:left;
}
div.page-scelta-funzione ul.listaFunzioni > li div.costo-crediti {
text-align: center;
font-size: 18px;
text-align:right;
padding-top:17px;
}
div.page-scelta-funzione ul.listaFunzioni > li div.wrapper-info-funzione {
margin-top:10px;
padding-bottom:5px;
}
div.page-scelta-funzione ul.listaFunzioni a.lnkInfoFunzione {
font-size: 13px;
color: #fff;
}
div.page-scelta-funzione ul.listaFunzioni div.infoFunzione {
font-size:16px;
line-height:26px;
color:#000;
background-color:#f3f3f3;
padding-bottom:20px;
padding-top:20px;
}
div.page-login div.container.login {
max-width: 400px;
}
div.pnl-chat {
border-style: none;
padding: 0px;
}
div.wrapper-condividi-report {
margin-top: 25px;
padding-top: 10px;
border-top: solid 1px #dedede;
padding-bottom: 35px;
}
div.wrapper-condividi-report .etichetta {
color: #073776;
font-weight: bold;
font-size: 18px;
}
div.wrapper-condividi-report input[type='text'] {
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px;
}
div.pnlReport ul.dati-report,
div.pnlDatiGenerali ul.dati-generali,
div.pnlDatiStatoAttrezzatura ul.dati-stato-attrezzatura {
list-style-type: none;
padding: 0;
}
div.pnlDatiStatoAttrezzatura div.SeparatorTemplate {
height:10px;
background-color:#ccc;
margin-top:10px;
margin-bottom:20px;
}
div.pnlDatiStatoAttrezzatura ul.dati-stato-attrezzatura > li:last-child {
border-bottom: none 1px #dedede;
}
div.pnlReport ul.dati-report > li,
div.pnlDatiGenerali ul.dati-generali > li,
div.pnlDatiStatoAttrezzatura ul.dati-stato-attrezzatura > li {
padding-bottom: 5px;
border-bottom: solid 1px #dedede;
margin-bottom: 5px;
font-size: 13px;
}
div.pnlReport ul.dati-report > li div.etichetta,
div.pnlDatiGenerali ul.dati-generali > li div.etichetta,
div.pnlDatiStatoAttrezzatura ul.dati-stato-attrezzatura > li div.etichetta {
color: #073776;
font-weight: bold;
}
div.pnlReport ul.dati-report > li div.valore,
div.pnlDatiGenerali ul.dati-generali > li div.valore,
div.pnlDatiStatoAttrezzatura ul.dati-stato-attrezzatura > li div.valore {
color: #073776;
font-weight: normal;
}
div.pnlGrafico {
padding-bottom: 25px;
}
div.pnlGrafico canvas#grafico {
/*height: 100vh;*/
}
div.pnlGrafico div.wrapper-button-grafico {
margin-top: 40px;
padding-bottom: 25px;
border-bottom: solid 1px #ccc;
}
ul.wrapper-altri-pulsanti {
margin-top: 25px;
list-style-type: none;
padding: 0;
}
ul.wrapper-altri-pulsanti li {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
/*****************CUSTOM INPUT FILE*****************/
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
margin-bottom: 0;
}
.btn-file {
position: relative;
overflow: hidden;
vertical-align: middle;
}
.fileinput.input-group {
display: flex;
margin-bottom: 9px;
flex-wrap: nowrap;
}
.fileinput.input-group > * {
position: relative;
z-index: 2;
}
.fileinput .form-control {
padding: .375rem .75rem;
display: inline-block;
margin-bottom: 0px;
vertical-align: middle;
cursor: text;
overflow:hidden;
}
.fileinput-filename {
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.form-control .fileinput-filename {
vertical-align: bottom;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.fileinput.input-group > .btn-file {
z-index: 1;
}
.fileinput-new {
padding-right: 10px;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
border-radius: 0 .25rem .25rem 0;
}
.input-group-addon:not(:first-child) {
border-left: 0;
}
.fileinput .input-group-addon {
padding: .375rem .75rem;
width: auto;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
display: none;
}
.fileinput .btn {
vertical-align: middle;
}
.fileinput .input-group-addon {
padding: .375rem .75rem;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.fileinput.input-group > .btn-file {
z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
border-radius: 0 .25rem .25rem 0;
}
.btn-file > input {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
font-size: 23px;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;
direction: ltr;
}
.fileinput.fileinput-new.input-group > .form-control.selected {
background-color: rgba(157, 224, 89, 0.60);
}
.fileinput .input-group-addon {
background-color: rgba(68,157,68,1);
color:#fff;
}
.fileinput .input-group-addon:hover,
.fileinput .input-group-addon:focus
{
background-color: rgba(68,157,68,0.8);
color: #fff;
}
/***********FINE CUSTOM INPUT FILE*****************/
.well {
background-color: #fefefe;
}
.well.well-xs{
padding:9px 2px;
}
ul.lista-mobile {
padding: 0;
margin: 0;
list-style-type: none;
}
ul.lista-mobile > li {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
border-bottom: none 1px #666;
background-color: rgba(217,217,217,1);
box-shadow: 2px 2px 5px #dedede, -2px -2px 5px #dedede, 2px -5px 5px #dedede, -2px 2px 5px #dedede;
margin-bottom: 20px;
border-radius: 5px;
}
ul.lista-mobile > li:nth-child(odd) {
/*background-color: #eeeded;*/
background-color: rgba(239,239,239,1);
color: #000;
}
ul.lista-mobile > li:nth-child(odd) a {
color: #000;
}
ul.lista-mobile > li div.content-sx {
padding-left: 0px;
padding-right: 0px;
}
ul.lista-mobile > li div.content-dx {
padding-top: 20px;
}
div.page-lista-lavori-hydro ul.lista-mobile > li div.content-dx {
padding-top: 20px;
}
ul.lista-mobile > li div.content-dx img {
max-width: 15px;
float: right;
}
ul.lista-mobile > li a,
ul.lista-mobile > li span,
ul.lista-mobile > li label {
font-size: 15px;
color: #000;
line-height: 25px;
text-decoration: none;
}
ul.lista-mobile > li:last-child {
border-bottom-style:none;
}
ul.lista-mobile > li a.btn{
font-size: 13px;
color: #fff;
line-height: 18px;
text-decoration: none;
padding:3px 5px;
}
ul.lista-mobile > li a.btn-danger {
background-color: #c9302c;
font-size: 13px;
color: #fff;
line-height: 18px;
text-decoration: none;
padding: 3px 5px;
}
ul.lista-mobile > li a.btn-success {
background-color: #449d44;
font-size: 13px;
color: #fff;
line-height: 18px;
text-decoration: none;
padding: 3px 5px;
}
ul.lista-mobile > li a.btn-warning {
background-color: #ec971f;
font-size: 13px;
color: #fff;
line-height: 18px;
text-decoration: none;
padding: 3px 5px;
}
h1 {
font-size: 24px;
line-height: 34px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
h2 {
font-size: 25px;
line-height: 40px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
h3 {
font-size: 22px;
line-height: 32px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
h4 {
font-size: 19px;
line-height: 29px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
h5 {
font-size: 15px;
line-height: 25px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
}
div.back-bar{
padding-top:10px;
padding-bottom:10px;
margin-bottom:15px;
}
div.back-bar a {
font-size: 14px;
color: #fff;
padding: 5px 10px;
/* border: none 1px rgba(98,151,211,0.8);
background-color: rgba(98,151,211,0.7);*/
border: none 1px rgba(0,42,255,0.8);
background-color: rgba(0,0,0,1);
border-radius: 7px;
font-weight: normal;
box-shadow: 0 0 5px #719ECE;
}
div.back-bar a:before {
content: "<";
font-size: 13px;
color: #fff;
font-weight: bold;
padding-right:3px;
}
div.back-bar a.btn-next {
font-size: 14px;
color: #fff;
padding: 5px 10px;
/* border: none 1px rgba(98,151,211,0.8);
background-color: rgba(98,151,211,0.7);*/
border: none 1px rgba(0,42,255,0.8);
background-color: rgba(0,0,0,1);
border-radius: 7px;
font-weight: normal;
box-shadow: 0 0 5px #719ECE;
}
div.back-bar a.btn-next:after {
content: ">";
font-size: 13px;
color: #fff;
font-weight: bold;
padding-left: 3px;
}
div.back-bar a.btn-next:before {
content: "";
font-size: 13px;
color: #fff;
font-weight: bold;
padding-right: 0px;
}
div.snippet-dati-utente {
background-color: #053737;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
padding-left: 0px;
}
div.snippet-dati-utente div.container-fluid {
max-width: 1840px;
}
div.snippet-dati-utente span, div.snippet-dati-utente label {
font-size: 15px;
color: #fff;
}
#aspnetForm
{
height:100%;
}
.aspNetDisabled {
padding: 3px 12px;
width:100%;
}
a
{
cursor:pointer;
}
a:hover
{
text-decoration:none;
color:#1A171B;
}
img
{
border-style:none;
}
.displayNone{
display:none;
}
/******STATO PRATICA******/
.cerchio {
position: relative;
margin:0 auto;
width: 20px;
height: 20px;
border-radius: 50px;
border: solid 1px #000;
}
.non_confermata {
background: #fffefe;
}
.confermata {
background: #bababa;
}
.accettata {
background: #53fd00;
}
.respinta {
background: #ff0000;
}
.trasmessa_ente {
background: #f9f001;
}
/*********************/
ul#mubyTab.nav-tabs > li > a {
font-size: 12px;
background-color: #fff;
color: #fff;
background-color: #bbbcbc;
}
ul#mubyTab.nav-tabs > li.active > a {
background-color: #004270;
color:#fff;
}
ul#mubyTab.nav-tabs > li > a:hover {
background-color: #004270;
color: #fff;
}
ul#mubyTab.nav-tabs > li > a big {
font-size: 14px;
}
.line-blu {
height: 5px;
background-color:#004270;
}
div.pnl-cerca {
margin-top: 15px;
margin-bottom: 25px;
}
div.pnl-cerca .titolo-box {
font-size: 15px;
font-weight: bold;
}
div.pnl-cerca div.well-small {
padding: 5px 5px;
border: solid 1px #000;
font-size: 11px;
color: #000;
background-color: #e9e9e9;
}
div.pnl-cerca .divRiga {
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
color: #000;
}
div.pnl-cerca .divItem {
font-size: 12px;
color: #000;
}
div.pnl-cerca span, div.pnl-cerca label, div.pnl-cerca p {
font-size: 12px;
color: #000;
}
div.pnl-cerca select {
padding: 2px 2px;
border: solid 1px #000;
font-size: 12px;
color: #000;
}
div.pnl-cerca input[type='text'] {
padding: 0px 2px;
border: solid 1px #000;
font-size: 12px;
color: #000;
}
div.pnl-cerca select {
padding: 3px 2px;
border: solid 1px #000;
font-size: 12px;
color: #000;
max-width:200px;
}
.label-checkbox {
color: #000;
font-size: 14px;
font-weight: normal;
}
div.larger-checkbox input[type=checkbox],
div.larger-checkbox input[type=radio],
p.larger-checkbox input[type=checkbox],
p.larger-checkbox input[type=radio] {
width: 18px;
height: 18px;
}
div.larger-checkbox label,
p.larger-checkbox label {
font-size: 16px;
display: inline;
}
span.larger-checkbox input[type=checkbox] {
width: 18px;
height: 18px;
}
input[type=checkbox], input[type=radio] {
margin: 0px 5px 0px 20px;
}
div.content-separazione-beni input[type=checkbox], input[type=radio] {
margin: 0px 5px 0px 0px;
}
div input[type=checkbox]:first-child {
margin-left:0px;
}
ul.ul-note{
list-style-type:none;
padding:0;
margin:0;
font-size:12px;
}
ul.ul-note li{
position:relative;
float:left;
clear:left;
padding-left:0px;
padding-right:0px;
}
.titolo-well-box {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 15px;
}
.lbl-benvenuto {
font-size: 13px !important;
color: #fff !important;
}
div.template-area-riservata .content-dx {
position: relative;
float: right;
width: 84%;
}
div.pnl-comandi
{
margin-top:20px;
border-top:solid 1px #666;
padding:15px 5px;
}
.etichettaBlu
{
color:#001F5B;
}
.testo-bianco
{
color:#fff;
}
.testo-blu
{
color:#001F5B;
}
.testo-giallo
{
color:#D4A940;
}
.testo-arancio
{
color:#E75511;
}
.testo-rosso
{
color:#bd0926;
}
.testo-bianco {
color: #fff;
}
.testo-nero {
color: #000;
}
.testo-grigio {
color: #737272;
}
.corsivo
{
font-style:italic;
}
.fontSize-11
{
font-size:11px;
}
.fontSize-12
{
font-size:12px;
}
.fontSize-13
{
font-size:13px;
}
.fontSize-14
{
font-size:14px;
}
.fontSize-15
{
font-size:15px;
}
.fontSize-16
{
font-size:16px;
}
.fontSize-17
{
font-size:17px;
}
.fontSize-18
{
font-size:18px;
}
.fontSize-19
{
font-size:19px;
}
.fontSize-20
{
font-size:20px;
}
#container-sito
{
max-width:3500px!important;
min-height: 100%!important;
height:auto!important;
height: 100%;
margin: 0 auto -185px;
}
.wrapper-page {
margin-top: 80px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 60px;
}
.header-space
{
display:none;
}
.header-fixed {
position:fixed;
z-index:1000;
width:100%;
top:0px;
}
.header-fixed .logo
{
width:100px;
-webkit-transition: width .7s ease;
-moz-transition: width .7s ease;
-o-transition: width .7s ease;
}
input[error-campo-obbligatorio='ko'],
select[error-campo-obbligatorio='ko'],
textarea[error-campo-obbligatorio='ko'],
span[error-campo-obbligatorio='ko'] {
border: solid 2px #fd0701 !important;
background-color: #f1e300;
}
.container-page {
margin-top: 0px;
padding-left: 0px !important;
padding-right: 0px !important;
}
.btn-primary {
font-size: 16px;
color: #fff;
padding: 10px 10px;
border: none 1px rgba(0,42,255,0.8);
background-color: rgba(0,0,0,1);
border-radius: 7px;
font-weight: normal;
box-shadow: 0 0 5px #719ECE;
}
.btn-primary:hover {
background-color: rgba(0,0,0,0.7);
}
.btn-primary:visited, .btn-primary:active {
background-color: rgba(0,0,0,1);
}
.btn-primary.btn-xl {
font-size: 25px;
color: #fff;
padding: 20px 20px;
}
.btn-cerca-min {
font-size: 14px;
padding: 5px 10px;
}
.btn-cerca-min-2 {
font-size: 14px;
padding: 15px 10px;
}
.btn-primary, .btn-danger, .btn-success {
border-radius: 2px;
}
.btn-success
{
border-radius:0px;
/*
background-color:#1B75BB;
border-color:#1B75BB;
*/
}
.btn-success:hover
{
/*
background-color:#5b98c7;
border-color:#1B75BB;
*/
}
div.wrapper-titolo-pagina {
padding-bottom: 5px;
border-bottom: solid 1px #666;
margin-bottom:10px;
}
.titolo-pagina {
font-size: 20px;
color: #df2c2f;
font-weight: bold;
line-height: 25px;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 5px;
border-bottom: solid 1px #666;
}
.sottotitolo-pagina {
font-size: 16px;
color: #000;
line-height: 26px;
padding-top: 0px;
padding-bottom: 5px;
border-bottom: solid 1px #666;
margin-top: 0px;
}
.nota-allegati{
font-size:15px;
color:#000;
font-weight:bold;
line-height:25px;
}
.titolo-pagina.no-border {
padding-bottom: 0px;
border-bottom: none 1px #666;
}
.testo-dettaglio {
font-size: 15px;
line-height: 22px;
color: #000;
}
#icon-menu-mobile
{
/* display:none;*/
}
#wrapper-nav-menu-mobile
{
/*display:none;*/
}
.bordo-tondo
{
border-radius: 10px;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius: 10px; /* safari, chrome */
}
.zoom-item-foto {
position: relative;
border: 1px none #333;
margin: 0;
overflow: hidden;
width: 100%;
}
.zoom-item-foto img {
max-width: 100%;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.zoom-item-foto:hover img {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.wrapper-segnaposto
{
display:none;
}
.striscia-top
{
height:auto;
background-color:#ECECED;
margin:0;
padding:0px 0px 0px 0px;
}
div.striscia-top a, div.striscia-top span, div.striscia-top p
{
color:#888889;
font-size:14px;
}
div.striscia-top ul.content-info
{
list-style-type:none;
position:relative;
float:left;
width:auto;
height:auto;
margin:0;
padding:0;
}
div.striscia-top ul.content-info li
{
position:relative;
float:left;
padding:10px 20px;
text-align:center;
border-left:solid 1px #dfdfe0;
}
div.striscia-top ul.content-info li:last-child
{
border-right:solid 1px #dfdfe0;
}
div.striscia-top ul.content-info li .icona
{
position:relative;
float:left;
}
div.striscia-top ul.content-info li .testo
{
position:relative;
float:left;
padding-left:15px;
}
div.striscia-top ul.social
{
list-style-type:none;
position:relative;
float:right;
width:auto;
height:auto;
margin:0;
padding-top:5px;
}
div.striscia-top ul.social li
{
position:relative;
float:left;
width:25px;
height:auto;
padding:0;
text-align:center;
margin-left:15px;
}
div.striscia-top ul.social li img
{
width:100%;
height:auto;
}
#header div.pre-menu
{
margin-left: 0px;
margin-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #ebeced;
border-bottom:solid 1px rgba(189,9,38,0.5);
padding-left:0px;
}
#header div.pre-menu.small {
padding-top: 15px;
padding-bottom: 15px;
}
#header div.pre-menu .content {
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
}
#header div.logo {
margin-left:15px;
/*position:absolute;*/
position: relative;
float: left;
width: 300px;
height: auto;
padding-top: 0px;
padding-bottom:0px;
-webkit-transition: width .7s ease;
-moz-transition: width .7s ease;
-o-transition: width .7s ease;
}
#header div.logo.login {
position: relative;
float: unset;
width: 300px;
margin-left:auto;
margin-right:auto;
}
#header div.logo img {
width: 100%;
height: auto;
}
#header div.logo.small {
width:80px;
}
#header div.pre-menu .content-dx
{
float:right;
margin-right:0px;
margin-top:0px;
width:10%;
min-width:200px;
}
#header div.pre-menu .content-dx .content-btn-eshop
{
margin-top:15px;
margin-right:0px;
width:120px;
height:auto;
text-align:center;
background-color:#b3151f;
-webkit-transition: background-color 300ms ease-out .1s;
-moz-transition: background-color 300ms ease-out .1s;
-o-transition: background-color 300ms ease-out .1s;
transition: background-color 300ms ease-out .1s;
padding-top:25px;
padding-bottom:25px;
border-radius: 10px;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius: 10px; /* safari, chrome */
}
#header div.pre-menu .content-dx .content-btn-eshop:hover
{
background-color:#e4525c;
}
#header div.pre-menu .content-dx .content-btn-eshop span
{
color:#fff;
font-size:14px;
text-transform:uppercase;
display:inline-block;
width:100%;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}
#header ul.lista-lingue
{
position:relative;
float:right;
margin-right:7%;
list-style-type:none;
padding:0;
margin-top:2px;
}
#header ul.lista-lingue li
{
position:relative;
float:left;
border-right:solid 1px #fff;
}
#header ul.lista-lingue li a
{
color:#fff;
font-size:1em;
text-transform:uppercase;
display:inline-block;
padding:2px 10px;
-webkit-transition: color 300ms ease-out .1s;
-moz-transition: color 300ms ease-out .1s;
-o-transition: color 300ms ease-out .1s;
transition: color 300ms ease-out .1s;
}
#header ul.lista-lingue li a.on, #header ul.lista-lingue li a:hover
{
color:#e3aa02;
}
#header ul.lista-lingue li:last-child
{
border-style:none;
}
#header
{
}
/*********************FOOTER*********************/
#footer
{
background-color:#F1F1F2;
width:100%;
padding-top:0px;
font-size:13px;
color:#939292;
line-height:22px;
margin-top:50px;
}
/*********************************************/
.divItem
{
position:relative;
float:left;
width:auto;
height:auto;
margin-right:10px;
}
.alignJustify {
text-align:justify;
}
.clear-both
{
clear:both;
}
.noPadding
{
padding:0!important;
}
.noPaddingTop
{
padding-top:0px!important;
}
.noPaddingBottom
{
padding-bottom:0px!important;
}
.noPaddingLeft
{
padding-left:0px!important;
}
.noPaddingRight
{
padding-right:0px!important;
}
.noMargin
{
margin:0!important;
}
.noMarginLeft
{
margin-left:0!important;
}
.noMarginRight
{
margin-right:0!important;
}
.noMarginLeftRight {
margin-left: 0 !important;
margin-right: 0 !important;
}
.noPaddingLeftRight {
padding-left: 0 !important;
padding-right: 0 !important;
}
.noMarginTop {
margin-top: 0px !important;
}
.divRiga
{
width:100%;
clear:left;
}
.divRiga-5
{
margin-top:5px;
}
.divRiga-10
{
margin-top:10px;
}
.divRiga-15 {
margin-top: 15px;
}
.divRiga-20
{
margin-top:20px;
}
.divRiga-30
{
margin-top:30px;
}
.divRiga-40
{
margin-top:40px;
}
.divRiga-50
{
margin-top:50px;
}
.divRiga-60
{
margin-top:60px;
}
.divRiga-70
{
margin-top:70px;
}
.divRiga-80
{
margin-top:80px;
}
.divRiga-90
{
margin-top:90px;
}
.divRiga-100
{
margin-top:100px;
}
.divRiga-120
{
margin-top:120px;
}
.divRiga-140
{
margin-top:140px;
}
.divRiga-160
{
margin-top:160px;
}
.divRiga-180
{
margin-top:180px;
}
.divRiga-200
{
margin-top:200px;
}
/***************padding*******************/
.pb-5{
padding-bottom:5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
.pb-100 {
padding-bottom: 100px;
}
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-bottom: 60px;
}
.pt-70 {
padding-bottom: 70px;
}
.pt-80 {
padding-bottom: 80px;
}
.pt-90 {
padding-bottom: 90px;
}
.pt-100 {
padding-bottom: 100px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
/***************************************/
/***************margin*******************/
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
/***************************************/
.alignRight
{
text-align:right;
}
.alignLeft
{
text-align:left;
}
.pnlMessaggio {
padding: 10px 10px;
background-color: #d1fd02;
border: solid 1px #dedede;
border-radius: 5px;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
background-color: #25fb04;
margin-left:0px;
margin-right:0px;
}
.pnlMessaggio .lblMessaggio {
font-size: 14px;
color: #000;
}
.pnlMessaggio.ko {
background-color:#fe032b;
}
.pnlMessaggio.ko .lblMessaggio {
color: #fff;
}
.obj-hidden{
opacity:0;
}
.obj-visible{
opacity:1;
}
.content-top
{
background-color:#fff;
padding-top:0px;
padding-bottom:0px;
min-height:45px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #E75511;
}
.content-logo-e-menu
{
position:relative;
float:left;
width:75%;
height:auto;
}
.content-logo-e-menu .wrapper-menu {
display: table;
margin: 0 auto;
margin-top: 25px;
/* position:relative;
float:left;
width:auto;
margin-left: 0px;
margin-right: 0px;*/
}
.content-menu
{
/*float:right;*/
position:relative;
width:auto;
margin-left:auto;
margin-right:auto;
}
.box-foto
{
cursor:pointer;
}
.biglietteria-eventi
{
position:relative;
float:right;
margin-right:0px;
border-right:solid 1px #ccc;
border-left:solid 1px #ccc;
text-align:center;
}
.biglietteria-eventi a
{
font-size:15px;
color:#E75511;
font-weight:bold;
text-decoration:none;
display:inline-block;
padding:15px 10px 10px 10px;
}
.line
{
height:1px;
background-color:#9B9B9B;
}
/*******FORM********/
.campi-form span
{
font-size:16px;
color:#000;
}
.campi-form label
{
font-size:16px;
color:#000;
}
/******FINE FORM***/
/*************************MENU TOP***************************************/
ul.navbar-nav
{
/*float:right!important;*/
padding-top:0px;
padding-bottom:0px;
}
.navbar-default .navbar-nav>li.icon-home img
{
width:100%;
max-width:22px;
height:auto;
}
.navbar
{
margin-bottom:0px;
min-height:10px;
}
.navbar-default {
background-color:transparent;
border-style:none;
}
.navbar-default .navbar-nav > li {
border-right: solid 1px #bd0926;
padding-right: 6px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
-webkit-transition: all 300ms ease-out .1s;
-moz-transition: all 300ms ease-out .1s;
-o-transition: all 300ms ease-out .1s;
transition: all 300ms ease-out .1s;
}
.navbar-default .navbar-nav > li > a {
text-transform: uppercase;
font-size: 16px;
color: #57585A;
padding-top: 0px;
padding-bottom: 0px;
display: inline-block;
width: 100%;
-webkit-transition: color 300ms ease-out .1s;
-moz-transition: color 300ms ease-out .1s;
-o-transition: color 300ms ease-out .1s;
transition: color 300ms ease-out .1s;
padding-bottom: 10px;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a.on, .navbar-default .navbar-nav>li.on a
{
color:#bd0926;
/*text-decoration:underline;*/
}
.navbar-default .navbar-nav > li:hover {
/*background-color:#264183;*/
border-bottom: solid 1px #bd0926;
}
.navbar-default li:last-child
{
padding-right:0px;
/*border-left:none 1px #636E9B;*/
/*background-color:#1B75BB;*/
padding-top:0px;
padding-bottom:0px;
border-right:none 1px #fff;
}
.on-menu
{
}
.navbar-default .navbar-nav>li.on-menu
{
}
.navbar-default .navbar-nav>li.on-menu>a
{
color:#FFF;
}
.navbar-default ul.dropdown-menu {
padding: 0;
}
.navbar-default ul.dropdown-menu > li {
color: #fff;
text-transform: uppercase;
padding-bottom: 0px;
border-bottom: solid 1px #ccc;
}
.navbar-default ul.dropdown-menu > li:last-child {
border-bottom: none 1px #850116;
}
.navbar-default ul.dropdown-menu > li > a {
display: inline-block;
width: 100%;
color: #000 !important;
font-size: 13px;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default ul.dropdown-menu li > a:hover {
background-color: #ae0823;
color: #fff !important;
}
.navbar-default ul.dropdown-menu > li > a:before {
content: ">";
padding-right: 7px;
color: #410012;
}
.navbar-default ul.dropdown-menu > li > a:hover:before {
color: #fff;
}
.sfondo-menu-top {
background-color: #fff;
}
.navbar-default ul.dropdown-menu {
background-color: #fff;
}
/*************************FINE MENU TOP***************************************/
/***GOOGLE MAP***/
#wrapper-mappa
{
position:relative;
float:left;
width:100%;
height:auto;
min-height:500px;
margin-bottom:25px;
}
.mappa-info-content
{
width:300px;height:auto;
}
.mappa-info-content-logo
{
position:relative; float:left; width:200px; height:auto; margin-left:0px; margin-top:0px; display:none;
}
.mappa-info-logo
{
width:150px;
height:auto;
}
.mappa-info-content-testo
{
position:relative; float:left; width:250px; text-align:left; height:auto; margin-left:20px; margin-top:10px; line-height:20px;
}
.mappa-info-font
{
font-size:15px;
}
/***FINE GOOGLE MAP***/
.content-open-close-top
{
position:absolute;
z-index:200;
width:35px;
height:auto;
top:5px;
left:90%;
display:none;
cursor:pointer;
opacity:0.7;
}
.content-open-close-top:hover
{
opacity:1;
}
.content-open-close-top img
{
width:100%;
height:auto;
}
/**********************AREA RISERVATA TOP******************************/
#header .content-area-riservata
{
position:relative;
float:right;
margin-left:0px;
margin-top:10px;
padding-top:0px;
width:auto;
}
#header .content-area-riservata span, #header .content-area-riservata a
{
font-size:15px;
color:#211445;
}
#header .content-icon-login
{
position:relative;
float:left;
margin-left:40px;
border:none 1px #ccc;
/*padding:3px 5px;*/
}
#header .content-icon-login img
{
/*margin-left:4px;*/
}
#header .content-icon-login .content-icon img {
display:inline-block;
margin:0 auto;
}
#header ul.dati-utente-loggato {
list-style-type: none;
position: absolute;
z-index: 10;
right: 0;
width: 300px;
height: auto;
list-style-type: none;
background-color: #bd0926;
border: none 1px #ccc;
padding: 0;
top: 40px;
display: none;
}
#header .content-icon-carrello
{
position:relative;
float:left;
margin-left:35px;
padding:0;
width:auto;
border:none 1px #ccc;
padding:3px 5px;
}
#header .content-icon-carrello img
{
width:25px;
height:auto;
margin-left:7px;
}
#header ul.dati-utente-loggato li
{
position:relative;
float:left;
clear:left;
padding-left:10px;
padding-right:10px;
margin-bottom:15px;
width:100%;
}
#header ul.dati-utente-loggato li:first-child
{
border:none;
}
#header ul.dati-utente-loggato li>a
{
font-weight:normal;
color:#fff;
}
div.content-num-prod-cart
{
position:absolute;
z-index:10px;
left:30px;
top:-10px;
padding:5px 10px;
background-color:#C8161A;
border-radius: 50px;
-moz-border-radius: 50px; /* firefox */
-webkit-border-radius: 50px; /* safari, chrome */
}
.num-prod-cart
{
font-size:13px!important;
color:#fff!important;
}
#header .content-icon-help
{
position:relative;
float:left;
margin-left:0px;
border:none 1px #ccc;
/*padding:3px 5px;*/
}
#header .content-icon-help img
{
width:25px;
height:auto;
margin:0 auto;
}
/**********************FINE AREA RISERVATA TOP******************************/
.tabella-costi-spedizione {
border-style:none;
width:100%;
min-width:800px;
}
.tabella-costi-spedizione thead tr th {
border-bottom:solid 2px #000;
padding-top:5px;
padding-bottom:5px;
width:25%;
text-align:center;
}
.tabella-costi-spedizione tbody tr td {
border-bottom:solid 1px #000;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}
.tabella-costi-spedizione thead tr th span {
font-size:16px;
color:#000;
font-weight:bold;
}
.tabella-costi-spedizione tbody tr td span {
font-size:16px;
color:#000;
}
.wrapper-box-home {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
/******************RICETTA HOME*******************/
div.home-page .content-ricetta
{
position:relative;
float:right;
margin-right:0px;
width:34.5%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
display:none; /*viene resa visibile da javascript*/
overflow:hidden;
}
div.home-page .titolo-ricetta-evidenza
{
font-size:22px;
color:#fff;
font-weight:500;
}
div.home-page .sotto-titolo-ricetta-evidenza
{
font-size:16px;
color:#fff;
font-style:italic;
}
div.home-page .content-ricetta .cover {
background: #000;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all .7s; /* Safari */
transition: all .7s;
}
div.home-page .content-ricetta:hover .cover
{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
background: #001F5B;
}
div.home-page .content-ricetta:hover .wrapper-content-2 .content-sottotitolo-ricetta
{
display:block;
}
div.home-page .content-ricetta .wrapper-content
{
position:absolute;
width:100%;
height:auto;
padding:15px 20px;
bottom:0;
background-color:rgba(0,0,0,0.4);
display:none;
}
div.home-page .content-ricetta .wrapper-content-2
{
position:absolute;
width:100%;
height:auto;
padding:0px;
padding-right:50px;
padding-left:40px;
top:20px;
left:0px;
}
div.home-page .content-ricetta .wrapper-content-2 .content-titolo-ricetta
{
border-bottom:solid 1px #fff;
padding-bottom:10px;
}
div.home-page .content-ricetta .wrapper-content-2 .content-sottotitolo-ricetta
{
margin-top:10px;
display:none;
}
div.home-page .content-ricetta .wrapper-content-2 .titolo-ricetta-evidenza
{
font-size:20px;
color:#fff;
font-weight:500;
}
div.home-page .content-ricetta .wrapper-content-2 .sotto-titolo-ricetta-evidenza
{
font-size:25px;
color:#fff;
font-style:normal;
}
div.home-page .content-ricetta .wrapper-content-2 .content-btn
{
margin-top:10px;
}
div.home-page .content-ricetta .wrapper-content-2 a.btn
{
display:inline-block;
width:auto;
padding:4px 8px;
font-size:15px;
background-color:#D4A940;
color:#fff;
text-align:center;
-webkit-transition: all .5s;
transition: all .5s;
font-style:normal;
border-radius:0;
}
div.home-page .content-ricetta a.btn:hover
{
background-color:#f9c035;
}
div.home-page .content-ricetta a.btn:after
{
content:">";
margin-left:5px;
font-size:15px;
color:#fff;
}
/************************************************/
/*****************SLIDER HOME PAGE****************/
.content-slider
{
position:relative;
float:left;
width:100%;
height:auto;
}
.slider-banner a.carousel-control-banner
{
position:absolute;
top:40%;
background-image:none;
}
.slider-banner div.carousel a.sinistra
{
left:0px;
}
.slider-banner a.carousel-control-banner img
{
width:40px;
height:auto;
}
.slider-banner div.carousel a.destra
{
right:0px;
}
.slider-banner a.carousel-control-banner
{
opacity:0;
}
.slider-banner div.carousel.slide:hover a.carousel-control-banner
{
opacity:1;
}
.slider-banner .item-info
{
background-color:#fff;
width:100%;
padding-top:15px;
}
.slider-banner .item-news
{
}
.slider-banner .item-news-first
{
padding-left:0px;
}
.slider-banner .item-news-last
{
padding-right:0px;
}
.slider-banner div#carousel-banner .item
{
width:100%;
margin-left:0%;
}
.slider-banner .item-news .foto
{
width:100%;
height:auto;
max-height:670px;
overflow:hidden;
}
.slider-banner .foto
{
position:relative;
float:left;
width:100%;
height:auto;
}
/****************************************************/
.content-row-4
{
margin-top:20px;
}
.content-row-4 .box-1
{
margin-left:0px;
margin-right:0.5%;
background-repeat:no-repeat;
width:49.5%;
background-size: cover;
}
.content-row-4 .box-2
{
float:right;
margin-left:0.5%;
margin-right:0px;
width:49.5%;
background-repeat:no-repeat;
background-size: cover;
}
.content-row-4 .box-1, .content-row-4 .box-2
{
min-height:500px;
}
.content-row-4 .box-1 .frase-contest-in-box
{
position:relative;
float:left;
clear:left;
width:90%;
text-align:left;
margin-top:25px;
margin-left:25px;
}
.content-row-4 .box-1 .frase-contest-in-box .frase-1
{
color:#001F5B;
font-size:18px;
}
.content-row-4 .box-1 .frase-contest-in-box .frase-2
{
color:#001F5B;
font-size:18px;
font-weight:bold;
}
.content-row-5
{
margin-top:20px;
}
.content-row-5 .box-1, .content-row-5 .box-2
{
min-height:600px;
}
.content-row-5 .box-1
{
margin-left:0px;
margin-right:0.6%;
background-repeat:no-repeat;
width:34.4%;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box .frase-1
{
color:#fff;
font-size:28px;
font-style:normal;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box .frase-2
{
color:#d4a940;
font-size:28px;
font-weight:bold;
font-style:italic;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box .sx
{
margin-left:40%;
}
.content-row-5 .box-1 .content-freccia
{
width:30px;
height:auto;
margin-top:30px;
margin-left:25px;
}
div.home-page .content-row-5 .box-1 .cover {
background: #000;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all .7s; /* Safari */
transition: all .7s;
}
div.home-page .content-row-5 .box-1:hover .cover
{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
background: #001F5B;
}
.content-row-5 .box-2
{
float:right;
margin-right:0px;
width:64.2%;
margin-left:0.8%;
background-repeat:no-repeat;
background-size: cover;
}
.content-row-5 .box-2 .wrapper-content
{
position:absolute;
width:100%;
height:auto;
padding:15px 20px;
bottom:0;
background-color:rgba(0,0,0,0.6);
display:none;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2
{
position:absolute;
width:100%;
height:auto;
padding:0px;
padding-right:50px;
padding-left:40px;
top:100px;
left:0px;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 .content-titolo-ricetta
{
font-size:16px;
color:#fff;
font-weight:500;
border-bottom:solid 1px #fff;
padding-bottom:5px;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 .content-sottotitolo-ricetta
{
margin-top:20px;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 .sotto-titolo-ricetta-evidenza
{
font-size:25px;
color:#fff;
font-style:normal;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 .content-btn
{
position:relative;
float:left;
margin-top:20px;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 a.btn
{
display:inline-block;
width:200px;
padding-top:7px;
padding-bottom:5px;
font-size:18px;
background-color:#D4A940;
color:#fff;
text-align:center;
-webkit-transition: all .5s; /* Safari */
transition: all .5s;
font-style:normal;
border-radius:0;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 a.btn:hover
{
background-color:#f9c035;
}
div.home-page .content-row-5 .box-2 .wrapper-content-2 a.btn:after
{
content:">";
margin-left:5px;
font-size:18px;
color:#fff;
}
div.home-page .content-row-5 .box-2 .cover {
background: #000;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-transition: all .7s; /* Safari */
transition: all .7s;
}
div.home-page .content-row-5 .box-2:hover .cover
{
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
background: #001F5B;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box
{
position:relative;
float:left;
clear:left;
width:100%;
text-align:center;
color:#fff;
font-size:18px;
font-style:italic;
margin-top:250px;
}
.content-row-5 .box-2 .content-icon-play
{
position:relative;
float:left;
margin-top:250px;
width:100%;
height:auto;
}
.content-row-5 .box-2 .content-icon-play img
{
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.content-row-5 .box-2 .content-icon-play img:hover
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.content-row-7
{
margin-top:50px;
}
.content-row-7 .i-nostri-food-blogger
{
text-align:center;
}
.content-row-7 .i-nostri-food-blogger .frase-1
{
color:#001F5B;
font-size:16px;
font-style:normal;
font-weight:bold;
}
.content-row-7 .i-nostri-food-blogger .frase-2
{
color:#d4a940;
font-size:16px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
}
ul.lista-food-blogger
{
margin-top:50px;
list-style-type:none;
margin-left:0px;
margin-right:0px;
}
/**************************MEGA MENU PRODOTTI ************************/
.mega-menu-prodotti
{
position:absolute;
width:100%;
margin-left:0px;
margin-top:0px;
z-index:-10;
padding-top:0px;
padding-bottom:30px;
min-height:100px;
background-color:#fff;
border-bottom:solid 2px #001F5B;
-webkit-opacity: 0;
-moz-opacity:0;
filter:alpha(opacity=0);
-webkit-transition: opacity .5s; /* Safari */
transition: opacity .5s;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
visibility:hidden;
}
.mega-menu-prodotti.on
{
z-index:10;
-webkit-opacity: 1;
-moz-opacity:1;
filter:alpha(opacity=1);
visibility:visible;
border-top:solid 1px #E75511;
}
div.mega-menu-prodotti ul.dx
{
list-style-type:none;
position:relative;
width:1170px;
height:auto;
margin-left:auto;
margin-right:auto;
}
div.mega-menu-prodotti div.colonna
{
position:relative;
float:left;
width:25%;
padding:10px 20px;
}
div.mega-menu-prodotti ul.dx > div > li
{
list-style-type:none;
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
text-align:left;
border-right:none 1px rgba(0,31,91,0.3);
}
div.mega-menu-prodotti ul.dx li:first-child
{
/*padding-left:0px;*/
}
div.mega-menu-prodotti ul.dx li:last-child
{
border-right-style:none;
padding-right:0px;
}
div.mega-menu-prodotti ul.dx div > li > a
{
display:inline-block;
width:90%;
border-bottom:solid 1px rgba(0,31,91,0.3);
padding-bottom:10px;
padding-top:10px;
font-weight:bold;
text-decoration:none;
font-size:16px;
color:#38A9DB;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
}
div.mega-menu-prodotti ul.dx div > li a:hover, div.mega-menu-prodotti ul.dx div > li a.on
{
/*color:#E75511;*/
}
div.mega-menu-prodotti ul.dx li .macrocategoria
{
text-transform:uppercase;
}
div.mega-menu-prodotti ul.dx li>ul
{
list-style-type:none;
position:relative;
float:left;
padding:0;
}
div.mega-menu-prodotti .verticalScroll
{
max-height:230px;
overflow-y: auto;
}
div.mega-menu-prodotti ul.dx li ul li
{
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
border-style:none;
padding:2px 0px;
}
div.mega-menu-prodotti ul.dx li ul li a
{
padding-bottom:0px;
border-bottom-style:none;
font-weight:normal;
text-decoration:none;
font-size:14px;
color:#6F7072;
}
div.mega-menu-prodotti ul.dx li ul li a:hover
{
color:#E75511;
}
/********************************************************************/
/***************MENU SX NEWS******************/
div.content-menu-sx-news
{
padding-left:0px;
padding-right:0px;
}
div.content-menu-sx-news ul.macroCategoria
{
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}
div.content-menu-sx-news ul.macroCategoria>li
{
position:relative;
float:left;
clear:left;
background-color:#001F5B;
margin-bottom:10px;
width:100%;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
}
div.content-menu-sx-news ul.macroCategoria>li:hover
{
background-color:rgba(0,31,91,0.8);
}
div.content-menu-sx-news ul.macroCategoria>li .sx
{
position:relative;
float:left;
width:80%;
padding-left:5%;
}
div.content-menu-sx-news ul.macroCategoria>li .dx
{
position:relative;
float:right;
width:10%;
padding-right:25px;
}
div.content-menu-sx-news ul.macroCategoria>li a
{
font-size:14px;
color:#fff;
text-transform:uppercase;
line-height:30px;
display:inline-block;
width:95%;
}
div.content-menu-sx-news ul.macroCategoria>li>ul
{
padding:0;
position:relative;
float:left;
clear:left;
list-style-type:none;
margin-left:0px;
margin-right:0px;
width:100%;
background-color:#fff;
}
div.content-menu-sx-news ul.macroCategoria>li>ul.chiuso
{
display:none;
}
div.content-menu-sx-news ul.macroCategoria>li>ul li
{
position:relative;
float:left;
clear:left;
width:100%;
border-bottom:solid 1px #ccc;
padding-left:5%;
}
div.content-menu-sx-news ul.macroCategoria>li>ul li:hover a, div.content-menu-sx-news ul.macroCategoria>li>ul li a.on
{
color:rgba(212,169,63,1);
font-weight:bold;
}
div.content-menu-sx-news ul.macroCategoria>li>ul li a
{
color:#001F5B;
font-size:14px;
}
a.lnk-plus
{
display:inline-block;
width:100%;
font-size:20px!important;
}
/************************************************/
/*********************LISTA NEWS************************/
ul#wrapper-lista-news
{
list-style-type:none;
margin-top:20px;
padding:0;
}
#wrapper-lista-news .new-line
{
clear:left;
padding-bottom:0px;
}
ul#wrapper-lista-news li
{
margin-bottom:50px;
}
ul#wrapper-lista-news li .content-prodotto
{
position:relative;
float:left;
width:90%;
margin-left:5%;
height:auto;
margin-left:0%;
border:solid 1px #ccc;
padding-top:0px;
padding-bottom:0px;
}
#wrapper-lista-news .foto
{
position:relative;
float:left;
width:100%;
height:auto;
min-height:200px;
max-height:200px;
overflow:hidden;
margin-bottom:10px;
}
#wrapper-lista-news .foto.foto-download{
min-height:300px;
}
#wrapper-lista-news .foto.foto-download.foto-rassegna-stampa
{
min-height:50px;
}
#wrapper-lista-news .foto img
{
margin: 0 auto;
}
#wrapper-lista-news .titolo
{
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
min-height:80px;
text-align:left;
color:#001F5B;
font-size:15px;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}
#wrapper-lista-news .sottoTitolo
{
position:relative;
float:left;
clear:left;
width:90%;
margin-left:5%;
height:auto;
text-align:center;
color:#868686;
font-size:15px;
margin-bottom:0px;
padding-bottom:10px;
border-bottom:solid 1px #ccc;
}
#wrapper-lista-news .data
{
position:relative;
float:left;
clear:left;
width:90%;
margin-left:0;
height:auto;
text-align:left;
color:#D4A940!important;
font-size:14px;
margin-bottom:10px;
padding-bottom:10px;
text-transform:uppercase;
padding-left:5px;
padding-right:5px;
}
#wrapper-lista-news>li .content-prodotto:hover
{
/*
box-shadow: 2px 2px 5px #dedede,
-2px -2px 5px #dedede,
2px -5px 5px #dedede,
-2px 2px 5px #dedede;
*/
border-color:#001F5B;
}
#wrapper-lista-news>li .content-prodotto:hover div.sottoTitolo
{
border-bottom:none;
}
.box-shadow
{
/*
box-shadow: 2px 2px 5px #dedede,
-2px -2px 5px #dedede,
2px -5px 5px #dedede,
-2px 2px 5px #dedede;
*/
}
#wrapper-lista-news .new-line {
clear: left;
padding-bottom: 0;
}
#wrapper-lista-news .item-prodotto
{
padding-bottom:0px;
}
#wrapper-lista-news .img-thumbnail {
border-style: none;
}
/***********************************************************/
/******************SCHEDA NEWS***************************/
div.scheda-news .content-foto
{
border:solid 1px #ccc;
padding-top:25px;
padding-bottom:15px;
}
div.scheda-news .content-foto .foto-principale
{
display:block;
margin:0 auto;
}
div.scheda-news .content-titolo
{
padding-bottom:10px;
margin:0;
font-size:30px;
line-height:35px;
color:#001F5B;
font-weight:bold;
}
div.scheda-news .content-sottotitolo
{
padding:0;
margin:0;
font-size:22px;
line-height:30px;
color:#001F5B;
}
div.scheda-news .content-data
{
color:#000;
font-size:13px;
}
div.scheda-news .content-testo
{
margin-top:20px;
text-align:justify;
}
div.scheda-news .stampa
{
position:relative;
float:left;
width:30px;
height:auto;
}
div.scheda-news ul.social-share
{
list-style-type:none;
position:relative;
float:right;
width:auto;
height:auto;
margin:0;
padding:0;
}
div.scheda-news ul.social-share li
{
position:relative;
float:left;
width:30px;
height:auto;
margin-right:5px;
}
/***************FINE SCHEDA NEWS*******************/
/****************LISTA RICETTE*************************/
ul.wrapper-lista-ricetta .titolo
{
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
min-height:65px!important;
text-align:left!important;
color:#001F5B!important;
font-size:16px!important;
margin-bottom:10px;
font-weight:bold!important;
padding-left:5px;
padding-right:5px;
}
ul.wrapper-lista-ricetta .nome-prodotto
{
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
min-height:25px;
text-align:left!important;
color:#D4A940!important;
font-size:14px;
margin-bottom:10px;
font-style:normal;
font-weight:normal!important;
padding-left:5px;
padding-right:5px;
text-transform:uppercase;
}
ul#wrapper-lista-news li .content-prodotto
{
width:100%!important;
}
/*******************************************************/
/************************SCHEDA RICETTA******************/
div.scheda-ricetta div.container-page-1920
{
padding-left:0px;
padding-right:0px;
}
div.scheda-ricetta .content-icon-play
{
position:absolute;
top:250px;
width:100%;
height:auto;
z-index:5;
}
div.scheda-ricetta .content-icon-play img
{
display:block!important;
width:70px!important;
height:auto!important;
margin: 0 auto!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
div.scheda-ricetta .content-icon-play img:hover
{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
div.scheda-ricetta .content-breadcrumb-motore-ricerca
{
padding-left:15px;
padding-right:15px;
}
div.scheda-ricetta div.header div.sx
{
position:relative;
float:left;
width:63.4%;
max-height:650px;
overflow:hidden;
}
div.scheda-ricetta div.header div.sx img
{
width:100%;
height:auto;
}
div.scheda-ricetta div.header div.dx
{
position:relative;
float:right;
width:35.6%;
}
div.scheda-ricetta div.header div.dx div.content-info
{
position:relative;
float:left;
width:100%;
background-color:#001F5B;
padding:20px 35px;
min-height:350px;
}
div.scheda-ricetta .mese-anno
{
padding-bottom:20px;
border-bottom:solid 1px #fff;
margin-bottom:20px;
font-weight:bold;
}
div.scheda-ricetta .titolo
{
font-size:24px;
font-weight:bold;
}
div.scheda-ricetta .sottotitolo
{
font-size:16px;
font-style:italic;
line-height:22px;
padding-top:20px;
}
div.scheda-ricetta .content-prodotto-collegato
{
background-color:#e1e1e1;
position:relative;
float:left;
margin-top:20px;
padding:13px 30px;
width:100%;
}
div.scheda-ricetta .content-prodotto-collegato .titolo-box
{
margin-bottom:40px;
}
div.scheda-ricetta .content-prodotto-collegato .info-prodotto
{
position:relative;
float:right;
width:50%;
}
div.scheda-ricetta .content-prodotto-collegato .foto
{
position:relative;
float:left;
width:50%;
height:auto;
max-height:350px;
overflow:hidden;
margin-bottom:10px;
}
div.scheda-ricetta .content-prodotto-collegato.foto img
{
display:block;
margin: 0 auto;
}
div.scheda-ricetta .content-prodotto-collegato .titolo
{
position:relative;
float:left;
clear:left;
width:100%;
height:auto;
min-height:25px;
text-align:center;
font-size:20px;
font-weight:bold;
margin-bottom:20px;
}
div.scheda-ricetta .content-prodotto-collegato .sottoTitolo
{
position:relative;
float:left;
clear:left;
width:90%;
margin-left:5%;
height:auto;
text-align:center;
color:#868686;
font-size:17px;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:solid 1px #ccc;
}
div.scheda-ricetta .content-prodotto-collegato .bg-price
{
position:relative;
float:left;
width:100%;
margin-left:0px;
}
div.scheda-ricetta .content-prodotto-collegato .row-price
{
position:relative;
float:left;
width:95%;
margin-left:5%;
padding-top:10px;
padding-bottom:10px;
}
div.scheda-ricetta .content-prodotto-collegato .content-prezzo
{
position:relative;
float:left;
width:80%;
font-size:15px;
color:#D4A940;
font-weight:bold;
font-style:italic;
}
div.scheda-ricetta .content-prodotto-collegato .content-frase-non-vendibile
{
position:relative;
float:left;
width:70%;
font-size:15px;
color:#D4A940;
font-weight:bold;
font-style:italic;
}
div.scheda-ricetta .content-prodotto-collegato .content-richiesta-info
{
position:relative;
float:right;
width:25px;
margin-right:5%;
}
div.scheda-ricetta .content-prodotto-collegato .content-richiesta-info img
{
width:100%;
height:auto;
}
div.scheda-ricetta .content-prodotto-collegato .content-icon-cart
{
position:relative;
float:right;
width:19%;
}
div.scheda-ricetta ul.lista-ingredienti
{
list-style-type:none;
padding:0;
margin:0;
}
div.scheda-ricetta ul.lista-ingredienti li
{
position:relative;
float:left;
width:100%;
clear:left;
border-bottom:solid 1px #001F5B;
padding-top:5px;
padding-bottom:5px;
color:#001F5B;
font-size:15px;
text-align:left;
}
div.scheda-ricetta div.wrapper-altri-prodotti div.sx.banner
{
position:relative;
float:left;
width:40%;
height:330px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position-y: -70px;
overflow:hidden;
}
div.scheda-ricetta div.wrapper-altri-prodotti div.dx
{
position:relative;
float:right;
width:59%;
}
div.scheda-ricetta div.wrapper-altri-prodotti div.sx .motto
{
font-size:25px;
color:#001F5B;
margin-top:20px;
text-align:center;
}
div.scheda-ricetta .altri-prodotti
{
margin-top:80px;
margin-bottom:60px;
text-align:center;
}
div.scheda-ricetta .altre-ricette
{
margin-top:80px;
margin-bottom:60px;
text-align:center;
}
/*****************************************************/
/*********************SLIDER ALTRE FOTO***************/
/*****************SLIDER PRODOTTI E-SHOP HOME PAGE****************/
.content-slider-fotogallery a.carousel-control-banner
{
position:absolute;
top:40%;
background-image:none;
}
.content-slider-fotogallery div.carousel a.sinistra
{
left:0px;
}
.content-slider-fotogallery a.carousel-control-banner img
{
width:40px;
height:auto;
}
.content-slider-fotogallery div.carousel a.destra
{
right:0px;
}
.content-slider-fotogallery a.carousel-control-banner
{
opacity:0;
}
.content-slider-fotogallery div.carousel.slide:hover a.carousel-control-banner
{
opacity:1;
}
.content-slider-fotogallery .item-news
{
}
.content-slider-fotogallery .item-news-first
{
padding-left:0px;
}
.content-slider-fotogallery .item-news-last
{
padding-right:0px;
}
.content-slider-fotogallery .content-prodotto
{
position:relative;
float:left;
width:100%;
height:auto;
margin-left:0%;
border:solid 1px #ccc;
padding:10px 10px;
}
.content-slider-fotogallery div#carousel-slider-fotogallery .item
{
width:100%;
margin-left:0%;
}
.content-slider-fotogallery .item-news .foto
{
position:relative;
float:left;
width:100%;
height:auto;
max-height:670px;
overflow:hidden;
margin-bottom:10px;
}
.content-slider-fotogallery .item-news .foto img
{
margin: 0 auto;
}
.content-slider-fotogallery
{
margin-top:20px;
}
/****************************************************/
/*****************************************************/
ul.breadcrumb
{
padding:0;
list-style-type:none;
background-color:transparent;
}
div.ricette ul.breadcrumb, div.scheda-ricetta ul.breadcrumb
{
width:auto!important;
padding-right:15px;
}
ul.breadcrumb li
{
position:relative;
float:left;
width:auto;
height:auto;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: ">";
}
ul.breadcrumb li a
{
display:inline-block;
padding:0px 0px;
color:#ccc;
font-size:18px;
}
ul.breadcrumb li:last-child a, ul.breadcrumb li a.on
{
font-weight:500;
color:#E75511;
}
ul.allegati
{
list-style-type:none;
padding:0;
margin:0;
}
ul.allegati li
{
position:relative;
float:left;
clear:left;
padding-top:5px;
padding-bottom:5px;
}
ul.allegati li a
{
color:#000;
font-size:15px;
}
ul.allegati li a:before
{
content:"-";
font-size:15px;
color:#000;
margin-right:5px;
}
.content-titolo-sezione
{
padding-bottom:5px;
border-bottom:solid 1px #ccc;
}
/****************BOX INFO UTILIT FOOTER**************/
div.wrapper-info-utili-footer ul
{
list-style-type:none;
padding:0;
margin-top:40px;
margin-bottom:40px;
}
div.wrapper-info-utili-footer ul li
{
position:relative;
float:left;
margin-right:1%;
border:solid 1px #ccc;
border-left:solid 10px #bd0926;
width:32%;
padding-top:20px;
padding-bottom:20px;
padding-right:10px;
padding-left:10px;
}
div.wrapper-info-utili-footer ul li:last-child
{
margin-right:0px;
}
div.wrapper-info-utili-footer .icona
{
position:relative;
float:left;
width:15%;
height:auto;
margin-right:4%;
}
div.wrapper-info-utili-footer .wrapper-testo
{
position:relative;
float:left;
width:80%;
height:auto;
text-align:left;
}
div.wrapper-info-utili-footer .wrapper-testo .titolo
{
font-size:18px;
color:#bd0926;
text-transform:uppercase;
padding:0;
margin:0;
line-height:20px;
font-weight:bold;
}
div.wrapper-info-utili-footer .wrapper-testo .sottotitolo
{
font-size:14px;
color:#000;
text-align:left;
line-height:20px;
min-height:60px;
}
/**************************************************/
@media (min-width: 979px) {
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
}
/*MEDIA QUERY 980 x 1024*/
@media screen and (min-width: 980px) and (max-width: 1024px)
{
div.scheda-contratto-locazione .intestazione-tab {
font-size: 16px;
}
.carousel-caption-1
{
padding-bottom:0px;
}
.carousel-caption-2 {
padding-bottom: 50px;
}
.carousel-caption-2 img {
width: 250px;
}
.content-menu
{
}
.navbar-default .navbar-nav>li>a
{
font-size:0.8em;
}
.logo
{
width:200px;
margin-left:-20px;
margin-top:5px;
}
div.box-home-istituzionale ul li.colonna {
/* max-height:250px;*/
}
}
/*FINE MEDIA QUERY 980 x 1024*/
/*MEDIA QUERY 1025 x 1280*/
@media screen and (min-width: 1025px) and (max-width: 1280px)
{
div.scheda-contratto-locazione .intestazione-tab {
font-size: 16px;
}
.carousel-caption-1
{
padding-bottom:0px;
}
.carousel-caption-2 {
padding-bottom: 50px;
}
.carousel-caption-2 img {
width: 250px;
}
.content-menu
{
}
.navbar-default .navbar-nav>li>a
{
font-size:0.8em;
}
.logo
{
width:200px;
margin-left:-20px;
margin-top:5px;
}
div.box-home-istituzionale ul li.colonna {
/*max-height:320px;*/
}
.content-newsletter .testo-2 {
font-size:15px;
}
div.home-page .content-row-3 .box-2 .wrapper-content .sotto-titolo, div.home-page .content-row-3 .box-3 .sottotitolo
{
font-size:16px;
}
div.home-page .content-row-3 .box-2 .wrapper-content a.btn {
font-size: 16px;
}
}
/*Fine media 1025 x 1280*/
/*MEDIA QUERY 1281 - 1440*/
@media screen and (min-width: 1281px) and (max-width: 1440px)
{
div.scheda-contratto-locazione .intestazione-tab {
font-size: 16px;
}
.content-logo-e-menu {
width: 70%;
}
.carousel-caption-1
{
padding-bottom:0px;
}
.carousel-caption-2 {
padding-bottom: 50px;
}
.carousel-caption-2 img {
width: 250px;
}
.content-row-3 .box-1, .content-row-3 .box-2, .content-row-3 .box-3
{
min-height:300px;
}
div.home-page ul.categorie-prodotti li div.content-info
{
top:25px;
}
div.home-page ul.categorie-prodotti li
{
padding-left:10px;
padding-right:10px;
}
div.home-page .content-row-3 .box-2 .wrapper-content .sotto-titolo, div.home-page .content-row-3 .box-3 .sottotitolo
{
font-size:16px;
min-height:80px;
}
div.home-page .content-row-3 .box-2 .wrapper-content a.btn, div.home-page .content-row-3 .box-3 a.btn {
font-size: 14px;
width:auto;
padding:2px 7px;
}
div.home-page .content-row-3 .box-2 .wrapper-content .content-btn
{
margin-top:15px;
}
div.home-page .content-row-3 .box-2 .wrapper-content a.btn
{
margin-top:15px;
}
div.home-page .content-ricetta .wrapper-content-2 .sotto-titolo-ricetta-evidenza
{
font-size:20px;
}
div.home-page .content-ricetta .wrapper-content-2 a.btn
{
font-size: 14px;
width:auto;
padding:2px 7px;
}
div.home-page .content-ricetta .wrapper-content-2 .content-btn
{
margin-top:15px;
}
.content-row-5 .box-1, .content-row-5 .box-2
{
min-height:450px;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box
{
margin-top:150px;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box .sx
{
margin-left:25%;
}
div.home-page .content-news .wrapper-content-2 .titolo
{
font-size:16px;
}
}
/*FINE 1281 - 1360*/
/*MEDIA QUERY 1441 - 1800*/
@media screen and (min-width: 1441px) and (max-width: 1800px)
{
div.scheda-contratto-locazione .intestazione-tab {
font-size: 16px;
}
.content-logo-e-menu {
width: 70%;
}
.content-row-3 .box-1, .content-row-3 .box-2, .content-row-3 .box-3
{
min-height:300px;
}
div.home-page ul.categorie-prodotti li div.content-info
{
top:25px;
}
div.home-page ul.categorie-prodotti li
{
padding-left:10px;
padding-right:10px;
}
div.home-page .content-row-3 .box-2 .wrapper-content .sotto-titolo, div.home-page .content-row-3 .box-3 .sottotitolo
{
font-size:16px;
min-height:80px;
}
div.home-page .content-row-3 .box-2 .wrapper-content a.btn, div.home-page .content-row-3 .box-3 a.btn {
font-size: 14px;
width:auto;
padding:2px 7px;
}
div.home-page .content-row-3 .box-2 .wrapper-content .content-btn
{
margin-top:15px;
}
div.home-page .content-row-3 .box-2 .wrapper-content a.btn
{
margin-top:15px;
}
div.home-page .content-ricetta .wrapper-content-2 .sotto-titolo-ricetta-evidenza
{
font-size:20px;
}
div.home-page .content-ricetta .wrapper-content-2 a.btn
{
font-size: 14px;
width:auto;
padding:2px 7px;
}
div.home-page .content-ricetta .wrapper-content-2 .content-btn
{
margin-top:15px;
}
.content-row-5 .box-1, .content-row-5 .box-2
{
min-height:450px;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box
{
margin-top:150px;
}
.content-row-5 .box-1 .frase-scopri-videoricette-in-box .sx
{
margin-left:25%;
}
div.home-page .content-news .wrapper-content-2 .titolo
{
font-size:16px;
}
}
/*FINE 1361 - 1800*/
/*Tablet landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape)
{
#loading {
height: 800px;
}
#loading #image-loading {
margin-top: 10%;
}
div.striscia-top {
display: none;
}
div.content-menu {
display: none;
}
#icon-menu-mobile {
display: block;
}
#wrapper-nav-menu-mobile {
display: block;
}
div.logo {
width: 100px;
margin-left: 10px;
}
div.page-area-riservata a.btn-servizio {
font-size: 25px;
}
}
/*Fine Tablet landscape*/
/*Tablet portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
div.logo
{
width:100px;
margin-left:0px;
}
/******************************MENU TOP****************************************/
.navbar-default .navbar-nav>li>a
{
font-size:0.68em;
}
.navbar-default li
{
padding-right:0px;
padding-left:0px;
}
/******************************FINE MENU TOP****************************************/
div.striscia-top
{
display:none;
}
div.content-menu
{
display:none;
}
#icon-menu-mobile
{
display:block;
}
#wrapper-nav-menu-mobile
{
display:block;
}
}
/*Fine Tablet portrait*/
/*mobile phone*/
/*@media only screen and (min-device-width : 300px) and (max-device-width : 1024px) and (orientation : portrait)*/
@media only screen and (max-width : 760px)
{
}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)*/
@media only screen and (max-width : 760px)
{
}
/*fine mobile phone*/
/*loading*/
#loading {
width: 100%;
height: 2000px;
position: fixed;
top: 0px;
left: 0px;
z-index: 100000000000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px;
background-color: rgba(0,0,0,0.8);
/*display:none;*/
}
#loading #image-loading {
position: relative;
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
margin-top: 70%;
}
#image-loading img
{
width:100%;
height:auto;
}
.offusca-pagina
{
position:absolute;
display:none;
z-index:10000;
top:0px;
left:0px;
width: 100%;
height: 2000px;
background-color:rgba(0,0,0,0.6);
}
/*fine loading*/
/*COOKIE ALERT*/
.wrapper-cookie
{
position:fixed;
z-index:1000000;
top:0px;
left:0px;
padding-top:20px;
padding-bottom:20px;
background-color:rgba(0,0,0,0.8);
width:100%;
height:auto;
text-align:center;
display:none;
}
.wrapper-cookie .content-cookie
{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:0px;
width:100%;
max-width:980px;
height:auto;
}
.wrapper-cookie .riga
{
position:relative;
float:left;
clear:left;
margin-left:0px;
margin-top:10px;
text-align:left;
width:100%;
height:auto;
}
.wrapper-cookie .sx
{
position:relative;
float:left;
margin-left:0px;
margin-top:0px;
text-align:left;
width:80%;
height:auto;
}
.wrapper-cookie .dx
{
position:relative;
float:right;
margin-right:0px;
margin-top:0px;
text-align:center;
width:19%;
height:auto;
}
.wrapper-cookie span, .wrapper-cookie a
{
text-decoration:non ;
color:#fff;
font-size:13px;
}
.btn-accetta-cookie
{
padding:10px 10px 10px 10px;
background-color:#fff;
font-size:12px;
color:#211445;
border-style:none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px; /* future proofing */
font-weight:bold;
}
.btn-accetta-cookie:hover
{
background-color:#ecebeb;
}
/**FINE COOKIE ALERT**/
/*******POPUP HOME PAGE***************/
#pop-home
{
position:fixed;
display:none;
z-index:100000000000000000;
top:0px;
left:0px;
width:auto;
max-width:800px;
height:auto;
/*background-image:url(../images/bg-pop-home-2.png?v=2.0);*/
background-repeat:repeat;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; /* firefox */
-webkit-border-radius: 10px 10px 10px 10px; /* safari, chrome */
}
#pop-home #header-pop
{
position:relative;
float:left;
width:100%;
height:auto;
margin:0;
display:none;
}
#pop-home #header-pop .chiudi
{
position:relative;
float:right;
width:150px;
text-align:right;
height:auto;
margin-right:20px;
margin-top:10px;
}
#pop-home #header-pop a
{
font-family:Arial;
font-size:18px;
color:#fff;
font-weight:bold;
cursor:pointer;
}
#pop-home .content-pop
{
position:relative;
float:left;
width:98%;
height:auto;
margin-left:10px;
margin-top:30px;
text-align:left;
font-family:Arial;
font-size:25px;
color:#000;
padding-bottom:20px;
line-height:30px;
}
.opacityZero { /* 50% opacity */
-webkit-opacity: 0;
-moz-opacity:0;
filter:alpha(opacity=0);
}
/*******FINE POPUP HOME PAGE***************/
/*POP MESSAGGIO*/
#container-pop-messaggio
{
position:fixed;
left:500px;
top:-500px;
z-index:100000;
width:95%;
max-width:500px;
height:auto;
padding:0px;
}
#container-pop-messaggio #header-pop
{
position:relative;
float:left;
width:100%;
height:auto;
font-weight:bold;
margin:0;
text-align:left;
border-bottom:solid 1px #666;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
background-color:#1d2936; /*#E5342C*/
padding-top:5px;
padding-bottom:5px;
}
#container-pop-messaggio .title
{
position:relative;
float:left;
width:80%;
height:auto;
font-size:1em;
color:#fff;
font-weight:bold;
margin-left:5px;
text-align:left;
font-family:Arial;
}
#container-pop-messaggio .close
{
position:relative;
float:right;
width:10%;
height:auto;
margin-right:0px;
text-align:center;
opacity:1!important;
}
#container-pop-messaggio .a-close
{
font-size:1em;
color:#fff!important;
font-weight:bold!important;
cursor:pointer;
font-family:Arial;
}
#container-pop-messaggio #content-pop
{
position:relative;
float:left;
width:100%;
height:auto;
min-height:100px;
padding-bottom:10px;
margin-left:0px;
margin-top:0px;
background-color:#ccc;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
}
#container-pop-messaggio .content
{
position:relative;
float:left;
width:90%;
height:auto;
font-size:1em;
color:#000;
margin-left:5px;
margin-top:10px;
text-align:left;
font-family:Arial;
}
/*FINE POP MESSAGGIO*/
/*POP MESSAGGIO 2*/
#container-pop-messaggio-2
{
position:fixed;
left:650px;
top:-500px;
z-index:10000000;
width:90%;
height:auto;
padding:0px;
background-color:#FFF;
border:solid 1px #000;
}
#container-pop-messaggio-2 #header-pop-2 {
position: relative;
float: left;
width: 100%;
height: auto;
font-weight: bold;
margin: 0;
text-align: left;
border-bottom: none 1px #666;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
background-color: #000;
padding-top: 15px;
padding-bottom: 15px;
padding-right:15px;
}
#container-pop-messaggio-2 .title
{
position:relative;
float:left;
width:80%;
height:auto;
font-size:26px;
color:#fff;
font-weight:400;
margin-left:5px;
text-align:left;
}
#container-pop-messaggio-2 .a-chiudi {
font-size: 26px;
color: #FFF !important;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
#container-pop-messaggio-2 #content-pop-2
{
position:relative;
float:left;
width:100%;
height:auto;
padding-bottom:0px;
margin-left:0px;
margin-top:0px;
/*background-color:#ededd9;*/
border-radius: 0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
}
#container-pop-messaggio-2 .content-2
{
position:relative;
float:left;
width:98%;
height:auto;
min-height:100px;
max-height:380px;
overflow-y:scroll;
font-size:15px;
line-height:28px;
color:#000;
margin-left:10px;
margin-top:20px;
text-align:left;
padding-bottom:20px;
}
#container-pop-messaggio-2 #header-pop-2 .chiudi
{
position:relative;
float:right;
width:auto;
height:auto;
margin-right:5px;
text-align:center;
}
/*FINE POP MESSAGGIO 2*/
/*************Barra di azioni in fondo alla pagina************/
div.wrapper-action-bar-bottom {
padding-left: 0px;
padding-right: 0px;
position: fixed;
z-index: 100;
width: 100%;
margin-left: 0px;
margin-right: 0px;
/*display: none;*/
bottom: 0;
margin-bottom: -10px;
}
div.wrapper-action-bar-bottom ul {
padding-left: 0px;
padding-right: 0px;
list-style: none;
background-color: rgba(0,0,0,0.8);
height: 60px;
padding-top: 10px;
padding-bottom: 10px;
overflow-y: hidden;
}
div.wrapper-action-bar-bottom ul li {
position:relative;
float:left;
width:25%;
padding-left:5px;
padding-right:5px;
border-right:solid 1px rgba(0,0,0,0.5);
}
div.wrapper-action-bar-bottom ul.item-20 li {
width: 20%;
}
div.wrapper-action-bar-bottom.ticket-diagnosi-remota ul li,
div.wrapper-action-bar-bottom.ticket-diagnosi-remota ul.item-20 li {
width: 33.3%;
}
div.wrapper-action-bar-bottom ul li div.icona i {
display: inline-block;
width: 100%;
text-align: center;
}
div.wrapper-action-bar-bottom ul li a div.icona,
div.wrapper-action-bar-bottom ul li div.icona i {
font-size: 20px;
color: #fff;
}
div.wrapper-action-bar-bottom ul li a div.testo,
div.wrapper-action-bar-bottom ul li div.testo {
font-size: 11px;
color: #fff;
text-align: center;
}
div.wrapper-action-bar-bottom ul li a.on div.icona i {
font-size: 20px;
color: #68a6eb;
}
div.wrapper-action-bar-bottom ul li a.on div.testo {
color: #68a6eb;
}
/********Barra di azioni in fondo alla pagina*****************/
/***CUSTOM SCROLL BAR***/
.custom-scrollbar::-webkit-scrollbar {
width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
/* Buttons */
.custom-scrollbar::-webkit-scrollbar-button:single-button {
background-color: #bbbbbb;
display: block;
border-style: solid;
height: 13px;
width: 16px;
}
/* Up */
.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:decrement {
border-width: 0 8px 8px 8px;
border-color: transparent transparent #555555 transparent;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
border-color: transparent transparent #777777 transparent;
}
/* Down */
.custom-scrollbar::-webkit-scrollbar-button:single-button:vertical:increment {
border-width: 8px 8px 0 8px;
border-color: #555555 transparent transparent transparent;
}
.custom-scrollbar::-webkit-scrollbar-button:vertical:single-button:increment:hover {
border-color: #777777 transparent transparent transparent;
}
/********FINE CUSTOM SCROLL BAR************/
/*POP MESSAGGIO HYDRO*/
#container-pop-messaggio-hydro {
position: fixed;
left: 650px;
top: -500px;
z-index: 10000000;
width: 90%;
height: auto;
padding: 0px;
background-color: #FFF;
border: solid 1px #000;
}
#container-pop-messaggio-hydro #header-pop-hydro {
position: relative;
float: left;
width: 100%;
height: auto;
font-weight: bold;
margin: 0;
text-align: left;
border-bottom: none 1px #666;
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
background-color: #bd0926;
padding-top: 5px;
padding-bottom: 5px;
}
#container-pop-messaggio-hydro .title {
position: relative;
float: left;
width: 80%;
height: auto;
font-size: 1em;
color: #fff;
font-weight: 400;
margin-left: 5px;
text-align: left;
}
#container-pop-messaggio-hydro .a-chiudi {
font-size: 1.2em;
color: #FFF !important;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
#container-pop-messaggio-hydro #content-pop-hydro {
position: relative;
float: left;
width: 100%;
height: auto;
padding-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
/*background-color:#ededd9;*/
border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px; /* firefox */
-webkit-border-radius: 0px 0px 0px 0px; /* safari, chrome */
}
#container-pop-messaggio-hydro .content-hydro {
position: relative;
float: left;
width: 98%;
height: auto;
min-height: 100px;
max-height: 380px;
overflow-y: scroll;
font-size: 1em;
color: #000;
margin-left: 10px;
margin-top: 20px;
text-align: left;
padding-bottom: 20px;
}
#container-pop-messaggio-hydro #header-pop-hydro .chiudi {
position: relative;
float: right;
width: auto;
height: auto;
margin-right: 5px;
text-align: center;
}
#container-pop-messaggio-hydro #content-pop-hydro a.btn-chiudi{
padding-top:2px;
padding-bottom:2px;
}
/*FINE POP MESSAGGIO HYDRO*/
/****POPUP ASSISTENZA SMART*****/
.modal-lg {
width: 99%;
max-width: 800px;
}
div.modal-body div.wrapper-comandi-top {
/*display: none;*/
display: inline-block;
position: absolute;
top: -20px;
z-index: 10;
width: 100%;
}
div.modal-body div.wrapper-comandi-top button {
font-size: 25px;
border-radius: 180px 180px;
padding-left: 20px;
padding-right: 20px;
float: right;
}
.modal-footer {
display: none;
}
div.wrapper-icon-close-2 {
display: block;
}
/***********FINE POPUP ASSISTENZA SMART*********************/