/* Elementi stili font esterni */
@font-face {
  font-family:'RalewayR';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway Regular'), local('Raleway_Regular'), local('RalewayR'),
    url('../font/raleway-regular.woff2') format('woff2'),
    url('../font/raleway-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}
@font-face {
  font-family:'EBGaramondR';
  font-style: normal;
  font-weight: 400;
  src: local('EBGaramond Regular'), local('EBGaramond_Regular'), local('EBGaramondR'),
       url('../font/ebgaramond-regular.woff2') format('woff2'),
       url('../font/ebgaramond-regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  font-display: swap;
}

/* Elementi stili font */
* { border:0; margin:0; padding:0;}
a, .non_sottolineato { text-decoration:none; }
table { border-spacing: 0px 0px; }
div, table { position:relative; }
img { width:auto !important; }
.nero, .link-00 { color:#000000; }
.bianco, .link-01 { color:#ffffff; }
.base, .link-02 { color:#333333; }
.blu-00, .link-03 { color:#1f4eb5 }
.verde-00, .link-04 { color:#99cc99; }
.viola-00, .link-05 { color:#cc66cc; }
.sfondo-nero { background-color:#000000; }
.sfondo-bianco { background-color:#ffffff; }
.sfondo-temp { background-color:#ff00ff; }
.sfondo-blu-00 { background-color:#add9f1; }
.sfondo-verde-00 { background-color:#a8d3aa; }
.sfondo-viola-00 { background-color:#e2c2e1; }
.assoluto { position:absolute !important; }
.fisso { position:fixed !important; }
.origine { top:0px; left:0px; }
.totale { width:100%; height:100%; }
.largo, .ratio { width:100%; }
.alto { height:100%; }
.meta { width:50%; }
.content-ratio { position:absolute !important; top:0px; left:0px; width:100%; height:100%; }
.base-avviso { position:fixed !important; top:0px; left:0px; width:100%; height:100%; visibility:hidden; overflow:hidden; z-index:10000; }
.sfondo-base { background-position:center; background-repeat:no-repeat; background-size:cover; }
.sfondo-nosize { background-position:center; background-repeat:no-repeat; }
.immagine-demo { background-image:url(../img/temp/immagine-demo.jpg); }
.centrato { margin:0px auto 0px auto; }
.chiusura { position:relative; clear:both; }
.rotondo { border-radius:50%; }
.arrotondato { border-radius:10px; }
.sinistra { float:left; }
.destra { float:right; }
.rovesciato { transform:rotate(180deg); }
.tabella { display:table; }
.cella { display:table-cell; }
.flessibile { display:flex; }
.txt-centro { text-align:center !important; }
.txt-destro { text-align:right !important; }
.txt-sinistro { text-align:left !important; }
.txt-alto { vertical-align:top; }
.txt-mezzo { vertical-align:middle; }
.txt-basso { vertical-align:bottom; }
.giustificato { text-align:justify; }
.minuscolo { text-transform:lowercase; }
.maiuscolo { text-transform:uppercase; }
.sottolineato { text-decoration:underline; }
.grassetto { font-weight:bold; }
.corsivo { font-style:italic; }
.normale { text-transform:none; }
.invisibile { visibility:hidden; }
.nascosto, .display-port { display:none; }
.limitato { overflow:hidden; }
.superiore { z-index:20; }
.cursore { cursor:pointer; }
.inlinea { white-space:nowrap; }
.font-zero { font-size:0px !important; line-height:0px !important; }
.fade { opacity:.00; visibility:hidden; }
.loader { background:#ffffff url(../img/icone/icona-loader.gif) center no-repeat; }
.opaco-00 { opacity:.00; }
.opaco-01 { opacity:.10; }
.opaco-02 { opacity:.20; }
.opaco-03 { opacity:.30; }
.opaco-04 { opacity:.40; }
.opaco-05 { opacity:.50; }
.opaco-06 { opacity:.60; }
.opaco-07 { opacity:.70; }
.opaco-08 { opacity:.80; }
.opaco-09 { opacity:.90; }
.ombra { box-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
.ombra-interna { box-shadow:0px -2px 2px rgba(0, 0, 0, 0.5); }
body { font-family:'EBGaramondR'; font-size:0px; line-height:0px; -webkit-text-size-adjust:100%; color:#333333; z-index:0; background-color:#ffffff; }


/* -ratio- */
.ratio-quadrato, .ratio-img-00 { padding-top:100%; }
.ratio-16-9 { padding-top:56.25%; }
.ratio-logo { padding-top:41.33%; }
.ratio-sfondo-intro { padding-top:89.46%; }
.ratio-illustrazione-home { padding-top:75%; }
.ratio-immagini { padding-top:75%; }
.ratio-foto-tessera { padding-top:133.33%; }


/* -font- */
.ral-reg { font-family:'RalewayR'; }
h1, h2, h3, h4, h5, h6 { font-size:0px; line-height:0px; font-weight:normal; }
h1 { font-size:60px; line-height:66px; }
h2.sottotitolo { font-size:40px; line-height:43px; }
h3 { font-size:22px; line-height:25px; }
.txt-base { font-size:20px; line-height:28px; }
.txt-small { font-size:13px; line-height:17px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  h1 { font-size:20px; line-height:23px; }
  h2.sottotitolo { font-size:30px; line-height:33px; }
  .txt-base { font-size:16px; line-height:22px; }
}
@media only screen and (min-width:768px) and (max-width:1215px) {
  h1 { font-size:30px; line-height:38px; }
  h2.sottotitolo { font-size:35px; line-height:38px; }
  .txt-base { font-size:20px; line-height:26px; }
}

/* -generali- */
div#box-griglia { width:94%; max-width:1580px; }
td#box-logo { width:280px; padding:35px 0px 25px 0px; }
div.box-logo { background-image:url(../img/logo-poliambulatorio-san-biagio.png); }
div.box-fascia { padding:45px 0px 40px 0px; }
table.box-lista, table.cornice { border-spacing:10px 10px; }
@media only screen and (min-width:0px) and (max-width:1215px) {
  td#box-logo { width:140px; padding:25px 0px 15px 0px; }
}

/* -menu- */
div.voce-menu a { color:#000000; }
div.voce-menu a:hover { color:#1f4eb5; }
@media only screen and (min-width:0px) and (max-width:1215px) {
  td#box-icona-menu-mobile { display:block; }
  div#icona-menu-mobile { width:24px; height:20px; margin:0px 0px 0px auto; }
  div#box-icona-menu div { position:absolute; width:100%; right:20px; height:4px; background-color:#000000; }
  div#riga-up { top:0px; }
  div#riga-md { top:8px; }
  div#riga-dw { bottom:0px; }
  div#box-menu { position:absolute !important; top:98px; right:0px; width:100%; color:#000000; visibility:hidden; z-index:10500; overflow:hidden; }
  div.voce-menu { font-size:20px; line-height:30px; border-bottom:solid 1px #ffffff; background-color:#add9f1; }
  div#box-menu p { padding:10px 25px 10px 25px; }
}
@media only screen and (min-width:0px) and (max-width:479px) {
  div.voce-menu { font-size:14px; line-height:17px; }
  div#box-menu p { padding:10px 25px 10px 25px; }
}
@media only screen and (min-width:1216px) {
  div#box-menu { height:100% !important; color:#1f4eb5; white-space:nowrap; margin:44px 0px 0px 30px; display:table; }
  div.voce-menu { font-size:21px; line-height:24px; padding:0px 25px 0px 25px; vertical-align:middle; display:table-cell; cursor:pointer; }
  div#sfondo-menu { display:none; }
}

/* -footer- */
div#box-footer { padding:40px 0px 50px 0px; }
table.box-social { border-spacing:10px 0px; vertical-align:middle; }
table.box-social td.box-icona-grande { width:96px; }
table.box-social td.box-icona-social { width:34px; }
div.box-icona-fb { background-image:url(../img/icone/icona-facebook.png); }
div.box-icona-in { background-image:url(../img/icone/icona-instagram.png); }
div.box-icona-lk { background-image:url(../img/icone/icona-linkedin.png); }
div.box-icona-wa { background-image:url(../img/icone/icona-whatsapp.png); }
@media only screen and (min-width:0px) and (max-width:767px) {
  div.blocco-footer { padding:20px 0px 20px 0px; text-align:center; }
  div#box-testi-footer table.box-social { margin:0px auto 10px auto; }
}
@media only screen and (min-width:768px) {
  div#box-footer { width:100%; display:table;}
  div.blocco-footer { width:50%; display:table-cell; vertical-align:bottom; }
  div#box-testi-footer { text-align:right; }
  div#box-testi-footer table.box-social { margin:0px 0px 20px auto; }
}


/* -homepage- */
div#illustrazione-home { bottom:-8%; width:65%; margin:0px 0px 0px 0px; background-image:url(../img/illustrazione-home-viola.png); background-repeat:no-repeat; background-size:100% auto; background-position:center bottom; }
div#box-titoli-intro h2 { margin:28px 0px 40px 0px; }
@media only screen and (min-width:0px) and (max-width:767px) {
  h1 { margin:50px 0px 0px 0px; }
  div#box-titoli-intro h2 { margin:10px 0px 20px 0px; }
  div.box-testo-vetrina div.box-cornice-testo { padding:20px 5% 20px 5%; }
  div.box-testo-vetrina div.txt-base { margin:10px 0px 10px 0px; }
}
@media only screen and (min-width:768px) and (max-width:1215px) {
  h1 { margin:70px 0px 0px 0px; }
  div#box-titoli-intro h2 { margin:20px 0px 30px 0px; }
  div.box-testo-vetrina div.box-cornice-testo { padding:30px 6% 30px 6%; }
  div.box-testo-vetrina div.txt-base { margin:15px 0px 15px 0px; }
}
@media only screen and (min-width:0px) and (max-width:1215px) {
  div#illustrazione-home { bottom:-12%; width:80%; }
  div#box-titoli-intro { padding:0px 2.5% 0px 2.5%; }
  div#box-titoli-intro h1 br { display:none; }
  div.blocco-vetrina { width:100%; float:left; }
}
@media only screen and (min-width:1216px) {
  div#box-intro-home { width:100%; display:table; }
  div.blocco-intro-home { display:table-cell; vertical-align:top; }
  div#blocco-intro-sx { width:50%; height:200px; }
  div#box-titoli-intro { width:95%; margin:10% 0px 0px -25%; }
  div#box-slide-intro { width:75%; }
  div.box-vetrina-sx div.box-foto-vetrina, div.box-vetrina-dx div.box-testo-vetrina { float:left; }
  div.box-vetrina-sx div.box-testo-vetrina, div.box-vetrina-dx div.box-foto-vetrina { float:right; }
  div.box-foto-vetrina { width:42%; }
  div.box-testo-vetrina { width:58%; }
  div.box-testo-vetrina div.box-cornice-testo { padding:50px 8% 50px 8%; }
  div.box-testo-vetrina div.txt-base { margin:20px 0px 20px 0px; }
}

/* -template- */
div.box-titolo-categoria { margin:20px 0px 0px 0px; }
div.box-taglio-sfondo { width:20px; background:linear-gradient(315deg, transparent 50%, #ffffff 0) top right; }
div.box-titolo-categoria h2 { font-size:30px; line-height:33px; text-transform:uppercase; padding:10px 20px 10px 31px; }
div.blocco-richiami { float:left; }
div.box-gruppo-dottori { background-image:url(../img/gruppo-dottori.png); }
div.box-dottoressa { background-image:url(../img/dottoressa-viola.png); }
div.box-bambino { background-image:url(../img/bambino.png); }
div.box-icona-logo { background-image:url(../img/icona-logo.png); }
div#box-img-intro-specialisti { margin:30px 0px 0px 0px; background-repeat:no-repeat; background-position:left bottom; background-size:auto 100%; }
div#box-foto-tessera { width:75%; max-width:200px; margin:0px 0px 0px auto; }
@media only screen and (min-width:0px) and (max-width:767px) {
  div#box-intro-template { margin:-50px 0px 0px 0px; }
  div.box-taglio-sfondo { width:15px; }
  div.box-titolo-categoria h2 { font-size:20px; line-height:23px; padding:10px 20px 10px 27px; }
}
@media only screen and (min-width:768px) and (max-width:1215px) {
  div#box-intro-template { margin:-70px 0px 0px 0px; }
  div.box-titolo-categoria h2 { font-size:25px; line-height:28px; }
}
@media only screen and (min-width:0px) and (max-width:1215px) {
  div.blocco-template-sx { padding:0px 0px 20px 0px; }
  div.blocco-template-sx div.box-cornice-testo { padding:0px 20px 0px 20px; }
  div.blocco-template-sx h1 { font-weight:bold; padding:20px 0px 0px 0px; }
  div.blocco-template-sx div.box-testo-intro-template { margin:30px 0px 30px 0px; }
  div.blocco-richiami { width:100%; }
  div#box-testo-dettaglio { padding:20px 0px 30px 0px; }
}
@media only screen and (min-width:1216px) {
  div#box-intro-template { width:100%; display:table; }
  div.blocco-template { display:table-cell; vertical-align:top; }
  div.blocco-template-sx { width:48.16%; }
  div.blocco-template-sx div.box-cornice-testo { text-align:right; padding:20px 80px 20px 0px; }
  div.blocco-template-sx div.box-testo-intro-template { width:75%; margin:40px 0px 40px auto; }
  div.blocco-template-dx div.box-cornice-testo { padding:0px 20px 20px 40px; }
  div#box-richiami { margin:40px 0px 0px 0px; }
  div.blocco-richiami { width:45%; margin:0px 2.5% 60px 2.5%; }
  div.box-illustrazione-titolo { top:-90%; right:2%; width:20%; }
  div#box-testo-dettaglio { padding:40px 20% 20px 0px; }
}


/* -slide- */
@media only screen and (min-width:0px) and (max-width:599px) {
  div.slide-index-1 { background-image:url(../img/sfondi/index/land/sma/1.jpg); }
  div.slide-index-2 { background-image:url(../img/sfondi/index/land/sma/2.jpg); }
  div.slide-index-3 { background-image:url(../img/sfondi/index/land/sma/3.jpg); }
  div.slide-index-4 { background-image:url(../img/sfondi/index/land/sma/4.jpg); }
  div.slide-index-5 { background-image:url(../img/sfondi/index/land/sma/5.jpg); }
  div.slide-index-6 { background-image:url(../img/sfondi/index/land/sma/6.jpg); }
  div.slide-index-7 { background-image:url(../img/sfondi/index/land/sma/7.jpg); }
  div.slide-index-8 { background-image:url(../img/sfondi/index/land/sma/8.jpg); }
  div.slide-index-9 { background-image:url(../img/sfondi/index/land/sma/9.jpg); }
  div.slide-index-10 { background-image:url(../img/sfondi/index/land/sma/10.jpg); }
  div.slide-index-11 { background-image:url(../img/sfondi/index/land/sma/11.jpg); }
  div.slide-index-12 { background-image:url(../img/sfondi/index/land/sma/12.jpg); }
}
@media only screen and (min-width:600px) {
  div.slide-index-1 { background-image:url(../img/sfondi/index/land/big/1.jpg); }
  div.slide-index-2 { background-image:url(../img/sfondi/index/land/big/2.jpg); }
  div.slide-index-3 { background-image:url(../img/sfondi/index/land/big/3.jpg); }
  div.slide-index-4 { background-image:url(../img/sfondi/index/land/big/4.jpg); }
  div.slide-index-5 { background-image:url(../img/sfondi/index/land/big/5.jpg); }
  div.slide-index-6 { background-image:url(../img/sfondi/index/land/big/6.jpg); }
  div.slide-index-7 { background-image:url(../img/sfondi/index/land/big/7.jpg); }
  div.slide-index-8 { background-image:url(../img/sfondi/index/land/big/8.jpg); }
  div.slide-index-9 { background-image:url(../img/sfondi/index/land/big/9.jpg); }
  div.slide-index-10 { background-image:url(../img/sfondi/index/land/big/10.jpg); }
  div.slide-index-11 { background-image:url(../img/sfondi/index/land/big/11.jpg); }
  div.slide-index-12 { background-image:url(../img/sfondi/index/land/big/12.jpg); }
}