/* ---------------------------------------------------
    SIDEBAR/Hamburger STYLE
----------------------------------------------------- */
#sidebar {
    width: 300px;
 /*   width: 250px;*/
    position: fixed;
    top: 0;
    left: -300px;
 /*   left: -250px;*/
    height: 100vh;
    z-index: 999;
    background: #ffffff;
    color: black;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar a, #sidebar a:hover, #sidebar a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
#sidebar.active {
    left: 0;
}

#dismiss {
/*    width: 35px;
    height: 35px;
    line-height: 35px;*/
    text-align: center;
    background: #ffffff;
/*    position: absolute;
    top: 10px;
    right: 10px;*/
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #ffffff;
    color: #c0c0c0;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 0px 20px 0px 20px; /* was 20px*/
    background: #ffffff;
}

#sidebar ul.components {
    padding: 0px 0px 20px 0px;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    text-align: left;
    padding: 10px;
    /*font-size: 1.1em;*/
    font-size: 18px;
    display: block;
}
#sidebar ul li a:hover {
    color: #000000;
    background: #c0c0c0;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #ffffff;
}

a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #ffffff;
}

#masthead 
{
    height: 105px;
}
#content {
    color: #000000;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
/* ---------------------------------------------------
    End sidebar/hamburger
----------------------------------------------------- */
.dataTables_filter
{
    font-size: 16px; 
    font-weight: bold;   
}

.dataTables_filter input
{
    font-size: 16px; 
    font-weight: bold;   
}
.sorting_disabled
{
    font-size: 16px; 
}

#example, #example_myco
{
    color: #336633;    
}

#example tr, #example_myco tr
{
    color: #336633;
    font-size: 20px;    
}
#example td
{
    padding: 5px 0px 5px 0px;
    width: 50%;
    min-width: 250px;
}
#example_myco td
{
    padding: 5px 0px 5px 0px;
}


#fotorama_filler
{
    width: 100%;
    height: 200px;   
}
#sponsor_content
{
    padding-top: 10px;
    width: 100%;
    float: left;
}
#sponsor_title
{
    width: 100%;
    float: left;
    font-size: 16pt;
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
}

.foto_year_current
{
    float:left;
    font-weight:bold;
    font-size: 14px;
    color:black;
    padding-right:4px;
}

.foto_year_other, .foto_year_other a, .foto_year_other a:link, .foto_year_other a:visited, .foto_year_other a:hover, .foto_year_other a:active
{
    float:left;
    font-size: 14px;
    padding-right:4px;
}
.event_item_current
{
    width: 100%;
    font-size: 14px;
    float:left;
    font-weight:bold;
    color:black;
}
.event_item, .event_item a, .event_item a:link, .event_item a:visited, .event_item a:hover, .event_item a:active
{
    width: 100%;
    font-size: 14px;
    float:left;
}
.events_show
{
    width:100%;
    display:block;
}
.events_hide
{
    width:100%;
    display:none;
}
#microscopia
{
}

#sinonimi
{
    vertical-align: top;
    font-size: 13px;
    width: 100%;
    border: 0px 0px 0px 0px;
    color: #336633;
}

#prev_home_next
{
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
#prev_home_next a:link, #prev_home_next a:visited, #prev_home_next a:hover, #prev_home_next a:active
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color: blue;
    font-weight: bold;
}

#bibliografia
{
    width: 100%;
    color: #336633;
    font-size: 13px;
    margin-right: 10px;
}
.bibliografia_names
{
    width: 100%;
    color: #336633;
    font-size: 16px;
    margin-right: 10px;
    font-weight: bold;
}
.bibliografia_lista
{
    width: 100%;
    color: #336633;
    font-size: 10px;
    margin-right: 10px;
}
.bibliografia_titolo
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 10px;
}
#checklist
{
    width: 100%;
    color: #336633;
    font-size: 13px;
    margin-right: 10px;
}
.checklist_titolo
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.checklist_divizione
{
    color:red;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
}

