@charset "utf-8";

/* CSS Document */

.tit{ text-align:left; font-size:35px; color:#606060; }

#location { background: #fff; position:relative; top:0px; background: url("../images/location.jpg") center -50px no-repeat; }

#location .location_wrap { background: url("../images/location_wrap.png") center bottom no-repeat; text-align: center; padding-bottom:0px; padding-top:380px; }

#location .title { font-size: 40px; color: #ffffff; text-transform: uppercase;  line-height: 1; margin-bottom: 10px;  }

#location .to{ color: #ffffff; font-size:16px ;text-transform: uppercase; }

#location .to a { color: #ffffff; line-height:45px; }



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



}

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



 #location .location_wrap {  padding-top: 6.5%; }



 }

 

#main { width: 100%; max-width:1070px; margin: 30px  auto 0 auto; position: relative; color:#606060;  padding:20px 0px; min-height:600px }

@media screen and (max-width: 1200px){#main { padding:20px 0; margin-top:0px; width:95%} }

#MLcon { width: 22.41667%; float: right; }

#MLcon .title { font-size: 27px; color: #428bca; text-transform: capitalize; margin-bottom:8px; line-height: 1;  padding:15px 0 15px 0px;  }

#MLcon .aside > li { position: relative; }

#MLcon .aside > li > a { display: block;border-bottom:1px solid #ccc ; color: #606060; text-transform: capitalize; padding:5px 66px 5px 0px; margin-bottom: 8px; font-size:15px; }

#MLcon .aside > li .cc {background: #428bca; position: absolute; background: #428bca; color:428bca; border-radius:2px; color:#FFF; top:0;padding: 5px 56px 5px 10px; width:100%}

#MLcon .aside > li.selected > a, #MLcon .aside > li:hover > a { background: #428bca; color:428bca; border-radius:2px; color:#FFF; padding-left:10px }



#MLcon .aside > li > ul { position: absolute; right: 100%; top: 0; width: 100%; display: none; z-index:99; }

#MLcon .aside > li:hover > ul { display: block;   }

#MLcon .aside > li > ul > li > a {color: #fff;  margin-bottom: 1px;  display:block;  padding:5px 10px; background: #428bca; border-radius:2px; }

#MLcon .aside > li > ul > li:hover > a { background: #ff7900; color:428bca;  }



@media screen and (max-width: 920px) { #MLcon { width: 100%; float: none; }

  #MLcon .left_one { width: 48%; display: inline-block; vertical-align: top; }

  #MLcon .left_one ul > li > a { margin-bottom: 0; }

  #MLcon .left_one ul > li:hover ul { display: none; }

  #MLcon .aside > li:hover > ul{ display: none;}

  #MLcon .aside > li > ul{ position:relative; right:0 }

  #MLcon .aside > li > ul > li > a{ background:none; color: #606060;}

  #MLcon .aside > li > ul > li > a:hover{ color: #fff;}

}

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

	

	

	}

@media screen and (max-width: 660px) { #MLcon .left_one { width: 100%; margin-bottom: 25px; }

  #MLcon .left_one .title { margin-bottom: 5px; } }



#MRcon { width: 74.16667%; float: left; margin-bottom:20px;  }

.leftmenu {  padding:0; margin-bottom: 30px; margin-top:40px }

.leftmenu b { display: block; margin-bottom:20px }

.leftmenu li { word-wrap: break-word; color: #575554; padding: 0px 0; font-size:15px; line-height:20px; font-size:15px;  word-spacing:-3px }

.leftmenu li a { color: #575554; }



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

	#MRcon{ margin-top:20px}

#MRcon { width: 100%; float: none; margin-bottom: 20px; }

	  }

	  

.pages {  color: #1e3359;   float: left;    margin: 0;    padding: 8px 0;    text-align: left;    width: 100%;	 margin:20px 0}

.pages span {    background: #fff none repeat scroll 0 0;    border: 1px solid #cccccc;    color: #1e3359;   margin: 1px 3px;    padding: 2px 5px;   text-align: center;}

.pages span:hover {   background: #428bca none repeat scroll 0 0;   color: #fff;}





.contact {}

.contact #MLcon{ background:#FFF; border:1px solid #cfcac9;  float:left; text-align:center; width:30.4167%; font-size:15px; line-height:17px; padding:70px 0 }

.contact #MLcon .center{ width:70%; }

.contact #MLcon .name{ font-family:"calibrib.ttf"; color:#428bca; font-size:17px}

.contact #MLcon .center a{color:#606060}

.contact #MRcon{ float:right; width:66.1667% }



@media screen and (max-width: 920px) { .contact #MLcon{width: 100%; margin-bottom:20px}

.contact #MRcon{width: 100%}

}