@font-face {
    font-family: 'helveticaneueltstdmd';
    src: url('helveticaneueltstd-md.eot');
    src: url('helveticaneueltstd-md.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-md.woff') format('woff'),
         url('helveticaneueltstd-md.ttf') format('truetype'),
         url('helveticaneueltstd-md.svg#HelveticaNeueLTStd-Md') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueltstdlt';
    src: url('helveticaneueltstd-lt.eot');
    src: url('helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-lt.woff') format('woff'),
         url('helveticaneueltstd-lt.ttf') format('truetype'),
         url('helveticaneueltstd-lt.svg#HelveticaNeueLTStd-Lt') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueltstdultlt';
    src: url('helveticaneueltstd-ultlt.eot');
    src: url('helveticaneueltstd-ultlt?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-ultlt.woff') format('woff'),
         url('helveticaneueltstd-ultlt.ttf') format('truetype'),
         url('helveticaneueltstd-ultlt.svg#HelveticaNeueLTStd-UltLt') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
	font-family: helveticaneueltstdmd;
}
#header {
    background-image: url(../images/header.png);
    background-repeat: repeat-x;
    background-size: contain;
    height: 16vh;
    top: 0;
}
#container {
    min-width: 840px;
}
#scroller {
    height: 84vh;
    min-width: 840px;
}
#bottom_banner {
	position: fixed;
    bottom: 0;
	left: 0;
    width: 100%;
    background-color: #198035;
    text-align: center;
    /*padding-top: 5px;*/
    padding-bottom: 5px;
	z-index: 1;
	height: 2em;
}
#bottom_banner.banner_alto {
	height: fit-content;
}
#bottom_banner ul {
	width: 50%;
    text-align: left;
    margin-left: 23%;
}
#menu a {
    color: #1d1d1b;
}
#menu ul li.menu_item_selected, #menu ul li:hover {
    color: #198035;
}
#menu ul li.menu_item_selected a, #menu ul li:hover a {
    color: #198035;
}

h1.h_seo {
    display: none;
}

a {
    text-decoration: none;
}
a,a:hover,a:visited {
    color: #198035;
}
h2,h3,h4 {
    color: #198035;
}
h4 {
    margin-bottom: 5px;
}
em {
    font-weight: bold;
    color: #198035;
}

.half label {
    width: 200px;
    display: block;
    float: left;
}
.half input[type=text], .half input[type=password] {
    width: calc(100% - 230px);
    display: block;
    float: right;
    margin-right: 20px;
}
.tornaindietro {
    text-align: left;
    font-size: 10px;
    right: 0;
}

/****************** home *******************/
#ippocrate {
    width: 40%;
    float: right;
    text-align: center;
    font-size: 6.5vh;
    font-family: helveticaneueltstdultlt;
}
#ippocrate div.testo {
    width: 100%;
}
#ippocrate div.autore {
    font-size: 25px;
    color: #198035;
    margin-right: 40px;
    font-family: helveticaneueltstdlt;
}
#ippocrate img.apice {
    width: 50px;
}

#cuore {
    font-family: helveticaneueltstdlt;
    font-size: 12px;
    width: 60%;
}
#cuore img {
        width: 60vh;
    margin: 3vh 0 0 9vh;
}
#cuore p {
    margin: -1vh 0 0 7vh;
}

/*************** contatti ***************/
#mappa {
    width: 60%;
    height: 86vh;
    float: left;
}
#recapiti {
    width: 34%;
    height: 20vh;
    float: right;
    padding: 3vh 3%;
}
#form {
    width: 34%;
    height: 60vh;
    float: right;
    padding: 0 3%;
}
#form input[type=text] {
    width: 90%;
    margin: 2%;
}
#form textarea {
    width: 90%;
    height: 8vh;
    margin: 2%;
}
#form input[type=checkbox] {
    margin: 2%;
}
#consenso_testo {
    width: 80%;
    margin: 2% 8% 2% 2%;
    float: right;
    font-size: 2vh;
}
.g-recaptcha-container {
    margin: 0 auto;
    width: fit-content;
}

/************** anteprima **************/
#anteprima_container {
    width: 65%;
    height: 78vh;
    overflow: hidden;
    margin-top: 1vh;
    float: left;
}
#anteprima {
    width: calc(90% + 17px);
    height: 75vh;
    background-color: rgba(25, 128, 53, 0.70);
    padding: 3vh 5% 0 5%;
    overflow-y: scroll;
}
#pagina {
    width: 90%;
    min-height: 90%;
    padding: 5%;
    margin-bottom: 2vh;
    background-color: #fff;
    box-shadow: #000 1vh 1vh 2vh;
}
#pagina p {
    margin: 0;
    text-align: justify;
}
#multimedia {
    float: right;
    width: 33%;
}
#multimedia audio {
    width: 95%;
    display: block;
}
#multimedia img {
    width: 5vw;
}
.table_contenuti {
    margin: 0 auto;
    border-collapse: collapse;
    font-weight: normal;
    font-size: 2vh;
}
.table_contenuti td {
    margin: 5px;
    padding: 5px;
    text-align: right;
}
.table_contenuti thead td, .table_admin thead td {
    margin: 5px;
    padding: 5px;
    text-align: center;
    color: #198035;
    border-bottom: thin solid #198035;
}
.table_contenuti tfoot td {
    text-align: left;
}
.table_legend {
    border-top: thin solid #198035;
    font-size: 12px;
    color: #198035;
}
.evidenziato {
    font-weight: bold;
    color: #198035;
}
/**************** tabelle *****************/
.table_border {
    border: thin solid #198035;
}
.table_contenuti {
    margin: 0 auto;
    border-collapse: collapse;
    font-weight: normal;
}
.table_contenuti td {
    margin: 5px;
    padding: 5px;
    text-align: right;
}
.table_contenuti thead td, .table_admin thead td {
    margin: 5px;
    padding: 5px;
    text-align: center;
    color: #198035;
    border-bottom: thin solid #198035;
}
.table_contenuti tfoot td {
    text-align: left;
}
.table_legend {
    border-top: thin solid #198035;
    font-size: 12px;
    color: #198035;
}

