/* Author: Ing Roberto Bolis - 310120.00.01 */
/* NDS: 
   - togliere riferimenti con "debug" in questo file
   - togliere riferimenti con "debug" in include_defaultBottomBar.jsp

   -sm-  @media (min-width: 35.5em) {  }  
   -md-  @media (min-width: 48em) {  }
   -lg-  @media (min-width: 64em) {  }
   -xl-  @media (min-width: 80em) {  }
*/

html {
    font:normal normal 1em helvetica,arial,sans-serif;
}


body {
    color: #333;
    background: #fff;
}


div {
    font:normal normal 1em helvetica,arial,sans-serif;
}


a { text-decoration: none; }
a:hover { text-decoration: underline; }


.color-nabfg { color: #B42D3B; }
.color-nabbg { background: #B42D3B; }
.color-link { color: #B42D3B; }
.no-decor-link { text-decoration: none; }


#layout {
    min-width: 21em;
    max-width: 75em;
    margin: 0 auto;
}
@media (min-width: 35.5em) { #layout { max-width: 35.5em; } }
@media (min-width: 48em)   { #layout { max-width: 47em; } }
@media (min-width: 64em)   { #layout { max-width: 63em; } }
@media (min-width: 80em)   { #layout { max-width: 75em; } }



/* Barra info superiore fissa */
#tb-info {
    position: fixed;
    width: 100%;
    top: 0;
    height: 1em;
    min-width: 21em;
    max-width: 75em;
    margin: 0 auto;
    background: #fff;
    z-index: 3;
}
@media (min-width: 35.5em) { #tb-info { height: 1.5em; border-top: 0.5em solid #fff; max-width: 35.5em; } }
@media (min-width: 48em)   { #tb-info { max-width: 47em; } }
@media (min-width: 64em)   { #tb-info { max-width: 63em; } }
@media (min-width: 80em)   { #tb-info { max-width: 75em; } }


#tb-info a { color: #B42D3B; }


#tb-info .lang-choice {
    float: right;
    font-size: 0.7em;
    margin-right: 0.5em;
}
@media (min-width: 35.5em) { #tb-info .lang-choice { font-size: 0.8em; margin-top: 0.2em; margin-right: 1em; } }


#tb-info .login-subscribe {
    float: right;
    font-size: 0.7em;
    margin-right: 1em;
}
@media (min-width: 35.5em) { #tb-info .login-subscribe { font-size: 0.8em; margin-top: 0.2em; margin-right: 2em; } }



/* Barra fissa in alto */
#top-bar {
    position: fixed;
    width: 100%;
    top: 1em;
    height: 3em;
    border-bottom: 0.5em solid #fff;
    background-image: url("/common/barBackground.jpg");
    background-repeat: repeat; 
    background-size: auto 100%;
    min-width: 21em;
    max-width: 75em;
    margin: 0 auto;
    z-index: 3;
}
@media (min-width: 35.5em) { #top-bar { top: 2em; height: 4em; border-bottom: 0.5em solid #fff; max-width: 35.5em; } }
@media (min-width: 48em)   { #top-bar { height: 5em; max-width: 47em; } }
@media (min-width: 64em)   { #top-bar { max-width: 63em; } }
@media (min-width: 80em)   { #top-bar { max-width: 75em; } }


#top-bar .tb-icon-left {
    float: left;
    width: auto;
    height: inherit;
}


#top-bar .tb-icon-left:hover {
    cursor:pointer;
}


#top-bar .tb-icon-right {
    float: right;
    width: auto;
    height: inherit;
}



/* Menu a scomparsa */

#tb-menu {
    float: right;
    background: #fff;
    display: none;
    border-radius: 8px;
}
@media (min-width: 35.5em) { #tb-menu { top: 4.5em; } }
@media (min-width: 48em)   { #tb-menu { top: 5.5em; } }


#tb-menu.active {
    display: block;
}


#tb-menu .pure-menu {
    background: #fff;
    border: none;
    text-align: left;
}


#tb-menu .pure-menu-link:hover,
#tb-menu .pure-menu-link:focus {
    color: #000;
    background: #c0c0c0;
    text-decoration: none;
}


#tb-menu .pure-menu-link {
    border: solid 1px #B42D3B;
    border-radius: 8px;
    color: #a0a0a0;
    margin: 0.5em;
    text-align: center;
}


#tb-menu-button {
    box-sizing: border-box;
    float: right;
    width: auto;
    height: inherit;
    max-height: 3em;
    padding: 0em 0.2em 0em 0.2em;
    background: #fff;
    border: 1px solid #B42D3B;
}
@media (min-width: 35.5em) { #tb-menu-button { height: 2em; padding: 0em 0.2em 0em 0.2em; margin-top: 2em; } }
@media (min-width: 48em)   { #tb-menu-button { height: 3em; margin-top: 2em; } }


#tb-menu-button:hover {
    cursor:pointer;
}


/* Barra in basso */
#bottom-bar {
    box-sizing: border-box;
    width:100%;
    margin-top: 2em;
    border-top: solid 1px #a0a0a0;
    padding-top: 0.5em;
    padding-bottom: 1em;
    height: 5em;
}

#bottom-bar .d-addr {
    box-sizing: border-box;
    font-size: 0.6em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
@media (min-width: 64em) { #bottom-bar .d-addr { font-size: 0.8em; } }


#bottom-bar .d-addr .nowrp {
    white-space: nowrap;
}


#bottom-bar .d-fol {
    box-sizing: border-box;
    font-size: 0.6em;
    padding-top: 1.5em;
    text-align: center;
}
@media (min-width: 48em) { #bottom-bar .d-fol { float:right; padding: 0; text-align: left; } }


#bottom-bar .d-fol .fol-link {
    cursor:pointer;
    text-decoration:none;
}



/* Contenuto della pagina */
#content {
    margin: 4em 0em 0em 0em;
    padding: 0.5em 0.5em 0em 0.5em;
    min-height: calc(100vh - 13.5em);
}
@media (min-width: 35.5em) { #content { margin: 6em 0em 0em 0em; padding: 0.5em 1em 0em 1em; min-height: calc(100vh - 15.5em);} }
@media (min-width: 48em)   { #content { margin: 7em 0em 0em 0em; min-height: calc(100vh - 16.5em); } }

#content .my-anchor {
    position: absolute;
    top: -7em;
}
@media (min-width: 35.5em) { #content .my-anchor { top: -10em;} }
@media (min-width: 48em)   { #content .my-anchor { top: -12em; } }
@media (min-width: 64em)   { #content .my-anchor { top: -11em; } }
@media (min-width: 80em)   { #content .my-anchor { top: -10em; } }


#content.spc {
    padding-top: 0.5em;
}
@media (min-width: 48em) { #content.spc { padding-top: 1.5em; } }
@media (min-width: 64em) { #content.spc { padding-top: 2.5em; } }


.my-anchor-rel {
    position:relative;
}



/* Messaggio cookie */
#cookie-bar {
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    height: 7em;
    bottom: 0;
    background: #a0a0a0;
    display:none;
    padding: 1em;
}


#cookie-bar .d-msg {
    box-sizing: border-box;
    float: left;
    width: 85%;
    height: 100%;
    padding-right: 2em;
}


#cookie-bar .d-msg .msg-link {
    color: #B42D3B;
}


#cookie-bar .d-bt {
    float: right;
    width: 15%;
    height: 100%;
}


#cookie-bar .d-bt .bt-ok {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    color: #fff;
    background: #B42D3B;
}



/* modificatori e formattatori indipendenti da @media */

.std-bt {
    border: 1px solid #B42D3B;
    border-radius: 8px;
    color: #B42D3B;
    background: #fff;
}

.std-bt:hover {
    color: #000;
    background: #c0c0c0;
}

.std-bt:focus {
    color: #000;
    background: #c0c0c0;
}

.std-bt-selected {
    color: #000;
    background: #e0e0e0;
}

.img-border-1 {
    box-sizing: border-box;
    border: 1px solid #a0a0a0;
}

.img-w100-h {
    width:100%;
    height:auto;
}

.img-w80-h {
    width:80%;
    height:auto;
}

.img-foto {
  box-sizing: border-box;
  border: 10px solid #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

.tilt-4 {
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.tilt4 {
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}

.std-icon {
    height: 2em;
    margin-right: 0.5em;
    vertical-align: middle;
}

.margin-top-1em {
    margin-top: 1em;
}



/* debug */
#debug-xs { display:inline; }
#debug-sm, #debug-md, #debug-lg, #debug-xl { display:none; }
@media (min-width: 35.5em) {
  #debug-sm { display:inline; }
  #debug-xs, #debug-md, #debug-lg, #debug-xl { display:none; }
}
@media (min-width: 48em) {
  #debug-md { display:inline; }
  #debug-xs, #debug-sm, #debug-lg, #debug-xl { display:none; }
}
@media (min-width: 64em) {
  #debug-lg { display:inline; }
  #debug-xs, #debug-sm, #debug-md, #debug-xl { display:none; }
}
@media (min-width: 80em) {
  #debug-xl { display:inline; }
  #debug-xs, #debug-sm, #debug-md, #debug-lg { display:none; }
}