﻿@font-face {
    font-family: 'FZKai-Z03';
    font-style: normal;
    font-weight: normal;
    src: local('FZKai-Z03 Normale.ttf'), url('C:\Windows\Fonts\FZKai-Z03 Regular.ttf') format('truetype');
}
.tradizionale {
    font-family: 'FZKai-Z03', arial, serif;
    font-size: 1.15em;
}
/* IMPOSTAZIONI DEL BODY */
body {
    background: #ffffff;
    overflow-x: hidden;
}
@media only screen and (max-width: 599px) {
    body {
        background: #ffffff;
        overflow-x: hidden;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    body {
        background: #ffffff;
        overflow-x: hidden;
    }
}
@media only screen and (min-width: 1000px) {
    body {
        background: #ffffff;
        overflow-x: hidden;
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    body {
        background: #ffffff;
        overflow-x: hidden;
    }
}
/* ******************************************************************************************** h */
@media only screen and (max-width: 599px) {
    h1.colore, h2.colore, h3.colore, h4.colore, h5.colore, h6.colore {
        font-weight: bold;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    h1.colore, h2.colore, h3.colore, h4.colore, h5.colore, h6.colore {
        font-weight: bold;
    }
}
@media only screen and (min-width: 1000px) {
    
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    h1.colore, h2.colore, h3.colore, h4.colore, h5.colore, h6.colore {
        font-weight: bold;
    }
}
/* ******************************************************************************************** SELEZIONE */
::selection {
    color: #ffffff;
    background: #3b6a98; /* Safari */
}
::-moz-selection {
    color: #ffffff;
    background: #3b6a98; /* Firefox */
}
/* CITAZIONE ARTICOLO */
blockquote {

}
.anta70 .cassetto90 blockquote p {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    padding: 0;
    font-style: normal;
}
/* COLORE PRINCIPALE SITO */
.colore {
    color: #3b6a98;
}
.coloregiallo {
    color: #fecd21;
}
.colorerossocina {
	color: #e6170f;
}
.hrcolore {
    width: 100%;
    color: #fecd21;
    background-color: #3b6a98;
    height: 2px;
    border-width: 0;
    margin-top: 50px;
    margin-bottom: 50px;
}
.hrgiallo {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    color: #fecd21;
    background-color: #fecd21;
    height: 2px;
    border-width: 0;
    margin-bottom: 30px;
}
.sfondocolore {
    background-color: #3b6a98;
}
.cassettocolore {
    position: relative;
    width: 100%;
    background-color: #3b6a98;
    float: left;
}
.cassettocoloregiallo {
    position: relative;
    width: 100%;
    background-color: #fecd21;
    float: left;
}
.cassettoeventi {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    float: left;
}
.lineacolore {
    position: relative;
    width: 100%;
    border-bottom: thin solid #3b6a98;
    float: left;
}
.lineacoloregiallo {
    position: relative;
    width: 100%;
    border-bottom: thin solid #fecd21;
    float: left;
}
.verticalecolore {
    border-left: thin solid #3b6a98;
}
/* LINK */
a:link, a:visited {
    color: #3b6a98;
    text-decoration: underline;
}
a:hover {
    color: #e6170f;
    text-decoration: underline;
}
a.lincsemprecarbone:link, a.lincsemprecarbone:visited {
	color: #3b6a98;
	text-decoration: underline;
}
a.lincsemprecarbone:hover {
	color: #506B86;
	text-decoration: underline;
}
/* TESTI */
b, strong {
    color: #3b6a98;
}
p, ol, ul {
    text-align: left;
}
.citazione {
    width: 70%;
    margin-left: 15%;
    border-left: 5px solid #3b6a98;
}
/* ******************************************************************************************** IMMAGINI */
figure img {
    border-bottom: thin solid #3b6a98;
}
/* ******************************************************************************************** MENU */
.fondomenu {
    position: relative;
    width: 100%;
}
.menu {
    width: 100%;
    float: left;
}
.menu ul {
    font-size: 0.7em;
    font-weight: lighter;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
.menu ul li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
}
.menu ul li a {
    text-decoration: none;
}
.menu ul li a:link, .menu ul li a:visited {
    color: #3b6a98;
}
.menu ul li a:hover {
    color: #4a4a4a;
}
.menubianco {
    width: 100%;
    float: left;
}
.menubianco ul {
    font-size: 0.8em;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
}
.menubianco ul li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
}
.menubianco ul li a {
    text-decoration: none;
}
.menubianco ul li a:link, .menubianco ul li a:visited {
    color: #ffffff;
}
.menubianco ul li a:hover {
    color: #989898;
}
@media only screen and (max-width: 599px) {
    .menubianco {
        display: none;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    .menubianco {
        display: none;
    }
}
@media only screen and (min-width: 1000px) {
    .menubianco {
        display: block;
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    .menubianco {
        display: none;
    }
}
/* ******************************************************************************************** MENU MOBILE */
.smartmenu {
    display: none;
}
@media only screen and (max-width: 599px) {
    .smartmenu {
        display: block;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    .smartmenu {
        display: block;
    }
}
@media only screen and (min-width: 1000px) {
    .smartmenu {
        display: none;
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    .smartmenu {
        display: block;
    }
}
.asx {
    width: 50%;
    float: left;
}
.adx {
    width: 50%;
    float: left;
}
/* ******************************************************************************************** MENU DI NAVIGAZIONE PIEDE PAGINA */
.menublogpiedepagina h2 {
    font-size: 1.5em;
    color: #3b6a98;
}
.menublogpiedepagina h3 {
    font-size: 1.2em;
    color: #ffffff;
}
.menublogpiedepagina h3 a:link, .menublogpiedepagina h3 a:visited {    
    color: #ffffff;
    text-decoration: none;
}
.menublogpiedepagina h3 a:hover {   
    color: #3b6a98;
    text-decoration: none;
}
/* ******************************************************************************************** STILE ICONA MENU */
img.smart {
    width: 50px;
    float: right;
}
/* STILE PAROLA MENU */
p.linksmart {
    font-size: 1.5em;
    margin: 0;
    padding: 5px;
    float: left;
}
p.linksmart a:link {
    color: #ffffff;
    text-decoration: none;
}
p.linksmart a:visited {
    color: #ffffff;
    text-decoration: none;
}
p.linksmart a:hover {
    color: #ffffff;
    text-decoration: underline;
}
/* ******************************************************************************************** DIV CHE CONTIENE IL MENU CHE SI APRE E CHIUDE */
#smartphone {
    width: 100%;
    float: left;
    display: none;
}
#smartphone ul {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    list-style-type: none;
    text-align: center;
    color: #3b6a98;
    margin: 0;
    padding: 0;
}
#smartphone ul li:first-child {
    border-bottom: none;
    margin-bottom: 10px;
}
#smartphone ul li {
    display: block;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
}
#smartphone .cassettobianco ul li {
    border-bottom: thin solid #3b6a98;
}
#smartphone .cassettobianco ul li a:link, #smartphone .cassettobianco ul li a:visited, #smartphone .cassettobianco ul li a:hover {
    text-decoration: none;
    color: #3b6a98;
}
#smartphone .cassetto ul li {
    border-bottom: thin solid #ffffff;
}
#smartphone .cassetto ul li a:link, #smartphone .cassetto ul li a:visited, #smartphone .cassetto ul li a:hover {
    text-decoration: none;
    color: #ffffff;
}
/* ******************************************************************************************** PER PAGINE ELENCO */
.elencoarticoli {
    position: relative;
    float: left;
}
@media only screen and (max-width: 799px) {
    .elencoarticoli {
        width: 100%;
        padding-bottom: 40px;
    }
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
    .elencoarticoli {
        width: 25%;
        padding-bottom: 40px;
    }
}
@media only screen and (min-width: 1000px) {
    .elencoarticoli {
        width: 25%;
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    .elencoarticoli {
        width: 100%;
    }
}
/* ******************************************************************************************** BORDER COLORE */
.bordercolore {
    border: thin solid #3b6a98;
}
@media only screen and (max-width: 599px) {
    .bordercolore {
        border: none;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    .bordercolore {
    }
}
@media only screen and (min-width: 1000px) {
    .bordercolore {
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    .bordercolore {
        border: none;
    }
}
/* ******************************************************************************************** BOX PUBBLICITA BLOG */
.boxpubblicita {
    width: 40%;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 0;
    float: left;
}
/* ******************************************************************************************** BOX HOMEPAGE */
.corsihomepage {
    width: 100%;
    background: url('/it/design/vetrobianco.png') top center;
    float: left;
    z-index: 1;
}
.dragoepoesia {
    width: 100%;
    background: url('/it/slide/slide014.jpg') no-repeat center center;
    background-size: cover;
    float: left;
    z-index: 1;
}
.programmi {
    width: 100%;
    background: url('/it/slide/slide007.jpg') no-repeat top center;
    background-size: cover;
    float: left;
    z-index: 1;
}
.perchemaster {
    width: 100%;
    background: url('/it/slide/slide006.jpg') no-repeat center center;
    background-size: cover;
    float: left;
    z-index: 1;
}
.ricerchelibri {
    width: 100%;
    background: url('/it/slide/slide016.jpg') no-repeat center center;
    background-size: cover;
    float: left;
    z-index: 1;
}
/* ******************************************************************************************** IMMAGINE DENTRO TESTO */
img.umbracodrago {
    width: 100%;
    max-width: 280px;
    margin-top: 10px;
    margin-right: 30px;
    margin-left: 0px;
    margin-bottom: 10px;
    float: left;
    border: thin solid #3b6a98;
}
/* ******************************************************************************************** CARATTERE DRAGO */
img.long {
    width: 40px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}
/* ******************************************************************************************** COPERTINE LIBRI E RICERCHE */
img.ricerchelibri {
    width: 140px;
    margin: 20px;
    float: left;
}
/* ******************************************************************************************** COVER MAGAZINE */
img.iconamagazine {
    width: 120px;
    margin: 0;
    float: left;
}
.antamagazine {
    position: relative;
    width: 20%;
    float: left;
}
@media only screen and (max-width: 599px) {
    .antamagazine {
        width: 50%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 999px) {
    .antamagazine {
        width: 20%;
    }
}
@media only screen and (min-width: 1000px) {
    .antamagazine {
        width: 15%;
    }
}
@media only screen and (max-device-width: 1440px) and (orientation: portrait) {
    .antamagazine {
        width: 50%;
    }
}
/* ******************************************************************************************** PATTERN */
.patternblu20 {
    position: relative;
    width: 100%;
    background: url('/it/pattern/patternblu20.png') repeat;
    float: left;
}
.patternblu40 {
    position: relative;
    width: 100%;
    background: url('/it/pattern/patternblu40.png') repeat;
    float: left;
}
.patternblu70 {
    position: relative;
    width: 100%;
    background: url('/it/pattern/patternblu70.png') repeat;
    float: left;
}
/* ******************************************************************************************** APRI CHIUDI */
.aprichiudi {
    font-family: 'helv', arial, serif;
    padding: 0px 15px 0px 0px;
    margin: 0px;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 1em;
    text-transform: none;
    color: #3b6a98;
}
#initiallyHiddenBlock {
    display: none;
}
#initiallyHiddenBlock1 {
    display: none;
}
#initiallyHiddenBlock2 {
    display: none;
}
#initiallyHiddenBlock3 {
    display: none;
}
#initiallyHiddenBlock4 {
    display: none;
}
#initiallyHiddenBlock5 {
    display: none;
}
#initiallyHiddenBlock6 {
    display: none;
}
#initiallyHiddenBlock7 {
    display: none;
}
#initiallyHiddenBlock8 {
    display: none;
}
/* ******************************************************************************************** BOTTONE */
.bottoneaprichiudi {
    font-family: 'helv', arial, serif;
    padding: 10px 20px 10px 20px;
    margin: 0px 15px 0px 0px;
    background-color: #3b6a98;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    float: left;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ffffff;
}
.bottoneaprichiudicalendario {
    font-family: 'helv', arial, serif;
    padding: 10px 20px 10px 20px;
    margin: 0px 10px 0px 10px;
    background-color: #3b6a98;
    border: none;
    border-radius: 0px;
    cursor: pointer;
    float: left;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ffffff;
}
.bottonedragouno {
    font-family: 'helv', arial, serif;
    padding: 15px 15px 15px 15px;
    margin: 0px;
    background-color: #3b6a98;
    border: none;
    cursor: pointer;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
}
.bottonedrago {
    font-family: 'helv', arial, serif;
    padding: 15px 15px 15px 15px;
    margin: 0;
    background-color: #3b6a98;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 0.8em;
    text-transform: uppercase;
}
.bottonedragomobile {
    width: 100%;
    font-family: 'helv', arial, serif;
    padding: 15px 0px 15px 0px;
    margin: 0px;
    background-color: #3b6a98;
    border: none;
    cursor: pointer;
    font-size: 0.8em;
    text-transform: uppercase;
    text-align: center;
}
.bottonedrago a:link, .bottonedragouno a:link, .bottonedragomobile a:link {
    color: #ffffff;
}
.bottonedrago a:hover, .bottonedragouno a:hover, .bottonedragomobile a:hover {
    color: #3b6a98;
}
.bottonedrago a:visited, .bottonedragouno a:visited, .bottonedragomobile a:visited {
    color: #ffffff;
}
.bottonedrago:hover, .bottonedragouno:hover, .bottonedragomobile:hover {
    background-color: #ffffff;
    text-decoration: none;
}
.bottonedrago:hover a:link, .bottonedragouno:hover a:link, .bottonedragomobile:hover a:link {
    color: #3b6a98;
}