@charset "utf-8";
/* CSS Document */

.clear{clear:both;}

.left_panel{float:left; width:30.30%}
.mid_panel{float:left;width:45.45%;}
.mid_panel1{float:left;width:65.65%;}
.right_panel{float:left; width:20.20%}
.pad_left{width:14%;}
.nav_pnl{height:505px; width:16%;}
.header_desktop{display:block;}
.header_mobile{display:none;}
.top_pad{height:50px;}
.mobile_nav{display:none;}
.logo{width:290px; height:120px; padding:25px 10px 5px 0px; text-align:right;}

@media only screen and (min-width :768px) and (max-width:1024px){
	img{max-width:100%; height:auto; width:100%;}
	
	.oneColFixCtr #container {width: 100%; background: #88afdd; margin: 0 auto; text-align: left;}
	
	.header_desktop{display:none;}
	.header_mobile{display:block;}
	
	.img_pnl{width:100%;}
	.top_pad{height:20px;}
	.logo{width:93%;height:auto;padding: 20px 3% 20px 3%;text-align: right;float: right;}
}
@media only screen and (max-width:767px) {
	img{max-width:100%; height:auto; width:100%;}
	.mobile_nav{display:block}
	.mobile_menu_main {display: block; position: absolute; right:45px; top:8px; border: 2px solid #0d7cc1; padding:0px; text-align: center;}
	.mobile_menu_main a {background: url(pictos/menu_icon.png) center 2px no-repeat transparent; display: block; width: 30px; padding: 28px 0px 0px 0px; font: bold 10px arial; color: #0d7cc1; text-decoration: none;}
	.oneColFixCtr #container {width: 100%; background: #88afdd; margin: 0 auto; text-align: left;}
	
	.header_desktop{display:none;}
	.header_mobile{display:block;}

	.main_menu{display:none;}
	.mm-ismenu {background: #a9c3e6 !important;}
	.mm-list {font: inherit; font-size: 15px !important; font-weight: bold !important;}
	.mm-list > li > a, .mm-list > li > span {color: #0d7cc1 !important; background: #a9c3e6 !important;}
	.mm-list a, .mm-list a{}
	.mm-list a, .mm-list a:hover {color: #000 !important; background-color: #d7e3f4 !important;}
	
	.pad_left{width:10%;}
	.nav_pnl{height:505px; width:20%;}
	.logo{width:93%;height:auto;padding:12px 3% 20px 3%;text-align: right;float: right;}
	.img_pnl{width:100%;}
	.top_pad{height:20px;}
}
@media only screen and (max-width:600px) {
	img{max-width:100%; height:auto; width:auto;}
	.header_mobile img{max-width:100%; height:auto; width:100%;}
	.logo{width:182px; height:67px; padding:12px 20px 22px 10px; text-align:right;float:left;}
	.nav_pnl {display:none;}
	.pad_left {width: 0%;}
	.left_panel {float: none; width:96%; padding:0px 2%;}
	.mid_panel {float: none; width: 100%;}
	.right_panel {float: none; width: 100%;}
	.mid_pad {width: 5%;}
	.center {align:center;}
	.header_mobile {display: block; text-align:center;}
	.top_pad {height: 0px;}
	.remove_height {height: 0px;}
	.bot_panel {height: 344px !important;}
	.panel_two {height: 0px}
	.top_down_pad{height: 200px; padding:20px 0px;}

}
@media only screen and (max-width:480px) {
	img{max-width:100%; height:auto; width:auto;}
	.header_mobile img{max-width:100%; height:auto; width:100%;}
	.mm-list > li > a, .mm-list > li > span {padding: 10px !important;}
	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {margin-left: 0px !important;}
	.mobile_menu_main {display: block; position: absolute; right: 15px; top: 15px; padding: 0px; text-align: center;}
	.mobile_menu_main a {background: url(pictos/menu_icon.png) center 2px no-repeat transparent; display: block; width: 30px; padding: 28px 0px 0px 0px; font: bold 10px arial; 
		color: #0d7cc1; text-decoration: none;}
	.nav_pnl {display:none;}
	.right_panel {}
	.last_pad{height:30px;}
	.logo {width: 182px; height: 80px; padding: 10px 0px; text-align: right;}
	.bot_panel {height: 300px !important;}
	.normal{padding:0px 0px 8px 0px;}
}