/* CSS Document */
/*html {
    background: url(img_flower.jpg) no-repeat center center fixed;
    background-size: cover;
}*/

@font-face {
   font-family: myFirstFont;
   src: url(../fonts/micross_0.ttf);
}
img{
	max-width:100%;
}
div, class {
  	font-family: myFirstFont;
	font-family:Arial, Helvetica, sans-serif;
}
body,html {
	font-size:13px;
	color:#333332;
	font-family: myFirstFont;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
    height: 100%;
}
html { overflow-y: hidden; }
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
	font-style:normal;
	font-family: myFirstFont;
	font-family:Arial, Helvetica, sans-serif;
	}
/*****************************************Font**********************************/


/*****************************************Link**********************************/
/* unvisited link */
a:link {
    color: #337ab7;
}

/* visited link */
a:visited {
    color: #337ab7;
}

/* mouse over link */
a:hover {
    color: #f3691e;
	cursor:pointer;
}

/* selected link */
a:active {
    color: #337ab7;
}
/*****************************************Webpage**********************************/
#container, #content, #footpage, #toppage{
	float:left;
	width:100%;
}
#toppage{
	height:84px;
}
#footpage{
	background:#333399;
	color:#fff;
	width:100%;
}
/*****************************************Content**********************************/
.logo{
	margin:17px 2% 8px 4% ;
	float:left;
}
.menu{
	float:left;
	/*width:78.9%;	*/
	width:75%;
}
.menu ul {
        list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 5%;
}
.menu ul li {
	font-family: myFirstFont;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	float:left;
	margin-right:1%;
	text-align:left;
	display:inline;
	padding-left:3.5%;
	padding-top:10px;
	height:34px;
	background:#FF0000;
}
.menu ul li a{
	text-decoration:none;
	color:#293e6a;
	font-weight:bold;	
}
.menu ul li a.active, .menu ul li a:active{
	 color: #f3691e;
}
.menu ul li a:hover{
	 color: #f3691e;
}
.copyright{
	margin:17px 0 12px 8% ;
}
.TitleBanner{
	
	float:left;
	width:94%;
	background:#fff url(../images/TittleSmallmenu_bg.jpg) repeat-y;
	padding:37px 0 37px 4% ;
}
.TitleBanner h1{
	color:#fff;
	font-size:3em;
	font-weight:normal;
	float:left;
	margin-right:2%;
     font-size:38px;
}
.TitleBanner h3{
	float:left;
	margin:16px 0px 0px 0px;
	font-weight:normal;
	font-style:italic;
	color:#1ba3e1;
    font-size:15px;
}
.SmallMenu{
	height:46px;
	width:100%;
	float:left;
	font-size:0.8em;
	color:#333332;
	background:#fff url(../images/bgSmallMenu.jpg) left bottom repeat-x;
}
.SmallMenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
	margin-left:8%;
}
.SmallMenu ul li.firstli{
	text-align:left;
	border-left-style:none;
}
.SmallMenu ul li {
	font-family: myFirstFont;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	float:left;
	padding:0px 15px;
	border-left-color:#1352a2;
	border-left-style:solid;
	border-left-width:1px;
	margin:10px 0px;
	text-align:center;
	display:inline;
}
.SmallMenu ul li a{
	text-decoration:none;
}
.SmallMenu ul li.active a, .SmallMenu ul li a:active{
	 color: #f3691e;
}
.SmallMenu ul li a:hover{
	 color: #f3691e;
}
.SmallMenuContent{
    float:left;
    width:100%;
    color:#333332;
    background:#f4f4f4;
}
.SmallMenuContent .SmallContent{
	float:left;
	width:84%;
	margin:20px 8% 30px 8%;
    display: none;
}
.SmallMenuContent .SmallContent.active{
    display: block;
}
.SmallMenuContent .SmallContent  p{
	float:left;
	margin-top:0px;
	text-align:justify;
	line-height:1.5em;
}
img.img_align{
	float:right;
	margin-top:0px;
	margin-left: 4%;
}
#offices{
	float:left;
	width:100%;
	background:#3366cc;
}
.officeTitle{
	float:left;
	height:42px;
	background:#fff;
	color:#f3691e;
	width:100%;
	margin-bottom:20px;
}
.officeTitle h3{
	font-weight:normal;
	margin:12px 0px 12px 8%;
}
.officesAddress{
	height:354px;
	background:#3366cc;
	color:#fff;
}
.officesAddress  .lineBranch{
	float:left;
	width:92%;
	margin-left:8%;
	margin-top:20px;
	margin-right:4%;
	margin-bottom:20px;
}
.officesAddress  .lineBranch .branch{
	float:left;
	margin-right:1%;
	width:32%;
}
.officesAddress  .lineBranch .branch img{
	float:left;
	margin-bottom:10px;
	margin-right:3%;
}
.officesAddress  .lineBranch .branch h3{ font-weight:bold; font-size:1.1em;}
.officesAddress  .lineBranch .branch h5{ font-weight:normal; font-size:0.9em; line-height:1.5em; }
.backdrop {
    filter: alpha(opacity=80);
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #eee;
    display: none;
}
.popup {
    position: fixed;
    top: 20px;
    left: 10%;
    width: 80%;
    background-color: #f4f4f4;
    display: none;
}
.popup .holderContentDetail {
   
}
.popup .contentDetail {
  
}
.popup .contentDetail h1{
    color:#f3691e;
    font-weight:normal;
}
.popup .contentDetail p{
    text-align:justify;
    font-size:1.1em;
    line-height:1.5em;
}
.popup .contentDetail img{
    float:right;
    margin:0px 0px 20px 20px;
}
.popup .SmallMenu{
    background:none;
    position:absolute;
    bottom:5px;
}
.popup .SmallMenu ul li a{
    font-weight:bold;
}
.popup .top-close {
    position: absolute;
    top: 20px;
    right: 10px;
}
.popup .bottom-close {
    position: absolute;
    bottom: 20px;
    right: 10px;
}
.popup .open-new-popup {
    width: 100%;
}
.popup .blur {
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.banner {
    position: relative;
    width: 100%;
}
.banner .cbp-bislideshow {
    position: absolute;
}