.checklist_lista
{
    color:black;
    text-align: left;
    font-size: 13px;
}
#glossario
{
    width: 100%;
    color: #336633;
    font-size: 13px;
    margin-right: 10px;
}
.glossario_titolo
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 48px;
}

#glossario_index
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}
#glossario_index a, #glossario_index a:link, #glossario_index a:visited, #glossario_index a:hover, #glossario_index a:active
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

#introduzione
{
    width: 100%;
    color: #336633;
    font-size: 13px;
    margin-right: 10px;
}

#consigli
{
    width: 100%;
    color: #336633;
    font-size: 13px;
    margin-right: 10px;
}
#consigli p
{
    text-align: justify;
}
#consigli ol li
{
    padding-bottom: 5px;
}

.consigli_titolo
{
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
}

#attivita
{
    width: 100%;
    color: #336633;
    font-size: 13px;
}

.attivita_titolo
{
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 20px;
}
#chi_siamo
{
    width: 100%;
    color: #336633;
    font-size: 13px;
}
#nostre_sociali
{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    font-style: italic;
  
}
.elenco_specie
{
    text-align: center;
    font-size: 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.elenco_specie a, .elenco_specie a:link, .elenco_specie a:visited, .elenco_specie a:hover, .elenco_specie a:active
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: blue;
    font-weight: bold;
}
.elenco_specie_inizio
{
    width: 10%;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.elenco_specie_inizio a, .elenco_specie_inizio a:link, .elenco_specie_inizio a:visited, .elenco_specie_inizio a:hover, .elenco_specie_inizio a:active
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: white;
}

.schede_web_title
{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    padding: 2px;
}

.schede_foto
{
    width: 10%;
    min-width: 250px;
    vertical-align: top;
}

.schede_descrizione
{
    width: 90%; 
    min-width: 200px; 
    vertical-align: top;
}

.web_title_left
{
    float: left;
    width: 3%;
    min-width: 14px;
}

.web_title_center
{
    float: left;
    width: 94%;
    text-align: center;
}
.web_title_right
{
    float: right;
    width: 3%;
    min-width: 14px;
}

.sponsor_cell
{
    height: 150px;
    width: 33%;
    float: left;
    padding-bottom: 20px;
}
.sponsor_cell img
{
    padding-bottom: 10px;
}
.sponsor_cell span
{
    font-size: 11pt;
    text-align: left;
    font-weight: bold;
}

.menu_item
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: yellow;
    font-weight: bold;
    line-height: 15px;
}
.menu_item a:link, .menu_item a:visited, .menu_item a:hover, .menu_item a:active
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: yellow;
    font-weight: bold;
    line-height: 15px;
}

.menu_section
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: white;
    font-weight: bold;
    line-height: 16px;
}
#foto_container
{
    width: 100%;
}
#main_img_container
{
    float:left;
    width:640px;
    padding-right:10px;
    padding-bottom:10px;
}
#main_img
{
    height:480px;
    width:640px;
    border:0;
}
#main_caption
{
    text-align:center;
}
#thumb_column
{
    float:left;
    width:260px;
}
#thumb_caption_0,#thumb_caption_1,#thumb_caption_2,#thumb_caption_3,#thumb_caption_4,
#thumb_caption_5,#thumb_caption_6,#thumb_caption_7,#thumb_caption_8,#thumb_caption_9
{
    display:none;
}

#thumb_img_0
{
    height:90px;
    width:120px;
    border: 2px solid red;
}
#thumb_img_1,#thumb_img_2,#thumb_img_3,#thumb_img_4,
#thumb_img_5,#thumb_img_6,#thumb_img_7,#thumb_img_8,#thumb_img_9
{
    height:90px;
    width:120px;
    border: 2px solid white;
}

#bk_thumb_img_0
{
    height:54px;
    width:72px;
    border: 2px solid red;
}
#bk_thumb_img_1,#bk_thumb_img_2,#bk_thumb_img_3,#bk_thumb_img_4,
#bk_thumb_img_5,#bk_thumb_img_6,#bk_thumb_img_7,#bk_thumb_img_8,#bk_thumb_img_9
{
    height:54px;
    width:72px;
    border: 2px solid white;
}

