.sfondo_img {
    /* Location of the image */
    /*background-image: url(images/stelle_cometa.jpg);*/
    
    /* Background image is centered vertically and horizontally at all times */
    background-position: center center;
    
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    
    /* Background image is fixed in the viewport so that it doesn't move when
    the content's height is greater than the image's height */
    background-attachment: fixed;
    
    /* This is what makes the background image rescale based
    on the container's size */
    background-size: cover;
    
    /* Set a background color that will be displayed
    while the background image is loading */
    background-color: #2E2E2E;
   
      width: 100%;
      height: 100%;
    }
.sfondo_viste{
        /* Location of the image */
        /* background-image: url(images/stelle.jpg);*/
        
        /* Background image is centered vertically and horizontally at all times */
        background-position: center center;
        
        /* Background image doesn't tile */
        background-repeat: repeat;
        
        /* Background image is fixed in the viewport so that it doesn't move when
        the content's height is greater than the image's height */
        background-attachment: fixed;
        
        /* This is what makes the background image rescale based
        on the container's size */
        background-size: cover;
        
        /* Set a background color that will be displayed
        while the background image is loading */
        background-color: #2E2E2E;
        
          width: 100%;
          height: 100%;
        }
                   
.topbar{
  
    width:100%;
    height:800px;
}
.topbar_sub{
    width: 100%;
    margin: 1% auto 1% auto;
    
    text-align: center;
    background-color: #000000;
    padding: 1px 1px 15px 1px;
    border: solid 1px yellow;
   
    height:800px;
}
.topbar_viste{
  
    width: 90%;
    margin: 1% 5% 1% 5%;
  
}
.topbar-section{
   
    width: 100%;
    margin: 1% 19% 1% 9%;
    height:50px;
}
.topbar_top{
    width: 100%;
    margin: 1% auto 1% auto;
    height: 80px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-size: large;
    font-weight: normal;
    background-color: #1cd632;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #037044;
    color: #ffffff;
    padding: 1px 1px 15px 1px;
}
.topbar_top_sub{
    width: 99%;
    margin: -1% auto 1% 0;
    height: 100px;
    text-align: center;
    background-color: #000000;
    padding: 1px 1px 15px 1px;
    border: solid 1px black;
}
.topbar_top_bottom{
    width: 100%;
    margin: 0 0 580px 0;
    height: 220px;
    text-align: center;
    background-color: #848484;
    padding: 1px 1px 15px 1px;
    border: solid 1px yellow;
}
.topbar_lang{
    width: 20%;
    margin: 0% 80% 1% 1%;
    height: 40%;
    font-family: 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size: large;
    background-color: #1cd632;
    border-radius: 0px;
    padding: 1px 1px 1px 1px;
}
#schema{
  margin-top: 10px;
  padding: 25px;
  margin-top: 0;
 
}
.menu_index2{
    margin: 5% -30% 0% 0%;
   
    width: 120%;
    height: 40px;
    font-weight: normal;
    font-size: large;
    padding:1% -10% 1% 1%;
}
.menu{
    margin: -3% -30% 0% 0%;
   
    width: 120%;
    height: 40px;
    font-weight: normal;
    font-size: large;
    padding:1% 0% 1% 1%;
}

.int_attiv{
    background-color:  #1cd632;
    color: #A23108;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 1px solid brown;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #333333;
}
.sub_menu_attiv{
   
    margin: 2% 2% -2% 14%;
    font-weight: normal;
    font-size: large;
    color: brown;
    width: 70%;
    padding:1% 0% 1% 8%;

}
.sub_menu_input{
  
    margin: 2% 30% 0% 2%;
    height:400px;
    font-weight: normal;
    font-size: large;
    color: #1cd632;;
    float: right;
   
}
.sub_menu_viste{
  
    margin: 2% 2% -2% 18%;
    font-weight: normal;
    font-size: large;
    color: brown;
    width:90%;
    padding:1% 0% 1% 1%;
}
.sub_menu_ele{
   
    margin: 1% 20% 0% 3%;
    float: right;
    font-weight: normal;
    font-size: large;
    color: #1cd632;
    padding-left: 18%;
}
.sub_menu_ele_submit{
    color:#1cd632;
    margin: 1% 20% 0% 34%;
    float: right;
    padding-left: 0%;
}
.box{
    width: 36px;
}
.box_m{
    width: 60px;
}
.to_rigth{
    margin-top: 0px;
    padding: 0px 1px 0px 55%;
    font-weight: normal;
    font-size: large;
    color: #ffffff;
}
.to_rigth_big{
    margin-left:-5%;
    margin: top 1%;
    padding: 0px 0px 0px 0%;
    font-weight: normal;
    font-size: large;
    color: #ffffff;
}
.to_rigth_ele{
    margin: 1% 0% 1% 0%;
    padding: 0% 0% 0% 10%; 
    
}
.box_output{
    
    margin: 0% -24% 0% 51%;
    height:400px;
    font-weight: normal;
    font-size: large;
    color: #ffffff;

}
.box_output_note{
    
    margin: -46% -24% 0% 51%;
    height:400px;
    font-weight: normal;
    font-size: large;
    color: #ffffff;

}
.box_output_viste{
    
  
    margin-left: 0%;
    margin-right: 0%;
    font-weight: normal;
    font-size: large;
    color:#ffffff;

}
.box_menu_viste{
    
    margin-left: 20%;
    margin-right: -0%;
    font-weight: normal;
    font-size: large;
    color:#ffffff;

}
.box_output_viste_pag{
    margin-top: -30%;
    margin-left: -20%;
    margin-right: 20%;
    font-weight: normal;
    font-size: large;
    color:#ffffff;

}
.box_input{
   
    width: 60%;
    margin: -5% 1% 1% 45%;
    height: 480px;

}
.box_input_sx{
  
    width: 45%;
    margin: -55% 40% 1% 0%;
    height: 480px;

}
.sx_to_rigth{
    margin-top: 0px;
    padding: 0px 1px 0px 5%;
    font-weight: normal;
    font-size: large;
    color: #ffffff;
}
.submit_rigth{
    padding: 1% 0% 1% 80%;
    
}
a:link, a:visited {
    background-color: #1cd632;
    color:black;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 1px solid brown;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #333333;
  }
  
  a:hover, a:active {
    background-color: #F6B93F;
  }
  table{
    border-collapse: collapse;
  }
  tr:nth-child(even) {
    background-color:  #666666;
  }
  #bott_en {
    width: 3%;
    height: 2%;
    
    background-image: url('images/bott_en.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #060000;
  }
  #bott_es {
    width: 3%;
    height: 2%;
    
    background-image: url('images/bott_es.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #060000;
  }
  #bott_fr {
    width: 3%;
    height: 2%;
    
    background-image: url('images/bott_fr.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #060000;
  }
  #bott_it {
    width: 3%;
    height: 2%;
    
    background-image: url('images/bott_it.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #060000;
  } 
  .testo_bianco{
    color:#ffffff;
  }
  .pagination {
  
	list-style-type: none;
	padding: 0 0 0 35%;
	display: inline-flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.pagination li {
	box-sizing: border-box;
	padding-right: 10px;
}
.pagination li a {
	box-sizing: border-box;
	background-color: #e2e6e6;
	padding: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #616872;
	border-radius: 4px;
}
.pagination li a:hover {
	background-color: #d4dada;
}
.pagination .next a, .pagination .prev a {
	text-transform: uppercase;
	font-size: 12px;
}
.pagination .currentpage a {
	background-color: #518acb;
	color: #fff;
}
.pagination .currentpage a:hover {
	background-color: #518acb;
}