html, body {
    font-size: 100%; 
	/* background-color:#353C47;	*/
}

img {
    max-width:100%;
}

#wrap{
    float:left;
    position:relative;
    width:100%;
   /* margin:0 auto; */
}

 .subwrap{
    /* width:100%;*/
     margin:0 auto;    
 }

 header{
    width:100%;
    /*margin:0px auto; /* centra e stacca l'header dal top di 10px;*/
    /* min-height:120px; /* era 140 */
    float:left;
    position:relative;
}



#TopPaneL{
    float:left;
    position:relative; 
    width:100%;
   /* height:90px;   */
}

#logopane{
    position: relative;
    float: left;
    display:none;
	}

#titolopane{    
    position:relative;
    float:left;
    width:100%;
    /*min-height:90px;*/
    text-align:center;
}


/* #titolopane h2, #titolopane h3{display:inline;}*/

h1{ font-size:1.15rem; line-height:1.4rem;text-decoration:none;}
h2{ font-size:0.8 rem; font-weight:normal;line-height:1.35rem;}  /* era 1*/
h3{ font-size:0.8rem; font-weight:normal;line-height:1.05rem;}



#TopPaneR{
		float:left;
        position:relative; 
        display:none;
}

#toolpane {
    position: relative;
    float: left;
}

#searchpane {
    position: relative;
    float: left;
}



#NavPane{
    width:100%;
    float:left;
    padding:2px 0;
    position:relative;  
}

#BreadPane{display:none;}



/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/



section{
    width:100%;
    margin:0 auto;
    float:left;
    position:relative;
}


#dnn_CenterPane{
    width:100%;
    float:left;
    position:relative; 
    
    
}

#dnn_LeftPane{
    width:100%;  
    float:left;
    position:relative;   
}

#dnn_ContentPane, #dnn_ContentPaneBottom{
    width:100%;
    float:left;
    position:relative; 
    clear:both;   
}





#dnn_SliderPane{
    width:100%;
    float:left;
    position:relative; 
    clear:both;
    display:none;
}


#dnn_one, #dnn_two, #dnn_three, #dnn_four{
width:100%;
position:relative;
float:left;
}


#dnn_Xleft20{
width:100%;
position:relative;
float:left;

}

#dnn_Xrightright40{
width:100%;
position:relative;
float:left;
}



l#dnn_Xcontent40{
width:100%;
position:relative;
float:left;
}


#dnn_Xright40{
width:100%;

position:relative;
float:left;
}









#dnn_RightPane{
    width:100%;
    float:left;
    position:relative; 
    clear:right;
}


#dnn_LeftPane30{
    width:100%;
     float:left;
    position:relative; 
    clear:left;

}
#dnn_CenterPane70{
    width:100%;
     float:right;
    position:relative; 
  
}


#dnn_Albo30{
    width:100%;
     float:left;
    position:relative; 
   /* clear:left;*/

}
#dnn_Albo70{
    width:100%;
     float:left;
    position:relative;   
}


#dnn_CenterPane60{
    width:100%;
     float:left;
    position:relative; 
    clear:left;

}
#dnn_RightPane40{
    width:100%;
     float:left;
    position:relative; 
   
}

#dnn_PaneLeft{
    width:100%;
     float:left;
    position:relative; }
#dnn_PaneRight{
    width:100%;
     float:left;
    position:relative; }




/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/


footer{
    width:100%;
    margin:0 auto;   
    float:left;
	position:relative;
}


footer .Normal{
font-size:14px;
line-height:18px;
}


#FooterUp
 {
    width:100%;    
    float:left;
    position:relative;
    min-height:300px;

}

#FooterDown {
    float:left;
    position:relative;
    text-align:left;
    width:100%;
    line-height:1.3rem;
    /*font-size:0.8rem; */
}


#Flogos{
     display:none;
}


ul#menufooter li {
    display:block;
    padding-right:5px;    
}

ul#menufooter {
     margin:10px 0 0 20px;    
}

ul#menufooter a{
    text-decoration:none;
}

ul#menufooter li:last-child{
      /*font-size:0.7rem;*/
	  
      padding-top:1.5em;
      line-height:1.6rem;
}





