body
{
    margin:0;
    font-family: 'Montserrat';
}
a{
    color:black;
    text-decoration: none;
}

.menu
{       
    text-align: center;   
}

.transparent
{    
    position: absolute;
    width: 100%;
    height: 600px;
    background-color:White;
    opacity:0.4; 
}

.risultati
{
    border-style:hidden;
}

#adminBar tbody
{
    width: 80%; 
    height: 40px; 
    background-color:LightBlue;
    text-align:center;
}

#adminBar tbody td:hover
{
    background-color: orange;    
}

.SlideBox
{
    position: relative;
    margin-left:15%;   
    margin-bottom:3%;
    border:0;  
  
}

.SlideHead
{
    width:25%;
    background-color:#93ACC9;        
    border-bottom: 1px solid black;
    text-align:center;
    color:black;
    padding:5px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.SlideContent
{
    text-align:center;
    width:80%;
    overflow:hidden;
    border:0;
}
.SlideContent div:hover
{
   background-color: #36577D;
   border-radius:15px;
   color: #ffd700;
}
.SlideContent div img:hover
{
   background-color: white;
   border-radius:50px;
  
}
.SlideContent div
{
    float:left;
    width:200px;
    height:65px;
    padding-top:10px;
    margin:10px;   
    padding:10px;

}
.GridResoconto
{
    background-color:InfoBackground;      
}

#header-title{
    background-color:#36577D;
    width:100%;
    height:auto;
    padding:30px 0 30px;
    text-transform: uppercase;
    position:relative;
    color:#FFD700;
}
#header-title h1{
    font-size: 18px;
    font-family: 'Montserrat';
    margin-left:50px;
}
#header-title a{
    text-decoration: none;
    color:#FFD700;
}
div.logincss{
    position: absolute;
    margin-left:93%;
    margin-top:25px;
    z-index: 99999;
    background-color: white;
    border-radius:30px;
    height:30px;
      }
div.ricerca{
    position: relative;
    width: 20%;
    margin-top:10px;
    margin-left:40%;
    }
#btnricerca{
    padding:12px 10px 12px;
    width:200px;
    border-radius:5px;
    border:0;
    cursor:pointer;
      }
#btnricerca:hover{
    background-color:#FFD700;
      }
input[type=text]#txtCerca {
    width: 20%;
    padding: 12px 20px;
    margin-top:30px;
    box-sizing: border-box;
    border: 2px solid Blue;
    border-radius: 4px;
  }
.btnclassic{
    width:17%;
    padding:13px;
    border-radius:5px;
    border:0;
    margin-top:10px;
    cursor:pointer;
    text-transform: uppercase;
    
}
.btnclassic:hover{
        background-color:#FFD700;
}
div.istruzioni{
    width:80%;
    background-color:#93ACC9;
    padding:15px;
    margin-left:10%;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
}
div#divElCat{
    position: relative;
    float:left;
    width:100%;
    margin-top:50px;
    background-color:#93ACC9;
}
div#OrdAlfa{
width:80%;
margin-left:10%;
margin-top:2%;
}
hr{
    border: 3px solid #FFD700;
    border-radius: 5px;
    width:80%;
}
div#footerDiv{
width:100%;
background-color: #36577D;
text-align: center;
}
div#richiestainfo{
    position: absolute;
    width:20%;
    text-align: left;
    margin-left:30px;
    margin-top:10px;
}
hr#footerhr{
    border: 2px solid #FFD700;
    border-radius: 5px;
    width:80%;
    margin-left:0px;
}
div#richiestainfo a{
    text-decoration: none;
    color:white;
}
div#richiestainfo a:hover{
    color:#FFD700;
}
div#footerDiv img{
width:15%;
padding:20px;
}

#ImageButton1{
    width:30%;
    position: relative;
}
  @media (min-width: 400px) {
      #ImageButton1{
          width:60%;
      }
      input[type=text]#txtCerca {
        width: 40%;
      }
      #btnricerca{
        width:200px;
        padding:12px 10px 12px;

  }
  @media (min-width: 1200px) {
    #ImageButton1{
        width:30%;
    }
    input[type=text]#txtCerca {
        width: 20%;
      }
}

.iframevideo{
margin-top:5%;
}