﻿
* {
	margin:0px;
}

	
	body {
 
margin:0 auto;
	width:100%;

	
	
}
.green{
	color:#0054a4;
}
.float-l{float:left}
.float-r{float:right}	
.body-color{
background-color:#dcdcdc
 }	
html {
 	margin:0 auto;

	height:100%;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
	font-size:13px;
	min-width:1180px!important;  
}
#header{
width:100%;
margin-top:0px;
min-width:1150px;
background-color:white;
 height:120px


}

.header-in{
	width:1100px; ; margin:0 auto
}



#wrapper {

margin:0 auto;
color:white;
font-family: "Trebuchet MS", "Trebuchet MS", sans-serif;
z-index:10;
background-color:white; 
background-image:url('../images/rep.png'); background-repeat:repeat;
 color:#474747; 
}

.wrapper-sub {
  background-color:white;
  width:1080px; margin:0 auto; padding:25px 25px 75px 25px; 
}

.lo{
bottom:0px; position: absolute; left:0px ; right:0px; 
}

.copyright a:link{ text-decoration: none;vertical-align:top; color:#dedede !important}
.copyright a:hover {text-decoration:underline; color:#d1cfcf!important }
.copyright a:visited{ text-decoration:  none; color:#dedede !important}
.copyright a:active{ text-decoration:  none;  }
.copyright{  
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
    font-size:11px;
    color:#3f8dbf;
	position: relative;
	margin-left:auto;
	margin-right:auto;	
    padding:8px 0px 5px 0px;  
    width:1100px; text-align:center
 
  
}	

 

 
.logo{
z-index:1000;
position:relative;
margin:26px 0px 0px 10px;

float:left; 

	 }


.low{
width:100%;
background-color:#112536;font-family:"Trebuchet MS";color:#bcbcbc;  

}

.low-in{
width:1065px; margin:0 auto;  background-image:url('../images/map.jpg'); background-repeat:no-repeat; background-position:0px 0px ; height:150px; 


}

#footer
{   
	width:100%;
   background-image:url('../images/footer.png'); background-repeat:repeat-x;
 	font-family:"Trebuchet MS";
    padding:0px 0px 0px 0px;
    z-index:1;
    color:white;
    z-index:1;
  height:30px;
 min-width:1100px;  

}	 

	.icons{list-style:none;   margin:15px 0px 0px 0px; }
	.icons ul li {list-style:none; float:left; margin:-3px 3px 0px 3px ;}
	

 
 .icons .facebook:hover {background-position:-23px 0px}
 .icons .youtube:hover {background-position:-23px -28px}
  .icons .tweeter:hover {background-position:-23px -56px}

.facebook{	background-image:url('../images/icons3.png') ; background-repeat:no-repeat; background-position:0px 0px; width:23px; height:23px; margin:5px;   }
.youtube{	background-image:url('../images/icons3.png') ; background-repeat:no-repeat; background-position:0px -28px; width:23px; height:23px; margin:5px; }
.tweeter{	background-image:url('../images/icons3.png') ; background-repeat:no-repeat; background-position:0px -56px; width:23px; height:23px; margin:5px; }



.clear {
	 clear:both;

 
}




.sep50{height:50px; display:block}
.sep40{height:40px; display:block}
.sep30{height:30px; display:block}
.sep25{height:25px; display:block}
.sep20{height:20px; display:block}
.sep15{height:15px; display:block}
.sep10{height:10px; display:block}
.sep5 {height:5px;; display:block}

.sep-w10 {width:10px; clear:both; }
.sep-w15 {width:17px;   }
.sep-w30 {width:30px}

.sep8 {margin-left:7px}

 .mar50{ margin:0px 0px 0px 80px;}




.scrollup {
  width: 52px;
  height: 52px;
  opacity: 1;
  position: fixed;
  bottom: 40px;
  right: 7px;
  display: none;
  text-indent: -9999px;
  background: url('../images/icon_top.png') no-repeat;
  z-index:1111;
  cursor:pointer;opacity:1 
  
  
}

.scrollup:hover {opacity:.7 }


.about{
	width:100%; height:110px; display:inline-table; padding:25px 0px 3px 0px;  min-width:1100px
}

.about a{color:#0054a3;text-decoration:underline}
.about a:hover{  color:#3f8dbf}

.about-in{
	width:1060px;   margin:0 auto;   color:#474747; font-family:"Trebuchet MS", sans-serif;  font-size:15px;  text-align:center;  
}

.sub-in{
	width:1060px;     color:#474747; font-family:"Trebuchet MS", sans-serif;  font-size:15px;  text-align:left;   margin:0 auto; 
}

.news-in{
	width:1060px;   margin:0 auto;   color:#474747; font-family:"Trebuchet MS", sans-serif;  font-size:15px;  text-align:left
}

h1{
	   position: relative;
  text-align: center; color:#0054a4	; line-height:1.6  
}

h1 span {
background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;  font-size:32px
        

}

h1:before {
  background: #0054a4;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h1:before {
  left: 0;
}

h2{
	   position: relative;
  text-align: center; color:white 
}

h2 span {
background: #0054a4;
  padding: 0 15px;
  position: relative;
  z-index: 1;  font-size:24px
        

}

h2:before {
  background: #acacac;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h2:before {
  left: 0;
} 
 

h3{
	 font-size:37px ; font-family: "Trebuchet MS"; color:#1f3f92; text-transform:uppercase;  margin:0 auto; width:510px; text-align:center
}

h4{
	 font-size:37px ; font-family: "Trebuchet MS"; color:#1f3f92; text-transform:uppercase;  margin:0 auto; width:1070px; text-align:center
}

 .top{
	 background-image:url('../images/slider-bg.png'); background-repeat:repeat; height:83px; width:100%; margin-top:-83px;   
    z-index:10 ;position: absolute; text-align:center; line-height:1.5; min-width:1180px;   } 

.top span{
	width:950px; color:white;  font-size:15px; margin:0 auto; margin-top:20px; display:inline-table; z-index:100
}

.cor1{
	 float:left; width:48px; height:46px; background-image:url('../images/cor-1.png'); background-repeat:no-repeat; position:relative; margin-top:-46px; z-index:111
}
.cor2{
	 float:right; width:48px; height:46px; background-image:url('../images/cor-2.png'); background-repeat:no-repeat; position:relative; margin-top:-46px; z-index:111
}

.cor3{
	 float:left; width:48px; height:46px; background-image:url('../images/cor-3.png'); background-repeat:no-repeat; position:relative; margin-top:0px; z-index:111
}
.cor4{
	 float:right; width:48px; height:46px; background-image:url('../images/cor-4.png'); background-repeat:no-repeat; position:relative; margin-top:0px; z-index:111
}



.about2{ padding:40px 0px 10px 20px; width:930px; margin:0 auto
}

	
.about2in{
	 margin:10px 0px 10px 50px; display:inline-table; width:550px; 
}

.img1{
	border:1px #1c3f95 solid; padding:1px
}

.img2{
	border:1px #1c3f95 solid; padding:1px; margin-right:20px
}


.sep{
	float:left; margin:3px 100px 0px 100px
}
.title0{
	color:#c6c4c4; font-size:20px;  line-height:1.5
}

.title1{
	color:#f7f7f7; font-size:22px;  line-height:1.5
}
.title2{
	color:#1c3f95; font-size:28px; text-align:left;
	
	  position: relative;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);line-height:1.1;

	ebkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  
  
  
 
}
.title2::after{
	position: absolute;
  content: "";
  background-color: #f7c51e;
  height: 3px;
  width: 30px;
  bottom: -1px;
  left: 0;
}

.title3{
	color: #333333;  font-size:16px;  font-weight:bold; line-height:1.5;   
}
.title3::before{
	 background-image:url('../images/cir.png'); background-repeat:no-repeat

;
 width:10px; height:10px; margin-left:0px;

  content: "";
       padding-left:13px;  background-position:0px 4px
}



.title4{
	color: #24598d;  font-size:28px;  font-weight:bold; line-height:1.6;  background-image: url('../images/news.jpg'); 
	 background-position:0px -2px ; padding:0px 0px 0px 50px; background-repeat:no-repeat ; height:37px;  
}
.title5{
	color: #24598d;  font-size:28px;  font-weight:bold; line-height:1.6;  background-image: url('../images/wheel.png'); 
	 background-position:0px 0px ; padding:3px 0px 3px 48px; background-repeat:no-repeat ; height:38px;   text-align:left; margin-bottom:20px
}
 .title6{
	color: #24598d;  font-size:26px;  font-weight:bold; line-height:1.6;  }
 
.title7{
	color: #24598d;  font-size:22px;  font-weight:bold; line-height:1.6;  background-image: url('../images/tit7.png'); 
	 background-position:0px 3px ; padding:0px 0px 0px 28px; background-repeat:no-repeat ; height:37px;  
}
.title8{
	color: #24598d;  font-size:18px;  font-weight:bold; line-height:1.6; 
		 background-position:0px 3px ; padding:0px 0px 0px 0px; background-repeat:no-repeat ; height:37px;  
}
 .title9{
	color: #24598d;  font-size:22px;  font-weight:bold; line-height:2.1;  }
 


.icon1{
	background-image:url('../images/icons.png');
	background-repeat:no-repeat;
	background-position:0px -1px;
	color:white!important;
	padding:0px 0px 0px 18px;

}
.icon2{
	background-image:url('../images/icons.png');
	background-repeat:no-repeat;
	background-position:0px -20px;
	color:white;
	padding:0px 0px 0px 20px;
	margin:2px 0px 0px 0px;
	display:inline-table
}


.icon2 a:link{ text-decoration: none;vertical-align:top; 	color:white;}
.icon2 a:hover {text-decoration:underline;	}
.icon2 a:visited{ text-decoration:none;	}
.icon2 a:active{ text-decoration:none;}


.icon3{
	background-image:url('../images/icons2.png');
	background-repeat:no-repeat;
	background-position:0px -1px;
	padding:0px 0px 0px 18px;
	display:block
}
.icon4{
	background-image:url('../images/icons2.png');
	background-repeat:no-repeat;
	background-position:0px -20px;
	padding:0px 0px 0px 20px;
	margin:10px 0px 0px 0px;
	display:inline-table;
	color:#0054a4
}

.icon4 a:link{ text-decoration: none;vertical-align:top; color:#0054a4	 }
.icon4 a:hover {text-decoration:underline;	}
.icon4 a:visited{ text-decoration:none;	}
.icon4 a:active{ text-decoration:none;}


.adre{
	 width:400px; float:left
}

.icon-m{ margin:0px 0px 0px 50px; display:inline-table
	
}

.row2{
	 color:#666666
}


    #map-canvas {
        width: 100%;
        height: 370px;
      }



.menu-sub{ 
	 font-size:14px; font-weight:bold;  color:#0054a4; text-transform:uppercase; padding:5px 5px 5px 5px; margin:-15px 0px 20px -5px;    
}

.menu-sub ul li a{ 
	 font-size:14px; font-weight:bold;  color:#0054a4; text-transform:uppercase;    text-decoration:none 
}

.menu-sub ul li a:hover{ 
	   color:#1c3f95; 
}

.menu-sub ul li{
	 float:left; padding:5px 10px 5px 10px;  list-style:none;  color:#0054a4
}




.clicked2{ background-color:#0054a4; 
	
} 
.clicked2 a{color:white!important}






.roll4 {
	background:url(../images/mag1.png) center center no-repeat #352c24;
	position:absolute;
width:150px;
height:104px;
	z-index: 10;
	 margin:2px 0px 0px 2px


}


.gal-g{
float:left;  margin:15px 17px 5px 27px;
	left:20px
}

.gal-img{
  border:1px #1c3f95 solid; padding:1px; margin-right:20px
}

.br{
	border:0px
}
.mid{
	background-color:#0054a4;


	padding:30px 10px 30px 10px
}

.mid-in{
	width:1060px;   margin:0 auto;   color:#fff; font-family:"Trebuchet MS", sans-serif;  font-size:14px;     margin-top:5px
}

.mid-in-in{
	width:328px; margin:30px 0px 0px 0px; font-size:14px; float:left
}
.mid-in-in a{color:white;text-decoration:underline}
.mid-in-in a:hover{  color:#3f8dbf}
.but1 {
	 float:right; background-color:#3f8dbf;   color:#fff; font-size:17px
}


.but1 a {
 text-decoration:none; color:#fff;padding:5px 10px 5px 10px; display:inline-table
}

.but1 :hover {
 background-color: #808080 ;   padding:5px 10px 5px 10px; color:#fff; font-size:17px

}
.con{
	margin:20px 0px 0px 0px; float:left
}

.con1{
	margin:20px 0px 0px 150px;  display:inline-table
}

.sub-img{
    width: 100%;
 height:315px;
 overflow: hidden;
 text-align: center;}
 


 .CropCenter {
 left: 50%;
  margin-left: -100%;
 position: relative;
 width: auto !important;
   }

.left{
	 width:750px; float:left
}
.img3{
	 margin:10px 0px 20px 0px; border:0px 
}
.b-style li{
	  background: url("../images/cir2.png") no-repeat left 3px;
    padding-left: 1em; list-style:none; margin:10px 0px 0px 7px
}
.b-style2 li{
	  background: url("../images/cir2.png") no-repeat left 3px;
    padding-left: 1.1em; list-style:none; margin:12px 0px 0px 5px;   
}

.b-style3 li{
	  background: url("../images/tit6.png") no-repeat left 3px;
    padding-left: 1em; list-style:none; margin:10px 0px 0px 7px;  font-size:18px
}

.b-style4 li{
	  background: url("../images/cir3.png") no-repeat left 3px;
    padding-left: 1em; list-style:none; margin:7px 0px 0px 5px;  font-size:14px
}






.right{
background-color:#ececec;
background-image:url('../images/right.jpg'); background-repeat:no-repeat;
height:100%;
width:255px;
float:left; margin:20px 0px 0px 30px;
padding:20px 10px 20px 15px
	
}

.email{

background-image:url('../images/email.png');
background-repeat:no-repeat;
width:266px;
height:30px;
margin:10px 0px 0px 0px;
font-size:13px;
padding:10px 10px 10px 10px
	
}

.email input {
background-color:white;
border: 0px solid;
height:22px;
width:180px;
color:#1f1813;
margin:2px 1px 5px 0px ; padding:3px
}

.email .btn{
background-image:url('../images/send2.png');
background-repeat:no-repeat;
height:30px;
width:37px;
position:absolute;
margin:0px 0px 0px 10px ;
}

.email  a:hover{
	opacity:.8
}

.phone{
	margin:-10px 0px 0px 104px;  position:relative
}