.fbox{
    width:100%;
    line-height:1.3rem;
   /* font-size:0.8rem;*/
	font-size:1.2rem;
}

#dnn_footBox4 { 
    padding-top:10px;
}



#dnn_footBox4 h4{
    font-weight:normal;
    font-size:1.1rem;
    margin-bottom:3px;
 }


#dnn_footBox4 span{ 
    color:#FFF;
}

#dnn_footBox1 h4, #dnn_footBox2 h4, #dnn_footBox3 h4
{   
   font-weight:normal;
    font-size:1rem;
    margin-bottom:3px;
 }
    




/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------*/

/*MOSTRA SOLO IL TITOLO  - UN PO PIU GRANDE*/
@media only screen and (min-width: 481px) {



    h1{font-size:1.3rem;}
    h2{font-size:1.2rem;}
    h3{font-size:1rem;}

}

/* MOSTRA IL TITOLO E IL LOGO RIDOTTO*/
@media only screen and (min-width: 571px) {

    #titolopane {
        width:85%;       
        text-align:left;  
        font-weight:normal;            
}

     #titolopane h2, #titolopane h3{display:none;}	
	 h1 a:link{line-height: 90px;}  
	
    h1,h2,h3{padding-left:15px;}
    h3{font-size:0.9rem;}


    #logopane {
        background: url(/portals/_default/skins/education/images/Logo2.png);
        background-size:100%;
        background-repeat:no-repeat;
        background-position:center;
        width: 15%; 
        min-height: 95px;
        display: inline;
		
		/*background-color:yellow;*/
    }

}

/* fino a 1024*/
@media only screen and (min-width: 767px) {
 
     #TopPaneL {
	 width: 76%;
     }
        
     #logopane {
        background: url(/portals/_default/skins/education/images/Logo3.png);
        background-size:84%;
        background-repeat:no-repeat;
        background-position:left; /* ---------------------*/
        width: 33%; 
        min-height: 95px;     
        display: inline;
		/* background-color:yellow;*/
    }

     #titolopane {
        width:67%;       
        text-align:left;  
        font-weight:normal;
        /*padding-top:25px;*/
     }
   
  

     h3{font-size:0.8rem;margin-top:8px;}  /*margin top 4px */

     #TopPaneR{
        display: inline;
        width:24%;        
        height:95px;      
        /* margin-bottom:5px;      */
     }

    #toolpane{
        width:100%;
        text-align:right;
        margin:10px 3px 5px 0;
        font-size:0.9rem;
        text-decoration:none;    
    }

    .usercls{margin-right:6px;text-decoration:none;}
    .logincls{text-decoration:none;margin-right:6px;}

    #searchpane{
        position:relative;
        float:right;      
        text-align:right;     
        top:20px; 
        right:6px;
    }

    #searchpane input.NormalTextBox{
        width:130px;
        height:23px;
    }

  
    
     #BreadPane{
        width:100%;
        float:left;
       
        position:relative;
        display:inline;
        


    }
   
    
.myCrumbs{
      padding:4px;
      text-decoration:none;
  }

/*----------------- content ---------------------------------*/


#dnn_LeftPane{
    /* width:40%;  */
     width:100%;
}

#dnn_ContentPane{
    width:100%;
  
}



#dnn_SliderPane{
   display:inline;
}


#dnn_one, #dnn_four{
width:30%;
}

#dnn_two, #dnn_three{
width:70%;
}



#dnn_Xleft20{
width:25%;
}

#dnn_Xright40{
width:75%;
}

#dnn_Xrightright40{
width:100%;
}


#dnn_RightPane{
    width:100%;
  
    clear:right;
}



#dnn_LeftPane30{
    width:30%;
     float:left;
    position:relative; 
    clear:left;

}
#dnn_CenterPane70{
    width:70%;
     float:left;
    position:relative;   
}



#dnn_Albo30{
    width:30%;
     float:left;
    position:relative; 
    clear:left;

}
#dnn_Albo70{
    width:70%;
     float:right;
    position:relative;   
}


#dnn_CenterPane60{
    width:60%;
     float:left;
    position:relative;
    clear:left;

}
#dnn_RightPane40{
    width:40%;
     float:left;
    position:relative;    
}


#dnn_PaneLeft{
    width:50%;
     float:left;
    position:relative; 
}