#thumb_div_0,#thumb_div_1,#thumb_div_2,#thumb_div_3,#thumb_div_4,
#thumb_div_5,#thumb_div_6,#thumb_div_7,#thumb_div_8,#thumb_div_9
{
    float:left;
    width:120px;
    padding-right:8px;
    padding-bottom:8px;
}
#no_fotos
{
    width: 100%;
}
/** above is new **/

#title_row
{
    width: 100%;
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
    padding-bottom: 2px;
}
#column1_container
{
    height: 365px;
    width: 400px;
    float: left;
    background: transparent;
}
#thumb_row
{
    height: 60px;
    float: left;
}

.thumb
{
    float: left;
    padding-right: 4px;
    background-color: white;
    border: 0px solid green;
}

.thumb_img
{
    height:54px;
    width:72px;
}
.breitenbach_row
{
    height: 100%;
    width: 100%;
    float: left;
    background: transparent;
}
.b_row
{
    height: 100%;
    width: 100%;
    float: left;
    background: transparent;
}
.b_row_title
{
    padding-left: 30px;
    padding-bottom: 2px;
    font-size: 10pt;
    font-weight: bold;
    width: 100%;
    float: left;
}

.b_foto
{
    /*height: 300px;
    width: 400px;*/
    float: left;
    border: solid red 1px;
    background: transparent;
}
.b_foto_img
{
    height: 100%;
    background-repeat: no-repeat; 
    overflow: hidden;
    z-index: 100;
}
.the_img
{
    overflow: hidden;
    z-index: 99;
    position:relative;
}
    
#breitenbach_foto
{
  /*  height: 300px;
    width: 400px;*/
    float: left;
    border: solid red 1px;
    background: transparent;
}
#breitenbach_foto_img
{
    height: 100%;
    background-repeat: no-repeat; 
    overflow: hidden;
}
#breitenbach_text1
{
    /*height: 330px;
    width: 347px;*/
    float: left;
    border: solid red 1px;
    background: transparent;
}

#breitenbach_text1_img
{
    height: 100%;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#breitenbach_text2
{
    height: 330px;
    width: 347px;
    float: left;
    border: solid green 1px;
    background: transparent; 
    overflow: hidden;
}

#breitenbach_text2_img
{
    height: 100%;
    width: 100%;
    float: left; 
    background-repeat: no-repeat; 
    overflow: hidden;
}

#breitenbach_text3
{
    height: 360px;
    width: 300px;
    float: left;
    border: solid red 1px;
    background: transparent; 
    overflow: hidden;
}

#breitenbach_text3_img
{
    height: 100%;
    width: 100%;
    float: left; 
    background-repeat: no-repeat; 
    overflow: hidden;
}

#foto_primary_v1
{
    height: 300px;
    width: 400px;
    float: left;
    border: solid red 0px;
    background: transparent;
    padding-bottom: 2px;
}
#foto_primary
{
    height: 330px;
    width: 400px;
    float: left;
    border: solid red 0px;
    background: transparent;
}
#foto_primary_img
{
    height: 100%;
    background-repeat: no-repeat; 
    overflow: hidden;
}

#text_primary
{
    height: 330px;
    width: 347px;
    float: left;
    border: solid red 1px;
    background: transparent;
}

#text_primary_img
{
    height: 100%;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    overflow: hidden;
}

#text_secondary
{
    height: 330px;
    width: 347px;
    float: left;
    border: solid green 1px;
    background: transparent; 
    overflow: hidden;
}

#text_secondary_img
{
    height: 100%;
    width: 100%;
    float: left; 
    background-repeat: no-repeat; 
    overflow: hidden;
}

#text_tertiary
{
    height: 360px;
    width: 300px;
    float: left;
    border: solid red 1px;
    background: transparent; 
    overflow: hidden;
}

#text_tertiary_img
{
    height: 100%;
    width: 100%;
    float: left; 
    background-repeat: no-repeat; 
    overflow: hidden;
}

/* end of new stuff */