@charset "utf-8";

/* CSS Document */

@media only screen and (max-width:1920px){
	
    #wrapper-out{ width:100%}

	
	
	}


@media only screen and (max-width:1100px){
	
    #wrapper-in{ width:100%}

    #image img {width: 100%; height: auto;}
    
    

	
	
	}

@media only screen and (max-width:900px){

    #nav-button {
        display: block;
        float: left;
        margin: 0% 4%;
        margin-bottom: 2%;
    }
    
    #menu{ display:none}
                
    #menu ul { width: 98%; margin-right: auto; margin-left: auto;}
            
     #menu ul ul{margin-left: 0px; padding: 0;}
                
            
    
    
    #nav-button {display: block; float:left; margin: 0% 4%; }
     
    #menu{ display:none; margin-top:5px; height:auto; /*background-image: url('../image/line.png');
         background-repeat: repeat-y; border-top: solid #939598 2px;*/ width: 94%;margin-left: auto;margin-right: auto;  }
    
    
    #nav ul { width:100%}
    
    
    
    
    
    
    #menu ul > li{
    
        
    
     width: 100%;
    
     display: block;
    
     text-align: left;
    
     
         
    
        margin-left: 0%;
        padding-left:0px;
        background-color: #DADBDC;
        border-top: #939598 2px solid;
        border-bottom: none;
        height:auto;
        vertical-align: bottom;
        background-image: none;
    
    
     }
     nav ul  li:hover  {background-image:none;}
     
    
    
    #menu ul ul {
    
        position: relative;
    
        width:100%;
        margin-left: 0%;
        margin-top: 0%;
        margin-bottom: 0%;
        top: 0px;
    
     }
    
     
    #menu ul ul ul{ margin-left:0%; margin-top:5%; margin-bottom:-2.5%; position:relative; width:100%;}
    
    #nav-button button{background: none;
    border: none;outline: none;}
    
    
    
    #menu li a, #menu li span { padding-left: 30px;display: inline-block;padding-top: 15px;padding-bottom: 15px; top: 0px;}

    #menu li.item-102 a,  #menu li.item-106 a {display: block;}
    
  
    #menu ul ul{
        box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
        
        }
        
    #menu ul ul li:last-child {border-bottom: solid #00B7E7 0px;}
        
    #menu li:hover,  #menu ul li.active{ background-image:none}
    
    
    #menu ul ul li{/*padding-left:20px;*/ width:100%; padding-left: 0; padding-top: 0px; background-color: #EFEFF0;
    padding-bottom: 0px; /*min-height:31px;*/}
        
    #menu ul ul li a{ padding-left:60px; display:block; top: 0px;}
        
           
        
    #menu ul ul ul li a{ padding-left:90px;}
        
    #menu ul ul ul li {padding-top: 16px;
    /*min-height: 31px;*/
    padding-bottom: 8px;}
        
        
    a.img-menu-res img{display: none; float:right;} 
        
    #menu li > .mobile-submenu  { display:none}
        
    #menu li.item-125 > .mobile-submenu, #menu li.item-131 > .mobile-submenu{display: block; float:right;  outline: none;   
        /*background-image: url('../images/arrow-thin.png') ;*/
        background-image: url('../images/thin-empty.png') ;
         background-repeat: no-repeat;
        height: 25px;
        width: 25px;
        background-color: #F1F1F300;
        border: none;
        margin-right:10%;
        margin-top: 1%;
            } 
        
    #menu li.parent > .mobile-submenu  {
        
        display: block; float:right;  outline: none;   
        /*background-image: url('../images/arrow-thin.png') ;*/
        background-image: url('../images/thin.png') ;
         background-repeat: no-repeat;
        height: 15px;
        width: 15px;
        background-color: #F1F1F300;
        border: none;
        margin-right:10%;
        margin-top: 15px;
        
        
        
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    
    
        .transform {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        
        
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    
    
    
    
        #menu li:hover > ul{ display:none;}
        
        #menu ul ul li, #menu ul ul li:first-child {border-top:#939598 2px solid;  border-bottom: none;}
        
        #menu ul li:hover, #menu ul li.active, #menu ul ul li:hover, #menu ul ul li.active {
        /*border-top: none;
        border-bottom: none;
        border-top: none;
        border-bottom: none;
        font-weight: normal;*/
        border-top: #939598 2px solid;
        border-bottom: none;
    }

    footer{width: 95%;}
    
    img.full{width:100%; height:auto;}


}

@media only screen and (max-width:767px){

        #content {display: block;float: none;width: 85%;min-height: 250px;margin: 40px auto;}

        #image {float: none;width: 330px;margin: 10px auto;}

        #content p.imgErga img{width:40%; height: auto; display: inline-block; margin-bottom: 2%; }

    }


@media only screen and (max-width:375px){

        #image {width: 95%;}

    }