@charset "utf-8";
/* CSS Document */
.logo{
	background: url("../img/logo.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#banner {
    text-indent: -9999px;
	padding:0;
	margin:0;
}
img{
    max-width: 100%;
}
img {
    border: 0 none;
    vertical-align: middle;
}
.dtt{
	color:#113961;
}

@media all and (max-width: 45em) {
    .my-breakpoint .ui-block-a, 
    .my-breakpoint .ui-block-b, 
    .my-breakpoint .ui-block-c
 	{ 
      width: 100%; 
      float:none; 
    }
	.my-breakpoint .ui-block-d
 	{ 
      width: 30%; 
    }
	.my-breakpoint .ui-block-e
 	{ 
      width: 40%; 
    }
	.my-breakpoint .ui-block-f
 	{ 
      width: 60%;
	  float: left; 
    }
	
	.my-breakpoint .ui-block-h
 	{ 
      width: 28%;
	  float: left; 
    }
	
	.my-breakpoint .ui-block-g
 	{ 
      width: 12%;
	  float: left; 
    }
	.block-g-h1{
	height: 52px;
	}
	.block-g-h2{
	height: 35px;
	}
	img {
  		width:100%;
  		height:auto;
    }
	
 }
 
  @media all and (min-width: 55em) {
    .my-breakpoint.ui-grid-b .ui-block-a { width: 49.95%; }
    .my-breakpoint.ui-grid-b .ui-block-b, 
    .my-breakpoint.ui-grid-b .ui-block-c { width: 24.925%; }
	.my-breakpoint.ui-grid-b .ui-block-d{ width: 24.925%; }
	.my-breakpoint.ui-grid-b .ui-block-e { width:  84%; }
	
	.my-breakpoint.ui-grid-b .ui-block-f { width: 49.95%; }
	
	.my-breakpoint.ui-grid-b .ui-block-h
 	{ 
      width: 28%;
	  float: left; 
    }
	
	.my-breakpoint.ui-grid-b .ui-block-g
 	{ 
      width: 12%;
	  float: left; 
    }
  }
  
  #clear{
	  clear:both;
	  
  }
  .tcr{
	  text-align:center;
	  vertical-align:central;
  }