.table_admin {
    margin: 0 auto;
    border-collapse: collapse;
    font-weight: normal;
    font-size: 12px;
}
.table_admin td {
    margin: 5px;
    padding: 5px;
}
.table_admin tbody tr:hover, tr.selected {
    background-color: #198035;
    color: #ffffff;
}
.col {
    float: left;
    margin: 0 0 20px 0;
    padding-right: 5px;
    height: calc(94vh - 170px);
    overflow-y: scroll;
}
.image_fl {
    width: 45%;
	float: left; 
	margin: 3px 20px 5px 0;
}

.image_fr { 
    width: 45%;
	float: right; 
	margin: 3px 0 5px 20px;
}

.col label {
    width: 100px;
    height: 17px;
    display: block;
    float: left;
    font-size: 12px;
}
.label {
    font-size: 12px;
}
.col input[type=password], .col input[type=date] {
    width: 170px;
    display: block;
    float: right;
    font-size: 10px;
}
.col input[type=text] {
    width: 170px;
    display: block;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
}
.col input[type=email] {
    width: 170px;
    display: block;
    float: right;
    font-size: 10px;
    text-transform: lowercase;
}
.col input[type=submit].short, .col input[type=button].short {
    font-size: 10px;
    height: 17px;
    width: 60px;
    top: 0;
}
.col input[type=submit].medium, .col input[type=button].medium {
    font-size: 10px;
    height: 17px;
    width: 120px;
    top: 0;
}
.col input[type=submit].long, .col input[type=button].long {
    font-size: 10px;
    height: 17px;
    width: 200px;
    top: 0;
}
.pesata_0 {
    font-weight: bold;
    background-color: #dedede;
}
.pesata_1 {
    font-weight: bold;
    background-color: #dedede;
}
.color_ok {
    color: #00ff00;
}
.color_ook {
    color: #ffff00;
}
.color_ko {
    color: #ff0000;
}
#ricerca {
    vertical-align: top;
}
#ricerca input[type=submit] {
    top: 0px;
    float: left;
    height: 18px;
}
#ricerca input[type=text] {
    top: 0px;
    float: right;
}

/************** approfondimenti **************/
.evento img {
    width: 40vh;
}






#ombra {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 128, 53, 0.50);
    display: none;
    z-index: 2;
    top: 0;
}


/**************** nutrizione in pillole ********************/
.ricetta {
    float: left;
    width: 20vw;
    height: 20vw;
    margin: 2vw;
    border: 3px #198035 solid;
    border-radius: 2vw;
    overflow: hidden;
    position: relative;
}

.ricetta img {
    width: 100%;
}

.ricetta div.titolo {
    position: absolute;
    bottom: 3vw;
    width: 90%;
    padding: 0 5%;
    height: 3vh;
    line-height: 3vh;
    background: rgba(255,255,255,0.7);
}

.dettaglio_ricetta {
    padding: 2vw;
    border: 3px #198035 solid;
    border-radius: 2vw;
    overflow: hidden;
}

@media only screen and (orientation: landscape) {
    #scroller {  }
    #page {  }
    #icon_menu { display: none; }
}
@media only screen and (orientation: landscape) and (min-width:1441px) {
    #header { height: 10vh; }
    #logo { height: 4vh; margin-top: 0.5vh; }
    #menu ul { line-height: 5vh; }
    #menu ul li { padding: 0 0.5vw; }
    #scroller { height: 90vh; }
    #container { height: 90vh; margin: 10vh auto 0; }
    #page {  }
}

@media only screen and (orientation: portrait) {
	#bottom_banner ul {width: 85%; text-align: left; margin-left: 0; }
    #icon_menu { display: block; z-index: 10; position: fixed; width: 100%; height: 16vh; }
    #header { background-size: cover; width: 100%; }
    #menu { z-index: 5; }
    #menu ul li { display: none; width: 40%; background-color: #ffffff; font-size: 3vh; margin: 0; text-align: center; }
    #menu ul li.menu_item_selected { display: block; background-color: transparent; }

    #cuore { font-size: 2vh; width: 50%; float: left; margin-top: 20vh; }
    #cuore img { width: 90%; margin: 3vh 0 0 3vh; }
    #cuore p { margin: 4vh 0 0 4vh; }
    #ippocrate { width: 50%; float: right; text-align: center; font-size: 4.5vh; }

    #mappa { width: 100%; height: 45vh; }
    #recapiti { width: 96%; height: 22vh; padding: 0 3%; }
    #form { width: 96%; }
    #anteprima_container { width: 100% !important; }
    #anteprima { width: calc(95% - 17px) !important; }
    #multimedia { float: left !important; width: 100% !important; }
    #multimedia img { width: 15vw; }
    .evento img { width: 48vw; }

    .ricetta {width: 90vw; height: 90vw; }
}
@media only screen and (orientation: portrait) and (min-width:768px) {
    #recapiti { width: 40%; height: 12vh; float: left; padding: 0vh 3%; }
    #form { width: 48%; height: 35vh; float: right; padding: 0 3%; }
    #consenso_testo { font-size: 1vh; }
}