#dnn_PaneRight{
    width:50%;
     float:left;
    position:relative;
}


/*------------------  footer ---------------------------------*/
.fbox{  
    width:33%;
    float:left;
    position:relative;  
    border-bottom:none;
}


#dnn_footBox4 { 
    width:100%;
   padding-top:0;
    }



    
#dnn_footBox4 span{ 
    color:#000;
}



  
#FooterDown {   
    height:55px;
    padding-top:5px; 
}

#Flogos{
    display:inline;
     float:left;
     position:relative;
     margin-left:4px;
}

#Fmenu{
     float:right;
     position:relative;   
     height:100%;
     font-size:0.7rem;
    
}



ul#menufooter li {
    display:inline;
    padding-right:5px;    
}

ul#menufooter {
   margin:30px 0 3px 20px; 
 
}

ul#menufooter a{
    text-decoration:none;
    color:#3B9FBF;
}

ul#menufooter li:last-child{
      font-size:0.6rem;
      padding-left:2.2em;
      line-height:1.1rem;
   
}








}

/*tweak*/
@media only screen and (min-width: 850px) {

	
	
 h3{font-size:0.9rem;}
  #searchpane input.NormalTextBox{width:145px;}

  .fbox{  
    width:24%;
    
}

#dnn_footBox4 { 
   width:25%;
   border-top:none;
 
}


}

@media only screen and (min-width: 950px) {
    #searchpane input.NormalTextBox {
        width: 180px;
    }

    h3{font-size:1rem;}


 


}


@media only screen and (min-width: 1025px) {

    .subwrap {
        width: 100%; /*era 90 */
    }

    header {
        margin: 0px auto; /* era 10px anzichè 0*/
        /* padding-top:10px; */
    }


    #TopPaneL {
        width: 75%;
    }

    #logopane {
        width: 30%;  
		background-size:75%; /* ------------------------------------- */
    }
    

    #titolopane {
        width: 70%;
    }



    #TopPaneR {
      width: 25%;      
    }

   

    h3 {
        font-size: 1rem;    
    }



    #toolpane {
        margin: 0;
        font-size:1rem;   
    }

   


     /*----------------- content ---------------------------------*/


#dnn_LeftPane{
    width:20%;  
    
}

#dnn_CenterPane{
    width:60%;
  
}

#dnn_RightPane{
    width:20%;
  
    clear:right;
}

#dnn_one{ 
width:20%;
}

#dnn_two{ 
width:30%;
}
#dnn_three{
 width:30%;
}

#dnn_four{
width:20%;
clear:right;
}

#dnn_Xleft20{
width:20%;
}

#dnn_Xright40{
width:40%;
}

#dnn_Xrightright40{
width:40%;
/*clear:right; */
}
*/
/*-----------------  end content ---------------------------------*/

    
.fbox{  
    width:20%;
}

#dnn_footBox4 { 
  /* width:38%;*/
   border-top:none;
 
}



}

@media only screen and (min-width: 1126px){
   
}

@media only screen and (min-width: 1281px) {

        .subwrap {width: 90%;} /*era 80 */

        #titolopane{ /*padding-top:20px;*/} /* era 10px */

          h1{font-size:1.6rem;}
          h2{font-size:1.5rem; }
          h3{font-size:1.1rem;}


    }


@media only screen and (min-width: 1367px) {

  
    }


@media only screen and (min-width: 1400px) {
      
          h1{font-size:1.7rem;}
          h2{font-size:1.7rem; }
          h3{font-size:1.2rem; }      
		  
          #logopane {
		  background-size:63%;
		  }
}


@media only screen and (min-width: 1680px) {

        .subwrap {
            width: 80%;  /* era 70 */
        }
    
       
    #logopane {
        background-size:60%;
		}
     }


@media only screen and (min-width: 1920px) {

        .subwrap {
            width: 80%;  /* era 70 */    
        }

    #logopane {
	background-size:54%;
	}

    }


@media only screen and (min-width: 2150px) {
     #logopane {background-size:46%;
	 
	 }
}

@media only screen and (min-width: 2540px) {
        .subwrap {
                  max-width:1920px;
        }
             #logopane {
			 background-size:45%;
			
			 }

    }