body
{
    margin: 0px;
    /*font-size: 12px;*/
    /*background-color:#ecefef;*/
   /*font: normal 12px "Roboto",arial,sans-serif*/
   font-family: 'Roboto','Open Sans','Segoe UI';
   font-size:0.8em;
   height:100vh;
   overflow:hidden;
}
h1, h2, h3, h4 {
    font-family: 'Roboto','Open Sans','Segoe UI';
}
@media screen and (min-width: 0em) {
  

    .no-js {
        display: none;
    }

        .no-js .top-bar {
            display: none;
        }

  
}

img {border:none;}

.title-bar{
 background-color: #2494f2;
}
.top-bar, .top-bar ul{
        background-color: #2494f2;
        color:white;
}

.subnav {
    background-color: whitesmoke;
    border-bottom: solid 1px dimgray;
}
.subnav a{
    border-right:dotted 1px #a5a1a1;
    padding:10px; display:block;
    color:dimgray;
    font-weight:bold;
}
.subnav a:target{
    background-color:dimgray;
    color:white;
}
    .subnav .menu > li > a {
        color: dimgray;
        font-weight: bold;
    }

.menu > li > a {
    color: white;
    text-transform: uppercase;
    font-family: 'Segoe UI'
}
.is-dropdown-submenu{
    left:0;
    top:35px;
    border-left:dashed 1px silver;
}

    /*@media screen and (min-width: 0px)
{
    .left{
        /*height:10vh;*/
    /*overflow:hidden;
        
         height:10vh;
    }

  
    iframe, .iframe{
        height:90vh;
        border:solid blue;
        
    }
}*/
    iframe, .iframe {
    height: 90vh;
}

/*@media screen and (min-width: 768px)
{
    .left{
       height:92vh; 
    }

     iframe, .iframe{
        height:90vh;
        border:solid green;
        
    }
    
}

.left{
     background-color:black;
  text-align:center;
}*/


.icona{ padding:10px; display:block}
/*.left
{
    float: left;
    width: 13%;
    display: flexbox;
   
    height:88vh;
    clear:both;
    background-color: #272930;
  
   
}*/

    /*.left a
    {
       
        padding: 5px;
        display: block;
        
text-decoration:none;
text-align:center;
    clear:both;
    height:15px;
    color:whitesmoke;
    }
.left a img {border:none; float:right; margin-top:-10px;}*/
.right
{
    float: left;
    width: 87%;
    display: inline-block;
  
    
}

/*header
{
    display: block;
    height: 7vh;
    background-color: #2494f2;
    color: white;
}
@media screen and (max-width: 1150px)
{
     header {
          height: 87px;
     }
}*/

/*#Menu1 { margin-left:1%; margin-right:1%;  height:43px;}
nav
{
    display:block;
    height:47px;
 
    text-align: center;
  
    position:absolute;
    top:0px; left:19.3%;
    width:80%;
   
  
}

    nav a
    {
        display: inline-block;
        padding: 5px; padding-bottom:0px;
        color: white;
     height:30px; text-align:center
         ;
    padding-left:12px; padding-right:12px;
    }

        nav a:hover
        {
            background-color: white;
            color: red;
          
              display:inline-block;
              
        }

    /*#region name */


    /*nav ul {  list-style:none; margin:0px; padding:0px}*/


    .userinfo { padding:5px;   background-color:#3c3c3c; 
            color:white; display:inline-block; height:40px; position:absolute;
             right:10px; top:0px;
            width:11%;
           }
    .userinfo a {color:white}
    .userinfo a:hover{color:red}
    /*#endregion */

    /*nav ul li
    {
        padding-left: 7px;
    }*/




    /*@media screen and (max-width: 40em) {
  #nav li {
    /*width: 25%;
    
      width: 60%;
  display: block;
    
  }

    nav a{
     display:block; width:60%;
      background-color: #2494f2;
   }
      nav a:hover{
     display:block; width:90%;

   }
}*/
    /*nav ul li > a{
     text-decoration:none; padding-top:13px; vertical-align:bottom;
         background-color: #2494f2;
         display:block; width:auto;
    }*/

footer, .nav2
{
    clear: both;
    display: block;
    height: 5vh;
    background-color: #2494f2;
    width: 100%;
       /*box-shadow: 7px 2px 12px 9px silver;*/
       color:white;
       padding-top:5px; vertical-align:middle; text-align:center;
       position:absolute;
       bottom:0px;
}
footer a{
    color:white;
}
h4
{
    margin-left: 20px;
}
iframe  {border:none; width:100%;display:block; }

/* Forms*/
/*#region Forms */

/*input[type='text'],input[type='password']
{
    border: 1px solid gray;
}*/

/*#endregion */

.iconholder {
      margin-left: 60px;
    margin-right: -10px;
    position: relative;
}

.repnav{
    /*background-color:black;*/
    border-bottom:solid 1px #3c3c3c;
    padding:5px;
    text-transform: uppercase
}

/*scrollbar-base-color: #9999cc;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;*/