/* for dialog */
.ui-dialog-title{
    font-size: 15px  !important;
    color: #000000 !important;
}

.ui-dialog-titlebar {
    font-size: 80% !important;
}

.ui-dialog{font-size: 15px !important;
}

.GradientClass
{
overflow: hidden;    
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #9797AA),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #9797AA 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #9797AA 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #9797AA 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #9797AA 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #9797AA 0%, #FFFFFF 100%);
}


/*.tool {
    background: rgba(200, 54, 54, 0.5);
}

.zoompan {
    background: rgba(200, 54, 54, 0.5);
}

*/

     
#HorizontalBannerSmall {
	display: none;
}


.body1 {
	background-color:#269;
	background-image: linear-gradient(white 2px, transparent 2px),
	linear-gradient(90deg, white 2px, transparent 2px),
	linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
	linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
	background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px
}

@media screen and (max-width: 1024px) {
/* regole CSS */

#copyright {
	display: none;
}

#infogeom {
	display: none;	
}

}

@media screen and (max-width: 800px) {
/* regole CSS */

#HorizontalBanner {
	display: none;
}

#HorizontalBannerSmall {
	display: inline;
}

#tool {
	display: none;	
}

#panbottom {
	display: none;	
}

#pandx {
	display: none;	
}

#info {
	display: none;	
}

}

@media screen and (max-width: 500px) {
/* regole CSS */


#HorizontalBannerSmall {
	display: none;
}


}